@charset "UTF-8";
/*======================================헬퍼&유틸======================================*/
/*======================================헬퍼&유틸======================================*/
/*======================================헬퍼&유틸======================================*/
.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: 1200px) {
  .only-tablet {
    display: none !important;
  }
}

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

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

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

/*======================================헬퍼&유틸======================================*/
/* 효과 */
.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 {
  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 {
  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;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
  -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%;
}

:root {
  --primary_text: #DC116B;
}

/* 공통 헤더 - 중단점 768, 1280, 1300 */
.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  background: #111;
}
.header-wrap .header-lg {
  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;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 896px) {
  .header-wrap .header-lg {
    display: none !important;
  }
}
.header-wrap .header-lg .logo {
  -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-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.header-wrap .header-lg .logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 40px;
  text-decoration: none;
}
@media (min-width: 897px) and (max-width: 1280px) {
  .header-wrap .header-lg .logo a {
    padding: 16px 30px;
  }
}
.header-wrap .header-lg .logo a img {
  width: 133px;
  height: 34px;
}
.header-wrap .header-lg .gnb {
  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;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
}
.header-wrap .header-lg .gnb .depth1 {
  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;
  gap: 70px;
  list-style: none;
  height: 67px;
  padding: 0;
  margin: 0;
}
@media (min-width: 897px) and (max-width: 1080px) {
  .header-wrap .header-lg .gnb .depth1 {
    gap: 40px;
  }
}
@media (min-width: 1081px) and (max-width: 1279px) {
  .header-wrap .header-lg .gnb .depth1 {
    gap: 50px;
  }
}
.header-wrap .header-lg .gnb .depth1 .depth1-item:hover, .header-wrap .header-lg .gnb .depth1 .depth1-item:focus, .header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link[aria-current=page] {
  color: var(--primary_text);
}
.header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  color: #FFF;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
.header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link[aria-current=page], .header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link:hover, .header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link:focus {
  color: var(--primary_text);
}
.header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link.is-active + .depth2 {
  opacity: 1;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.header-wrap .header-lg .gnb .depth1 .depth1-item .depth1-link.is-active + .depth2 .depth2-link {
  pointer-events: auto;
}
.header-wrap .header-lg .gnb .depth1 .depth1-item.is-active > .depth1-link {
  color: var(--primary_text);
}
.header-wrap .header-lg .gnb .depth2 {
  position: absolute;
  top: 67px;
  left: 0;
  width: 100%;
  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;
  background: #F5F8FA;
  opacity: 0;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
          clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-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;
  padding: 15px 30px 17px;
  white-space: nowrap;
  color: #575765;
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: capitalize;
  text-decoration: none;
  pointer-events: none;
  outline-offset: -4px;
}
.header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-link::after {
  content: attr(data-text);
  font-weight: 700;
  visibility: hidden;
  display: block;
  height: 0;
  color: transparent;
  overflow: hidden;
  pointer-events: none;
}
.header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-link[aria-current=page], .header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-link:hover, .header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-link:focus {
  font-weight: 600;
  color: var(--primary_text);
}
.header-wrap .header-lg .gnb .depth1 .depth1-item a.active,
.header-wrap .header-lg .gnb .depth2 .depth2-item .depth2-link a.active {
  color: var(--primary_text);
}
.header-wrap .header-lg .util {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 193px;
  padding: 19px 40px 18px;
  margin-left: auto;
}
@media (min-width: 897px) and (max-width: 1279px) {
  .header-wrap .header-lg .util {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 30px;
  }
}
.header-wrap .header-lg .util .link-login {
  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: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 30px;
  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-decoration: none;
}
.header-wrap .header-sm {
  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;
  border-bottom: 1px solid rgba(228, 228, 228, 0.3);
}
@media (min-width: 897px) {
  .header-wrap .header-sm {
    display: none !important;
  }
}
.header-wrap .header-sm .logo {
  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-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.header-wrap .header-sm .logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px 15px;
  text-decoration: none;
}
.header-wrap .header-sm .logo a img {
  width: 94px;
  height: 24px;
}
.header-wrap .header-sm .btn-menu {
  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: 64px;
  height: 55px;
  border: 0;
  padding: 0;
  margin: 0;
}
.header-wrap .header-sm .side-menu {
  width: 280px;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: -webkit-transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2), -webkit-transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (min-width: 768px) and (max-width: 1279px) {
  .header-wrap .header-sm .side-menu {
    width: 580px;
  }
}
.header-wrap .header-sm .side-menu .side-header {
  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: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 56px;
}
.header-wrap .header-sm .side-menu .side-header .util {
  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: 66px;
  height: 32px;
  border: 1px solid #9B9B9B;
}
.header-wrap .header-sm .side-menu .side-header .util .link-login {
  color: #151514;
  text-align: center;
  font-family: Pretendard;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
.header-wrap .header-sm .side-menu .side-header .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;
  width: 64px;
  height: 55px;
  border: 0;
  padding: 0;
  margin: 0;
}
.header-wrap .header-sm .side-menu .side-body {
  padding: 0 40px 117px;
  overflow: auto;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 {
  padding: 0;
  margin: 0;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-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: 24px 0 28px 0;
  border-bottom: 1px solid #666;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item .depth1-link {
  color: #151514;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-decoration: none;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item .depth1-link.active {
  color: var(--primary_text);
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item .depth2 {
  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;
  padding: 0;
  margin: 16px 0 0;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item .depth2 .depth2-item .depth2-link {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration: none;
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item .depth2 .depth2-item .depth2-link.active {
  color: var(--primary_text);
}
.header-wrap .header-sm .side-menu .side-body .gnb .depth1 .depth1-item:not(.has-dep) .depth2 {
  display: none;
}

@media (max-width: 767px) {
  .main-container {
    padding: 96px 0 120px;
  }
}
@media (min-width: 768px) {
  .main-container {
    padding: 167px 0 120px;
  }
}

/* 공통 푸터 */
.footer-wrap {
  position: relative;
  background: #151514;
}
@media (max-width: 767px) {
  .footer-wrap {
    padding: 48px 0 56px;
  }
}
@media (min-width: 768px) {
  .footer-wrap {
    padding: 80px 0;
  }
}
.footer-wrap .inner {
  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-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: 25px;
  font-size: 14px;
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .footer-wrap .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .footer-wrap .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .footer-wrap .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 1280px) {
  .footer-wrap .inner {
    -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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 168px;
    font-size: 12px;
    color: var(--gr_600, #7D7B79);
  }
}
.footer-wrap .inner .footer-logo {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-decoration: none;
  width: 130px;
}
@media (min-width: 1280px) {
  .footer-wrap .inner .footer-logo {
    width: 110px;
  }
}
.footer-wrap .inner .footer-logo .img {
  max-width: 100%;
}
.footer-wrap .inner .info-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;
  width: 100%;
}
@media (max-width: 1279px) {
  .footer-wrap .inner .info-group .upper-cont {
    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: 40px;
  }
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont {
    display: grid;
    grid-template-columns: auto auto;
    -webkit-box-align: end;
    -webkit-align-items: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.footer-wrap .inner .info-group .upper-cont .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: 20px;
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .contact-group {
    gap: 12px;
  }
}
.footer-wrap .inner .info-group .upper-cont .contact-group .address {
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .contact-group .address {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: var(--gr_600, #7D7B79);
  }
}
.footer-wrap .inner .info-group .upper-cont .contact-group .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;
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .contact-group .link-group {
    -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;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) and (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .contact-group .link-group .bar {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1px;
    height: 8px;
    margin: 0 24px;
    background: var(--gr_700, #686665);
  }
}
.footer-wrap .inner .info-group .upper-cont .contact-group .link-group .link {
  text-decoration: none;
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-style: normal;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .contact-group .link-group .link {
    font-size: 12px;
    font-weight: 500;
    line-height: 120.059%; /* 14.407px */
    color: var(--gr_600, #7D7B79);
  }
}
.footer-wrap .inner .info-group .upper-cont .policy-group .link {
  text-decoration: none;
  color: var(--gr_400, #C5C3C1);
  font-family: Pretendard;
  font-style: normal;
}
@media (max-width: 767px) {
  .footer-wrap .inner .info-group .upper-cont .policy-group .link {
    font-size: 14px;
    font-weight: 600;
    line-height: 120%; /* 16.8px */
  }
}
@media (min-width: 768px) {
  .footer-wrap .inner .info-group .upper-cont .policy-group .link {
    font-size: 12px;
    font-weight: 400;
    line-height: 120.059%; /* 14.407px */
  }
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .upper-cont .policy-group .link {
    color: var(--gr_600, #7D7B79);
  }
}
.footer-wrap .inner .info-group .under-cont .copyright-group {
  margin-top: 16px;
  border-top: 1px solid #686665;
  padding-top: 16px;
  color: var(--gr_400, #C5C3C1);
  font-size: 14px;
  font-weight: 300;
  line-height: 16px; /* 114.286% */
  font-family: Pretendard;
  font-style: normal;
}
@media (min-width: 768px) {
  .footer-wrap .inner .info-group .under-cont .copyright-group {
    font-size: 12px;
    font-weight: 400;
    line-height: 120.059%; /* 14.407px */
  }
}
@media (min-width: 1280px) {
  .footer-wrap .inner .info-group .under-cont .copyright-group {
    color: var(--gr_600, #7D7B79);
  }
}

/* 공통 요소 */
section > .inner {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  section > .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  section > .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  section > .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.page-header {
  margin-bottom: 40px;
}
.page-header .inner {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-header .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .page-header .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .page-header .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .page-header {
    margin-bottom: 60px;
  }
}
.page-header.long-margin {
  margin-bottom: 68px;
}
@media (min-width: 768px) {
  .page-header.long-margin {
    margin-bottom: 88px;
  }
}

.section-title {
  color: #151514;
  font-family: Pretendard;
  font-size: 72px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; /* 72px */
}
@media (max-width: 767px) {
  .section-title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .section-title {
    font-size: 48px;
  }
}
.section-desc {
  color: #151514;
  font-family: Pretendard;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 30px */
}
@media (max-width: 767px) {
  .section-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .section-desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
  }
}

.btn {
  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: 48px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 0;
  padding: 16px 32px;
  margin: 0;
  color: #222;
  text-align: center;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn {
    gap: 16px;
    padding: 15px 20px 15px 16px;
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .btn {
    gap: 32px;
    padding: 14px 32px 15px;
    font-size: 18px;
  }
}
@media (min-width: 1280px) {
  .btn {
    gap: 48px;
    font-size: 20px;
  }
}
.btn:hover, .btn:focus {
  text-decoration: underline;
}
.btn.btn-light {
  background: #FFF;
}
.btn.btn-strong {
  padding: 9px 58px;
  border: 2px solid var(--primary_text);
  white-space: nowrap;
  color: var(--primary_text);
  font-family: Pretendard;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 150% */
}

.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;
}
@media (min-width: 768px) {
  .pagination {
    gap: 4px;
  }
}
.pagination .page-item .page-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}
.pagination .page-item .page-link:not(.prev, .next) {
  width: 48px;
  height: 48px;
  -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-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: #8C8C8C;
  text-align: center;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 700;
  line-height: 20px; /* 100% */
}
@media (max-width: 767px) {
  .pagination .page-item .page-link:not(.prev, .next) {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .pagination .page-item .page-link:not(.prev, .next) {
    font-size: 20px;
  }
}
.pagination .page-item .page-link.active {
  color: var(--primary_text);
  pointer-events: none;
}
@media (min-width: 768px) {
  .pagination .page-item .page-link.prev {
    margin-right: 12px;
  }
}
@media (min-width: 768px) {
  .pagination .page-item .page-link.next {
    margin-left: 12px;
  }
}
.pagination .page-item .page-link[disabled] {
  pointer-events: none;
}

.accordion-button {
  position: relative;
  overflow-anchor: none;
}
.accordion-button:not(.collapsed) {
  -webkit-transition: background 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: background 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: background 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.accordion-button:not(.collapsed)::before {
  opacity: 0;
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.accordion-button::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 35px;
  right: 49.75px;
  width: 2px;
  height: 17px;
  background-color: #333;
  pointer-events: none;
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (max-width: 767px) {
  .accordion-button::before {
    top: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .accordion-button::before {
    top: 25px;
  }
}
.accordion-button::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 42.5px;
  right: 42px;
  width: 17px;
  height: 2px;
  background-color: #333;
  pointer-events: none;
}
@media (max-width: 767px) {
  .accordion-button::after {
    top: 31.5px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .accordion-button::after {
    top: 32.5px;
  }
}

.ly-modal .modal-dialog {
  max-width: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  margin: 28px auto;
}
.ly-modal .modal-dialog .modal-content {
  position: relative;
}
.ly-modal .modal-dialog .modal-content.index-notice-modal {
  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: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  min-width: 332px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  padding: 6px;
  color: var(--gr_900, #272624);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  line-height: 140%; /* 19.6px */
  background: -webkit-linear-gradient(303deg, rgb(42, 123, 155) 0%, rgb(231, 212, 221) 0%, rgb(198, 16, 101) 100%);
  background: -moz-linear-gradient(303deg, rgb(42, 123, 155) 0%, rgb(231, 212, 221) 0%, rgb(198, 16, 101) 100%);
  background: linear-gradient(147deg, rgb(42, 123, 155) 0%, rgb(231, 212, 221) 0%, rgb(198, 16, 101) 100%);
}
.ly-modal .modal-dialog .modal-content.index-notice-modal img {
  max-width: 100%;
}
.ly-modal .modal-dialog .modal-content.index-notice-modal .modal-inner {
  background: #FFF;
}
.ly-modal .modal-dialog .modal-content.index-notice-modal .modal-inner .modal-body {
  padding: 40px 36px;
}
.ly-modal .modal-dialog .modal-content.index-notice-modal .modal-inner .modal-footer {
  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.index-notice-modal .modal-inner .modal-footer .checkbox-group .checkbox {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.ly-modal .modal-dialog .modal-content.index-notice-modal .modal-inner .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.index-notice-modal .modal-inner .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.index-notice-modal .modal-inner .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.index-notice-modal .modal-inner .modal-footer .btn-close {
  padding: 12px 12px;
  border: none;
  margin: 0;
  color: var(--gr_900, #272624);
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  line-height: 120%;
}

.result-empty {
  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-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 37px;
  border-top: 3px solid #333;
}
@media (max-width: 767px) {
  .result-empty {
    min-height: -webkit-calc(100vh - 655px);
    min-height: -moz-calc(100vh - 655px);
    min-height: calc(100vh - 655px);
  }
}
@media (min-width: 768px) {
  .result-empty {
    min-height: -webkit-calc(100vh - 645px);
    min-height: -moz-calc(100vh - 645px);
    min-height: calc(100vh - 645px);
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .result-empty {
    min-height: -webkit-calc(100vh - 790px);
    min-height: -moz-calc(100vh - 790px);
    min-height: calc(100vh - 790px);
  }
}
.result-empty p {
  color: #333;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
}

/*======================================개별 페이지======================================*/
/*======================================헬퍼&유틸======================================*/
/*======================================공통 레이아웃======================================*/
.page-index .header-wrap {
  -webkit-transition: background 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: background 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: background 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.page-index .header-wrap.is-top {
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  will-change: filter;
}
.page-index .header-wrap.is-top .header-lg .gnb .depth2 {
  background: rgba(198, 16, 101, 0.2);
}
.page-index .header-wrap.is-top .header-lg .gnb .depth2 .depth2-link {
  color: var(--gr_400, #C5C3C1);
}
.page-index .header-wrap.is-top .header-lg .gnb .depth2 .depth2-link:hover, .page-index .header-wrap.is-top .header-lg .gnb .depth2 .depth2-link:focus {
  color: var(--White, #FFF);
  font-weight: 600;
}
@media (max-width: 767px) {
  .page-index .main-container {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .page-index .main-container {
    padding: 0;
  }
}
.page-index .main-container .section-hero {
  position: relative;
}
.page-index .main-container .section-hero .upcoming-wrapper {
  width: 100%;
  height: 600px;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-wrapper {
    height: 820px;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper.is-swipe-dragging * {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.page-index .main-container .section-hero .upcoming-wrapper .bg-group {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.page-index .main-container .section-hero .upcoming-wrapper .bg-group .bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
  display: none;
  -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%;
  height: 100%;
  padding: 95px 0 40px;
  opacity: 0;
  visibility: hidden;
  outline: none;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding-top: 104px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding: 199px 0 0;
  }
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group {
  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-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group {
    padding-right: 320px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group {
    padding-right: -webkit-calc(26.16279% + 20px);
    padding-right: -moz-calc(26.16279% + 20px);
    padding-right: calc(26.16279% + 20px);
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title {
  max-height: 4em;
  padding-bottom: 2px;
  text-align: left;
  color: #FFF;
  font-family: Pretendard;
  font-size: 72px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%; /* 92px */
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow-wrap: anywhere; /* 선택: 영문 긴 단어 대비 */
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title {
    font-size: 40px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title {
    max-width: 866px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title {
    font-size: 50px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title {
    max-height: 2em;
    -webkit-line-clamp: 2;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .title > div {
  display: inline !important;
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .date {
  text-align: left;
  color: #FFF;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .date {
    margin-top: 7px;
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .date {
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .date {
    margin-top: 33px;
    font-size: 22px;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .desc {
  margin-top: 20px;
  text-align: left;
  color: #FFF;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .desc {
    display: none;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .desc {
    max-width: 72.67%;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .desc {
    margin-top: 16px;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow: hidden;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .thumb-group {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 300px;
  height: 310px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .thumb-group {
    width: 120px;
    height: 124px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .thumb-group {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .thumb-group {
    width: 26.16279%;
    height: auto;
    aspect-ratio: 180/186;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .content-group .thumb-group .thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group {
    margin-top: 8px;
  }
}
@media (min-width: 768px) and (max-width: 920px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group {
    max-width: 58%;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group {
    margin-top: 36px;
  }
}
.page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group .period {
  text-align: left;
  color: #FFF;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group .period {
    font-size: 14px;
    line-height: 150%;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .period-group .period {
    font-size: 18px;
    line-height: 150%;
  }
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group {
    margin-top: 24px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group {
    margin-top: 84px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group .btn {
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group .btn .chevron {
    width: 9px;
    height: 13px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-wrapper .upcoming-item .btn-group .btn .chevron {
    width: 10px;
    height: 14px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation {
  z-index: 1;
  background: white;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation {
    position: absolute;
    top: 56px;
    right: 0;
    z-index: 1;
    height: 8px;
    background: none;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-navigation {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 124px;
  }
}
@media (min-width: 768px) and (max-width: 860px) {
  .page-index .main-container .section-hero .upcoming-navigation {
    width: 40%;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-navigation {
    left: auto;
    right: 0;
    bottom: 0;
    min-width: 326px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group {
  width: 100%;
  max-width: 610px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px 22px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group {
    padding: 32px 10px 12px 48px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group {
    padding: 20px 40px 20px 32px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group {
    padding-right: 0;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper {
  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;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper {
    gap: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper {
    gap: 20px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header {
  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%;
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .title {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: var(--primary_text);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .title {
    display: none;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .swiper-navigation {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: auto;
  opacity: 1;
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .swiper-navigation .swiper-pagination-bullet {
  width: 16px;
  height: 8px;
  border-radius: 0;
  margin: 0;
  background: #CECECE;
  opacity: 1;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .swiper-navigation .swiper-pagination-bullet {
    width: 20px;
    height: 12px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .swiper-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 42px;
  background: #DC116B;
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .swiper-navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 52px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .util .btn-autoplay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0 0 0 16px;
  font-size: 3px;
  color: transparent;
  outline-offset: -1px;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDIwIDIwJyBmaWxsPSdub25lJz48cmVjdCB4PScwLjUnIHk9JzAuNScgd2lkdGg9JzE5JyBoZWlnaHQ9JzE5JyByeD0nMC41JyBzdHJva2U9JyNDQ0NDQ0MnLz48cGF0aCBkPSdNMTMuNjY4NSA5LjI0Njc5QzE0LjI4NzcgOS42Mzk1MiAxNC4yODc3IDEwLjU0MyAxMy42Njg1IDEwLjkzNTdMNy41MzU2IDE0LjgyNTVDNi44Njk4MSAxNS4yNDc4IDYgMTQuNzY5NSA2IDEzLjk4MUw2IDYuMjAxNDhDNiA1LjQxMzA3IDYuODY5ODEgNC45MzQ3MyA3LjUzNTYgNS4zNTcwMUwxMy42Njg1IDkuMjQ2NzlaJyBmaWxsPScjNEM0QzRDJy8+PC9zdmc+") center/contain no-repeat;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .util .btn-autoplay {
    display: none;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .content-header .util .btn-autoplay.is-playing {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='0.5' stroke='%23CCCCCC'/%3E%3Cline x1='8' y1='5.5' x2='8' y2='13.5' stroke='%234C4C4C' stroke-width='2'/%3E%3Cline x1='12' y1='5.5' x2='12' y2='13.5' stroke='%234C4C4C' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper {
    z-index: -1;
    opacity: 0;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn {
  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: 14px;
  text-decoration: none;
  outline-offset: -2px;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
}
@media (max-width: 767px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn {
    gap: 4px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn {
    gap: 6px;
  }
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn:hover, .page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn:focus {
  text-decoration: underline;
}
.page-index .main-container .section-hero .upcoming-navigation .content-group .upcomingSwiper .swiper-wrapper .swiper-slide .btn .name {
  text-align: left;
  font-size: 18px;
  color: #333;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.page-index .main-container .section-hero .default-image {
  width: 100%;
  height: 598px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .page-index .main-container .section-hero .default-image {
    height: 716px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .default-image {
    height: 820px;
  }
}
.page-index .main-container .section-hero .default-image .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-index .main-container .section-hero .default-image .hero-logo {
  position: absolute;
  top: 216px;
  left: 0;
  right: 0;
  width: 280px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-index .main-container .section-hero .default-image .hero-logo {
    top: 256px;
    width: 400px;
  }
}
@media (min-width: 1440px) {
  .page-index .main-container .section-hero .default-image .hero-logo {
    width: 520px;
  }
}
.page-index .main-container .section-events {
  background-color: white;
}
@media (max-width: 767px) {
  .page-index .main-container .section-events {
    padding: 52px 0 60px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-events {
    padding: 52px 0 40px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events {
    padding: 100px 0 120px;
  }
}
.page-index .main-container .section-events .inner {
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-index .main-container .section-events .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-events .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-events .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.page-index .main-container .section-events .inner .title-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;
}
@media (max-width: 767px) {
  .page-index .main-container .section-events .inner .title-group {
    gap: 12px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-events .inner .title-group {
    gap: 10px;
  }
}
.page-index .main-container .section-events .inner .content-group {
  margin-top: 40px;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group {
    margin-top: 60px;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list {
  padding: 0;
  margin: 0;
}
@media (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-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;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 0;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item {
  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;
  gap: 4px;
}
@media (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link {
    border-bottom: 1px solid #444;
  }
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:first-child .event-link {
    border-top: 1px solid #444;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item {
    height: 280px;
    padding: 0 12px;
    border-right: 1px solid #444;
  }
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:nth-child(1) {
    border-left: 1px solid #444;
  }
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:nth-child(4n+1) {
    border-left: 1px solid #444;
  }
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:nth-child(4n) ~ * .event-link {
    border-top: 0;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:nth-child(4) ~ .event-item {
    margin-top: -1px;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -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-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  gap: 20px;
  padding: 20px 2px;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link {
    gap: 0;
    -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;
    padding: 36px 24px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link:hover .thumb-group {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
    -moz-transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
    transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link:hover .thumb-group .thumb {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2), -webkit-transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.5s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-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-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;
  gap: 12px;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group {
    gap: 16px;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category {
  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: 6px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  font-size: 14px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 19.2px */
  text-transform: capitalize;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category {
    font-size: 16px;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category::before {
  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: 5px;
  height: 5px;
  border-radius: 100%;
  background: var(--primary_text);
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=upcoming] {
  color: var(--primary_text);
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=upcoming]::before {
  background: var(--primary_text);
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=past] {
  color: #A98147;
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=past]::before {
  background: #A98147;
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category .badge {
  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;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 8px 2px 8px;
  margin-left: auto;
  color: #FFF;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  background: var(--primary_text, #DC116B);
}
@media (max-width: 767px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category .badge {
    font-size: 14px;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .tit {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 120%; /* 26.4px */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .tit {
    font-size: 20px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .tit-group .tit {
    font-size: 22px;
    font-weight: 400;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item .event-link .date {
    margin-top: 20px;
  }
}
@media (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item:not(.no-event) ~ .no-event {
    display: none !important;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item.no-event {
  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%;
  color: #666;
  text-align: center;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 19.2px */
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item.no-event .event-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item.no-event .event-link {
    padding: 58px 0;
    border-bottom: 1px solid #555;
  }
}
@media (max-width: 1279px) {
  .page-index .main-container .section-events .inner .content-group .event-list .event-item.no-event ~ * {
    display: none !important;
  }
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .thumb-group {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  top: 1px;
  left: 0;
  width: 100%;
  height: -webkit-calc(100% - 2px);
  height: -moz-calc(100% - 2px);
  height: calc(100% - 2px);
  overflow: hidden;
  -webkit-transition: opacity 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: opacity 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: opacity 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.page-index .main-container .section-events .inner .content-group .event-list .event-item .thumb-group .thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: -webkit-transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2), -webkit-transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2), -moz-transform 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.page-index .main-container .section-events .inner .link-group {
  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;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-events .inner .link-group {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
       -moz-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .link-group {
    margin-top: 60px;
  }
}
.page-index .main-container .section-events .inner .link-group .btn {
  font-size: 16px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-events .inner .link-group .btn {
    padding: 6px 29px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-events .inner .link-group .btn {
    padding: 6px 35px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-events .inner .link-group .btn {
    padding: 9px 42px;
    font-size: 20px;
  }
}
.page-index .main-container .section-support {
  padding: 60px 0 100px;
  background: #F4F4F4;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support {
    padding: 100px 0 120px;
  }
}
.page-index .main-container .section-support .inner {
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.page-index .main-container .section-support .inner .content-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: 20px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 40px;
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group {
    -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;
    gap: 112px;
    margin-top: 60px;
  }
}
.page-index .main-container .section-support .inner .content-group .nav-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .content-group .nav-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner .content-group .nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    gap: 0;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .nav-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;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
  }
}
.page-index .main-container .section-support .inner .content-group .nav-list .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;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav {
  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: 98px;
  height: 36px;
  padding: 0;
  border: 0;
  margin: 0;
  font-size: 16px;
  color: #222;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 20px */
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav {
    font-size: 20px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 140px;
    height: auto;
  }
}
.page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav::after {
  content: "";
  display: none;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 13px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='18' viewBox='0 0 13 18' fill='none'%3E%3Cpath d='M1.06067 3L7.06067 9L1.06067 15' stroke='white' stroke-width='3'/%3E%3C/svg%3E");
  opacity: 0;
  -webkit-transform: translateX(-40px);
     -moz-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
          transform: translateX(-40px);
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav::after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav.active {
  color: white;
  background: var(--primary_text);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: all 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav.active {
    height: 50px;
    padding: 15px 24px;
  }
}
.page-index .main-container .section-support .inner .content-group .nav-list .nav-item .btn-nav.active::after {
  opacity: 1;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: all 0.3s 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: all 0.3s 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: all 0.3s 0.1s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.page-index .main-container .section-support .inner .content-group .tab-content {
  width: 100%;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item {
  border-bottom: 1px solid #333;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item:first-child .accordion-button.collapsed, .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item:first-child a.accordion-button {
  border-top-color: #333;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  transition: 0s;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header {
  width: 100%;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-top: 1px solid transparent;
  margin: 0;
  text-align: left;
  -webkit-transition: 0.3s 0.3s ease;
  -moz-transition: 0.3s 0.3s ease;
  transition: 0.3s 0.3s ease;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask {
  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: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #333;
  font-family: Pretendard;
  font-style: normal;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px; /* 125% */
  background: white;
  -webkit-transition: background 0.3s 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: background 0.3s 0.3s cubic-bezier(0.25, 1, 0.5, 1);
  transition: background 0.3s 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask {
    padding: 24px 80px 24px 20px;
  }
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask {
    padding: 25px 80px 16px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask {
    padding: 30px 90px 8px 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px; /* 170% */
  }
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button .ask .date {
  color: #333;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: inherit;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button.collapsed .ask {
  background: transparent;
  -webkit-transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button.collapsed .ask {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button.collapsed .ask {
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button.collapsed .ask {
    padding-bottom: 30px;
  }
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href] {
  text-decoration: none;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href]::before, .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href]::after {
  display: none;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href] .ask {
  background: none;
}
@media (min-width: 768px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href] .ask {
    padding-bottom: 25px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-header .accordion-button[href] .ask {
    padding-bottom: 30px;
  }
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .answer {
  padding: 0 20px 24px;
  color: #666;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%; /* 18.2px */
  opacity: 0;
  background: white;
  -webkit-transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.1s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .answer {
    padding: 0 30px 29px;
    font-size: 16px;
  }
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .answer .box {
  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-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 24px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  padding: 16px 24px;
  margin-top: 20px;
  background: #F4F4F4;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .answer .box .link-down {
  color: var(--gr_800, #494746);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
  word-break: break-all;
  text-decoration: none;
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse .answer .box .link-down .icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.0032 10.4711L9.09895 15.3754C8.56095 15.9134 7.83127 16.2156 7.07043 16.2156C6.30958 16.2156 5.5799 15.9134 5.0419 15.3754C4.5039 14.8374 4.20166 14.1077 4.20166 13.3468C4.20166 12.586 4.5039 11.8563 5.0419 11.3183L12.0162 4.34407C12.1938 4.1665 12.4047 4.02567 12.6368 3.9296C12.8688 3.83353 13.1176 3.78412 13.3687 3.78418C13.6199 3.78424 13.8686 3.83377 14.1007 3.92994C14.3327 4.02612 14.5435 4.16706 14.7211 4.3447C14.8986 4.52235 15.0395 4.73324 15.1355 4.96531C15.2316 5.19739 15.281 5.44612 15.281 5.69729C15.2809 5.94847 15.2314 6.19717 15.1352 6.4292C15.039 6.66123 14.8981 6.87205 14.7204 7.04962L7.74108 14.029C7.56002 14.2025 7.31801 14.2974 7.06721 14.2942C6.8164 14.291 6.57689 14.1894 6.40029 14.0113C6.22368 13.8332 6.12413 13.5929 6.12308 13.342C6.12203 13.0912 6.21957 12.85 6.39468 12.6705L11.3736 7.69158M7.74682 14.0226L7.74044 14.029' stroke='%23202025' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse.show .answer {
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  -moz-transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
  transition: all 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion .accordion-item .accordion-collapse.show .answer {
    line-height: 160%; /* 25.6px */
  }
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion.accordion-notice .accordion-item .accordion-header .accordion-button .ask {
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion.accordion-notice .accordion-item .accordion-header .accordion-button .ask {
    padding-right: 20px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .content-group .tab-content .tab-pane .accordion.accordion-notice .accordion-item .accordion-header .accordion-button .ask {
    padding-right: 30px;
  }
}
.page-index .main-container .section-support .inner .link-group {
  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;
  padding-right: 240px;
  margin-top: 60px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .link-group {
    -webkit-box-pack: right;
    -webkit-justify-content: right;
       -moz-box-pack: right;
        -ms-flex-pack: right;
            justify-content: right;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner .link-group {
    padding-right: 0;
  }
}
.page-index .main-container .section-support .inner .link-group .btn {
  font-size: 16px;
}
@media (max-width: 767px) {
  .page-index .main-container .section-support .inner .link-group .btn {
    padding: 6px 29px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .page-index .main-container .section-support .inner .link-group .btn {
    padding: 6px 35px;
  }
}
@media (min-width: 1280px) {
  .page-index .main-container .section-support .inner .link-group .btn {
    padding: 9px 42px;
    font-size: 20px;
  }
}

/*======================================헬퍼&유틸======================================*/
/*======================================공통 레이아웃======================================*/
.content-events .section-events .inner {
  max-width: 1020px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 767px) {
  .content-events .section-events .inner {
    padding-right: 32px;
    padding-left: 32px;
  }
}
@media (min-width: 768px) {
  .content-events .section-events .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .content-events .section-events .inner {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.content-events .section-events .inner .content-group .event-list {
  padding: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .content-events .section-events .inner .content-group .event-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;
  }
}
@media (min-width: 768px) {
  .content-events .section-events .inner .content-group .event-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .content-events .section-events .inner .content-group .event-list {
    grid-template-columns: 1fr 1fr;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item {
  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;
}
@media (max-width: 767px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link {
    border-top: 1px solid #444;
  }
  .content-events .section-events .inner .content-group .event-list .event-item:last-child .event-link {
    border-bottom: 1px solid #444;
  }
}
@media (min-width: 768px) {
  .content-events .section-events .inner .content-group .event-list .event-item {
    height: 300px;
    padding: 0 11px;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  -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-flex: 1;
  -webkit-flex: 1 0 0;
     -moz-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  gap: 20px;
  padding: 19px 2px;
}
@media (min-width: 768px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link {
    gap: 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 36px 24px;
    border-top: 1px solid #555;
    border-bottom: 1px solid #555;
  }
}
@media (min-width: 768px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link:hover .thumb-group {
    z-index: 0;
    opacity: 1;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-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-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;
  gap: 16px;
}
@media (max-width: 767px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group {
    gap: 11px;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category {
  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: 6px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-family: Pretendard;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 19.2px */
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category {
    font-size: 16px;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=upcoming] {
  padding: 3px 11px;
  color: white;
  background: var(--primary_text);
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=past] {
  color: #A98147;
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .category[data-cate=past]::before {
  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: 5px;
  height: 5px;
  border-radius: 100%;
  background: #A98147;
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .tit-group .tit {
  color: var(--gr_950, #151514);
  font-family: Pretendard;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  line-height: 120%; /* 26.4px */
  word-break: keep-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  overflow: hidden;
}
.content-events .section-events .inner .content-group .event-list .event-item .event-link .date {
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 16.8px */
}
@media (min-width: 768px) {
  .content-events .section-events .inner .content-group .event-list .event-item .event-link .date {
    margin-top: 20px;
  }
}
.content-events .section-events .inner .content-group .event-list .event-item .thumb-group {
  position: absolute;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  -moz-transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
  transition: opacity 0.3s cubic-bezier(0.4, 0.2, 0.3, 1.2);
}
.content-events .section-events .inner .content-group .event-list .event-item .thumb-group .thumb {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-events .section-events .inner .pagination-group {
  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;
  margin-top: 40px;
}
@media (min-width: 768px) {
  .content-events .section-events .inner .pagination-group {
    margin-top: 60px;
  }
}
.content-events .section-events .inner .pagination-group .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;
}
.content-venue .section-transport .inner {
  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: 78px;
}
@media (max-width: 767px) {
  .content-venue .section-transport .inner {
    gap: 40px;
  }
}
.content-venue .section-transport .title-group .title {
  border-bottom: 1px solid black;
  padding-bottom: 7px;
  color: #333;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 767px) {
  .content-venue .section-transport .title-group .title {
    font-size: 26px;
    line-height: 32px;
  }
}
.content-venue .section-transport .cont-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-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
          align-self: stretch;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group {
    gap: 28px;
    margin-top: 28px;
  }
}
.content-venue .section-transport .cont-group .cont-item {
  display: grid;
  grid-template-columns: auto auto;
  gap: 60px;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-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;
    gap: 12px;
  }
}
.content-venue .section-transport .cont-group .cont-item .item-tit {
  color: #333;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 24px */
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-item .item-tit {
    font-size: 18px;
  }
}
.content-venue .section-transport .cont-group .cont-item .item-list .desc {
  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: 6px;
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-item .item-list .desc {
    gap: 4px;
    line-height: 20px;
  }
}
.content-venue .section-transport .cont-group .cont-item .item-list .desc::before {
  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: 4px;
  height: 4px;
  border-radius: 100%;
  margin: 10px 0;
  background-color: #202025;
}
.content-venue .section-transport .cont-group .cont-box {
  display: grid;
  grid-template-columns: auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 64px;
  align-self: stretch;
  padding: 24px 17px 24px 24px;
  background: #F5F8FA;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-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;
    gap: 16px;
    padding: 28px 28px 28px 20px;
  }
}
.content-venue .section-transport .cont-group .cont-box .box-tit {
  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: 8px;
  color: #333;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 133.333% */
}
.content-venue .section-transport .cont-group .cont-box .box-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;
  gap: 8px;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-box .box-list {
    gap: 16px;
  }
}
.content-venue .section-transport .cont-group .cont-box .box-list .list {
  display: block;
  font-size: 0;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-box .box-list .list {
    position: relative;
    padding-left: 25px;
  }
  .content-venue .section-transport .cont-group .cont-box .box-list .list::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 9px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #202025;
  }
  .content-venue .section-transport .cont-group .cont-box .box-list .list.no-bullet {
    padding-left: 0;
  }
  .content-venue .section-transport .cont-group .cont-box .box-list .list.no-bullet::before {
    display: none;
  }
}
.content-venue .section-transport .cont-group .cont-box .box-list .list span {
  color: #202025;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  vertical-align: middle;
}
.content-venue .section-transport .cont-group .cont-box .box-list .list span + span {
  margin-left: 6px;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-box .box-list .list span + span {
    margin-left: 0;
  }
}
.content-venue .section-transport .cont-group .cont-box .box-list .list .strong {
  font-weight: 600;
}
.content-venue .section-transport .cont-group .cont-box .box-list .list .highlight {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 3px 7px 4px 7px;
  color: #FFF;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 16.8px */
  background: #202025;
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-box .box-list .list .highlight {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.content-venue .section-transport .cont-group .cont-box .box-list .list .tip {
  margin-top: 8px;
  margin-left: 62px;
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
@media (max-width: 767px) {
  .content-venue .section-transport .cont-group .cont-box .box-list .list .tip {
    margin-left: 0;
  }
}
.content-venue .section-transport .cont-group .tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--gr_600, #7D7B79);
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 16.8px */
}
.content-venue .section-transport .link-group {
  margin-top: 20px;
}
.content-venue .section-transport .link-group .btn {
  padding-right: 30px;
  padding-left: 30px;
  margin-left: auto;
}
@media (max-width: 767px) {
  .content-venue .section-transport .link-group .btn {
    padding: 6px 22px;
  }
}
.content-venue .section-transport .transport-group.transport-ktx .cont-group .cont-item {
  grid-template-columns: 220px auto;
}
.content-venue .section-transport .transport-group.transport-ktx .cont-group .cont-box {
  grid-template-columns: 190px auto;
}
.content-venue .section-transport .transport-group.transport-intercitybus .cont-group .cont-item {
  grid-template-columns: 242px auto;
}
.content-venue .section-transport .transport-group.transport-intercitybus .cont-group .cont-box {
  grid-template-columns: 192px auto;
}
.content-venue .section-transport .transport-group.transport-expressbus .cont-group .cont-item {
  grid-template-columns: 290px auto;
}
.content-venue .section-transport .transport-group.transport-mycar .cont-group .cont-item {
  grid-template-columns: 74px auto;
}

.page-etc .content-error {
  text-align: center;
}
.page-etc .content-error .img-group {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .page-etc .content-error .img-group svg {
    width: auto;
    height: 168px;
  }
}
.page-etc .content-error .tit {
  margin-top: 24px;
  color: var(--gr_950, #151514);
  text-align: center;
  font-family: Pretendard;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 44.8px */
}
@media (max-width: 767px) {
  .page-etc .content-error .tit {
    margin-top: 20px;
    font-size: 20px;
  }
}
.page-etc .content-error .desc {
  margin-top: 12px;
  color: var(--gr_800, #494746);
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
}
@media (max-width: 767px) {
  .page-etc .content-error .desc {
    font-size: 17px;
  }
}
.page-etc .content-error .eng-tit {
  margin-top: 40px;
  color: var(--gr_950, #151514);
  text-align: center;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
}
@media (max-width: 767px) {
  .page-etc .content-error .eng-tit {
    font-size: 18px;
  }
}
.page-etc .content-error .eng-desc {
  margin-top: 2px;
  color: var(--gr_700, #686665);
  text-align: center;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 26px; /* 152.941% */
}
@media (max-width: 767px) {
  .page-etc .content-error .eng-desc {
    margin-top: 8px;
  }
}
.page-etc .content-error .link-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: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin: 50px auto 0;
}
@media (max-width: 767px) {
  .page-etc .content-error .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;
    margin-top: 40px;
  }
}
.page-etc .content-error .link-group a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  height: 50px;
  padding: 10px;
  -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;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 166.667% */
}
@media (max-width: 767px) {
  .page-etc .content-error .link-group a {
    width: 280px;
    max-width: 100%;
  }
}
.page-etc .content-error .link-group a:hover, .page-etc .content-error .link-group a:focus {
  text-decoration: underline;
}
.page-etc .content-error .link-group .link-back {
  border: 2px solid var(--primary_text, #DC116B);
  color: var(--primary_text, #DC116B);
}
.page-etc .content-error .link-group .link-main {
  color: #FFF;
  background: #DC116B;
}