/* display */
/* Typography */
/* breakpoint */
/* breakpoint : content */
/* display */
/* Typography */
/* breakpoint */
/* breakpoint : content */
#ajaxLayer {
  z-index: 1049;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal__open {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.modal__backdrop,
.modal {
  display: none;
  visibility: hidden;
  z-index: -1;
}
.modal__backdrop.in, .modal__backdrop.show, .modal__backdrop.shown,
.modal.in,
.modal.show,
.modal.shown {
  display: block;
  visibility: visible;
}

.modal__backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1040;
}
.modal__backdrop.fade {
  opacity: 0;
}
.modal__backdrop.in {
  opacity: 0.5;
  display: block;
}
.modal__backdrop.show {
  opacity: 0.5;
}

.modal__close {
  position: absolute;
  right: 22px;
  top: 23px;
  width: 24px;
  height: 24px;
}
.modal__close .modal__close-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background: none;
}
.modal__close .modal__close-button span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00195 4.62305L20.002 20.623' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.00195 20.623L20.002 4.62305' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: transparent;
}
.modal__close .modal__close-button span:before, .modal__close .modal__close-button span:after {
  display: none;
}

.modal-header {
  width: 100%;
  justify-content: center;
}

.modal-footer {
  width: 100%;
}

.modal-content,
.modal__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  background-color: #fff;
  border: 1px solid #D9DAE1;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 26px;
  border-radius: 5px;
  outline-color: transparent;
  transition: outline-color 0.1s;
}
.modal-content .modal__content,
.modal-content .modal-body,
.modal__body .modal__content,
.modal__body .modal-body {
  display: block;
  width: 100%;
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
  margin: 0 auto;
}
.modal > * {
  width: 100%;
}
.modal.fade {
  opacity: 0;
}
.modal.in, .modal.show, .modal.shown {
  display: block;
  z-index: 1050;
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .modal[data-type=bottom] {
    display: none;
    visibility: hidden;
    top: auto;
    bottom: -5rem;
    height: 0;
    transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s, height 0.2s;
  }
  .modal[data-type=bottom] .modal__dialog {
    height: 0;
    min-height: 0;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .modal[data-type=bottom] .modal__dialog .modal__body {
    position: fixed;
    left: 0;
    bottom: -100%;
    z-index: 2;
    width: 100%;
    max-width: none !important;
    max-height: 90%;
    border-top-left-radius: 1.6rem;
    border-top-right-radius: 1.6rem;
    background-color: #fff;
    transition: all ease 0.6s 0.2s;
  }
  .modal[data-type=bottom].modal__bottom {
    display: block;
    visibility: visible;
    bottom: 0;
    height: 0;
    min-height: 0;
  }
  .modal[data-type=bottom].modal__bottom .modal__backdrop {
    display: none;
  }
  .modal[data-type=bottom].modal__bottom .modal__dialog .modal__body {
    bottom: 0;
  }
}
.modal .modal__dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  z-index: 1050;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: auto;
}
.modal .modal__dialog .modal__body {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  background-color: #fff;
  border: 1px solid #D9DAE1;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 26px;
  border-radius: 5px;
  outline-color: transparent;
  transition: outline-color 0.1s;
}
.modal .modal__dialog .modal__body .modal__header {
  display: block;
  padding: 0 50px 0 0;
  margin-bottom: 18px;
  width: 100%;
  background-color: inherit;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  border-bottom: 1px solid #e6e6e6;
}
.modal .modal__dialog .modal__body .modal__header > strong,
.modal .modal__dialog .modal__body .modal__header .modalTitle,
.modal .modal__dialog .modal__body .modal__header .modal__title {
  display: block;
  padding-bottom: 18px;
  width: 100%;
  font-size: 18px;
  color: #36404A;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.36px;
}
.modal .modal__dialog .modal__body .modal__content {
  display: block;
  width: 100%;
}
.modal .modal__dialog .modal__body .modal__content .scroll-area {
  display: block;
  margin-bottom: 15px;
  padding-right: 30px;
  width: 100%;
  max-height: 150px;
  height: 100%;
  overflow-y: scroll;
}
.modal .modal__dialog .modal__body .modal__content .scroll-area::-webkit-scrollbar {
  width: 4px;
}
.modal .modal__dialog .modal__body .modal__content .scroll-area::-webkit-scrollbar-thumb {
  height: 10px;
  border-radius: 99px;
  background-color: #BFBFBF;
}
.modal .modal__dialog .modal__body .modal__content .scroll-area::-webkit-scrollbar-track {
  background-color: #F4F4F4;
}
.modal .modal__dialog .modal__body .modal__footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding-top: 15px;
  border-top: none;
  background-color: inherit;
}
.modal .modal__dialog .modal__body .modal__footer .fe-btn,
.modal .modal__dialog .modal__body .modal__footer .btn {
  margin: 0 2px;
  border-radius: 0;
}
.modal .modal__dialog .modal__body .modal__footer .fe-btn.btn-dark,
.modal .modal__dialog .modal__body .modal__footer .btn.btn-dark {
  color: #FFF;
  background-color: #3D4E64;
  border: 1px solid #3D4E64;
}
.modal .modal__dialog .modal__body .modal__footer .fe-btn.btn-dark:hover, .modal .modal__dialog .modal__body .modal__footer .fe-btn.btn-dark:focus,
.modal .modal__dialog .modal__body .modal__footer .btn.btn-dark:hover,
.modal .modal__dialog .modal__body .modal__footer .btn.btn-dark:focus {
  color: #3D4E64;
  background-color: #FFF;
}
.modal .modal__dialog .modal__body .modal__close {
  position: absolute;
  right: 22px;
  top: 23px;
  width: 24px;
  height: 24px;
}
.modal .modal__dialog .modal__body .modal__close .modal__close-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.modal .modal__dialog .modal__body .modal__close .modal__close-button span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00195 4.62305L20.002 20.623' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.00195 20.623L20.002 4.62305' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: transparent;
}
.modal .modal__dialog .modal__body .modal__close .modal__close-button span:before, .modal .modal__dialog .modal__body .modal__close .modal__close-button span:after {
  display: none;
}
.modal.modal__youtube {
  background-color: rgba(0, 0, 0, 0.1);
}
.modal.modal__youtube .modal__body {
  width: auto;
  height: auto;
}
.modal.modal-alert {
  background-color: rgba(0, 0, 0, 0.1);
}
.modal.modal-alert .modal__dialog .modal__body {
  max-width: 400px;
  padding: 14px;
}
@media (max-width: 480px) {
  .modal.modal-alert .modal__dialog .modal__body {
    max-width: 300px;
  }
}
.modal.modal-alert .modal__dialog .modal__body .modal__header {
  padding: 0;
  margin: 0;
}
.modal.modal-alert .modal__dialog .modal__body .modal__header .modal__title {
  padding: 8px 8px 10px 8px;
}
.modal.modal-alert .modal__dialog .modal__body .modal__content {
  padding: 15px 8px 15px 8px;
  background-color: inherit;
  border-bottom: 1px solid #D9DAE1;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.32px;
}
.modal.modal-alert .modal__dialog .modal__body .modal__footer .fe-btn {
  min-width: 72px;
}
.modal.modal-confirm {
  background-color: rgba(0, 0, 0, 0.1);
}
.modal.modal-confirm .modal__dialog .modal__body {
  max-width: 400px;
  padding: 14px;
}
@media (max-width: 480px) {
  .modal.modal-confirm .modal__dialog .modal__body {
    max-width: 300px;
  }
}
.modal.modal-confirm .modal__dialog .modal__body .modal__header {
  padding: 0;
  margin: 0;
}
.modal.modal-confirm .modal__dialog .modal__body .modal__header .modal__title {
  padding: 8px 8px 10px 8px;
}
.modal.modal-confirm .modal__dialog .modal__body .modal__content {
  padding: 15px 8px 15px 8px;
  background-color: inherit;
  border-bottom: 1px solid #D9DAE1;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.32px;
}
.modal.modal-confirm .modal__dialog .modal__body .modal__footer .fe-btn {
  min-width: 72px;
}

.modal-open {
  overflow: hidden;
}

.bootbox.bootbox-confirm, .bootbox.bootbox-alert {
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 1200;
}
.bootbox.bootbox-confirm .modal-dialog, .bootbox.bootbox-alert .modal-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  position: relative;
  z-index: 1050;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: auto;
}
.bootbox.bootbox-confirm .modal-dialog .modal-content, .bootbox.bootbox-alert .modal-dialog .modal-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
  max-height: 100%;
  background-color: #fff;
  border: 1px solid #D9DAE1;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 40px 26px 26px;
  border-radius: 5px;
  outline-color: transparent;
  transition: outline-color 0.1s;
}
@media (max-width: 480px) {
  .bootbox.bootbox-confirm .modal-dialog .modal-content, .bootbox.bootbox-alert .modal-dialog .modal-content {
    max-width: 300px;
  }
}
.bootbox.bootbox-confirm .modal-dialog .modal-content .modal-body, .bootbox.bootbox-alert .modal-dialog .modal-content .modal-body {
  padding: 15px 0 0 0;
  display: block;
  width: 100%;
  position: static;
}
.bootbox.bootbox-confirm .modal-dialog .modal-content .modal-body .bootbox-body, .bootbox.bootbox-alert .modal-dialog .modal-content .modal-body .bootbox-body {
  background-color: inherit;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.32px;
  font-size: 16px;
}
.bootbox.bootbox-confirm .modal-dialog .modal-content .modal-footer, .bootbox.bootbox-alert .modal-dialog .modal-content .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 15px 0 0 0;
  padding: 0;
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
  background-color: inherit;
}
.bootbox.bootbox-confirm .modal-dialog .modal-content .modal-footer .btn, .bootbox.bootbox-alert .modal-dialog .modal-content .modal-footer .btn {
  padding: 8px 14px 9px !important;
  min-width: 72px;
  line-height: 120%;
}
.bootbox.bootbox-confirm .modal-dialog .modal-content .bootbox-close-button, .bootbox.bootbox-alert .modal-dialog .modal-content .bootbox-close-button {
  position: absolute;
  right: 22px;
  top: 23px;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00195 4.62305L20.002 20.623' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.00195 20.623L20.002 4.62305' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: transparent;
  font-size: 0;
}

.ajax-custom {
  display: block;
  width: 100%;
}
.ajax-custom.comment .scroll-area {
  height: 90%;
  max-height: 600px;
}
@media (max-height: 768px) {
  .ajax-custom.comment .scroll-area {
    max-height: 400px;
  }
}
.ajax-custom.refundBank .modal_header {
  display: none;
}
.ajax-custom.refundBank .scroll-area {
  min-height: 450px;
  max-height: 500px;
  overflow-y: auto;
}
.ajax-custom.refundBank .btn-wrap {
  margin-top: 20px;
}
.ajax-custom.nhnKcpPayment .scroll-area.virtualAccount {
  min-height: 363px;
}
.ajax-custom.nhnKcpPayment .form-box.d-flex {
  flex-direction: column;
  gap: 3px;
}
.ajax-custom.nhnKcpPayment .form-box.d-flex .form-control {
  width: 100%;
}
.ajax-custom.nhnKcpPayment .form-horizontal.bucket-form .form-group .form-box .form-control + .form-control {
  margin: 0;
}
.ajax-custom .inner {
  position: relative;
}
.ajax-custom .modal_header {
  display: block;
  width: 100%;
  padding: 0 50px 0 0;
}
.ajax-custom .modal_header > strong {
  display: block;
  padding-bottom: 18px;
  width: 100%;
  font-size: 18px;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 110%;
  letter-spacing: -0.36px;
}
.ajax-custom .modal_content {
  display: block;
  width: 100%;
}
.ajax-custom .modal-cont__txt {
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 115%;
  letter-spacing: -0.32px;
}
.ajax-custom .scroll-area {
  display: block;
  margin-bottom: 15px;
  padding-right: 30px;
  width: 100%;
  max-height: 150px;
  height: 100%;
  overflow-y: scroll;
}
@media (max-width: 490px) {
  .ajax-custom .scroll-area {
    padding-right: 20px;
  }
}
.ajax-custom .scroll-area::-webkit-scrollbar {
  width: 4px;
}
.ajax-custom .scroll-area::-webkit-scrollbar-thumb {
  height: 10px;
  border-radius: 99px;
  background-color: #BFBFBF;
}
.ajax-custom .scroll-area::-webkit-scrollbar-track {
  background-color: #F4F4F4;
}
.ajax-custom .fe-btn_box {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
.ajax-custom .cb-list::after {
  content: "";
  display: block;
  clear: both;
}
.ajax-custom .cb-list li {
  position: relative;
  float: left;
  margin: 4px 0 0 0;
  display: block;
  width: 100%;
}
.ajax-custom .cb-list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  background-color: #005BAA;
  border-radius: 100%;
}
.ajax-custom .cb-list li:first-child {
  margin-top: 0;
}
.ajax-custom .cb-list li .subjact {
  position: absolute;
  left: 11px;
  top: 0;
  display: block;
  font-weight: 700;
  color: #005BAA;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02rem;
  min-width: 54px;
  text-align: justify;
}
@media (max-width: 430px) {
  .ajax-custom .cb-list li .subjact {
    position: relative;
    display: inline-block;
  }
}
.ajax-custom .cb-list li .subjact::after {
  content: "";
  display: inline-block;
  width: 100%;
}
@media (max-width: 430px) {
  .ajax-custom .cb-list li .subjact::after {
    display: none;
  }
}
.ajax-custom .cb-list li .con {
  display: block;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 150%;
  padding-left: 91px;
  padding-right: 30px;
  word-break: break-all;
}
@media (max-width: 430px) {
  .ajax-custom .cb-list li .con {
    padding-left: 11px;
  }
}
.ajax-custom .cb-list li .con.bold {
  color: #222;
  font-weight: 700;
}
.ajax-custom .cb-list.content {
  margin-top: 16px;
}
@media (max-width: 430px) {
  .ajax-custom .cb-list.content {
    margin-top: 5px;
  }
}
.ajax-custom .cb-list.content li .subjact {
  position: relative;
  display: inline-block;
}
.ajax-custom .cb-list.content li .con {
  padding-left: 11px;
  margin-top: -22px;
}
@media (max-width: 430px) {
  .ajax-custom .cb-list.content li .con {
    margin-top: 0px;
  }
}
.ajax-custom .modal__close {
  position: absolute;
  right: 22px;
  top: 23px;
  width: 24px;
  height: 24px;
}
@media (max-width: 490px) {
  .ajax-custom .modal__close {
    right: 30px;
  }
}
.ajax-custom .modal__close .modal__close-button {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.ajax-custom .modal__close .modal__close-button span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  font-size: 0;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.00195 4.62305L20.002 20.623' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M4.00195 20.623L20.002 4.62305' stroke='%2336404A' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: transparent;
}
.ajax-custom .modal__close .modal__close-button span::before, .ajax-custom .modal__close .modal__close-button span::after {
  display: none;
}
.ajax-custom .h3 {
  margin: 20px 0 10px;
  font-size: 18px;
}

.ajax-custom.sale .scroll-area {
  max-height: none;
}
@media (max-width: 768px) {
  .ajax-custom.sale .scroll-area {
    max-height: 450px;
  }
}
.ajax-custom.sale .form-group.person-id .form-control {
  max-width: 80px;
  margin-left: 7px;
}
.ajax-custom.sale .reduction-table table {
  width: 100%;
}
.ajax-custom.sale .reduction-table td .txt-red {
  color: #DB213A;
  background-color: transparent;
}
.ajax-custom.sale .reduction-table td .txt-blue {
  color: #007CC0;
  background-color: transparent;
}
.ajax-custom.sale .btn-wrap {
  margin: 20px 0 30px 0;
  text-align: center;
}
.ajax-custom.sale .table-btn {
  padding: 12px 24px;
  transition: all 0.3s;
}
.ajax-custom.sale .table-btn.btn-sale {
  color: #2C87A1;
  background-color: #fff;
  border: 1px solid #2C87A1;
}
.ajax-custom.sale .table-btn.btn-sale:hover, .ajax-custom.sale .table-btn.btn-sale.focus {
  color: #fff;
  background-color: #2C87A1;
}
.ajax-custom.sale .table-btn.btn-submit {
  padding: 6px 10px;
  color: #fff;
  background-color: #213753;
  border: 1px solid #213753;
  border-radius: 4px;
}
.ajax-custom.sale .table-btn.btn-submit:hover, .ajax-custom.sale .table-btn.btn-submit.focus {
  color: #213753;
  background-color: #fff;
}
.ajax-custom.sale .reduction-rate {
  display: inline-block;
  color: #007CC0;
  font-weight: bold;
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
  }
}
.ui-modal__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 999;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.ui-modal__backdrop:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.ui-modal__backdrop.behind {
  background-color: transparent;
}

.ui-modal__ajax {
  display: none;
  vertical-align: middle;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  box-sizing: border-box;
  background: #fff;
  padding: 15px 30px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
  transform: translate(-50%, -50%) scale(1);
  width: 90%;
  max-width: 700px;
}

.ui-modal__ajax .close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==);
}

.ui-modal__ajax .close-modal:focus {
  outline: 2px dashed #fff;
  border-radius: 50%;
}

.sample-modal {
  max-width: 700px;
  width: 90%;
}

.modal_header {
  display: block;
  width: 100%;
  padding: 0 50px 17px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #DDD;
}

.modal_header > strong {
  display: block;
  width: 100%;
  font-size: 20px;
  letter-spacing: 0.0375rem;
  color: #222;
}

.modal_content {
  display: block;
  width: 100%;
}

.scroll-area {
  display: block;
  width: 100%;
  height: 224px;
  overflow-y: scroll;
  padding-right: 30px;
}

.scroll-area::-webkit-scrollbar {
  width: 4px;
}

.scroll-area::-webkit-scrollbar-thumb {
  height: 10px;
  border-radius: 99px;
  background-color: #BFBFBF;
}

.scroll-area::-webkit-scrollbar-track {
  background-color: #F4F4F4;
}

.cb-list li {
  position: relative;
  float: left;
  min-height: 21px;
  margin: 4px 0 0 0;
  display: block;
  width: 100%;
}

.cb-list li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 3px;
  height: 3px;
  background-color: #213753;
  border-radius: 100%;
}

.cb-list li:first-child {
  margin-top: 0;
}

.cb-list li .subjact {
  position: absolute;
  left: 11px;
  top: 0;
  display: block;
  font-weight: 700;
  color: #005BAA;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.02rem;
  min-width: 54px;
  text-align: justify;
}

.cb-list li .con {
  display: block;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02rem;
  line-height: 150%; /* padding-left: 91px; */
  padding-right: 30px;
  word-break: break-all;
}

.cb-list li .con.bold {
  color: #222;
  font-weight: 700;
}

.cb-list.content {
  margin-top: 16px;
}

.cb-list.content li .subjact {
  position: relative;
  display: inline-block;
}

.cb-list.content li .con {
  padding-left: 11px;
  margin-top: -22px;
}

@media (max-width: 490px) {
  .scroll-area {
    padding-right: 20px;
  }
}
@media (max-width: 430px) {
  .cb-list li .subjact {
    position: relative;
    display: inline-block;
  }
  .cb-list li .subjact::after {
    display: none;
  }
  .cb-list li .con {
    padding-left: 11px;
  }
  .cb-list.content {
    margin-top: 5px;
  }
  .cb-list.content li .con {
    margin-top: 0;
  }
}
#top_layout {
  position: absolute;
}

body:not(.is-gnb-hover) #top_layout {
  background-color: transparent;
}
body:not(.is-gnb-hover) #top_layout #logo a {
  background-image: url(/images/chiu/common/logo-w.svg);
  outline-color: #FFF;
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li > a, body:not(.is-gnb-hover) #top_layout .utile_wrap > li button {
  outline-color: #FFF;
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .txt-btn {
  color: #FFF;
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .txt-btn .ico-signin {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5811 8.74707C10.5809 6.7682 8.97598 5.16406 6.99707 5.16406C5.01831 5.16424 3.41424 6.76831 3.41406 8.74707C3.41406 10.726 5.0182 12.3309 6.99707 12.3311C8.97609 12.3311 10.5811 10.7261 10.5811 8.74707ZM6.5 9.91895V7.58594C6.5 7.3098 6.72386 7.08594 7 7.08594C7.27614 7.08594 7.5 7.3098 7.5 7.58594V9.91895C7.5 10.1951 7.27614 10.4189 7 10.4189C6.72386 10.4189 6.5 10.1951 6.5 9.91895ZM8.54395 3.20605C8.54395 2.35472 7.85422 1.66424 7.00293 1.66406C6.15149 1.66406 5.46094 2.35462 5.46094 3.20605V4.42871C5.94122 4.25783 6.45816 4.1641 6.99707 4.16406C7.5398 4.16406 8.06078 4.25848 8.54395 4.43164V3.20605ZM9.54395 4.93652C10.7719 5.75872 11.5809 7.15831 11.5811 8.74707C11.5811 11.2784 9.52838 13.3311 6.99707 13.3311C4.46591 13.3309 2.41406 11.2783 2.41406 8.74707C2.41417 7.15394 3.22728 5.75096 4.46094 4.92969V3.20605C4.46094 1.80233 5.5992 0.664062 7.00293 0.664062C8.40651 0.664238 9.54395 1.80244 9.54395 3.20605V4.93652Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .txt-btn .ico-signup {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.75 12.8359C11.75 10.2126 9.62335 8.08594 7 8.08594C4.37665 8.08594 2.25 10.2126 2.25 12.8359V13.3359H1.25V12.8359C1.25 9.66031 3.82437 7.08594 7 7.08594C10.1756 7.08594 12.75 9.66031 12.75 12.8359V13.3359H11.75V12.8359ZM8.83105 3.50098C8.83088 2.4886 8.00948 1.66797 6.99707 1.66797C5.98481 1.66814 5.16424 2.48871 5.16406 3.50098C5.16406 4.51339 5.9847 5.33478 6.99707 5.33496C8.00959 5.33496 8.83105 4.5135 8.83105 3.50098ZM9.83105 3.50098C9.83105 5.06578 8.56188 6.33496 6.99707 6.33496C5.43241 6.33478 4.16406 5.06568 4.16406 3.50098C4.16424 1.93643 5.43252 0.668145 6.99707 0.667969C8.56177 0.667969 9.83088 1.93632 9.83105 3.50098Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .txt-btn .ico-signout {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 7.00008L10.5 4.66675V6.41675H5.83333V7.58342H10.5V9.33342L12.8333 7.00008ZM11.6667 10.5001C10.9321 11.4795 9.90794 12.203 8.73931 12.5681C7.57069 12.9331 6.31683 12.9212 5.15534 12.5341C3.99385 12.1469 2.98362 11.4041 2.26776 10.4109C1.55189 9.41768 1.16667 8.2244 1.16667 7.00008C1.16667 5.77577 1.55189 4.58249 2.26776 3.58927C2.98362 2.59606 3.99385 1.85326 5.15534 1.4661C6.31683 1.07893 7.57069 1.06703 8.73931 1.43209C9.90794 1.79714 10.9321 2.52063 11.6667 3.50008H10.0742C9.4006 2.90605 8.56993 2.519 7.68184 2.38537C6.79375 2.25173 5.88597 2.3772 5.06742 2.74671C4.24886 3.11621 3.55432 3.71407 3.06713 4.46852C2.57994 5.22298 2.32079 6.10199 2.32079 7.00008C2.32079 7.89817 2.57994 8.77718 3.06713 9.53164C3.55432 10.2861 4.24886 10.884 5.06742 11.2535C5.88597 11.623 6.79375 11.7484 7.68184 11.6148C8.56993 11.4812 9.4006 11.0941 10.0742 10.5001H11.6667Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .txt-btn .ico-mypage {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.25 12.8359C12.25 9.93645 9.89949 7.58594 7 7.58594C4.10051 7.58594 1.75 9.93645 1.75 12.8359' fill='%23FFFFFF'/%3E%3Cpath d='M6.9974 5.83464C8.28606 5.83464 9.33073 4.78997 9.33073 3.5013C9.33073 2.21264 8.28606 1.16797 6.9974 1.16797C5.70873 1.16797 4.66406 2.21264 4.66406 3.5013C4.66406 4.78997 5.70873 5.83464 6.9974 5.83464Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li .ico-btn:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
body:not(.is-gnb-hover) #top_layout .utile_wrap > li.allmenu-link .ico-btn {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9H27M5 16L27 16M5 23L27 23' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
body:not(.is-gnb-hover) #gnb .depth1-ul > li > a {
  color: #FFF;
}

body::before {
  display: none;
}

#body_layout {
  margin-top: 0;
  padding-bottom: 0;
}

.layout {
  max-width: 1700px;
}

.sec-tit {
  font-size: 42px;
  color: #222;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: calc(0.45em + 13.1px);
  display: block;
  width: fit-content;
}
@media (max-width: 1279px) {
  .sec-tit {
    font-size: 39px;
  }
}
@media (max-width: 1023px) {
  .sec-tit {
    font-size: 36px;
  }
}
@media (max-width: 834px) {
  .sec-tit {
    font-size: 34px;
  }
}
@media (max-width: 600px) {
  .sec-tit {
    font-size: 30px;
  }
}
@media (max-width: 480px) {
  .sec-tit {
    font-size: 27px;
  }
}
@media (max-width: 390px) {
  .sec-tit {
    font-size: 24px;
  }
}

.sec-desc {
  font-size: 18px;
  color: #444;
  line-height: 1.8;
}
@media (max-width: 1440px) {
  .sec-desc {
    font-size: 17px;
  }
}
@media (max-width: 1366px) {
  .sec-desc {
    font-size: 16px;
  }
}
@media (max-width: 390px) {
  .sec-desc {
    display: none;
  }
}

.more-link {
  font-size: 16px;
  font-weight: 500;
  color: #3A3F42;
  background-color: #F5F5F5;
  border-radius: 5em;
  padding: 13px 24px;
  width: fit-content;
  min-width: 160px;
  text-align: center;
  transition: background-color 0.3s;
  display: block;
}
@media (max-width: 1279px) {
  .more-link {
    min-width: 140px;
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .more-link {
    min-width: 120px;
    padding: 9px 20px;
  }
}
@media (max-width: 480px) {
  .more-link {
    min-width: 0;
    font-size: 15px;
    padding: 8px 18px;
  }
}
@media (max-width: 390px) {
  .more-link {
    padding: 6px 16px;
  }
}
.more-link:hover {
  background-color: #3A3F42;
  color: #FFF;
}

.swiper-control {
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-pager {
  display: flex;
  align-items: center;
}
.swiper-pager .swiper-pagination-bullet {
  padding: 4px;
  background-color: transparent;
  opacity: 1;
  border-radius: 5em;
  width: 16px;
  height: auto;
  margin: 0;
  display: flex;
  justify-content: center;
}
.swiper-pager .swiper-pagination-bullet::before {
  content: "";
  display: block;
  border-radius: 5em;
  height: 8px;
  width: 8px;
  background-color: #C0C2CA;
  transition: width 0.15s, background-color 0.3s;
}
.swiper-pager .swiper-pagination-bullet-active {
  width: 28px;
}
.swiper-pager .swiper-pagination-bullet-active::before {
  width: 20px;
  background-color: #2F4562;
}
.swiper-pager .swiper-pagination-bullet:hover::before {
  background-color: #2F4562;
}

.swiper-nav {
  display: flex;
  pointer-events: none;
  align-items: center;
}
.swiper-nav .swiper-btn {
  width: 60px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  pointer-events: all;
  transition: background-color 0.3s;
}
.swiper-nav .swiper-btn::before {
  content: "";
  display: block;
  padding-top: 100%;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23B3B3B3'/%3E%3C/svg%3E%0A") no-repeat center/40%;
}
@media (hover: hover) and (pointer: fine) {
  .swiper-nav .swiper-btn::before {
    transition: background-image 0.3s;
  }
}
.swiper-nav .swiper-btn-next::before {
  transform: rotate(180deg);
}
.swiper-nav .swiper-btn:hover {
  background-color: #3A3F42;
}
.swiper-nav .swiper-btn:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.swiper-toggle {
  margin-left: 2px;
  position: relative;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4.5V15.5M13.5 4.5V15.5' stroke='%23C0C2CA' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}
@media (hover: hover) and (pointer: fine) {
  .swiper-toggle {
    transition: 0.3s;
  }
}
.swiper-toggle:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4.5V15.5M13.5 4.5V15.5' stroke='%232F4562' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.swiper-toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L6 15V5L15 10Z' stroke='%23C0C2CA' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.swiper-toggle.paused:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L6 15V5L15 10Z' stroke='%232F4562' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.sec-visual {
  height: 100vh;
  height: 100svh;
  position: relative;
  padding: 100px 0 110px;
  max-height: 1080px;
  min-height: 720px;
  z-index: 10;
}
@media (max-width: 1279px) {
  .sec-visual {
    padding: 80px 0 90px;
    max-height: 1366px;
    min-height: 600px;
  }
}
@media (max-width: 1023px) {
  .sec-visual {
    padding: 70px 0 80px;
  }
}
@media (max-width: 767px) {
  .sec-visual {
    padding: 60px 0 70px;
  }
}
@media (max-width: 390px) {
  .sec-visual {
    padding: 50px 0 60px;
  }
}
@media (orientation: portrait) and (max-width: 767px) {
  .sec-visual {
    min-height: 720px;
  }
}
@media (orientation: portrait) and (max-width: 390px) {
  .sec-visual {
    min-height: 640px;
  }
}
.sec-visual .layout {
  display: flex;
  flex-direction: column;
  height: 100%;
  z-index: 5;
  justify-content: center;
  align-items: center;
}
.sec-visual .visual-header {
  color: #FFF;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  flex-grow: 1;
}
@keyframes visual-title {
  from {
    transform: scaleX(1.2);
    filter: blur(10px);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    filter: blur(0);
    opacity: 1;
  }
}
.sec-visual .visual-header .visual-tit {
  font-size: 47px;
  font-weight: 700;
  display: block;
  margin-bottom: calc(7.5px + 0.16em);
  line-height: 1.3;
  letter-spacing: normal;
  animation: visual-title 1.2s ease-out 0.2s both;
  margin-top: 0.6em;
  text-shadow: 0 0 0.3em rgba(0, 0, 0, 0.15);
}
@media (max-width: 1279px) {
  .sec-visual .visual-header .visual-tit {
    font-size: 43px;
  }
}
@media (max-width: 1023px) {
  .sec-visual .visual-header .visual-tit {
    font-size: 40px;
  }
}
@media (max-width: 834px) {
  .sec-visual .visual-header .visual-tit {
    font-size: 37px;
  }
}
@media (max-width: 600px) {
  .sec-visual .visual-header .visual-tit {
    font-size: 35px;
  }
}
@media (max-width: 480px) {
  .sec-visual .visual-header .visual-tit {
    font-size: calc(12.95px + 4.6vw);
  }
}
.sec-visual .visual-header .visual-subtit {
  font-weight: 400;
  line-height: 1.2;
  font-size: 18px;
  text-transform: uppercase;
  animation: visual-title 1s ease-out 0.5s both;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.sec-visual .visual-header .visual-subtit .ib {
  letter-spacing: 0.625em;
  text-indent: 0.625em;
}
@media (max-width: 640px) {
  .sec-visual .visual-header .visual-subtit .ib {
    display: block;
  }
}
@media (max-width: 767px) {
  .sec-visual .visual-header .visual-subtit {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .sec-visual .visual-header .visual-subtit {
    font-size: 15px;
  }
}
@media (max-width: 480px) {
  .sec-visual .visual-header .visual-subtit {
    font-size: 14px;
  }
}
.sec-visual .visual-header .swiper-control {
  margin-top: 70px;
  animation: visual-title 0.9s ease-out 0.6s both;
}
@media (max-width: 1279px) {
  .sec-visual .visual-header .swiper-control {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .sec-visual .visual-header .swiper-control {
    margin-top: 50px;
  }
}
.sec-visual .visual-header .swiper-pager .swiper-pagination-bullet::before {
  background-color: rgba(255, 255, 255, 0.4);
}
.sec-visual .visual-header .swiper-pager .swiper-pagination-bullet-active {
  width: 38px;
}
.sec-visual .visual-header .swiper-pager .swiper-pagination-bullet-active::before {
  width: 30px;
  background-color: #FFF;
}
.sec-visual .visual-header .swiper-pager .swiper-pagination-bullet:hover::before {
  background-color: #FFF;
}
.sec-visual .visual-header .swiper-toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 4.5V15.5M13.5 4.5V15.5' stroke='%23FFFFFF' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  border-radius: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .sec-visual .visual-header .swiper-toggle {
    transition: 0.3s;
  }
}
.sec-visual .visual-header .swiper-toggle:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.sec-visual .visual-header .swiper-toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 10L6 15V5L15 10Z' stroke='%23FFFFFF' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sec-visual .reserve {
  letter-spacing: normal;
  width: 100%;
  max-width: 950px;
}
.sec-visual .reserve .list {
  display: flex;
  justify-content: center;
  gap: 10px;
}
@media (min-width: 835px) and (max-width: 1023px) {
  .sec-visual .reserve .list {
    gap: 8px;
  }
}
@media (max-width: 834px) {
  .sec-visual .reserve .list {
    flex-direction: column;
  }
}
@media (max-width: 390px) {
  .sec-visual .reserve .list {
    gap: 8px;
  }
}
.sec-visual .reserve .item {
  position: relative;
  animation: fade-up ease-out both;
  flex-basis: 0;
  flex-grow: 2;
  z-index: 5;
}
.sec-visual .reserve .item:last-child {
  flex-grow: 1;
  z-index: 3;
}
@media (max-width: 834px) {
  .sec-visual .reserve .item {
    flex-basis: auto;
  }
}
.sec-visual .reserve .item:nth-child(1) {
  animation-delay: calc(0.8s + 1 * 0.15s);
  animation-duration: calc(0.8s - 1 * 0.1s);
}
.sec-visual .reserve .item:nth-child(2) {
  animation-delay: calc(0.8s + 2 * 0.15s);
  animation-duration: calc(0.8s - 2 * 0.1s);
}
.sec-visual .reserve .item:nth-child(3) {
  animation-delay: calc(0.8s + 3 * 0.15s);
  animation-duration: calc(0.8s - 3 * 0.1s);
}
.sec-visual .reserve .item:nth-child(4) {
  animation-delay: calc(0.8s + 4 * 0.15s);
  animation-duration: calc(0.8s - 4 * 0.1s);
}
.sec-visual .reserve .btn {
  border-radius: 10px;
  height: 5.334em;
  overflow: hidden;
  border: 2px solid transparent;
  padding: 17px 20px;
  transition: 0.3s;
  display: flex;
  width: 100%;
  font-size: 18px;
  gap: 10px;
}
@media (max-width: 1023px) {
  .sec-visual .reserve .btn {
    font-size: 16px;
    padding: 12px 16px;
  }
}
@media (max-width: 834px) {
  .sec-visual .reserve .btn {
    height: 60px;
    font-size: 18px;
    padding: 0 20px;
  }
}
@media (max-width: 480px) {
  .sec-visual .reserve .btn {
    height: 56px;
    font-size: 17px;
    padding: 0 18px;
    gap: 8px;
  }
}
@media (max-width: 390px) {
  .sec-visual .reserve .btn {
    height: 50px;
    font-size: 16px;
    padding: 0 16px;
  }
}
.sec-visual .reserve .btn .type {
  color: #949494;
  letter-spacing: 0.02em;
  font-size: 14px;
  display: block;
  transition: 0.3s;
  line-height: 1.5;
}
@media (max-width: 390px) {
  .sec-visual .reserve .btn .type {
    font-size: 13px;
  }
}
.sec-visual .reserve .btn .txt {
  font-weight: 500;
  line-height: 1.2;
}
.sec-visual .reserve .btn-toggle {
  background-color: #fff;
  width: 100%;
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 834px) {
  .sec-visual .reserve .btn-toggle {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.sec-visual .reserve .btn-toggle .txt {
  letter-spacing: normal;
  color: #213753;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 834px) {
  .sec-visual .reserve .btn-toggle .txt {
    flex-grow: 1;
  }
}
.sec-visual .reserve .btn-toggle .txt.small {
  font-size: calc(1em - 1px);
  letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
  .sec-visual .reserve .btn-toggle .txt.small {
    font-size: calc(1em - 2px);
  }
}
.sec-visual .reserve .btn-toggle .txt .value {
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 1.2;
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 2.44em;
  font-weight: inherit;
}
.sec-visual .reserve .btn-toggle .txt .value span {
  display: inline-block;
}
.sec-visual .reserve .btn-toggle .ico {
  content: "";
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23213753'/%3E%3C/svg%3E%0A") no-repeat center/16px;
  flex-shrink: 0;
  margin-left: 0.5em;
  transition: transform 0.3s;
}
@media (max-width: 480px) {
  .sec-visual .reserve .btn-toggle .ico {
    width: 20px;
    height: 20px;
    background-size: 14px;
  }
}
.sec-visual .reserve .btn-toggle:hover {
  border-color: #213753;
}
.sec-visual .reserve .btn-toggle:hover .type {
  color: #213753;
}
.sec-visual .reserve .btn-submit {
  background-color: #213753;
  color: #FFF;
  align-items: center;
  justify-content: center;
}
.sec-visual .reserve .btn-submit:hover {
  background-color: #fff;
  color: #213753;
  border-color: #213753;
}
.sec-visual .reserve .btn-submit:hover .txt {
  font-weight: 600;
}
.sec-visual .reserve .dropdown {
  position: absolute;
  left: 0;
  top: calc(100% + 24px);
  border-radius: 10px;
  min-width: 100%;
  box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
  flex-direction: column;
  overflow: hidden;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  z-index: 5;
}
@media (max-width: 834px) {
  .sec-visual .reserve .dropdown {
    min-width: 0;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100% - 16px);
    top: calc(100% + 6px);
  }
}
@media (max-width: 390px) {
  .sec-visual .reserve .dropdown {
    width: calc(100% - 16px);
    top: calc(100% + 4px);
  }
}
.sec-visual .reserve .dropdown-content {
  background-color: #fff;
}
.sec-visual .reserve .dropdown-top {
  order: -5;
  width: 100%;
  background-color: #213753;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 500;
  padding: 10px 18px;
}
@media (max-width: 390px) {
  .sec-visual .reserve .dropdown-top {
    padding: 8px 14px;
  }
}
.sec-visual .reserve .dropdown-top .dropdown-close {
  display: flex;
  align-items: center;
  color: inherit;
  border-radius: 3px;
  padding: 4px 5px;
  transition: 0.3s;
}
.sec-visual .reserve .dropdown-top .dropdown-close::after {
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 2px;
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.25 3.58398L8.83398 8L13.25 12.416L12.416 13.25L8 8.83398L3.58398 13.25L2.75 12.416L7.16602 8L2.75 3.58398L3.58398 2.75L8 7.16602L12.416 2.75L13.25 3.58398Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center;
}
.sec-visual .reserve .dropdown-top .dropdown-close:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.sec-visual .reserve .dropdown .txt-check {
  letter-spacing: inherit;
  display: block;
  color: #DB213A;
  font-size: 15px;
  padding-bottom: 0.6em;
  line-height: 1.3;
  position: relative;
  padding-left: 17px;
}
.sec-visual .reserve .dropdown .txt-check::before {
  content: "";
  width: 13px;
  height: 13px;
  left: 0;
  position: absolute;
  top: 3px;
  background: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.5 0.00488281C7.35938 0.00488281 8.16992 0.170898 8.93164 0.50293C9.69336 0.825195 10.3574 1.26953 10.9238 1.83594C11.4902 2.40234 11.9346 3.06641 12.2568 3.82812C12.5889 4.58008 12.7549 5.38574 12.7549 6.24512C12.7549 7.11426 12.5889 7.92969 12.2568 8.69141C11.9346 9.44336 11.4902 10.1025 10.9238 10.6689C10.3574 11.2354 9.69336 11.6846 8.93164 12.0166C8.16992 12.3389 7.35938 12.5 6.5 12.5C5.64062 12.5 4.83008 12.3389 4.06836 12.0166C3.30664 11.6846 2.64258 11.2354 2.07617 10.6689C1.50977 10.1025 1.06055 9.44336 0.728516 8.69141C0.40625 7.92969 0.245117 7.11426 0.245117 6.24512C0.245117 5.38574 0.40625 4.58008 0.728516 3.82812C1.06055 3.06641 1.50977 2.40234 2.07617 1.83594C2.64258 1.26953 3.30664 0.825195 4.06836 0.50293C4.83008 0.170898 5.64062 0.00488281 6.5 0.00488281ZM5.87012 8.75L9.62012 5L8.75586 4.10645L5.88477 6.99219L4.25879 5.36621L3.37988 6.24512L5.87012 8.75Z' fill='%23DB213A'/%3E%3C/svg%3E%0A") no-repeat center;
}
.sec-visual .reserve .item.active {
  z-index: 10;
}
.sec-visual .reserve .item.active .btn-toggle {
  border-color: #213753;
}
.sec-visual .reserve .item.active .btn-toggle .type {
  color: #213753;
}
.sec-visual .reserve .item.active .btn-toggle .ico {
  transform: rotate(90deg);
}
.sec-visual .reserve .item.active .dropdown {
  visibility: visible;
  opacity: 1;
}
.sec-visual .reserve .calendar-dropdown .calendar-wrap {
  padding: 15px 20px;
  text-align: center;
  font-size: 16px;
  background-color: #fff;
  width: 350px;
  max-width: 100%;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .calendar-wrap {
    font-size: 15px;
    padding: 12px 15px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding: 0 7.1428571429%;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-top {
    margin-bottom: 8px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-top .cal-btn {
  width: 40px;
  height: 40px;
  background: #EEF4F9 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23222222'/%3E%3C/svg%3E%0A") no-repeat center/16px;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .sec-visual .reserve .calendar-dropdown .cal-top .cal-btn {
    transition: background-color 0.3s, background-image 0.3s;
  }
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-top .cal-btn {
    width: 32px;
    height: 32px;
    background-size: 14px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-top .cal-btn-prev {
  transform: translateX(-50%);
}
.sec-visual .reserve .calendar-dropdown .cal-top .cal-btn-next {
  transform: rotate(180deg) translateX(-50%);
}
.sec-visual .reserve .calendar-dropdown .cal-top .cal-btn:hover {
  background-color: #213753;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.sec-visual .reserve .calendar-dropdown .cal-top .cal-tit {
  font-size: 25px;
  color: #222;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-top .cal-tit {
    font-size: 22px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-table {
  border-spacing: 0 5px;
  border-collapse: separate;
  width: 100%;
  margin: -5px 0;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-table {
    border-spacing: 0 3px;
    margin: -3px 0;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-table colgroup col {
  width: 14.2857142857%;
}
.sec-visual .reserve .calendar-dropdown .cal-table th, .sec-visual .reserve .calendar-dropdown .cal-table td {
  position: relative;
  height: 35px;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-table th, .sec-visual .reserve .calendar-dropdown .cal-table td {
    height: 33px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-table th > span,
.sec-visual .reserve .calendar-dropdown .cal-table td > button {
  width: 100%;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: #444;
  font-weight: 500;
  z-index: 5;
  border-radius: 4px;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-table th > span,
  .sec-visual .reserve .calendar-dropdown .cal-table td > button {
    height: 33px;
    border-radius: 3px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-table th > span::after,
.sec-visual .reserve .calendar-dropdown .cal-table td > button::after {
  content: "";
  width: 35px;
  height: 35px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 2px solid transparent;
  z-index: -5;
}
@media (max-width: 390px) {
  .sec-visual .reserve .calendar-dropdown .cal-table th > span::after,
  .sec-visual .reserve .calendar-dropdown .cal-table td > button::after {
    height: 33px;
    width: 33px;
  }
}
.sec-visual .reserve .calendar-dropdown .cal-table td > button {
  transition: 0.3s;
}
.sec-visual .reserve .calendar-dropdown .cal-table td > button:hover {
  background-color: #EEF4F9;
}
.sec-visual .reserve .calendar-dropdown .cal-table em {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 100%;
  top: 100%;
  color: #213753;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: 600;
  z-index: 10;
  text-shadow: 0 0 2px #EEF4F9, 0 0 2px #EEF4F9, 0 0 2px #EEF4F9, 0 0 2px #EEF4F9;
}
.sec-visual .reserve .calendar-dropdown .cal-table button:disabled {
  opacity: 0.3;
  cursor: default;
}
.sec-visual .reserve .calendar-dropdown .cal-table button[aria-pressed=true] {
  color: #FFF;
}
.sec-visual .reserve .calendar-dropdown .cal-table button[aria-pressed=true]::after {
  border-color: #213753;
  background-color: #213753;
}
.sec-visual .reserve .calendar-dropdown .cal-table .today button {
  opacity: 1;
}
.sec-visual .reserve .calendar-dropdown .cal-table .today button::after {
  border-color: #213753;
}
@media (max-width: 834px) {
  .sec-visual .reserve .people-dropdown {
    width: 262px;
  }
}
.sec-visual .reserve .people-dropdown .people-wrap {
  background-color: #fff;
  padding: 25px 20px;
  max-width: 100%;
}
@media (max-width: 390px) {
  .sec-visual .reserve .people-dropdown .people-wrap {
    padding: 20px;
  }
}
.sec-visual .reserve .people-dropdown .people-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  color: #213753;
  font-weight: 700;
}
.sec-visual .reserve .people-dropdown .people-item + .people-item {
  margin-top: 6px;
}
.sec-visual .reserve .people-dropdown .people-item .type {
  margin-right: 0.5em;
}
.sec-visual .reserve .people-dropdown .people-item .value {
  margin-left: auto;
  background-color: #F4F4F4;
  border-radius: 4px;
  padding: 4px 13px;
}
.sec-visual .reserve .people-dropdown .people-item .btn-wrap {
  margin-left: 11px;
  flex-shrink: 0;
}
.sec-visual .reserve .people-dropdown .people-item .btn-wrap .num-btn {
  width: 18px;
  height: 18px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23213753'/%3E%3C/svg%3E%0A") no-repeat center/12px;
  border-radius: 3px;
}
.sec-visual .reserve .people-dropdown .people-item .btn-wrap .num-btn.up {
  transform: rotate(90deg);
}
.sec-visual .reserve .people-dropdown .people-item .btn-wrap .num-btn.down {
  transform: rotate(-90deg);
}
.sec-visual .reserve .people-dropdown .people-item .btn-wrap .num-btn:hover {
  background-color: #EEF4F9;
}
@media (max-width: 834px) {
  .sec-visual .reserve .prog-dropdown {
    width: 400px;
  }
}
.sec-visual .reserve .prog-dropdown .prog-wrap {
  background-color: #fff;
  padding: 25px 20px;
  max-width: 100%;
}
@media (max-width: 390px) {
  .sec-visual .reserve .prog-dropdown .prog-wrap {
    padding: 20px;
  }
}
.sec-visual .reserve .prog-dropdown .prog-item {
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
  width: 100%;
}
.sec-visual .reserve .prog-dropdown .prog-item + .prog-item {
  margin-top: 11px;
}
.sec-visual .reserve .prog-dropdown .prog-item span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #213753;
  opacity: 0.8;
  line-height: 1.3;
  padding-top: 1px;
}
@media (max-width: 390px) {
  .sec-visual .reserve .prog-dropdown .prog-item span {
    font-size: 15px;
  }
}
.sec-visual .reserve .prog-dropdown .prog-item .ico {
  content: "";
  transform: rotate(180deg);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23213753'/%3E%3C/svg%3E%0A") no-repeat center/16px;
  flex-shrink: 0;
  margin-left: 1em;
  transition: transform 0.3s;
  border-radius: 4px;
}
@media (hover: hover) and (pointer: fine) {
  .sec-visual .reserve .prog-dropdown .prog-item .ico {
    transition: 0.3s;
  }
}
@media (max-width: 390px) {
  .sec-visual .reserve .prog-dropdown .prog-item .ico {
    width: 20px;
    height: 20px;
    background-size: 14px;
  }
}
.sec-visual .reserve .prog-dropdown .prog-item:hover span {
  opacity: 1;
}
.sec-visual .reserve .prog-dropdown .prog-item:hover .ico {
  background-color: #EEF4F9;
}
.sec-visual .visual-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-image: url(/images/chiu/main/main_visual.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sec-visual .visual-bg .visual-mv {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}
.sec-visual .visual-bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  z-index: 2;
  opacity: 0.3;
}

.sec-overview {
  background-color: #F8FCFF;
  overflow: hidden;
  padding-top: 96px;
  margin-bottom: 148px;
}
@media (max-width: 1366px) {
  .sec-overview {
    padding-top: 80px;
    margin-bottom: 124px;
  }
}
@media (max-width: 1023px) {
  .sec-overview {
    margin-bottom: 100px;
  }
}
@media (max-width: 834px) {
  .sec-overview {
    padding-top: 96px;
  }
}
@media (max-width: 600px) {
  .sec-overview {
    margin-bottom: 80px;
  }
}
@media (max-width: 480px) {
  .sec-overview {
    padding-top: 80px;
  }
}
@media (max-width: 390px) {
  .sec-overview {
    padding-top: 72px;
    margin-bottom: 60px;
  }
}
.sec-overview .layout {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
@media (max-width: 834px) {
  .sec-overview .layout {
    flex-direction: column;
  }
}
.sec-overview .layout::before {
  content: "";
  position: absolute;
  bottom: 0;
  transform: translate(-15%, 18%);
  left: 0;
  background: url(/images/chiu/main/overview-bg.svg) no-repeat center/contain;
  width: 640px;
  aspect-ratio: 640/473;
}
@media (max-width: 1600px) {
  .sec-overview .layout::before {
    width: 40vw;
  }
}
@media (max-width: 1366px) {
  .sec-overview .layout::before {
    width: calc(24% + 100px);
  }
}
@media (max-width: 834px) {
  .sec-overview .layout::before {
    display: none;
  }
}
.sec-overview .sec-header {
  padding-top: 133px;
  padding-right: 32px;
  position: relative;
  z-index: 5;
}
@media (max-width: 1366px) {
  .sec-overview .sec-header {
    padding-top: 65px;
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-header {
    width: 100%;
    padding: 0;
  }
}
.sec-overview .sec-header .sec-tit {
  position: relative;
}
.sec-overview .sec-header .sec-tit::after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='390' height='218' viewBox='0 0 390 218' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M148.65 30.5C160.65 52.4 137.25 86.45 97.35 105.65C60.75 123.35 35.25 112.1 35.1 112.1C32.7 112.1 11.7 147.95 11.7 153.35C11.7 154.85 11.4 155.6 10.95 155.6C10.05 155.6 6 152.45 6 147.8C6 140.75 18.15 120.5 27.45 106.55L24.75 103.85C21.6 100.55 20.25 96.5 25.95 101.3C27.3 102.35 28.65 103.25 29.1 103.25C29.25 103.25 74.1 42.65 78.15 36.05C80.1 32.6 82.35 29.9 82.95 29.9C83.25 29.9 84 31.25 84.15 33.2C85.2 43.55 38.1 101.9 38.1 105.95C38.1 110.45 88.95 114.5 129.3 73.7C174.75 27.65 124.35 0.799993 63.45 30.95C36.15 44.45 12.3 68.6 12.15 83.3C12.15 86 11.7 87.35 11.1 87.35C10.65 87.35 8.85 85.55 8.85 81.05C8.85 60.5 41.25 36.2 60.3 26.45C86.7 13.25 134.7 4.7 148.65 30.5ZM85.0816 138.65C85.0816 129.95 109.382 103.4 113.432 103.4C115.232 103.4 116.132 104.45 116.132 105.8C116.132 108.35 115.082 108.8 103.682 123.5C110.132 117.95 129.632 101 138.182 101C138.632 101 139.082 101 139.532 101.15C141.632 101.9 144.182 107.9 142.382 107.9C139.832 107.9 141.332 95.45 106.382 130.25C98.1316 138.5 90.9316 145.25 90.6316 145.25C90.4816 145.25 85.0816 139.4 85.0816 138.65ZM136.057 141.95C134.557 141.95 126.607 135.05 126.607 131.75C126.607 119.45 151.357 100.4 151.357 113.75C151.357 115.4 150.457 116.15 148.657 116.15C146.257 116.15 139.207 123.35 137.107 127.85C135.607 131 135.007 132.95 135.007 134C135.007 138.2 147.757 126.95 151.657 121.7C162.457 107.3 155.857 105.05 151.057 102.5L153.457 102.2C159.907 101.45 162.157 108.8 162.157 112.4C162.157 124.7 142.207 141.95 136.057 141.95ZM156.405 134.45C156.405 128.9 168.705 114.35 176.205 110.6C181.755 107.9 187.755 108.2 189.405 113.3C189.855 114.5 197.055 108.05 197.955 107.15C202.605 103.1 206.655 99.95 206.955 99.95C208.455 99.95 208.605 103.85 207.405 106.85C205.905 110.45 178.755 151.55 171.255 161.6C153.105 185.9 134.505 202.55 119.205 208.4C96.2555 217.25 87.2555 199.25 86.5055 194.6C86.3555 193.4 85.9055 190.4 86.8055 189.5C87.8555 188.45 88.1555 188.9 89.0555 193.25C89.8055 196.85 93.4055 201.35 96.7055 203.3C102.105 206.15 110.655 204.2 116.355 201.35C146.805 186.35 182.205 130.4 182.205 130.25C182.205 129.8 181.005 130.85 178.455 132.95C171.255 138.95 167.055 141.65 163.755 141.65C159.705 141.65 156.405 136.4 156.405 134.45ZM186.555 115.55C186.555 111.05 180.105 113.45 172.755 120.8C168.255 125.3 163.005 133.1 163.005 135.05C163.005 135.95 163.755 135.8 173.205 128.15C186.405 117.35 186.555 117.35 186.555 115.7C186.555 115.55 186.555 115.55 186.555 115.55ZM191.91 138.65C191.91 129.95 216.21 103.4 220.26 103.4C222.06 103.4 222.96 104.45 222.96 105.8C222.96 108.35 221.91 108.8 210.51 123.5C216.96 117.95 236.46 101 245.01 101C245.46 101 245.91 101 246.36 101.15C248.46 101.9 251.01 107.9 249.21 107.9C246.66 107.9 248.16 95.45 213.21 130.25C204.96 138.5 197.76 145.25 197.46 145.25C197.31 145.25 191.91 139.4 191.91 138.65ZM237.935 144.95C235.085 144.95 230.585 141.05 230.585 136.85C230.585 128.75 251.735 101 262.535 101C269.285 101 270.935 105.65 271.535 106.85C273.785 104.75 279.185 99.65 283.085 99.65C283.985 99.65 284.735 100.1 285.035 100.85C285.335 101.6 283.985 104.15 281.885 106.7C271.385 119.9 259.235 146.45 265.385 146.45C268.385 146.45 276.185 141.95 286.085 134.15C291.785 129.8 296.585 126.35 296.885 126.35C300.185 126.35 283.235 144.35 275.735 148.85C266.585 154.1 264.485 152.9 259.985 148.25C257.885 146 257.285 145.1 257.285 142.85C257.285 135.5 260.435 128.6 262.385 123.5C248.885 137.75 242.585 144.95 237.935 144.95ZM264.785 105.95C259.085 105.95 241.835 122.6 236.585 139.85L239.435 138.05C242.285 136.4 267.485 111.35 267.485 107.6C267.485 106.4 265.985 105.95 264.785 105.95ZM299.48 136.55C299.48 136.85 299.63 137 307.58 130.4C312.98 126.05 334.28 108.65 341.18 108.65C348.23 108.65 330.38 125.6 330.38 128.9C330.38 128.9 330.38 129.05 330.53 129.05C330.68 129.5 338.03 123.8 338.33 123.65C343.28 119.75 368.33 101.45 374.48 101.45C376.13 101.45 377.48 103.25 377.48 104C377.48 104 362.18 124.85 356.18 141.95C362.93 141.95 384.98 126.95 384.98 126.95C389.63 126.95 365.78 149 358.13 149C355.13 149 347.63 143.3 348.38 137.6C350.18 123.35 372.23 104.6 358.73 114.95C344.93 125.45 331.13 139.85 326.93 139.85C326.48 139.85 320.33 134.15 320.33 132.2C320.33 129.5 321.83 127.7 321.83 126.2C321.83 125.45 298.13 148.4 295.43 148.4C293.63 148.4 287.33 142.7 287.33 140.3C287.33 132.65 308.33 106.55 313.13 106.55C314.48 106.55 315.83 107.15 315.83 108.65C315.83 113.3 299.48 132.95 299.48 136.55Z' fill='%236BA1B5'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  width: 1em;
  font-size: 390px;
  height: 0.559em;
  position: absolute;
  left: 128px;
  bottom: -43px;
}
@media (max-width: 1600px) {
  .sec-overview .sec-header .sec-tit::after {
    font-size: 24.375vw;
  }
}
@media (max-width: 1440px) {
  .sec-overview .sec-header .sec-tit::after {
    font-size: 22vw;
    bottom: -20px;
  }
}
@media (max-width: 1366px) {
  .sec-overview .sec-header .sec-tit::after {
    font-size: 205px;
    bottom: 12px;
    left: 120px;
  }
}
@media (max-width: 1023px) {
  .sec-overview .sec-header .sec-tit::after {
    left: 92px;
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-header .sec-tit::after {
    left: 168px;
    bottom: -24px;
  }
}
@media (max-width: 480px) {
  .sec-overview .sec-header .sec-tit::after {
    font-size: 6.66em;
    left: 0.86em;
    bottom: -0.12em;
  }
}
.sec-overview .sec-header .sec-desc {
  margin-bottom: 146px;
  max-width: 21em;
}
@media (max-width: 1366px) {
  .sec-overview .sec-header .sec-desc {
    margin-bottom: 105px;
  }
}
@media (max-width: 1023px) {
  .sec-overview .sec-header .sec-desc {
    margin-bottom: 70px;
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-header .sec-desc {
    max-width: 630px;
    margin-bottom: 24px;
  }
}
.sec-overview .sec-header .cate-wrap {
  font-size: 21px;
  z-index: 5;
}
@media (max-width: 1279px) {
  .sec-overview .sec-header .cate-wrap {
    font-size: 19px;
  }
}
@media (max-width: 1023px) {
  .sec-overview .sec-header .cate-wrap {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .sec-overview .sec-header .cate-wrap {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .sec-overview .sec-header .cate-wrap {
    font-size: 18px;
  }
}
.sec-overview .sec-header .cate-wrap .cate-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 1279px) {
  .sec-overview .sec-header .cate-wrap .cate-list {
    gap: 8px;
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-header .cate-wrap .cate-list {
    flex-direction: row;
  }
}
@media (max-width: 767px) {
  .sec-overview .sec-header .cate-wrap .cate-list {
    gap: 6px;
  }
}
@media (max-width: 640px) {
  .sec-overview .sec-header .cate-wrap .cate-list {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: calc(100% + 8px);
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 640px) {
  .sec-overview .sec-header .cate-wrap .cate-list .cate-btn[aria-pressed=true] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    z-index: -1;
    overflow: hidden;
  }
}
.sec-overview .sec-header .cate-wrap .cate-btn {
  border-radius: 5em;
  width: 11.4em;
  display: flex;
  justify-content: space-between;
  border: 1px solid #DFE6EB;
  padding: 0 1.1em;
  background-color: #fff;
  font-weight: 500;
  color: #3A3F42;
  align-items: center;
  height: 2.6667em;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  letter-spacing: normal;
  gap: 0.6em;
  outline-color: #3c9cf5;
}
@media (max-width: 834px) {
  .sec-overview .sec-header .cate-wrap .cate-btn {
    flex: 1;
  }
}
@media (max-width: 767px) {
  .sec-overview .sec-header .cate-wrap .cate-btn {
    flex-grow: 1;
    flex-basis: auto;
    flex-shrink: 1;
    width: auto;
    justify-content: center;
  }
}
@media (max-width: 640px) {
  .sec-overview .sec-header .cate-wrap .cate-btn {
    flex-shrink: 0;
    flex-grow: 0;
    justify-content: space-between;
  }
}
.sec-overview .sec-header .cate-wrap .cate-btn::after {
  content: "";
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 11.3739 19.7343 12.6698 19.2028 13.8876C18.687 15.1054 17.9758 16.1671 17.0692 17.0726C16.1626 17.9781 15.0996 18.6885 13.8804 19.2037C12.6768 19.7346 11.3873 20 10.0117 20C8.62056 20 7.31536 19.7346 6.09613 19.2037C4.89254 18.6885 3.83744 17.9781 2.93083 17.0726C2.02423 16.1671 1.3052 15.1054 0.77374 13.8876C0.257913 12.6698 -6.01266e-08 11.3739 0 10C6.01266e-08 8.62607 0.257913 7.33021 0.77374 6.11241C1.3052 4.89461 2.02423 3.83294 2.93083 2.9274C3.83744 2.02186 4.89254 1.30367 6.09613 0.772834C7.31536 0.257611 8.62056 -6.07387e-08 10.0117 0C11.3873 6.00562e-08 12.6768 0.257611 13.8804 0.772834C15.0996 1.30367 16.1626 2.02186 17.0692 2.9274C17.9758 3.83294 18.687 4.89461 19.2028 6.11241C19.7343 7.33021 20 8.62607 20 10ZM7.99531 5.99532V14.0047L13.0129 10L7.99531 5.99532Z' fill='%23DDE3E7'/%3E%3C/svg%3E%0A") no-repeat center/contain;
  transition: 0.3s;
}
.sec-overview .sec-header .cate-wrap .cate-btn[aria-pressed=true], .sec-overview .sec-header .cate-wrap .cate-btn:hover {
  background-color: #3A3F42;
  border-color: #3A3F42;
  color: #FFF;
}
.sec-overview .sec-header .cate-wrap .cate-btn[aria-pressed=true]::after, .sec-overview .sec-header .cate-wrap .cate-btn:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 11.3739 19.7343 12.6698 19.2028 13.8876C18.687 15.1054 17.9758 16.1671 17.0692 17.0726C16.1626 17.9781 15.0996 18.6885 13.8804 19.2037C12.6768 19.7346 11.3873 20 10.0117 20C8.62056 20 7.31536 19.7346 6.09613 19.2037C4.89254 18.6885 3.83744 17.9781 2.93083 17.0726C2.02423 16.1671 1.3052 15.1054 0.77374 13.8876C0.257913 12.6698 -6.01266e-08 11.3739 0 10C6.01266e-08 8.62607 0.257913 7.33021 0.77374 6.11241C1.3052 4.89461 2.02423 3.83294 2.93083 2.9274C3.83744 2.02186 4.89254 1.30367 6.09613 0.772834C7.31536 0.257611 8.62056 -6.07387e-08 10.0117 0C11.3873 6.00562e-08 12.6768 0.257611 13.8804 0.772834C15.0996 1.30367 16.1626 2.02186 17.0692 2.9274C17.9758 3.83294 18.687 4.89461 19.2028 6.11241C19.7343 7.33021 20 8.62607 20 10ZM7.99531 5.99532V14.0047L13.0129 10L7.99531 5.99532Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.sec-overview .sec-header .cate-wrap .cate-toggle {
  display: none;
  width: 100%;
  background-color: #3A3F42;
  border-color: #3A3F42;
  color: #FFF;
}
.sec-overview .sec-header .cate-wrap .cate-toggle::after {
  transform: rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 11.3739 19.7343 12.6698 19.2028 13.8876C18.687 15.1054 17.9758 16.1671 17.0692 17.0726C16.1626 17.9781 15.0996 18.6885 13.8804 19.2037C12.6768 19.7346 11.3873 20 10.0117 20C8.62056 20 7.31536 19.7346 6.09613 19.2037C4.89254 18.6885 3.83744 17.9781 2.93083 17.0726C2.02423 16.1671 1.3052 15.1054 0.77374 13.8876C0.257913 12.6698 -6.01266e-08 11.3739 0 10C6.01266e-08 8.62607 0.257913 7.33021 0.77374 6.11241C1.3052 4.89461 2.02423 3.83294 2.93083 2.9274C3.83744 2.02186 4.89254 1.30367 6.09613 0.772834C7.31536 0.257611 8.62056 -6.07387e-08 10.0117 0C11.3873 6.00562e-08 12.6768 0.257611 13.8804 0.772834C15.0996 1.30367 16.1626 2.02186 17.0692 2.9274C17.9758 3.83294 18.687 4.89461 19.2028 6.11241C19.7343 7.33021 20 8.62607 20 10ZM7.99531 5.99532V14.0047L13.0129 10L7.99531 5.99532Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
.sec-overview .sec-header .cate-wrap .cate-toggle[aria-pressed=true]::after {
  transform: rotate(-90deg);
}
@media (max-width: 640px) {
  .sec-overview .sec-header .cate-wrap .cate-toggle {
    display: flex;
  }
}
.sec-overview .sec-header .cate-wrap .cate-toggle[aria-pressed=true] ~ .cate-list {
  visibility: visible;
  opacity: 1;
}
.sec-overview .splide-nav {
  --body-width: calc(100vw - var(--scroll-width));
  --layout-margin: max(50px, calc((var(--body-width) - 1600px) / 2));
  position: absolute;
  right: calc(var(--layout-margin) * -1);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 1279px) {
  .sec-overview .splide-nav {
    right: -30px;
  }
}
@media (max-width: 767px) {
  .sec-overview .splide-nav {
    right: -20px;
  }
}
@media (max-width: 390px) {
  .sec-overview .splide-nav {
    right: -15px;
  }
}
.sec-overview .splide-nav .btn-list {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 15px 0 0 15px;
  padding: 20px 15px;
  align-items: center;
  gap: 10px;
}
@media (max-width: 390px) {
  .sec-overview .splide-nav .btn-list {
    padding: 16px 12px;
    gap: 8px;
    border-radius: 12px 0 0 12px;
  }
}
.sec-overview .splide-nav .divider {
  width: 4px;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 50%;
}
.sec-overview .splide-nav .splide-btn {
  width: 30px;
  aspect-ratio: 1;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5096 16.2568L8.09356 9.9873L14.5096 3.74707L12.7518 1.95996L4.48999 9.9873L12.7518 18.0439L14.5096 16.2568Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center;
  border-radius: 3px;
  transition: background-color 0.3s;
}
.sec-overview .splide-nav .splide-btn.toggle {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 15L1 12L19 12V15L1 15Z' fill='white'/%3E%3Cpath d='M1 8L1 5L19 5V8L1 8Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sec-overview .splide-nav .splide-btn.toggle.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4L18.6603 15.25H1.33975L10 4Z' fill='white'/%3E%3C/svg%3E%0A");
}
.sec-overview .splide-nav .splide-btn.prev {
  transform: rotate(90deg);
}
.sec-overview .splide-nav .splide-btn.next {
  transform: rotate(-90deg);
}
.sec-overview .splide-nav .splide-btn:hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.sec-overview .sec-content {
  width: 63.125%;
  margin-left: auto;
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  height: 1280px;
  position: relative;
}
@media (max-width: 1366px) {
  .sec-overview .sec-content {
    width: 70%;
    height: calc(62vw + 275px);
  }
}
@media (max-width: 1023px) {
  .sec-overview .sec-content {
    font-size: 0.978vw;
    width: 78%;
    max-width: calc(100% - 290px);
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-content {
    font-size: 1.1vw;
    max-width: none;
    width: 100%;
    margin-top: 36px;
    height: auto;
    flex-direction: column;
    margin-bottom: 7.7em;
  }
}
@media (max-width: 767px) {
  .sec-overview .sec-content {
    font-size: 1.25vw;
  }
}
@media (max-width: 600px) {
  .sec-overview .sec-content {
    font-size: 8px;
    margin-top: 32px;
  }
}
@media (max-width: 480px) {
  .sec-overview .sec-content {
    font-size: calc(4.5px + 0.9375vw);
    margin-top: 28px;
  }
}
@media (max-width: 390px) {
  .sec-overview .sec-content {
    margin-top: 24px;
  }
}
.sec-overview .sec-content .splide {
  width: calc(50% - 25px);
  height: 100%;
}
@media (max-width: 1366px) {
  .sec-overview .sec-content .splide {
    width: 47.5%;
  }
}
@media (max-width: 1023px) {
  .sec-overview .sec-content .splide {
    width: 48%;
  }
}
@media (max-width: 834px) {
  .sec-overview .sec-content .splide {
    height: auto;
    width: 100%;
  }
  .sec-overview .sec-content .splide + .splide {
    margin-top: 4.5em;
  }
}
@media (max-width: 480px) {
  .sec-overview .sec-content .splide {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .sec-overview .sec-content .splide-right {
    display: none;
  }
}
.sec-overview .sec-content .splide__slide {
  display: block;
  outline: none;
}
@media (max-width: 600px) {
  .sec-overview .sec-content .splide__slide {
    width: 60vw;
  }
}
@media (max-width: 480px) {
  .sec-overview .sec-content .splide__slide {
    width: 70vw;
  }
}
@media (max-width: 390px) {
  .sec-overview .sec-content .splide__slide {
    width: 80vw;
  }
}
.sec-overview .sec-content .splide__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #3c9cf5;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
}
.sec-overview .sec-content .splide__slide .img-wrap {
  overflow: hidden;
  border-radius: 2em;
  margin-bottom: 2em;
  position: relative;
}
@media (max-width: 834px) {
  .sec-overview .sec-content .splide__slide .img-wrap::before {
    content: "";
    display: block;
    padding-top: 65%;
  }
}
.sec-overview .sec-content .splide__slide .img-wrap img {
  display: block;
  width: 100%;
}
@media (max-width: 834px) {
  .sec-overview .sec-content .splide__slide .img-wrap img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    object-fit: cover;
  }
}
.sec-overview .sec-content .splide__slide .txt-wrap {
  line-height: 1.3;
  position: relative;
  z-index: 5;
}
.sec-overview .sec-content .splide__slide .txt-wrap .cate {
  font-weight: 600;
  color: #213753;
  margin-bottom: 0.4em;
  display: block;
  letter-spacing: -0.01em;
  font-size: calc(10px + 0.6em);
}
.sec-overview .sec-content .splide__slide .txt-wrap .tit {
  font-size: calc(6px + 1.8em);
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #1E2124;
  text-decoration-line: underline;
  text-decoration-color: transparent;
  text-underline-offset: 0.2em;
  transition: 0.3s;
}
.sec-overview .sec-content .splide__slide:hover .tit {
  text-decoration-color: currentColor;
}
.sec-overview .sec-content .splide__slide:focus::before {
  opacity: 1;
}

.sec-room {
  overflow: hidden;
  padding-bottom: 148px;
}
@media (max-width: 1366px) {
  .sec-room {
    padding-bottom: 124px;
  }
}
@media (max-width: 1023px) {
  .sec-room {
    padding-bottom: 100px;
  }
}
@media (max-width: 600px) {
  .sec-room {
    padding-bottom: 80px;
  }
}
@media (max-width: 390px) {
  .sec-room {
    padding-bottom: 60px;
  }
}
.sec-room .sec-content {
  display: flex;
  min-height: 490px;
}
@media (max-width: 1440px) {
  .sec-room .sec-content {
    min-height: 393px;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content {
    min-height: 350px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content {
    height: auto;
    flex-direction: column;
  }
}
.sec-room .sec-content .swiper-container {
  border-radius: 20px;
}
@media (max-width: 1279px) {
  .sec-room .sec-content .swiper-container {
    border-radius: 15px;
  }
}
.sec-room .sec-content .img-swiper {
  width: 63.125%;
  flex-shrink: 0;
  margin-left: 30px;
  order: 5;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .img-swiper {
    margin-left: 24px;
    width: 60%;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content .img-swiper {
    margin-left: 20px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content .img-swiper {
    width: 100%;
    margin-left: 0;
    border-radius: 0 0 15px 15px;
  }
}
.sec-room .sec-content .img-swiper .swiper-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 40px;
  justify-content: space-between;
  z-index: 5;
  width: 100%;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 32px;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 24px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 32px;
  }
}
@media (max-width: 600px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 24px;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 20px;
  }
}
@media (max-width: 390px) {
  .sec-room .sec-content .img-swiper .swiper-nav {
    padding: 0 12px;
  }
}
@media (max-width: 1440px) {
  .sec-room .sec-content .img-swiper .swiper-nav .swiper-btn {
    width: 50px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sec-room .sec-content .img-swiper .swiper-nav .swiper-btn {
    width: 40px;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .img-swiper .swiper-nav .swiper-btn {
    width: 40px;
  }
}
.sec-room .sec-content .img-swiper .swiper-control {
  position: absolute;
  bottom: 40px;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  padding: 10px 12px;
  border-radius: 5em;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
@media (max-width: 1440px) {
  .sec-room .sec-content .img-swiper .swiper-control {
    bottom: 32px;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content .img-swiper .swiper-control {
    bottom: 24px;
  }
}
@media (min-width: 601px) and (max-width: 1023px) {
  .sec-room .sec-content .img-swiper .swiper-control {
    bottom: 32px;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .img-swiper .swiper-control {
    padding: 6px 10px;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
  }
}
.sec-room .sec-content .img-swiper .img-wrap {
  position: relative;
  height: 100%;
}
@media (max-width: 1023px) {
  .sec-room .sec-content .img-swiper .img-wrap {
    padding-top: 48.5%;
    height: auto;
  }
}
@media (max-width: 600px) {
  .sec-room .sec-content .img-swiper .img-wrap {
    padding-top: 66.6666666667%;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .img-swiper .img-wrap {
    padding-top: 100%;
  }
}
.sec-room .sec-content .img-swiper .img-wrap img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1023px) {
  .sec-room .sec-content .txt-swiper {
    width: 100%;
    border-radius: 15px 15px 0 0;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide {
  background-color: #DDD;
  color: #FFF;
  padding: 65px 45px 70px;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .txt-swiper .swiper-slide {
    padding: 40px 35px;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content .txt-swiper .swiper-slide {
    padding: 35px 25px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content .txt-swiper .swiper-slide {
    padding: 35px 40px;
  }
}
@media (max-width: 767px) {
  .sec-room .sec-content .txt-swiper .swiper-slide {
    padding: 32px;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .txt-swiper .swiper-slide {
    text-align: center;
    padding: 32px 6.5%;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .tit {
  font-size: 32px;
  margin-bottom: 0.8em;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit {
    font-size: 28px;
  }
}
@media (max-width: 1279px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit {
    margin-bottom: 0.7em;
  }
}
@media (max-width: 600px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit {
    font-size: 22px;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .tit span {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.01em;
  margin-bottom: 0.625em;
  text-transform: uppercase;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit span {
    font-size: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit span {
    font-size: 15px;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .tit b {
  font-weight: 700;
  line-height: 1;
  letter-spacing: normal;
}
@media (max-width: 480px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .tit b {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sec-room .sec-content .txt-swiper .swiper-slide .tit b::after {
    content: "";
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    border-radius: 50%;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 10C20 11.3739 19.7343 12.6698 19.2028 13.8876C18.687 15.1054 17.9758 16.1671 17.0692 17.0726C16.1626 17.9781 15.0996 18.6885 13.8804 19.2037C12.6768 19.7346 11.3873 20 10.0117 20C8.62056 20 7.31536 19.7346 6.09613 19.2037C4.89254 18.6885 3.83744 17.9781 2.93083 17.0726C2.02423 16.1671 1.3052 15.1054 0.77374 13.8876C0.257913 12.6698 -6.01266e-08 11.3739 0 10C6.01266e-08 8.62607 0.257913 7.33021 0.77374 6.11241C1.3052 4.89461 2.02423 3.83294 2.93083 2.9274C3.83744 2.02186 4.89254 1.30367 6.09613 0.772834C7.31536 0.257611 8.62056 -6.07387e-08 10.0117 0C11.3873 6.00562e-08 12.6768 0.257611 13.8804 0.772834C15.0996 1.30367 16.1626 2.02186 17.0692 2.9274C17.9758 3.83294 18.687 4.89461 19.2028 6.11241C19.7343 7.33021 20 8.62607 20 10ZM7.99531 5.99532V14.0047L13.0129 10L7.99531 5.99532Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") no-repeat center/contain;
    margin-left: 6px;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .desc {
  font-size: 20px;
  letter-spacing: normal;
  margin-bottom: 1.75em;
}
@media (max-width: 1440px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .desc {
    font-size: 18px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .desc {
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .desc {
    margin-bottom: 0;
  }
}
@media (max-width: 834px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .desc {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .desc .ib {
    display: inline;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .more-link {
  color: inherit;
  margin-top: auto;
}
@media (max-width: 1023px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .more-link {
    position: absolute;
    right: 40px;
    top: 36px;
  }
}
@media (max-width: 600px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .more-link {
    top: 35px;
  }
}
@media (max-width: 480px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .more-link {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: transparent !important;
  }
  .sec-room .sec-content .txt-swiper .swiper-slide .more-link span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    clip: rect(0, 0, 0, 0);
    z-index: -1;
    overflow: hidden;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide .more-link:hover {
  color: #3A3F42;
  background-color: #fff;
}
@media (max-width: 480px) {
  .sec-room .sec-content .txt-swiper .swiper-slide .more-link:hover {
    background-color: #fff;
  }
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n1) {
  background-color: #988A6C;
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n1) .more-link {
  background-color: #807153;
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n2) {
  background-color: #4CA1A8;
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n2) .more-link {
  background-color: #418E94;
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n3) {
  background-color: #43739F;
}
.sec-room .sec-content .txt-swiper .swiper-slide:where(.n3) .more-link {
  background-color: #33608A;
}

.sec-facility {
  margin-bottom: 148px;
}
@media (max-width: 1366px) {
  .sec-facility {
    margin-bottom: 124px;
  }
}
@media (max-width: 1023px) {
  .sec-facility {
    margin-bottom: 100px;
  }
}
@media (max-width: 600px) {
  .sec-facility {
    margin-bottom: 80px;
  }
}
@media (max-width: 390px) {
  .sec-facility {
    margin-bottom: 60px;
  }
}
.sec-facility .sec-content {
  overflow: hidden;
  padding: 105px 0;
  position: relative;
}
@media (max-width: 1440px) {
  .sec-facility .sec-content {
    padding: 80px 0;
  }
}
@media (max-width: 1279px) {
  .sec-facility .sec-content {
    padding: 64px 0;
  }
}
@media (max-width: 1023px) {
  .sec-facility .sec-content {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  .sec-facility .sec-content {
    height: 715px;
    padding: 92px 0 40px;
  }
}
@media (max-width: 600px) {
  .sec-facility .sec-content {
    height: 685px;
    padding: 88px 0 36px;
  }
}
@media (max-width: 480px) {
  .sec-facility .sec-content {
    height: calc(85.2vw + 274px);
    padding: 44px 0 32px;
  }
}
@media (max-width: 390px) {
  .sec-facility .sec-content {
    padding: 40px 0 28px;
  }
}
.sec-facility .sec-content .layout {
  display: flex;
  justify-content: space-between;
  z-index: 5;
  align-items: flex-end;
  height: 100%;
}
@media (max-width: 767px) {
  .sec-facility .sec-content .layout {
    flex-direction: column;
    align-items: center;
  }
}
.sec-facility .sec-content .layout::after {
  display: none;
}
.sec-facility .info-wrap {
  background-color: #2F4562;
  border-radius: 20px;
  color: #FFF;
  width: 558px;
  position: relative;
  animation: fade-up 0.9s both paused;
  transition-duration: 0s !important;
}
@media (max-width: 1440px) {
  .sec-facility .info-wrap {
    width: 493px;
  }
}
@media (max-width: 1279px) {
  .sec-facility .info-wrap {
    width: 462px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .info-wrap {
    width: 432px;
  }
}
@media (max-width: 767px) {
  .sec-facility .info-wrap {
    width: 100%;
    background-color: rgba(47, 69, 98, 0);
    text-align: center;
    animation-name: fade-in;
  }
}
.sec-facility .info-wrap.aos-animate {
  animation-play-state: running;
}
.sec-facility .info-wrap .swiper-nav {
  justify-content: space-between;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
@media (max-width: 480px) {
  .sec-facility .info-wrap .swiper-nav {
    position: relative;
    height: auto;
    justify-content: center;
    gap: 10px;
    margin-top: 24px;
  }
}
@media (max-width: 390px) {
  .sec-facility .info-wrap .swiper-nav {
    margin-top: 20px;
  }
}
@media (max-width: 1279px) {
  .sec-facility .info-wrap .swiper-nav .swiper-btn {
    width: 50px;
  }
}
@media (max-width: 390px) {
  .sec-facility .info-wrap .swiper-nav .swiper-btn {
    width: 40px;
  }
}
.sec-facility .info-wrap .swiper-nav .swiper-btn:hover {
  background-color: #326B8D;
}
.sec-facility .info-wrap .swiper-nav .swiper-btn-prev {
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .sec-facility .info-wrap .swiper-nav .swiper-btn-prev {
    transform: none;
  }
}
.sec-facility .info-wrap .swiper-nav .swiper-btn-next {
  transform: translateX(50%);
}
@media (max-width: 767px) {
  .sec-facility .info-wrap .swiper-nav .swiper-btn-next {
    transform: none;
  }
}
.sec-facility .info-wrap .swiper-slide {
  padding: 52px;
  min-height: 328px;
  display: flex;
  flex-direction: column;
  height: auto;
}
@media (max-width: 1440px) {
  .sec-facility .info-wrap .swiper-slide {
    min-height: 0;
  }
}
@media (max-width: 1279px) {
  .sec-facility .info-wrap .swiper-slide {
    padding: 40px 48px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .info-wrap .swiper-slide {
    padding: 36px 48px;
  }
}
@media (max-width: 767px) {
  .sec-facility .info-wrap .swiper-slide {
    align-items: center;
    padding: 0 60px;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 480px) {
  .sec-facility .info-wrap .swiper-slide {
    padding: 0;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
  }
}
.sec-facility .info-wrap .swiper-slide .tit {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5em;
}
@media (max-width: 1279px) {
  .sec-facility .info-wrap .swiper-slide .tit {
    font-size: 28px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .info-wrap .swiper-slide .tit {
    font-size: 24px;
    margin-bottom: 0.3em;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .sec-facility .info-wrap .swiper-slide .tit {
    font-size: 28px;
  }
}
.sec-facility .info-wrap .swiper-slide .desc {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 1.8em;
  max-width: 21em;
}
@media (max-width: 1279px) {
  .sec-facility .info-wrap .swiper-slide .desc {
    font-size: 17px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .info-wrap .swiper-slide .desc {
    font-size: 16px;
    margin-bottom: 1.4em;
  }
}
@media (max-width: 767px) {
  .sec-facility .info-wrap .swiper-slide .desc {
    margin-bottom: 2em;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .sec-facility .info-wrap .swiper-slide .desc {
    font-size: 17px;
  }
}
@media (max-width: 480px) {
  .sec-facility .info-wrap .swiper-slide .desc {
    margin-bottom: 1em;
  }
  .sec-facility .info-wrap .swiper-slide .desc .ib {
    display: inline;
  }
}
.sec-facility .info-wrap .swiper-slide .img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  z-index: -1;
  overflow: hidden;
}
.sec-facility .info-wrap .swiper-slide .more-link {
  background-color: #435A79;
  margin-top: auto;
  outline-offset: -2px;
  outline-color: #FFF;
}
.sec-facility .info-wrap .swiper-slide .more-link:hover {
  background-color: #162C48;
}
.sec-facility .swiper-thumb-pager {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .sec-facility .swiper-thumb-pager {
    margin-left: 0;
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 480px) {
  .sec-facility .swiper-thumb-pager {
    gap: 8px;
  }
}
@media (max-width: 390px) {
  .sec-facility .swiper-thumb-pager {
    gap: 6px;
  }
}
.sec-facility .swiper-thumb-pager .swiper-pagination-bullet {
  width: 150px;
  border-radius: 15px;
  opacity: 1;
  position: relative;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  aspect-ratio: 1;
  animation: calc(1.1s - var(--item-index) * 0.1s) calc(0.4s + var(--item-index) * 0.15s) both paused;
  animation-name: fade-in, flip-left;
  outline-color: #FFF;
}
@media (max-width: 1440px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet {
    width: 130px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet {
    width: 115px;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet {
    flex: 1;
    width: auto;
    max-width: 115px;
    animation-delay: calc(var(--item-index) * 0.15s);
  }
}
@media (max-width: 390px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet {
    border-radius: 6px;
  }
}
.sec-facility .swiper-thumb-pager .swiper-pagination-bullet-tit {
  position: relative;
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  z-index: 10;
  padding: 0.5em;
}
@media (max-width: 1440px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet-tit {
    font-size: 19px;
  }
}
@media (max-width: 1023px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet-tit {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet-tit {
    font-size: max(15px, 9px + 1.875vw);
    font-weight: 600;
  }
}
.sec-facility .swiper-thumb-pager .swiper-pagination-bullet-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: no-repeat center/cover;
  border-radius: inherit;
  transition: transform 0.3s;
}
.sec-facility .swiper-thumb-pager .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: black;
  opacity: 0.3;
  transition: 0.3s;
  border-radius: 14px;
  z-index: 5;
}
@media (max-width: 1023px) {
  .sec-facility .swiper-thumb-pager .swiper-pagination-bullet::after {
    border-radius: inherit;
  }
}
.sec-facility .swiper-thumb-pager .swiper-pagination-bullet:hover::after, .sec-facility .swiper-thumb-pager .swiper-pagination-bullet-active::after {
  opacity: 0.8;
  background-color: #2F4562;
}
.sec-facility .swiper-thumb-pager.aos-animate .swiper-pagination-bullet {
  animation-play-state: running;
}
.sec-facility .sec-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #DDD;
  pointer-events: none;
}
.sec-facility .sec-bg::after {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(33.0620689655, 48.5379310345, 68.9379310345, 0.8) 5%, transparent 44%);
}
@media (max-width: 767px) {
  .sec-facility .sec-bg::after {
    content: "";
  }
}
.sec-facility .sec-bg .img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  object-fit: cover;
  transition: opacity 0.8s;
}
.sec-facility .sec-bg .img.on {
  opacity: 1;
}

.sec-notice {
  padding-bottom: 148px;
}
@media (max-width: 1366px) {
  .sec-notice {
    padding-bottom: 124px;
  }
}
@media (max-width: 1023px) {
  .sec-notice {
    padding-bottom: 100px;
  }
}
@media (max-width: 600px) {
  .sec-notice {
    padding-bottom: 80px;
  }
}
@media (max-width: 390px) {
  .sec-notice {
    padding-bottom: 60px;
  }
}
.sec-notice .inner {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .sec-notice .inner {
    flex-direction: column;
  }
}
.sec-notice .sec-header {
  padding-right: 40px;
}
@media (max-width: 1023px) {
  .sec-notice .sec-header {
    padding-right: 0;
    padding-bottom: 52px;
  }
}
@media (max-width: 600px) {
  .sec-notice .sec-header {
    padding-bottom: 30px;
  }
}
@media (max-width: 1023px) {
  .sec-notice .sec-header .sec-tit {
    margin-bottom: 20px;
  }
}
@media (max-width: 390px) {
  .sec-notice .sec-header .sec-tit {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .sec-notice .sec-header .sec-desc span {
    display: block;
  }
}
@media (max-width: 480px) {
  .sec-notice .sec-header .sec-desc span {
    display: inline;
  }
}
.sec-notice .sec-content {
  width: 63.125%;
  flex-shrink: 0;
}
@media (max-width: 1366px) {
  .sec-notice .sec-content {
    width: 70%;
  }
}
@media (max-width: 1023px) {
  .sec-notice .sec-content {
    width: 100%;
  }
}
.sec-notice .sec-content .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: -10px;
}
@media (min-width: 601px) and (max-width: 767px) {
  .sec-notice .sec-content .list {
    margin: -6px;
  }
}
@media (max-width: 390px) {
  .sec-notice .sec-content .list {
    margin: -6px;
  }
}
.sec-notice .sec-content .item {
  width: 50%;
  padding: 10px;
  animation: fade-up ease-out both paused;
  font-size: 26px;
}
.sec-notice .sec-content .item:nth-child(1) {
  animation-delay: calc(0.4s + 1 * 0.15s);
  animation-duration: calc(0.8s - 1 * 0.1s);
}
.sec-notice .sec-content .item:nth-child(2) {
  animation-delay: calc(0.4s + 2 * 0.15s);
  animation-duration: calc(0.8s - 2 * 0.1s);
}
.sec-notice .sec-content .item:nth-child(3) {
  animation-delay: calc(0.4s + 3 * 0.15s);
  animation-duration: calc(0.8s - 3 * 0.1s);
}
.sec-notice .sec-content .item:nth-child(4) {
  animation-delay: calc(0.4s + 4 * 0.15s);
  animation-duration: calc(0.8s - 4 * 0.1s);
}
@media (max-width: 1440px) {
  .sec-notice .sec-content .item {
    font-size: 24px;
  }
}
@media (max-width: 1279px) {
  .sec-notice .sec-content .item {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .sec-notice .sec-content .item {
    font-size: 19px;
  }
}
@media (min-width: 601px) and (max-width: 767px) {
  .sec-notice .sec-content .item {
    padding: 6px;
  }
}
@media (max-width: 600px) {
  .sec-notice .sec-content .item {
    width: 100%;
  }
  .sec-notice .sec-content .item:nth-child(3) ~ .item {
    display: none;
  }
}
@media (max-width: 480px) {
  .sec-notice .sec-content .item {
    font-size: 17px;
  }
}
@media (max-width: 390px) {
  .sec-notice .sec-content .item {
    font-size: 16px;
    padding: 6px;
  }
}
.sec-notice .sec-content .item.nodata {
  width: 100%;
}
.sec-notice .sec-content .item.nodata .nodata-inner {
  border-radius: 20px;
  background-color: #F8F8F8;
  height: 15em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .sec-notice .sec-content .item.nodata .nodata-inner {
    border-radius: 15px;
    height: 10em;
  }
}
.sec-notice .sec-content .item.nodata .nodata-inner em {
  text-align: center;
  font-weight: 600;
  color: #444;
}
.sec-notice .sec-content .link {
  padding: 30px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(10em - 5px);
  border-radius: 20px;
  background-color: #F8F8F8;
  transition: background-color 0.3s;
}
@media (max-width: 1023px) {
  .sec-notice .sec-content .link {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .sec-notice .sec-content .link {
    padding: 20px;
    height: 8.5em;
  }
}
@media (max-width: 600px) {
  .sec-notice .sec-content .link {
    height: auto;
    gap: 15px;
  }
}
.sec-notice .sec-content .link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  border-radius: inherit;
  border: 2px solid #2F4562;
  transition: 0.3s;
}
.sec-notice .sec-content .link .tit {
  font-weight: 500;
  color: #222;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  line-height: 1.4;
  white-space: normal;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  max-height: 2.84em;
}
.sec-notice .sec-content .link .info {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  letter-spacing: normal;
  align-items: center;
  font-size: 16px;
}
@media (max-width: 480px) {
  .sec-notice .sec-content .link .info {
    font-size: 15px;
  }
}
.sec-notice .sec-content .link .info .date {
  line-height: 1.2;
  color: #222;
  opacity: 0.6;
  margin-left: 5px;
}
.sec-notice .sec-content .link.new .info::before {
  content: "NEW";
  color: #FFF;
  background-color: #2F4562;
  border-radius: 5em;
  padding: 4px 7px;
  font-size: 13px;
  line-height: 1;
}
.sec-notice .sec-content .link:hover {
  background-color: #fff;
}
.sec-notice .sec-content .link:hover::before {
  opacity: 1;
}
.sec-notice .sec-content .link:hover .tit {
  font-weight: 600;
  color: #2F4562;
}
.sec-notice .sec-content .aos-animate.list .item {
  animation-play-state: running;
}
.sec-notice .more-wrap {
  position: absolute;
  top: 275px;
  left: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 1440px) {
  .sec-notice .more-wrap {
    top: 259px;
  }
}
@media (max-width: 1279px) {
  .sec-notice .more-wrap {
    top: 240px;
  }
}
@media (max-width: 1023px) {
  .sec-notice .more-wrap {
    left: auto;
    right: 0;
    top: 0;
  }
}
@media (max-width: 600px) {
  .sec-notice .more-wrap {
    height: 30px;
  }
}
@media (max-width: 480px) {
  .sec-notice .more-wrap {
    height: 27px;
  }
}
@media (max-width: 390px) {
  .sec-notice .more-wrap {
    height: 24px;
  }
}/*# sourceMappingURL=acego.main.css.map */