@charset "UTF-8";
/* Made by Masstige */
.imgToCover {
  /* background-cover */
  display: block;
  position: relative;
  overflow: hidden;
}
.imgToCover::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.imgToCover > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}

.imgToContain {
  /* background-contain */
  display: block;
  position: relative;
  overflow: hidden;
}
.imgToContain::after {
  content: "";
  display: block;
  padding-bottom: contain;
}
.imgToContain > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

/* 
  Bootstrap Utilities
*/
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #e50057 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #b20044 !important;
}

.bg-secondary {
  background-color: #3f488d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #2f366a !important;
}

.bg-success {
  background-color: #5cb85c !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #449d44 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #ccc !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #b3b3b3 !important;
}

.bg-light-gray {
  background-color: #f6f6f6 !important;
}

a.bg-light-gray:hover, a.bg-light-gray:focus,
button.bg-light-gray:hover,
button.bg-light-gray:focus {
  background-color: #dddddd !important;
}

.bg-dark {
  background-color: #666 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #4d4d4d !important;
}

.bg-blue {
  background-color: #83c5e0 !important;
}

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #5ab2d6 !important;
}

.bg-gradient-primary {
  background: #e50057 linear-gradient(180deg, #e92670, #e50057) repeat-x !important;
}

.bg-gradient-secondary {
  background: #3f488d linear-gradient(180deg, #5c639e, #3f488d) repeat-x !important;
}

.bg-gradient-success {
  background: #5cb85c linear-gradient(180deg, #74c374, #5cb85c) repeat-x !important;
}

.bg-gradient-info {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
}

.bg-gradient-warning {
  background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
}

.bg-gradient-danger {
  background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
}

.bg-gradient-light {
  background: #ccc linear-gradient(180deg, #d4d4d4, #ccc) repeat-x !important;
}

.bg-gradient-light-gray {
  background: #f6f6f6 linear-gradient(180deg, #f7f7f7, #f6f6f6) repeat-x !important;
}

.bg-gradient-dark {
  background: #666 linear-gradient(180deg, #7d7d7d, #666) repeat-x !important;
}

.bg-gradient-blue {
  background: #83c5e0 linear-gradient(180deg, #96cee5, #83c5e0) repeat-x !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #ddd !important;
}

.border-top {
  border-top: 1px solid #ddd !important;
}

.border-right {
  border-right: 1px solid #ddd !important;
}

.border-bottom {
  border-bottom: 1px solid #ddd !important;
}

.border-left {
  border-left: 1px solid #ddd !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #e50057 !important;
}

.border-secondary {
  border-color: #3f488d !important;
}

.border-success {
  border-color: #5cb85c !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #ccc !important;
}

.border-light-gray {
  border-color: #f6f6f6 !important;
}

.border-dark {
  border-color: #666 !important;
}

.border-blue {
  border-color: #83c5e0 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-caption {
  display: table-caption !important;
}

.d-table-column {
  display: table-column !important;
}

.d-table-column-group {
  display: table-column-group !important;
}

.d-table-header-group {
  display: table-header-group !important;
}

.d-table-footer-group {
  display: table-footer-group !important;
}

.d-table-row-group {
  display: table-row-group !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-caption {
    display: table-caption !important;
  }

  .d-print-table-column {
    display: table-column !important;
  }

  .d-print-table-column-group {
    display: table-column-group !important;
  }

  .d-print-table-header-group {
    display: table-header-group !important;
  }

  .d-print-table-footer-group {
    display: table-footer-group !important;
  }

  .d-print-table-row-group {
    display: table-row-group !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.user-select-all {
  -webkit-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
          user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.w-100 {
  width: 100% !important;
}

.w-99 {
  width: 99% !important;
}

.w-98 {
  width: 98% !important;
}

.w-97 {
  width: 97% !important;
}

.w-96 {
  width: 96% !important;
}

.w-95 {
  width: 95% !important;
}

.w-94 {
  width: 94% !important;
}

.w-93 {
  width: 93% !important;
}

.w-92 {
  width: 92% !important;
}

.w-91 {
  width: 91% !important;
}

.w-90 {
  width: 90% !important;
}

.w-89 {
  width: 89% !important;
}

.w-88 {
  width: 88% !important;
}

.w-87 {
  width: 87% !important;
}

.w-86 {
  width: 86% !important;
}

.w-85 {
  width: 85% !important;
}

.w-84 {
  width: 84% !important;
}

.w-83 {
  width: 83% !important;
}

.w-82 {
  width: 82% !important;
}

.w-81 {
  width: 81% !important;
}

.w-80 {
  width: 80% !important;
}

.w-79 {
  width: 79% !important;
}

.w-78 {
  width: 78% !important;
}

.w-77 {
  width: 77% !important;
}

.w-76 {
  width: 76% !important;
}

.w-75 {
  width: 75% !important;
}

.w-74 {
  width: 74% !important;
}

.w-73 {
  width: 73% !important;
}

.w-72 {
  width: 72% !important;
}

.w-71 {
  width: 71% !important;
}

.w-70 {
  width: 70% !important;
}

.w-69 {
  width: 69% !important;
}

.w-68 {
  width: 68% !important;
}

.w-67 {
  width: 67% !important;
}

.w-66 {
  width: 66% !important;
}

.w-65 {
  width: 65% !important;
}

.w-64 {
  width: 64% !important;
}

.w-63 {
  width: 63% !important;
}

.w-62 {
  width: 62% !important;
}

.w-61 {
  width: 61% !important;
}

.w-60 {
  width: 60% !important;
}

.w-59 {
  width: 59% !important;
}

.w-58 {
  width: 58% !important;
}

.w-57 {
  width: 57% !important;
}

.w-56 {
  width: 56% !important;
}

.w-55 {
  width: 55% !important;
}

.w-54 {
  width: 54% !important;
}

.w-53 {
  width: 53% !important;
}

.w-52 {
  width: 52% !important;
}

.w-51 {
  width: 51% !important;
}

.w-50 {
  width: 50% !important;
}

.w-49 {
  width: 49% !important;
}

.w-48 {
  width: 48% !important;
}

.w-47 {
  width: 47% !important;
}

.w-46 {
  width: 46% !important;
}

.w-45 {
  width: 45% !important;
}

.w-44 {
  width: 44% !important;
}

.w-43 {
  width: 43% !important;
}

.w-42 {
  width: 42% !important;
}

.w-41 {
  width: 41% !important;
}

.w-40 {
  width: 40% !important;
}

.w-39 {
  width: 39% !important;
}

.w-38 {
  width: 38% !important;
}

.w-37 {
  width: 37% !important;
}

.w-36 {
  width: 36% !important;
}

.w-35 {
  width: 35% !important;
}

.w-34 {
  width: 34% !important;
}

.w-33 {
  width: 33% !important;
}

.w-32 {
  width: 32% !important;
}

.w-31 {
  width: 31% !important;
}

.w-30 {
  width: 30% !important;
}

.w-29 {
  width: 29% !important;
}

.w-28 {
  width: 28% !important;
}

.w-27 {
  width: 27% !important;
}

.w-26 {
  width: 26% !important;
}

.w-25 {
  width: 25% !important;
}

.w-24 {
  width: 24% !important;
}

.w-23 {
  width: 23% !important;
}

.w-22 {
  width: 22% !important;
}

.w-21 {
  width: 21% !important;
}

.w-20 {
  width: 20% !important;
}

.w-19 {
  width: 19% !important;
}

.w-18 {
  width: 18% !important;
}

.w-17 {
  width: 17% !important;
}

.w-16 {
  width: 16% !important;
}

.w-15 {
  width: 15% !important;
}

.w-14 {
  width: 14% !important;
}

.w-13 {
  width: 13% !important;
}

.w-12 {
  width: 12% !important;
}

.w-11 {
  width: 11% !important;
}

.w-10 {
  width: 10% !important;
}

.w-9 {
  width: 9% !important;
}

.w-8 {
  width: 8% !important;
}

.w-7 {
  width: 7% !important;
}

.w-6 {
  width: 6% !important;
}

.w-5 {
  width: 5% !important;
}

.w-4 {
  width: 4% !important;
}

.w-3 {
  width: 3% !important;
}

.w-2 {
  width: 2% !important;
}

.w-1 {
  width: 1% !important;
}

.w-0 {
  width: 0% !important;
}

.h-100 {
  height: 100% !important;
}

.h-99 {
  height: 99% !important;
}

.h-98 {
  height: 98% !important;
}

.h-97 {
  height: 97% !important;
}

.h-96 {
  height: 96% !important;
}

.h-95 {
  height: 95% !important;
}

.h-94 {
  height: 94% !important;
}

.h-93 {
  height: 93% !important;
}

.h-92 {
  height: 92% !important;
}

.h-91 {
  height: 91% !important;
}

.h-90 {
  height: 90% !important;
}

.h-89 {
  height: 89% !important;
}

.h-88 {
  height: 88% !important;
}

.h-87 {
  height: 87% !important;
}

.h-86 {
  height: 86% !important;
}

.h-85 {
  height: 85% !important;
}

.h-84 {
  height: 84% !important;
}

.h-83 {
  height: 83% !important;
}

.h-82 {
  height: 82% !important;
}

.h-81 {
  height: 81% !important;
}

.h-80 {
  height: 80% !important;
}

.h-79 {
  height: 79% !important;
}

.h-78 {
  height: 78% !important;
}

.h-77 {
  height: 77% !important;
}

.h-76 {
  height: 76% !important;
}

.h-75 {
  height: 75% !important;
}

.h-74 {
  height: 74% !important;
}

.h-73 {
  height: 73% !important;
}

.h-72 {
  height: 72% !important;
}

.h-71 {
  height: 71% !important;
}

.h-70 {
  height: 70% !important;
}

.h-69 {
  height: 69% !important;
}

.h-68 {
  height: 68% !important;
}

.h-67 {
  height: 67% !important;
}

.h-66 {
  height: 66% !important;
}

.h-65 {
  height: 65% !important;
}

.h-64 {
  height: 64% !important;
}

.h-63 {
  height: 63% !important;
}

.h-62 {
  height: 62% !important;
}

.h-61 {
  height: 61% !important;
}

.h-60 {
  height: 60% !important;
}

.h-59 {
  height: 59% !important;
}

.h-58 {
  height: 58% !important;
}

.h-57 {
  height: 57% !important;
}

.h-56 {
  height: 56% !important;
}

.h-55 {
  height: 55% !important;
}

.h-54 {
  height: 54% !important;
}

.h-53 {
  height: 53% !important;
}

.h-52 {
  height: 52% !important;
}

.h-51 {
  height: 51% !important;
}

.h-50 {
  height: 50% !important;
}

.h-49 {
  height: 49% !important;
}

.h-48 {
  height: 48% !important;
}

.h-47 {
  height: 47% !important;
}

.h-46 {
  height: 46% !important;
}

.h-45 {
  height: 45% !important;
}

.h-44 {
  height: 44% !important;
}

.h-43 {
  height: 43% !important;
}

.h-42 {
  height: 42% !important;
}

.h-41 {
  height: 41% !important;
}

.h-40 {
  height: 40% !important;
}

.h-39 {
  height: 39% !important;
}

.h-38 {
  height: 38% !important;
}

.h-37 {
  height: 37% !important;
}

.h-36 {
  height: 36% !important;
}

.h-35 {
  height: 35% !important;
}

.h-34 {
  height: 34% !important;
}

.h-33 {
  height: 33% !important;
}

.h-32 {
  height: 32% !important;
}

.h-31 {
  height: 31% !important;
}

.h-30 {
  height: 30% !important;
}

.h-29 {
  height: 29% !important;
}

.h-28 {
  height: 28% !important;
}

.h-27 {
  height: 27% !important;
}

.h-26 {
  height: 26% !important;
}

.h-25 {
  height: 25% !important;
}

.h-24 {
  height: 24% !important;
}

.h-23 {
  height: 23% !important;
}

.h-22 {
  height: 22% !important;
}

.h-21 {
  height: 21% !important;
}

.h-20 {
  height: 20% !important;
}

.h-19 {
  height: 19% !important;
}

.h-18 {
  height: 18% !important;
}

.h-17 {
  height: 17% !important;
}

.h-16 {
  height: 16% !important;
}

.h-15 {
  height: 15% !important;
}

.h-14 {
  height: 14% !important;
}

.h-13 {
  height: 13% !important;
}

.h-12 {
  height: 12% !important;
}

.h-11 {
  height: 11% !important;
}

.h-10 {
  height: 10% !important;
}

.h-9 {
  height: 9% !important;
}

.h-8 {
  height: 8% !important;
}

.h-7 {
  height: 7% !important;
}

.h-6 {
  height: 6% !important;
}

.h-5 {
  height: 5% !important;
}

.h-4 {
  height: 4% !important;
}

.h-3 {
  height: 3% !important;
}

.h-2 {
  height: 2% !important;
}

.h-1 {
  height: 1% !important;
}

.h-0 {
  height: 0% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-40 {
  margin: 10rem !important;
}

.mt-40,
.my-40 {
  margin-top: 10rem !important;
}

.mr-40,
.mx-40 {
  margin-right: 10rem !important;
}

.mb-40,
.my-40 {
  margin-bottom: 10rem !important;
}

.ml-40,
.mx-40 {
  margin-left: 10rem !important;
}

.m-39 {
  margin: 9.75rem !important;
}

.mt-39,
.my-39 {
  margin-top: 9.75rem !important;
}

.mr-39,
.mx-39 {
  margin-right: 9.75rem !important;
}

.mb-39,
.my-39 {
  margin-bottom: 9.75rem !important;
}

.ml-39,
.mx-39 {
  margin-left: 9.75rem !important;
}

.m-38 {
  margin: 9.5rem !important;
}

.mt-38,
.my-38 {
  margin-top: 9.5rem !important;
}

.mr-38,
.mx-38 {
  margin-right: 9.5rem !important;
}

.mb-38,
.my-38 {
  margin-bottom: 9.5rem !important;
}

.ml-38,
.mx-38 {
  margin-left: 9.5rem !important;
}

.m-37 {
  margin: 9.25rem !important;
}

.mt-37,
.my-37 {
  margin-top: 9.25rem !important;
}

.mr-37,
.mx-37 {
  margin-right: 9.25rem !important;
}

.mb-37,
.my-37 {
  margin-bottom: 9.25rem !important;
}

.ml-37,
.mx-37 {
  margin-left: 9.25rem !important;
}

.m-36 {
  margin: 9rem !important;
}

.mt-36,
.my-36 {
  margin-top: 9rem !important;
}

.mr-36,
.mx-36 {
  margin-right: 9rem !important;
}

.mb-36,
.my-36 {
  margin-bottom: 9rem !important;
}

.ml-36,
.mx-36 {
  margin-left: 9rem !important;
}

.m-35 {
  margin: 8.75rem !important;
}

.mt-35,
.my-35 {
  margin-top: 8.75rem !important;
}

.mr-35,
.mx-35 {
  margin-right: 8.75rem !important;
}

.mb-35,
.my-35 {
  margin-bottom: 8.75rem !important;
}

.ml-35,
.mx-35 {
  margin-left: 8.75rem !important;
}

.m-34 {
  margin: 8.5rem !important;
}

.mt-34,
.my-34 {
  margin-top: 8.5rem !important;
}

.mr-34,
.mx-34 {
  margin-right: 8.5rem !important;
}

.mb-34,
.my-34 {
  margin-bottom: 8.5rem !important;
}

.ml-34,
.mx-34 {
  margin-left: 8.5rem !important;
}

.m-33 {
  margin: 8.25rem !important;
}

.mt-33,
.my-33 {
  margin-top: 8.25rem !important;
}

.mr-33,
.mx-33 {
  margin-right: 8.25rem !important;
}

.mb-33,
.my-33 {
  margin-bottom: 8.25rem !important;
}

.ml-33,
.mx-33 {
  margin-left: 8.25rem !important;
}

.m-32 {
  margin: 8rem !important;
}

.mt-32,
.my-32 {
  margin-top: 8rem !important;
}

.mr-32,
.mx-32 {
  margin-right: 8rem !important;
}

.mb-32,
.my-32 {
  margin-bottom: 8rem !important;
}

.ml-32,
.mx-32 {
  margin-left: 8rem !important;
}

.m-31 {
  margin: 7.75rem !important;
}

.mt-31,
.my-31 {
  margin-top: 7.75rem !important;
}

.mr-31,
.mx-31 {
  margin-right: 7.75rem !important;
}

.mb-31,
.my-31 {
  margin-bottom: 7.75rem !important;
}

.ml-31,
.mx-31 {
  margin-left: 7.75rem !important;
}

.m-30 {
  margin: 7.5rem !important;
}

.mt-30,
.my-30 {
  margin-top: 7.5rem !important;
}

.mr-30,
.mx-30 {
  margin-right: 7.5rem !important;
}

.mb-30,
.my-30 {
  margin-bottom: 7.5rem !important;
}

.ml-30,
.mx-30 {
  margin-left: 7.5rem !important;
}

.m-29 {
  margin: 7.25rem !important;
}

.mt-29,
.my-29 {
  margin-top: 7.25rem !important;
}

.mr-29,
.mx-29 {
  margin-right: 7.25rem !important;
}

.mb-29,
.my-29 {
  margin-bottom: 7.25rem !important;
}

.ml-29,
.mx-29 {
  margin-left: 7.25rem !important;
}

.m-28 {
  margin: 7rem !important;
}

.mt-28,
.my-28 {
  margin-top: 7rem !important;
}

.mr-28,
.mx-28 {
  margin-right: 7rem !important;
}

.mb-28,
.my-28 {
  margin-bottom: 7rem !important;
}

.ml-28,
.mx-28 {
  margin-left: 7rem !important;
}

.m-27 {
  margin: 6.75rem !important;
}

.mt-27,
.my-27 {
  margin-top: 6.75rem !important;
}

.mr-27,
.mx-27 {
  margin-right: 6.75rem !important;
}

.mb-27,
.my-27 {
  margin-bottom: 6.75rem !important;
}

.ml-27,
.mx-27 {
  margin-left: 6.75rem !important;
}

.m-26 {
  margin: 6.5rem !important;
}

.mt-26,
.my-26 {
  margin-top: 6.5rem !important;
}

.mr-26,
.mx-26 {
  margin-right: 6.5rem !important;
}

.mb-26,
.my-26 {
  margin-bottom: 6.5rem !important;
}

.ml-26,
.mx-26 {
  margin-left: 6.5rem !important;
}

.m-25 {
  margin: 6.25rem !important;
}

.mt-25,
.my-25 {
  margin-top: 6.25rem !important;
}

.mr-25,
.mx-25 {
  margin-right: 6.25rem !important;
}

.mb-25,
.my-25 {
  margin-bottom: 6.25rem !important;
}

.ml-25,
.mx-25 {
  margin-left: 6.25rem !important;
}

.m-24 {
  margin: 6rem !important;
}

.mt-24,
.my-24 {
  margin-top: 6rem !important;
}

.mr-24,
.mx-24 {
  margin-right: 6rem !important;
}

.mb-24,
.my-24 {
  margin-bottom: 6rem !important;
}

.ml-24,
.mx-24 {
  margin-left: 6rem !important;
}

.m-23 {
  margin: 5.75rem !important;
}

.mt-23,
.my-23 {
  margin-top: 5.75rem !important;
}

.mr-23,
.mx-23 {
  margin-right: 5.75rem !important;
}

.mb-23,
.my-23 {
  margin-bottom: 5.75rem !important;
}

.ml-23,
.mx-23 {
  margin-left: 5.75rem !important;
}

.m-22 {
  margin: 5.5rem !important;
}

.mt-22,
.my-22 {
  margin-top: 5.5rem !important;
}

.mr-22,
.mx-22 {
  margin-right: 5.5rem !important;
}

.mb-22,
.my-22 {
  margin-bottom: 5.5rem !important;
}

.ml-22,
.mx-22 {
  margin-left: 5.5rem !important;
}

.m-21 {
  margin: 5.25rem !important;
}

.mt-21,
.my-21 {
  margin-top: 5.25rem !important;
}

.mr-21,
.mx-21 {
  margin-right: 5.25rem !important;
}

.mb-21,
.my-21 {
  margin-bottom: 5.25rem !important;
}

.ml-21,
.mx-21 {
  margin-left: 5.25rem !important;
}

.m-20 {
  margin: 5rem !important;
}

.mt-20,
.my-20 {
  margin-top: 5rem !important;
}

.mr-20,
.mx-20 {
  margin-right: 5rem !important;
}

.mb-20,
.my-20 {
  margin-bottom: 5rem !important;
}

.ml-20,
.mx-20 {
  margin-left: 5rem !important;
}

.m-19 {
  margin: 4.75rem !important;
}

.mt-19,
.my-19 {
  margin-top: 4.75rem !important;
}

.mr-19,
.mx-19 {
  margin-right: 4.75rem !important;
}

.mb-19,
.my-19 {
  margin-bottom: 4.75rem !important;
}

.ml-19,
.mx-19 {
  margin-left: 4.75rem !important;
}

.m-18 {
  margin: 4.5rem !important;
}

.mt-18,
.my-18 {
  margin-top: 4.5rem !important;
}

.mr-18,
.mx-18 {
  margin-right: 4.5rem !important;
}

.mb-18,
.my-18 {
  margin-bottom: 4.5rem !important;
}

.ml-18,
.mx-18 {
  margin-left: 4.5rem !important;
}

.m-17 {
  margin: 4.25rem !important;
}

.mt-17,
.my-17 {
  margin-top: 4.25rem !important;
}

.mr-17,
.mx-17 {
  margin-right: 4.25rem !important;
}

.mb-17,
.my-17 {
  margin-bottom: 4.25rem !important;
}

.ml-17,
.mx-17 {
  margin-left: 4.25rem !important;
}

.m-16 {
  margin: 4rem !important;
}

.mt-16,
.my-16 {
  margin-top: 4rem !important;
}

.mr-16,
.mx-16 {
  margin-right: 4rem !important;
}

.mb-16,
.my-16 {
  margin-bottom: 4rem !important;
}

.ml-16,
.mx-16 {
  margin-left: 4rem !important;
}

.m-15 {
  margin: 3.75rem !important;
}

.mt-15,
.my-15 {
  margin-top: 3.75rem !important;
}

.mr-15,
.mx-15 {
  margin-right: 3.75rem !important;
}

.mb-15,
.my-15 {
  margin-bottom: 3.75rem !important;
}

.ml-15,
.mx-15 {
  margin-left: 3.75rem !important;
}

.m-14 {
  margin: 3.5rem !important;
}

.mt-14,
.my-14 {
  margin-top: 3.5rem !important;
}

.mr-14,
.mx-14 {
  margin-right: 3.5rem !important;
}

.mb-14,
.my-14 {
  margin-bottom: 3.5rem !important;
}

.ml-14,
.mx-14 {
  margin-left: 3.5rem !important;
}

.m-13 {
  margin: 3.25rem !important;
}

.mt-13,
.my-13 {
  margin-top: 3.25rem !important;
}

.mr-13,
.mx-13 {
  margin-right: 3.25rem !important;
}

.mb-13,
.my-13 {
  margin-bottom: 3.25rem !important;
}

.ml-13,
.mx-13 {
  margin-left: 3.25rem !important;
}

.m-12 {
  margin: 3rem !important;
}

.mt-12,
.my-12 {
  margin-top: 3rem !important;
}

.mr-12,
.mx-12 {
  margin-right: 3rem !important;
}

.mb-12,
.my-12 {
  margin-bottom: 3rem !important;
}

.ml-12,
.mx-12 {
  margin-left: 3rem !important;
}

.m-11 {
  margin: 2.75rem !important;
}

.mt-11,
.my-11 {
  margin-top: 2.75rem !important;
}

.mr-11,
.mx-11 {
  margin-right: 2.75rem !important;
}

.mb-11,
.my-11 {
  margin-bottom: 2.75rem !important;
}

.ml-11,
.mx-11 {
  margin-left: 2.75rem !important;
}

.m-10 {
  margin: 2.5rem !important;
}

.mt-10,
.my-10 {
  margin-top: 2.5rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 2.5rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 2.5rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 2.5rem !important;
}

.m-9 {
  margin: 2.25rem !important;
}

.mt-9,
.my-9 {
  margin-top: 2.25rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 2.25rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 2.25rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 2.25rem !important;
}

.m-8 {
  margin: 2rem !important;
}

.mt-8,
.my-8 {
  margin-top: 2rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 2rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 2rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 2rem !important;
}

.m-7 {
  margin: 1.75rem !important;
}

.mt-7,
.my-7 {
  margin-top: 1.75rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 1.75rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 1.75rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 1.75rem !important;
}

.m-6 {
  margin: 1.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 1.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 1.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 1.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 1.25rem !important;
}

.mt-5,
.my-5 {
  margin-top: 1.25rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 1.25rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 1.25rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 1.25rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3,
.my-3 {
  margin-top: 0.75rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 0.75rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 0.75rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-0 {
  margin: 0rem !important;
}

.mt-0,
.my-0 {
  margin-top: 0rem !important;
}

.mr-0,
.mx-0 {
  margin-right: 0rem !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0rem !important;
}

.ml-0,
.mx-0 {
  margin-left: 0rem !important;
}

.p-40 {
  padding: 10rem !important;
}

.pt-40,
.py-40 {
  padding-top: 10rem !important;
}

.pr-40,
.px-40 {
  padding-right: 10rem !important;
}

.pb-40,
.py-40 {
  padding-bottom: 10rem !important;
}

.pl-40,
.px-40 {
  padding-left: 10rem !important;
}

.p-39 {
  padding: 9.75rem !important;
}

.pt-39,
.py-39 {
  padding-top: 9.75rem !important;
}

.pr-39,
.px-39 {
  padding-right: 9.75rem !important;
}

.pb-39,
.py-39 {
  padding-bottom: 9.75rem !important;
}

.pl-39,
.px-39 {
  padding-left: 9.75rem !important;
}

.p-38 {
  padding: 9.5rem !important;
}

.pt-38,
.py-38 {
  padding-top: 9.5rem !important;
}

.pr-38,
.px-38 {
  padding-right: 9.5rem !important;
}

.pb-38,
.py-38 {
  padding-bottom: 9.5rem !important;
}

.pl-38,
.px-38 {
  padding-left: 9.5rem !important;
}

.p-37 {
  padding: 9.25rem !important;
}

.pt-37,
.py-37 {
  padding-top: 9.25rem !important;
}

.pr-37,
.px-37 {
  padding-right: 9.25rem !important;
}

.pb-37,
.py-37 {
  padding-bottom: 9.25rem !important;
}

.pl-37,
.px-37 {
  padding-left: 9.25rem !important;
}

.p-36 {
  padding: 9rem !important;
}

.pt-36,
.py-36 {
  padding-top: 9rem !important;
}

.pr-36,
.px-36 {
  padding-right: 9rem !important;
}

.pb-36,
.py-36 {
  padding-bottom: 9rem !important;
}

.pl-36,
.px-36 {
  padding-left: 9rem !important;
}

.p-35 {
  padding: 8.75rem !important;
}

.pt-35,
.py-35 {
  padding-top: 8.75rem !important;
}

.pr-35,
.px-35 {
  padding-right: 8.75rem !important;
}

.pb-35,
.py-35 {
  padding-bottom: 8.75rem !important;
}

.pl-35,
.px-35 {
  padding-left: 8.75rem !important;
}

.p-34 {
  padding: 8.5rem !important;
}

.pt-34,
.py-34 {
  padding-top: 8.5rem !important;
}

.pr-34,
.px-34 {
  padding-right: 8.5rem !important;
}

.pb-34,
.py-34 {
  padding-bottom: 8.5rem !important;
}

.pl-34,
.px-34 {
  padding-left: 8.5rem !important;
}

.p-33 {
  padding: 8.25rem !important;
}

.pt-33,
.py-33 {
  padding-top: 8.25rem !important;
}

.pr-33,
.px-33 {
  padding-right: 8.25rem !important;
}

.pb-33,
.py-33 {
  padding-bottom: 8.25rem !important;
}

.pl-33,
.px-33 {
  padding-left: 8.25rem !important;
}

.p-32 {
  padding: 8rem !important;
}

.pt-32,
.py-32 {
  padding-top: 8rem !important;
}

.pr-32,
.px-32 {
  padding-right: 8rem !important;
}

.pb-32,
.py-32 {
  padding-bottom: 8rem !important;
}

.pl-32,
.px-32 {
  padding-left: 8rem !important;
}

.p-31 {
  padding: 7.75rem !important;
}

.pt-31,
.py-31 {
  padding-top: 7.75rem !important;
}

.pr-31,
.px-31 {
  padding-right: 7.75rem !important;
}

.pb-31,
.py-31 {
  padding-bottom: 7.75rem !important;
}

.pl-31,
.px-31 {
  padding-left: 7.75rem !important;
}

.p-30 {
  padding: 7.5rem !important;
}

.pt-30,
.py-30 {
  padding-top: 7.5rem !important;
}

.pr-30,
.px-30 {
  padding-right: 7.5rem !important;
}

.pb-30,
.py-30 {
  padding-bottom: 7.5rem !important;
}

.pl-30,
.px-30 {
  padding-left: 7.5rem !important;
}

.p-29 {
  padding: 7.25rem !important;
}

.pt-29,
.py-29 {
  padding-top: 7.25rem !important;
}

.pr-29,
.px-29 {
  padding-right: 7.25rem !important;
}

.pb-29,
.py-29 {
  padding-bottom: 7.25rem !important;
}

.pl-29,
.px-29 {
  padding-left: 7.25rem !important;
}

.p-28 {
  padding: 7rem !important;
}

.pt-28,
.py-28 {
  padding-top: 7rem !important;
}

.pr-28,
.px-28 {
  padding-right: 7rem !important;
}

.pb-28,
.py-28 {
  padding-bottom: 7rem !important;
}

.pl-28,
.px-28 {
  padding-left: 7rem !important;
}

.p-27 {
  padding: 6.75rem !important;
}

.pt-27,
.py-27 {
  padding-top: 6.75rem !important;
}

.pr-27,
.px-27 {
  padding-right: 6.75rem !important;
}

.pb-27,
.py-27 {
  padding-bottom: 6.75rem !important;
}

.pl-27,
.px-27 {
  padding-left: 6.75rem !important;
}

.p-26 {
  padding: 6.5rem !important;
}

.pt-26,
.py-26 {
  padding-top: 6.5rem !important;
}

.pr-26,
.px-26 {
  padding-right: 6.5rem !important;
}

.pb-26,
.py-26 {
  padding-bottom: 6.5rem !important;
}

.pl-26,
.px-26 {
  padding-left: 6.5rem !important;
}

.p-25 {
  padding: 6.25rem !important;
}

.pt-25,
.py-25 {
  padding-top: 6.25rem !important;
}

.pr-25,
.px-25 {
  padding-right: 6.25rem !important;
}

.pb-25,
.py-25 {
  padding-bottom: 6.25rem !important;
}

.pl-25,
.px-25 {
  padding-left: 6.25rem !important;
}

.p-24 {
  padding: 6rem !important;
}

.pt-24,
.py-24 {
  padding-top: 6rem !important;
}

.pr-24,
.px-24 {
  padding-right: 6rem !important;
}

.pb-24,
.py-24 {
  padding-bottom: 6rem !important;
}

.pl-24,
.px-24 {
  padding-left: 6rem !important;
}

.p-23 {
  padding: 5.75rem !important;
}

.pt-23,
.py-23 {
  padding-top: 5.75rem !important;
}

.pr-23,
.px-23 {
  padding-right: 5.75rem !important;
}

.pb-23,
.py-23 {
  padding-bottom: 5.75rem !important;
}

.pl-23,
.px-23 {
  padding-left: 5.75rem !important;
}

.p-22 {
  padding: 5.5rem !important;
}

.pt-22,
.py-22 {
  padding-top: 5.5rem !important;
}

.pr-22,
.px-22 {
  padding-right: 5.5rem !important;
}

.pb-22,
.py-22 {
  padding-bottom: 5.5rem !important;
}

.pl-22,
.px-22 {
  padding-left: 5.5rem !important;
}

.p-21 {
  padding: 5.25rem !important;
}

.pt-21,
.py-21 {
  padding-top: 5.25rem !important;
}

.pr-21,
.px-21 {
  padding-right: 5.25rem !important;
}

.pb-21,
.py-21 {
  padding-bottom: 5.25rem !important;
}

.pl-21,
.px-21 {
  padding-left: 5.25rem !important;
}

.p-20 {
  padding: 5rem !important;
}

.pt-20,
.py-20 {
  padding-top: 5rem !important;
}

.pr-20,
.px-20 {
  padding-right: 5rem !important;
}

.pb-20,
.py-20 {
  padding-bottom: 5rem !important;
}

.pl-20,
.px-20 {
  padding-left: 5rem !important;
}

.p-19 {
  padding: 4.75rem !important;
}

.pt-19,
.py-19 {
  padding-top: 4.75rem !important;
}

.pr-19,
.px-19 {
  padding-right: 4.75rem !important;
}

.pb-19,
.py-19 {
  padding-bottom: 4.75rem !important;
}

.pl-19,
.px-19 {
  padding-left: 4.75rem !important;
}

.p-18 {
  padding: 4.5rem !important;
}

.pt-18,
.py-18 {
  padding-top: 4.5rem !important;
}

.pr-18,
.px-18 {
  padding-right: 4.5rem !important;
}

.pb-18,
.py-18 {
  padding-bottom: 4.5rem !important;
}

.pl-18,
.px-18 {
  padding-left: 4.5rem !important;
}

.p-17 {
  padding: 4.25rem !important;
}

.pt-17,
.py-17 {
  padding-top: 4.25rem !important;
}

.pr-17,
.px-17 {
  padding-right: 4.25rem !important;
}

.pb-17,
.py-17 {
  padding-bottom: 4.25rem !important;
}

.pl-17,
.px-17 {
  padding-left: 4.25rem !important;
}

.p-16 {
  padding: 4rem !important;
}

.pt-16,
.py-16 {
  padding-top: 4rem !important;
}

.pr-16,
.px-16 {
  padding-right: 4rem !important;
}

.pb-16,
.py-16 {
  padding-bottom: 4rem !important;
}

.pl-16,
.px-16 {
  padding-left: 4rem !important;
}

.p-15 {
  padding: 3.75rem !important;
}

.pt-15,
.py-15 {
  padding-top: 3.75rem !important;
}

.pr-15,
.px-15 {
  padding-right: 3.75rem !important;
}

.pb-15,
.py-15 {
  padding-bottom: 3.75rem !important;
}

.pl-15,
.px-15 {
  padding-left: 3.75rem !important;
}

.p-14 {
  padding: 3.5rem !important;
}

.pt-14,
.py-14 {
  padding-top: 3.5rem !important;
}

.pr-14,
.px-14 {
  padding-right: 3.5rem !important;
}

.pb-14,
.py-14 {
  padding-bottom: 3.5rem !important;
}

.pl-14,
.px-14 {
  padding-left: 3.5rem !important;
}

.p-13 {
  padding: 3.25rem !important;
}

.pt-13,
.py-13 {
  padding-top: 3.25rem !important;
}

.pr-13,
.px-13 {
  padding-right: 3.25rem !important;
}

.pb-13,
.py-13 {
  padding-bottom: 3.25rem !important;
}

.pl-13,
.px-13 {
  padding-left: 3.25rem !important;
}

.p-12 {
  padding: 3rem !important;
}

.pt-12,
.py-12 {
  padding-top: 3rem !important;
}

.pr-12,
.px-12 {
  padding-right: 3rem !important;
}

.pb-12,
.py-12 {
  padding-bottom: 3rem !important;
}

.pl-12,
.px-12 {
  padding-left: 3rem !important;
}

.p-11 {
  padding: 2.75rem !important;
}

.pt-11,
.py-11 {
  padding-top: 2.75rem !important;
}

.pr-11,
.px-11 {
  padding-right: 2.75rem !important;
}

.pb-11,
.py-11 {
  padding-bottom: 2.75rem !important;
}

.pl-11,
.px-11 {
  padding-left: 2.75rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.pt-10,
.py-10 {
  padding-top: 2.5rem !important;
}

.pr-10,
.px-10 {
  padding-right: 2.5rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 2.5rem !important;
}

.pl-10,
.px-10 {
  padding-left: 2.5rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.pt-9,
.py-9 {
  padding-top: 2.25rem !important;
}

.pr-9,
.px-9 {
  padding-right: 2.25rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 2.25rem !important;
}

.pl-9,
.px-9 {
  padding-left: 2.25rem !important;
}

.p-8 {
  padding: 2rem !important;
}

.pt-8,
.py-8 {
  padding-top: 2rem !important;
}

.pr-8,
.px-8 {
  padding-right: 2rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 2rem !important;
}

.pl-8,
.px-8 {
  padding-left: 2rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pt-7,
.py-7 {
  padding-top: 1.75rem !important;
}

.pr-7,
.px-7 {
  padding-right: 1.75rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 1.75rem !important;
}

.pl-7,
.px-7 {
  padding-left: 1.75rem !important;
}

.p-6 {
  padding: 1.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 1.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 1.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 1.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pt-5,
.py-5 {
  padding-top: 1.25rem !important;
}

.pr-5,
.px-5 {
  padding-right: 1.25rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 1.25rem !important;
}

.pl-5,
.px-5 {
  padding-left: 1.25rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3,
.py-3 {
  padding-top: 0.75rem !important;
}

.pr-3,
.px-3 {
  padding-right: 0.75rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3,
.px-3 {
  padding-left: 0.75rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-0 {
  padding: 0rem !important;
}

.pt-0,
.py-0 {
  padding-top: 0rem !important;
}

.pr-0,
.px-0 {
  padding-right: 0rem !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0rem !important;
}

.pl-0,
.px-0 {
  padding-left: 0rem !important;
}

.m-n40 {
  margin: -10rem !important;
}

.mt-n40,
.my-n40 {
  margin-top: -10rem !important;
}

.mr-n40,
.mx-n40 {
  margin-right: -10rem !important;
}

.mb-n40,
.my-n40 {
  margin-bottom: -10rem !important;
}

.ml-n40,
.mx-n40 {
  margin-left: -10rem !important;
}

.m-n39 {
  margin: -9.75rem !important;
}

.mt-n39,
.my-n39 {
  margin-top: -9.75rem !important;
}

.mr-n39,
.mx-n39 {
  margin-right: -9.75rem !important;
}

.mb-n39,
.my-n39 {
  margin-bottom: -9.75rem !important;
}

.ml-n39,
.mx-n39 {
  margin-left: -9.75rem !important;
}

.m-n38 {
  margin: -9.5rem !important;
}

.mt-n38,
.my-n38 {
  margin-top: -9.5rem !important;
}

.mr-n38,
.mx-n38 {
  margin-right: -9.5rem !important;
}

.mb-n38,
.my-n38 {
  margin-bottom: -9.5rem !important;
}

.ml-n38,
.mx-n38 {
  margin-left: -9.5rem !important;
}

.m-n37 {
  margin: -9.25rem !important;
}

.mt-n37,
.my-n37 {
  margin-top: -9.25rem !important;
}

.mr-n37,
.mx-n37 {
  margin-right: -9.25rem !important;
}

.mb-n37,
.my-n37 {
  margin-bottom: -9.25rem !important;
}

.ml-n37,
.mx-n37 {
  margin-left: -9.25rem !important;
}

.m-n36 {
  margin: -9rem !important;
}

.mt-n36,
.my-n36 {
  margin-top: -9rem !important;
}

.mr-n36,
.mx-n36 {
  margin-right: -9rem !important;
}

.mb-n36,
.my-n36 {
  margin-bottom: -9rem !important;
}

.ml-n36,
.mx-n36 {
  margin-left: -9rem !important;
}

.m-n35 {
  margin: -8.75rem !important;
}

.mt-n35,
.my-n35 {
  margin-top: -8.75rem !important;
}

.mr-n35,
.mx-n35 {
  margin-right: -8.75rem !important;
}

.mb-n35,
.my-n35 {
  margin-bottom: -8.75rem !important;
}

.ml-n35,
.mx-n35 {
  margin-left: -8.75rem !important;
}

.m-n34 {
  margin: -8.5rem !important;
}

.mt-n34,
.my-n34 {
  margin-top: -8.5rem !important;
}

.mr-n34,
.mx-n34 {
  margin-right: -8.5rem !important;
}

.mb-n34,
.my-n34 {
  margin-bottom: -8.5rem !important;
}

.ml-n34,
.mx-n34 {
  margin-left: -8.5rem !important;
}

.m-n33 {
  margin: -8.25rem !important;
}

.mt-n33,
.my-n33 {
  margin-top: -8.25rem !important;
}

.mr-n33,
.mx-n33 {
  margin-right: -8.25rem !important;
}

.mb-n33,
.my-n33 {
  margin-bottom: -8.25rem !important;
}

.ml-n33,
.mx-n33 {
  margin-left: -8.25rem !important;
}

.m-n32 {
  margin: -8rem !important;
}

.mt-n32,
.my-n32 {
  margin-top: -8rem !important;
}

.mr-n32,
.mx-n32 {
  margin-right: -8rem !important;
}

.mb-n32,
.my-n32 {
  margin-bottom: -8rem !important;
}

.ml-n32,
.mx-n32 {
  margin-left: -8rem !important;
}

.m-n31 {
  margin: -7.75rem !important;
}

.mt-n31,
.my-n31 {
  margin-top: -7.75rem !important;
}

.mr-n31,
.mx-n31 {
  margin-right: -7.75rem !important;
}

.mb-n31,
.my-n31 {
  margin-bottom: -7.75rem !important;
}

.ml-n31,
.mx-n31 {
  margin-left: -7.75rem !important;
}

.m-n30 {
  margin: -7.5rem !important;
}

.mt-n30,
.my-n30 {
  margin-top: -7.5rem !important;
}

.mr-n30,
.mx-n30 {
  margin-right: -7.5rem !important;
}

.mb-n30,
.my-n30 {
  margin-bottom: -7.5rem !important;
}

.ml-n30,
.mx-n30 {
  margin-left: -7.5rem !important;
}

.m-n29 {
  margin: -7.25rem !important;
}

.mt-n29,
.my-n29 {
  margin-top: -7.25rem !important;
}

.mr-n29,
.mx-n29 {
  margin-right: -7.25rem !important;
}

.mb-n29,
.my-n29 {
  margin-bottom: -7.25rem !important;
}

.ml-n29,
.mx-n29 {
  margin-left: -7.25rem !important;
}

.m-n28 {
  margin: -7rem !important;
}

.mt-n28,
.my-n28 {
  margin-top: -7rem !important;
}

.mr-n28,
.mx-n28 {
  margin-right: -7rem !important;
}

.mb-n28,
.my-n28 {
  margin-bottom: -7rem !important;
}

.ml-n28,
.mx-n28 {
  margin-left: -7rem !important;
}

.m-n27 {
  margin: -6.75rem !important;
}

.mt-n27,
.my-n27 {
  margin-top: -6.75rem !important;
}

.mr-n27,
.mx-n27 {
  margin-right: -6.75rem !important;
}

.mb-n27,
.my-n27 {
  margin-bottom: -6.75rem !important;
}

.ml-n27,
.mx-n27 {
  margin-left: -6.75rem !important;
}

.m-n26 {
  margin: -6.5rem !important;
}

.mt-n26,
.my-n26 {
  margin-top: -6.5rem !important;
}

.mr-n26,
.mx-n26 {
  margin-right: -6.5rem !important;
}

.mb-n26,
.my-n26 {
  margin-bottom: -6.5rem !important;
}

.ml-n26,
.mx-n26 {
  margin-left: -6.5rem !important;
}

.m-n25 {
  margin: -6.25rem !important;
}

.mt-n25,
.my-n25 {
  margin-top: -6.25rem !important;
}

.mr-n25,
.mx-n25 {
  margin-right: -6.25rem !important;
}

.mb-n25,
.my-n25 {
  margin-bottom: -6.25rem !important;
}

.ml-n25,
.mx-n25 {
  margin-left: -6.25rem !important;
}

.m-n24 {
  margin: -6rem !important;
}

.mt-n24,
.my-n24 {
  margin-top: -6rem !important;
}

.mr-n24,
.mx-n24 {
  margin-right: -6rem !important;
}

.mb-n24,
.my-n24 {
  margin-bottom: -6rem !important;
}

.ml-n24,
.mx-n24 {
  margin-left: -6rem !important;
}

.m-n23 {
  margin: -5.75rem !important;
}

.mt-n23,
.my-n23 {
  margin-top: -5.75rem !important;
}

.mr-n23,
.mx-n23 {
  margin-right: -5.75rem !important;
}

.mb-n23,
.my-n23 {
  margin-bottom: -5.75rem !important;
}

.ml-n23,
.mx-n23 {
  margin-left: -5.75rem !important;
}

.m-n22 {
  margin: -5.5rem !important;
}

.mt-n22,
.my-n22 {
  margin-top: -5.5rem !important;
}

.mr-n22,
.mx-n22 {
  margin-right: -5.5rem !important;
}

.mb-n22,
.my-n22 {
  margin-bottom: -5.5rem !important;
}

.ml-n22,
.mx-n22 {
  margin-left: -5.5rem !important;
}

.m-n21 {
  margin: -5.25rem !important;
}

.mt-n21,
.my-n21 {
  margin-top: -5.25rem !important;
}

.mr-n21,
.mx-n21 {
  margin-right: -5.25rem !important;
}

.mb-n21,
.my-n21 {
  margin-bottom: -5.25rem !important;
}

.ml-n21,
.mx-n21 {
  margin-left: -5.25rem !important;
}

.m-n20 {
  margin: -5rem !important;
}

.mt-n20,
.my-n20 {
  margin-top: -5rem !important;
}

.mr-n20,
.mx-n20 {
  margin-right: -5rem !important;
}

.mb-n20,
.my-n20 {
  margin-bottom: -5rem !important;
}

.ml-n20,
.mx-n20 {
  margin-left: -5rem !important;
}

.m-n19 {
  margin: -4.75rem !important;
}

.mt-n19,
.my-n19 {
  margin-top: -4.75rem !important;
}

.mr-n19,
.mx-n19 {
  margin-right: -4.75rem !important;
}

.mb-n19,
.my-n19 {
  margin-bottom: -4.75rem !important;
}

.ml-n19,
.mx-n19 {
  margin-left: -4.75rem !important;
}

.m-n18 {
  margin: -4.5rem !important;
}

.mt-n18,
.my-n18 {
  margin-top: -4.5rem !important;
}

.mr-n18,
.mx-n18 {
  margin-right: -4.5rem !important;
}

.mb-n18,
.my-n18 {
  margin-bottom: -4.5rem !important;
}

.ml-n18,
.mx-n18 {
  margin-left: -4.5rem !important;
}

.m-n17 {
  margin: -4.25rem !important;
}

.mt-n17,
.my-n17 {
  margin-top: -4.25rem !important;
}

.mr-n17,
.mx-n17 {
  margin-right: -4.25rem !important;
}

.mb-n17,
.my-n17 {
  margin-bottom: -4.25rem !important;
}

.ml-n17,
.mx-n17 {
  margin-left: -4.25rem !important;
}

.m-n16 {
  margin: -4rem !important;
}

.mt-n16,
.my-n16 {
  margin-top: -4rem !important;
}

.mr-n16,
.mx-n16 {
  margin-right: -4rem !important;
}

.mb-n16,
.my-n16 {
  margin-bottom: -4rem !important;
}

.ml-n16,
.mx-n16 {
  margin-left: -4rem !important;
}

.m-n15 {
  margin: -3.75rem !important;
}

.mt-n15,
.my-n15 {
  margin-top: -3.75rem !important;
}

.mr-n15,
.mx-n15 {
  margin-right: -3.75rem !important;
}

.mb-n15,
.my-n15 {
  margin-bottom: -3.75rem !important;
}

.ml-n15,
.mx-n15 {
  margin-left: -3.75rem !important;
}

.m-n14 {
  margin: -3.5rem !important;
}

.mt-n14,
.my-n14 {
  margin-top: -3.5rem !important;
}

.mr-n14,
.mx-n14 {
  margin-right: -3.5rem !important;
}

.mb-n14,
.my-n14 {
  margin-bottom: -3.5rem !important;
}

.ml-n14,
.mx-n14 {
  margin-left: -3.5rem !important;
}

.m-n13 {
  margin: -3.25rem !important;
}

.mt-n13,
.my-n13 {
  margin-top: -3.25rem !important;
}

.mr-n13,
.mx-n13 {
  margin-right: -3.25rem !important;
}

.mb-n13,
.my-n13 {
  margin-bottom: -3.25rem !important;
}

.ml-n13,
.mx-n13 {
  margin-left: -3.25rem !important;
}

.m-n12 {
  margin: -3rem !important;
}

.mt-n12,
.my-n12 {
  margin-top: -3rem !important;
}

.mr-n12,
.mx-n12 {
  margin-right: -3rem !important;
}

.mb-n12,
.my-n12 {
  margin-bottom: -3rem !important;
}

.ml-n12,
.mx-n12 {
  margin-left: -3rem !important;
}

.m-n11 {
  margin: -2.75rem !important;
}

.mt-n11,
.my-n11 {
  margin-top: -2.75rem !important;
}

.mr-n11,
.mx-n11 {
  margin-right: -2.75rem !important;
}

.mb-n11,
.my-n11 {
  margin-bottom: -2.75rem !important;
}

.ml-n11,
.mx-n11 {
  margin-left: -2.75rem !important;
}

.m-n10 {
  margin: -2.5rem !important;
}

.mt-n10,
.my-n10 {
  margin-top: -2.5rem !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -2.5rem !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -2.5rem !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -2.5rem !important;
}

.m-n9 {
  margin: -2.25rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -2.25rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -2.25rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -2.25rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -2.25rem !important;
}

.m-n8 {
  margin: -2rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -2rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -2rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -2rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -2rem !important;
}

.m-n7 {
  margin: -1.75rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -1.75rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -1.75rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -1.75rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -1.75rem !important;
}

.m-n6 {
  margin: -1.5rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -1.5rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -1.5rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -1.5rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -1.25rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -1.25rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -1.25rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -1.25rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -1.25rem !important;
}

.m-n4 {
  margin: -1rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1rem !important;
}

.m-n3 {
  margin: -0.75rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -0.75rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -0.75rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -0.75rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -0.75rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n0 {
  margin: 0rem !important;
}

.mt-n0,
.my-n0 {
  margin-top: 0rem !important;
}

.mr-n0,
.mx-n0 {
  margin-right: 0rem !important;
}

.mb-n0,
.my-n0 {
  margin-bottom: 0rem !important;
}

.ml-n0,
.mx-n0 {
  margin-left: 0rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-truncate-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 3em;
}

.text-truncate-3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 4.5em;
}

.text-truncate-4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 6em;
}

.text-truncate-5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-height: 1.5;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 7.5em;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-thin {
  font-weight: 100 !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-medium {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-black {
  font-weight: 900 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #e50057 !important;
}

.text-secondary {
  color: #3f488d !important;
}

.text-success {
  color: #5cb85c !important;
}

.text-info {
  color: #17a2b8 !important;
}

.text-warning {
  color: #ffc107 !important;
}

.text-danger {
  color: #dc3545 !important;
}

.text-light {
  color: #ccc !important;
}

.text-light-gray {
  color: #f6f6f6 !important;
}

.text-dark {
  color: #666 !important;
}

.text-blue {
  color: #83c5e0 !important;
}

.text-gray-0 {
  color: #000 !important;
}

.text-gray-1 {
  color: #111 !important;
}

.text-gray-2 {
  color: #222 !important;
}

.text-gray-3 {
  color: #333 !important;
}

.text-gray-4 {
  color: #444 !important;
}

.text-gray-5 {
  color: #555 !important;
}

.text-gray-6 {
  color: #666 !important;
}

.text-gray-7 {
  color: #777 !important;
}

.text-gray-8 {
  color: #888 !important;
}

.text-gray-9 {
  color: #999 !important;
}

.text-gray-a {
  color: #aaa !important;
}

.text-gray-b {
  color: #bbb !important;
}

.text-gray-c {
  color: #ccc !important;
}

.text-gray-d {
  color: #ddd !important;
}

.text-gray-e {
  color: #eee !important;
}

.text-gray-f {
  color: #fff !important;
}

.text-body {
  color: #333 !important;
}

.text-muted {
  color: #666 !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-wrap: break-word !important;
}

.text-keep {
  word-break: keep-all !important;
}

.text-reset {
  color: inherit !important;
}

.text-underline {
  text-decoration: underline !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* 
  Custom Utilities
  Made by Masstige Publishing Team
*/
.font-size-40 {
  font-size: 10rem !important;
}

.font-size-39 {
  font-size: 9.75rem !important;
}

.font-size-38 {
  font-size: 9.5rem !important;
}

.font-size-37 {
  font-size: 9.25rem !important;
}

.font-size-36 {
  font-size: 9rem !important;
}

.font-size-35 {
  font-size: 8.75rem !important;
}

.font-size-34 {
  font-size: 8.5rem !important;
}

.font-size-33 {
  font-size: 8.25rem !important;
}

.font-size-32 {
  font-size: 8rem !important;
}

.font-size-31 {
  font-size: 7.75rem !important;
}

.font-size-30 {
  font-size: 7.5rem !important;
}

.font-size-29 {
  font-size: 7.25rem !important;
}

.font-size-28 {
  font-size: 7rem !important;
}

.font-size-27 {
  font-size: 6.75rem !important;
}

.font-size-26 {
  font-size: 6.5rem !important;
}

.font-size-25 {
  font-size: 6.25rem !important;
}

.font-size-24 {
  font-size: 6rem !important;
}

.font-size-23 {
  font-size: 5.75rem !important;
}

.font-size-22 {
  font-size: 5.5rem !important;
}

.font-size-21 {
  font-size: 5.25rem !important;
}

.font-size-20 {
  font-size: 5rem !important;
}

.font-size-19 {
  font-size: 4.75rem !important;
}

.font-size-18 {
  font-size: 4.5rem !important;
}

.font-size-17 {
  font-size: 4.25rem !important;
}

.font-size-16 {
  font-size: 4rem !important;
}

.font-size-15 {
  font-size: 3.75rem !important;
}

.font-size-14 {
  font-size: 3.5rem !important;
}

.font-size-13 {
  font-size: 3.25rem !important;
}

.font-size-12 {
  font-size: 3rem !important;
}

.font-size-11 {
  font-size: 2.75rem !important;
}

.font-size-10 {
  font-size: 2.5rem !important;
}

.font-size-9 {
  font-size: 2.25rem !important;
}

.font-size-8 {
  font-size: 2rem !important;
}

.font-size-7 {
  font-size: 1.75rem !important;
}

.font-size-6 {
  font-size: 1.5rem !important;
}

.font-size-5 {
  font-size: 1.25rem !important;
}

.font-size-4 {
  font-size: 1rem !important;
}

.font-size-3 {
  font-size: 0.75rem !important;
}

.font-size-2 {
  font-size: 0.5rem !important;
}

.font-size-1 {
  font-size: 0.25rem !important;
}

.font-size-0 {
  font-size: 0rem !important;
}

.row_scrollwrap_txt {
  text-align: left;
  display: none;
  color: #888;
  margin-bottom: 5px;
  line-height: 1.3;
  font-size: 0.8em;
  letter-spacing: -0.03em;
}
.row_scrollwrap_scroll {
  overflow-x: auto;
  position: relative;
}

/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-100.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-100.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-100.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-300.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-300.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-500.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-500.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-500.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-900.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-900.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/noto-sans-kr-v13-latin_korean-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix") format("embedded-opentype"), url("../fonts/noto-sans-kr-v13-latin_korean-700.woff2") format("woff2"), url("../fonts/noto-sans-kr-v13-latin_korean-700.woff") format("woff"), url("../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(../fonts/OpenSans-Light.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans LightItalic"), local("OpenSans-LightItalic"), url(../fonts/OpenSans-LightItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/OpenSans-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(../fonts/OpenSans-Italic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../fonts/OpenSans-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBoldItalic"), local("OpenSans-SemiBoldItalic"), url(../fonts/OpenSans-SemiBoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/OpenSans-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans BoldItalic"), local("OpenSans-BoldItalic"), url(../fonts/OpenSans-BoldItalic.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(../fonts/OpenSans-ExtraBold.ttf) format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: local("Open Sans ExtraBoldItalic"), local("OpenSans-ExtraBoldItalic"), url(../fonts/OpenSans-ExtraBoldItalic.ttf) format("truetype");
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  min-width: 1416px;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  overflow-x: auto;
  letter-spacing: -0.025em;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Headings font size
 */
.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title],
dfn[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-size: 1rem;
  font-family: inherit;
  /* 1 */
  line-height: 1.2;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  vertical-align: middle;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  border: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Margin, Padding reset
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
select,
optgroup,
button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/**
 * HTML5 Tags reset for older browsers
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/*
 * List
 */
ol,
ul,
li {
  padding: 0;
  list-style: none;
}

/**
 * Table
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*
 * Blockquote, q
 */
blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

button {
  background: transparent;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  cursor: pointer;
  -webkit-appearance: none;
}

input {
  font: inherit;
  margin: 0;
  line-height: normal;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  border-radius: 0;
  resize: none;
}

input[type=submit], input[type=button], input[type=reset] {
  cursor: pointer;
  -webkit-appearance: none;
}

img,
fieldset {
  border: 0;
  outline: none;
}

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

select {
  margin: 0;
  resize: none;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  text-overflow: "";
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-image: url(../images/icon/select_icon.svg);
  background-size: 12px 6px;
  padding-right: 22px !important;
}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand {
  display: none;
}

/* clears the input search 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the input search 'X' from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Outline */
* {
  outline: none !important;
}

textarea:focus {
  outline: none !important;
}

button:focus {
  outline: none !important;
}

input:focus {
  outline: none !important;
}

/*!
 * fullPage 3.0.8
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
.fp-enabled body, html.fp-enabled {
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  position: relative;
  box-sizing: border-box;
}

.fp-slide {
  float: left;
  height: 100%;
  display: block;
}

.fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  transform: translate3d(0, 0, 0);
}
.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}
#fp-nav.fp-right {
  right: 17px;
}
#fp-nav.fp-left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
  bottom: 17px;
}
.fp-slidesNav.fp-top {
  top: 17px;
}

#fp-nav ul, .fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
  display: inline-block;
}

#fp-nav ul li a, .fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav.fp-show-active a.active + .fp-tooltip {
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
  right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
  left: 20px;
}

.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell, .fp-responsive .fp-auto-height-responsive.fp-section {
  height: auto !important;
}

.fp-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* slick-theme */
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.hinge {
  animation-duration: 2s;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  animation-name: bounce;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #e50057;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-blue,
.swiper-button-next.swiper-button-blue {
  --swiper-navigation-color: #83c5e0;
}

.swiper-button-prev.swiper-button-indigo,
.swiper-button-next.swiper-button-indigo {
  --swiper-navigation-color: #6610f2;
}

.swiper-button-prev.swiper-button-purple,
.swiper-button-next.swiper-button-purple {
  --swiper-navigation-color: #6f42c1;
}

.swiper-button-prev.swiper-button-pink,
.swiper-button-next.swiper-button-pink {
  --swiper-navigation-color: #e83e8c;
}

.swiper-button-prev.swiper-button-red,
.swiper-button-next.swiper-button-red {
  --swiper-navigation-color: #dc3545;
}

.swiper-button-prev.swiper-button-orange,
.swiper-button-next.swiper-button-orange {
  --swiper-navigation-color: #fd7e14;
}

.swiper-button-prev.swiper-button-yellow,
.swiper-button-next.swiper-button-yellow {
  --swiper-navigation-color: #ffc107;
}

.swiper-button-prev.swiper-button-green,
.swiper-button-next.swiper-button-green {
  --swiper-navigation-color: #5cb85c;
}

.swiper-button-prev.swiper-button-teal,
.swiper-button-next.swiper-button-teal {
  --swiper-navigation-color: #20c997;
}

.swiper-button-prev.swiper-button-cyan,
.swiper-button-next.swiper-button-cyan {
  --swiper-navigation-color: #17a2b8;
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-gray,
.swiper-button-next.swiper-button-gray {
  --swiper-navigation-color: #666;
}

.swiper-button-prev.swiper-button-gray-dark,
.swiper-button-next.swiper-button-gray-dark {
  --swiper-navigation-color: #888;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-blue {
  --swiper-pagination-color: #83c5e0;
}

.swiper-pagination-indigo {
  --swiper-pagination-color: #6610f2;
}

.swiper-pagination-purple {
  --swiper-pagination-color: #6f42c1;
}

.swiper-pagination-pink {
  --swiper-pagination-color: #e83e8c;
}

.swiper-pagination-red {
  --swiper-pagination-color: #dc3545;
}

.swiper-pagination-orange {
  --swiper-pagination-color: #fd7e14;
}

.swiper-pagination-yellow {
  --swiper-pagination-color: #ffc107;
}

.swiper-pagination-green {
  --swiper-pagination-color: #5cb85c;
}

.swiper-pagination-teal {
  --swiper-pagination-color: #20c997;
}

.swiper-pagination-cyan {
  --swiper-pagination-color: #17a2b8;
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}

.swiper-pagination-gray {
  --swiper-pagination-color: #666;
}

.swiper-pagination-gray-dark {
  --swiper-pagination-color: #888;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    transform-origin: 0;
  }

  .mfp-arrow-right {
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

.skip .link {
  text-indent: -9999px;
  font-size: 0;
  height: 0;
  position: absolute;
  top: 0;
}
.skip .link:focus {
  background-color: #008;
  color: #fff;
  text-align: center;
  z-index: 10000;
  text-indent: 0;
  font-size: 0.9375rem;
  width: 100%;
  min-width: 1250px;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sub-body.narrow .sub-main .container {
  max-width: 1120px;
}

.mw-1100 {
  max-width: 1100px;
}

.header {
  position: relative;
  background-color: #fbe77c;
  width: 100%;
  padding-top: 40px;
}
body.class-data-page .header {
  padding-bottom: 40px;
}

.header-wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topmenu__wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.topmenu .link {
  display: inline-flex;
  align-items: center;
  height: 50px;
  margin-left: 3em;
  color: #333;
  font-size: 14px;
}
.topmenu .link:hover {
  text-decoration: underline;
}

.header-wrap {
  padding: 0 270px !important;
}
.header-wrap .logo {
  position: absolute;
  left: 10px;
}
.header-wrap .logo img {
  width: 260px;
}
.header-wrap .member-util {
  font-size: 18px;
  color: #000;
  font-weight: 500;
  text-align: right;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 602;
}
.header-wrap .member-util__user {
  z-index: 5;
  position: relative;
  padding: 10px 0;
  display: inline-block;
}
.header-wrap .member-util__user__button {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.header-wrap .member-util__user__button .img {
  display: block;
  position: relative;
  overflow: hidden;
  position: absolute;
  right: 100%;
  width: 54px;
  height: 54px;
  border-radius: 50%;
}
.header-wrap .member-util__user__button .img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.header-wrap .member-util__user__button .img > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.header-wrap .member-util__user__button .name {
  padding: 0 0.5em;
}
.header-wrap .member-util__user__list {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  display: none;
  padding: 10px;
  background-color: #fff;
  font-size: 14px;
  text-align: left;
}
.header-wrap .member-util__user__list .item {
  margin-top: 0.2em;
}
.header-wrap .member-util__user__list .item:nth-child(1) {
  margin-top: 0;
}
.header-wrap .member-util__user__list .link {
  font-weight: 400;
}
.header-wrap .member-util__user__list .link:hover {
  color: #e50057;
  text-decoration: underline;
}
.header-wrap .member-util__btn {
  font-size: 14px;
}
.header-wrap .search-bx {
  width: 100%;
  max-width: 650px;
  position: relative;
}
.header-wrap .search-bx__input {
  background-color: #fff;
  border: 0;
  height: 70px;
  border-radius: 9px;
  width: 100%;
  font-size: 20px;
  padding: 0 30px;
  color: #999;
}
.header-wrap .search-bx__btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header-wrap .search-bx__btn__img {
  width: 30px;
  height: 30px;
}
.header-wrap .bi {
  font-size: 24px;
  margin-left: 10px;
}

.footer {
  padding: 40px 0;
  background: #f7f7f7;
  color: #333;
  font-size: 14px;
  max-height: 323px;
}
.footer .container {
  position: relative;
}
.footer__logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.footer__logo .img {
  width: 180px;
}
.footer__logo .link {
  color: #fff;
  font-size: 12px;
  background-color: #999999;
  padding: 0.5em 0.8em;
  line-height: 1;
  border-radius: 8px;
  margin-left: 1em;
}
.footer__txt-wrap {
  display: flex;
  justify-content: space-between;
}
.footer__address {
  opacity: 0.8;
  flex: 0 0 auto;
  margin-right: auto;
}
.footer__link {
  flex: 0 1 100%;
}
.footer__link .nav-list--depth1 {
  display: flex;
}
.footer__link .depth-1 {
  margin-left: 120px;
}
.footer__link .depth-1 > .link {
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 1em;
}
.footer__link .depth-1-1 {
  margin-left: 120px;
}
.footer__link .depth-1-1 > .link {
  font-weight: none;
  font-size: 16px;
  display: block;
  margin-bottom: 1em;
}
.footer__link .depth-2 {
  opacity: 0.8;
}
.footer__link .sns-list {
  display: flex;
  align-items: center;
}
.footer__link .sns-list li {
  margin-left: 10px;
}
.footer__policy {
  margin-left: auto;
  text-align: right;
  flex: 0 0 auto;
}

.top-button {
  width: 45px;
  height: 45px;
  line-height: 45px;
  background: #e50057;
  color: #fff;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: -100px;
  z-index: 98;
}

.header .nav {
  position: relative;
  z-index: 601;
  text-align: center;
}
@media screen and (max-width: ) {
  .header .nav {
    display: none;
  }
}
.header .nav .nav-list--depth1 {
  position: relative;
  z-index: 601;
  align-items: center;
  display: flex;
  justify-content: center;
}
.header .nav .nav-list--depth2 {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  background-color: #fff;
  border-radius: 1em;
  overflow: hidden;
  min-width: 120px;
  max-width: none;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #f1f1f1;
  display: none;
  z-index: 601;
}
.header .nav .nav-list--depth3 {
  display: none;
}
.header .nav .depth-1 {
  position: relative;
}
.header .nav .depth-1 > .link {
  position: relative;
  height: 70px;
  padding: 0 25px;
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.header .nav .depth-1 > .link:hover {
  font-weight: 600;
}
.header .nav .depth-1 > .link.on {
  color: #000;
  font-weight: 600;
}
.header .nav .depth-1-1 {
  position: relative;
}
.header .nav .depth-1-1 > .link {
  position: relative;
  height: 70px;
  padding: 0 25px;
  letter-spacing: -0.05em;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 18px;
  font-weight: 400;
}
.header .nav .depth-1-1 > .link:hover {
  font-weight: 400;
}
.header .nav .depth-1-1 > .link.on {
  color: #000;
  font-weight: 400;
}
.header .nav .depth-2 {
  line-height: 1.3;
  margin-top: 0.5em;
  padding: 0 15px;
}
.header .nav .depth-2:first-child {
  margin-top: 1.2em;
}
.header .nav .depth-2:last-child {
  margin-bottom: 1.2em;
}
.header .nav .depth-2 > .link {
  display: block;
  font-size: 1em;
  color: #333;
  white-space: nowrap;
}
.header .nav .depth-2 > .link.on, .header .nav .depth-2 > .link:hover {
  color: #e50057;
}
.header .nav__bg {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #ddd;
}

.sub-visual {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.sub-visual__wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  height: 400px;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media screen and (max-width: ) {
  .sub-visual__wrapper {
    height: 50vw;
    font-size: 2.5vw;
  }
}
.sub-visual__title {
  width: 100%;
  font-size: 3.5em;
  letter-spacing: -0.025em;
  line-height: 1.2;
  font-weight: 600;
}
.sub-visual__txt {
  margin-top: 1em;
  font-size: 1.125em;
  font-weight: 300;
}

.sub-nav-area {
  padding: 60px 0 80px;
}
.sub-nav-area .container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.sub-nav {
  z-index: 100;
}
.sub-nav--sticky.fix .sub-nav__wrap {
  position: fixed;
  left: 0;
}
.sub-nav--bar .link {
  padding: 0 22px;
  font-size: 22px;
  color: #999;
  font-weight: 300;
}
.sub-nav--bar .link.on {
  color: #333;
  font-weight: 500;
}
.sub-nav--bar .sub-nav__wrap {
  display: flex;
  margin: 0 -22px;
}
.sub-nav--bar .sub-nav__wrap li + li {
  position: relative;
}
.sub-nav--bar .sub-nav__wrap li + li::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 14px;
  background: #ddd;
}

.sub-nav--dropdown {
  z-index: 101;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #ddd;
  font-weight: 300;
  letter-spacing: -0.025em;
  height: 58px;
}
@media screen and (max-width: ) {
  .sub-nav--dropdown {
    height: 50px;
    border-bottom: 0;
  }
}
.sub-nav--dropdown .sub-nav__wrap {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: ) {
  .sub-nav--dropdown .sub-nav__wrap {
    padding: 0;
  }
}
.sub-nav--dropdown .sub-nav__home {
  height: 58px;
  color: #666;
  width: 86px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.sub-nav--dropdown .sub-nav__home img {
  width: 22px;
}
@media screen and (max-width: ) {
  .sub-nav--dropdown .sub-nav__home {
    width: 50px;
    height: 50px;
  }
  .sub-nav--dropdown .sub-nav__home img {
    width: 18px;
  }
}
.sub-nav--dropdown .sub-nav__home:before, .sub-nav--dropdown .sub-nav__home:after, .sub-nav--dropdown .sub-nav__item:after {
  content: "";
  position: absolute;
  top: 50%;
  border-right: 1px solid rgba(102, 102, 102, 0.2);
  height: 16px;
  margin-top: -8px;
}
.sub-nav--dropdown .sub-nav__home:before {
  left: 0;
}
.sub-nav--dropdown .sub-nav__home:after, .sub-nav--dropdown .sub-nav__item:after {
  right: 0;
}
@media screen and (max-width: ) {
  .sub-nav--dropdown .sub-nav__home:before, .sub-nav--dropdown .sub-nav__item:last-child:after {
    display: none;
  }
}
.sub-nav--dropdown .sub-nav__item {
  max-width: 220px;
  width: calc(50% - 50px / 2);
  position: relative;
}
.sub-nav--dropdown .sub-nav__button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  height: 58px;
  color: #666;
  display: block;
  align-items: center;
  text-align: left;
  position: relative;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  padding: 0 2em;
  padding-right: 4em;
  cursor: pointer;
}
.sub-nav--dropdown .sub-nav__button:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}
.sub-nav--dropdown .sub-nav__button:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4em;
  text-align: center;
}
.sub-nav--dropdown .sub-nav__button.on {
  background-color: white;
}
.sub-nav--dropdown .sub-nav__button.on:before {
  content: "";
}
@media screen and (max-width: ) {
  .sub-nav--dropdown .sub-nav__button {
    height: 50px;
    padding: 0 1em;
    padding-right: 2em;
  }
  .sub-nav--dropdown .sub-nav__button:before {
    width: 2em;
  }
}
.sub-nav--dropdown .sub-nav__drawer {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 1em 2em;
  box-sizing: border-box;
  display: none;
  text-align: left;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 100;
  line-height: 1.3;
}
@media screen and (max-width: ) {
  .sub-nav--dropdown .sub-nav__drawer {
    padding: 1em;
  }
}
.sub-nav--dropdown .sub-nav__drawer li {
  margin-top: 0.8em;
}
.sub-nav--dropdown .sub-nav__drawer li:nth-child(1) {
  margin-top: 0;
}
.sub-nav--dropdown .sub-nav__drawer .link {
  color: #666;
  font-weight: 400;
}
.sub-nav--dropdown .sub-nav__drawer .link.on {
  text-decoration: underline;
  color: #e50057;
}
.sub-nav--dropdown .sub-nav__drawer .link:hover {
  opacity: 1;
  text-decoration: underline !important;
}

.breadcrumb {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}
.breadcrumb__item {
  padding: 0 10px;
  font-size: 14px;
  font-weight: 300;
  color: #999;
  position: relative;
}
.breadcrumb__item:not(:first-child)::before {
  content: ">";
  position: absolute;
  left: -4px;
  top: 0;
}
.breadcrumb__item:first-child::before {
  content: "";
  width: 13px;
  height: 12px;
  background: url(../images/icon/home_i.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -1px;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.75em;
  font-size: 1em;
}
.badge.badge-sm {
  font-size: 0.875em;
}
.badge.badge-lg {
  font-size: 1.125em;
}
.badge.badge-pill {
  border-radius: 0.5em;
}

.badge-primary {
  color: #fff;
  background-color: #e50057;
}

.badge-secondary {
  color: #fff;
  background-color: #3f488d;
}

.badge-success {
  color: #fff;
  background-color: #5cb85c;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-warning {
  color: #111;
  background-color: #ffc107;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-light {
  color: #111;
  background-color: #ccc;
}

.badge-light-gray {
  color: #111;
  background-color: #f6f6f6;
}

.badge-dark {
  color: #fff;
  background-color: #666;
}

.badge-blue {
  color: #111;
  background-color: #83c5e0;
}

.bullet-list {
  font-size: 1rem;
}
.bullet-list > .item {
  display: flex;
}
.bullet-list > .item::before {
  content: "";
  display: block;
  flex: 0 0 0.625em;
  width: 0.625em;
  height: 0.625em;
  background-color: #333;
  margin-top: 0.75em;
  margin-right: 0.5em;
  transform: translateY(-50%);
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.bullet-list.bullet-list--circle::before {
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid #333;
}
.bullet-list.bullet-list--square > .item::before {
  border-radius: 100%;
}
.bullet-list.bullet-list--demical > .item::before {
  display: none;
}
.bullet-list.bullet-list--demical > .item .demical-number {
  display: block;
  flex: 0 0 auto !important;
  width: auto !important;
  margin-right: 0.5em;
}
.bullet-list.bullet-list--image > .item::before {
  background-color: transparent;
  background-image: url("../images/icon/blog_i.png");
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-draggble .modal-header {
  cursor: move;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal.modal-start, .modal.start_pop {
  position: absolute;
  display: none;
  max-width: 800px;
  height: auto;
  width: auto;
  overflow: visible;
}
@media screen and (max-width: ) {
  .modal.modal-start, .modal.start_pop {
    left: 50% !important;
    top: 15px !important;
    width: 100%;
    max-width: 90%;
    transform: translateX(-50%);
  }
}
.modal.modal-start .modal-dialog, .modal.start_pop .modal-dialog {
  margin: 0 auto;
  transform: none !important;
}
.modal.modal-start .modal-footer, .modal.start_pop .modal-footer {
  justify-content: space-between;
}
.modal.modal-start .modal-footer::after, .modal.start_pop .modal-footer::after {
  display: none !important;
}
.modal .ui-draggable-handle {
  cursor: move;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

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

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-footer .check-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

.modal-dialog-scrollable {
  max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 3.5rem);
}

.modal-dialog-centered {
  min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
  height: calc(100vh - 3.5rem);
  height: min-content;
}

.modal-sm {
  max-width: 300px;
}

.modal-lg,
.modal-xl {
  max-width: 800px;
}

.modal-xl {
  max-width: 1140px;
}

.tab--box > .tab-header {
  word-break: keep-all;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  line-height: 1.3;
  margin: 0 -5px;
}
.tab--box > .tab-header .tab-item {
  flex: 1;
  padding: 0 5px;
}
.tab--box > .tab-header .tab-item .link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 58px;
  border: 1px solid #ddd;
  color: #999;
  font-size: 18px;
  cursor: pointer;
}
.tab--box > .tab-header .tab-item .link:not(.on):hover {
  color: #e50057;
}
.tab--box > .tab-header .tab-item .link.on {
  color: #fff;
  background-color: #e50057;
  border-color: #e50057;
}
.tab--border > .tab-header {
  display: flex;
  text-align: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  line-height: 1.3;
}
.tab--border > .tab-header .tab-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.625rem;
  font-size: 1.125em;
  padding: 0 1.5em;
  color: #222;
  background-color: #f9f9f9;
  border-bottom: 0;
  border-left: 0;
  border: 1px solid #f9f9f9;
  border-bottom: 0;
  cursor: pointer;
}
.tab--border > .tab-header .tab-item.on {
  border-color: #ddd;
  background-color: #fff;
  color: #e50057;
}

.sub-main-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  color: #333;
}
.sub-main-title--md {
  font-size: 26px;
}

.common-tit--h2 {
  font-size: 36px;
  letter-spacing: -0.05em;
  font-weight: 500;
  color: #333;
}
.common-tit--h3 {
  font-size: 30px;
  letter-spacing: -0.05em;
  font-weight: 500;
  color: #333;
}
.common-tit--h4 {
  font-size: 20px;
  letter-spacing: -0.05em;
  font-weight: 500;
  color: #333;
}
.common-tit--md {
  font-size: 24px;
  letter-spacing: -0.05em;
  font-weight: 500;
}
.common-tit--sm {
  font-size: 22px;
  letter-spacing: -0.05em;
  font-weight: 500;
}

.common-txt {
  font-size: 18px;
  color: #333;
  letter-spacing: -0.03em;
}
.common-txt--sm {
  font-size: 15px !important;
}
.common-txt--xs {
  font-size: 14px !important;
}

.popup {
  background: #fff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 35px 40px 40px;
}
.popup--sm {
  max-width: 550px;
}
.popup--xs {
  max-width: 400px;
}

.group .top-banner {
  display: block;
  position: relative;
  overflow: hidden;
  margin-bottom: 40px;
}
.group .top-banner::after {
  content: "";
  display: block;
  padding-bottom: 61%;
}
.group .top-banner > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.group-content .view-form {
  padding-top: 40px;
  border-top: 1px solid #ddd;
}
.group .view-form__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.05em;
  margin-bottom: 40px;
}
.group .view-form__tr {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.group .view-form__tr--img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 0;
  padding: 0;
}
.group .view-form__tr--img .img-box {
  flex: 0 0 59.3220338983%;
  max-width: 59.3220338983%;
  display: block;
  position: relative;
  overflow: hidden;
}
.group .view-form__tr--img .img-box::after {
  content: "";
  display: block;
  padding-bottom: 59.5238095238%;
}
.group .view-form__tr--img .img-box > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.group .view-form__tr--img .img-box .pop-img-view {
  position: absolute;
  right: 30px;
  bottom: 30px;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  z-index: 10;
  color: #fff;
  font-size: 20px;
  opacity: 0;
  transition: opacity 0.3s;
}
.group .view-form__tr--img .img-box:hover .pop-img-view {
  opacity: 1;
}
.mfp-bottom-bar {
  display: none !important;
}

.group .view-form__tr--img .info-box {
  flex: 1 1 auto;
  width: 1%;
  padding-left: 5.6497175141%;
  color: #999;
}
.group .view-form__tr--img .info-box .profile {
  display: flex;
  align-items: center;
}
.group .view-form__tr--img .info-box .profile .img {
  width: 53px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
.group .view-form__tr--img .info-box .profile .img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.group .view-form__tr--img .info-box .profile .img > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.group .view-form__tr--info {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  color: #999;
  padding-top: 0;
}
.group .view-form__tr--info .profile {
  display: flex;
  align-items: center;
}
.group .view-form__tr--info .profile .img {
  width: 53px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
.group .view-form__tr--info .profile .img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.group .view-form__tr--info .profile .img > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.group .view-form__tr--info .date {
  text-align: right;
}
.group .view-form__tr--content {
  padding: 50px 0;
}
.group .view-form__tr--content .title {
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: 400;
  color: #333;
  line-height: 1.15;
}
.group .view-form__tr--content .content {
  min-height: 160px;
  margin-bottom: 70px;
}
.group .view-form__tr--content .thanks-btn {
  border: 1px solid #ddd;
  border-radius: 10px;
  color: #999;
  line-height: 30px;
  padding: 0 10px;
}
.group .view-form__tr--content .thanks-btn .icon {
  display: inline-block;
  width: 14px;
  height: 12px;
  margin: 0 1px;
  background-repeat: no-repeat;
  background-image: url(../images/main/i_heart.png);
}
.group .view-form__tr--content .thanks-btn.on {
  border-color: #e50057;
  background-color: #e50057;
  color: #fff;
}
.group .view-form__tr--content .thanks-btn.on .icon {
  background-image: url(../images/main/i_heart_white.png);
}
.group .view-form__tr--file .file-download {
  font-size: 14px;
  color: #999;
  padding-left: 20px;
  background: url(../images/icon/file_i.png) no-repeat left 4px;
}
.group .view-form__tr--file .file-download + .file-download {
  margin-top: 5px;
}
.group .view-form__tr--keyword .keyword {
  font-size: 18px;
  color: #3f488d;
}
.group .view-form__tr--keyword .keyword + .keyword {
  padding-left: 15px;
}
.group .view-form__tr--btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.txt_post_wrap .write_area {
  padding-right: 0;
}
.txt_post_wrap .list_box {
  color: #999;
}
.txt_post_wrap .list_box .profile {
  display: flex;
  align-items: center;
  color: #666;
}
.txt_post_wrap .list_box .profile .img {
  width: 36px;
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: 100%;
}
.txt_post_wrap .list_box .profile .img::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.txt_post_wrap .list_box .profile .img > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.txt_post_wrap .list_box .profile .writer {
  border: 1px solid #e50057;
  color: #e50057;
  font-size: 12px;
  border-radius: 12px;
  line-height: 22px;
  padding: 0 5px;
  margin-left: 5px;
}
.txt_post_wrap .list_box .btn_box a + a {
  margin-left: 2px;
}

.view-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 70px;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.view-list__th {
  font-weight: 500;
  color: #333;
  flex: 0 0 150px;
  max-width: 150px;
  padding: 0 10px;
}
.view-list__td {
  flex: 1 1 auto;
  width: 1%;
  color: #666;
  padding: 0 10px;
}
.view-list:first-child {
  border-top: 1px solid #222;
}
.view-list.border-color-d {
  border-color: #ddd !important;
}

.education-view {
  display: flex;
  flex-wrap: wrap;
}
.education-view__img {
  flex: 0 0 23.8700564972%;
  max-width: 23.8700564972%;
}
.education-view__img .card-list .card-list__item {
  flex: 1 0 100% !important;
  max-width: 100% !important;
}
.education-view__list {
  flex: 1 1 auto;
  width: 1%;
  padding-left: 80px;
}

.container {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1436px;
}

.container-fluid, .container-xxxs {
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.container {
  max-width: 1436px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  min-width: 0;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.input_for {
  width: 100%;
}

.dis_inblock {
  display: inline-block;
}
.dis_block {
  display: block;
}
.dis_inilne {
  display: inline;
}
.dis_tbl {
  display: table;
}
.dis_cel {
  display: table-cell;
}

.mt_5 {
  margin-top: 5px;
}

.mb_5 {
  margin-bottom: 5px;
}

.ml_5 {
  margin-left: 5px;
}

.mr_5 {
  margin-right: 5px;
}

.mt_10 {
  margin-top: 10px;
}

.mb_10 {
  margin-bottom: 10px;
}

.ml_10 {
  margin-left: 10px;
}

.mr_10 {
  margin-right: 10px;
}

.mt_20 {
  margin-top: 20px;
}

.mb_20 {
  margin-bottom: 20px;
}

.ml_20 {
  margin-left: 20px;
}

.mr_20 {
  margin-right: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mb_30 {
  margin-bottom: 30px;
}

.ml_30 {
  margin-left: 30px;
}

.mr_30 {
  margin-right: 30px;
}

.mt_40 {
  margin-top: 40px;
}

.mb_40 {
  margin-bottom: 40px;
}

.ml_40 {
  margin-left: 40px;
}

.mr_40 {
  margin-right: 40px;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.board-box b {
  font-weight: bold;
}
.board-box u {
  text-decoration: underline;
}
.board-box i,
.board-box em {
  font-style: italic;
}
.board-box strike,
.board-box s {
  text-decoration: line-through;
}
.board-box ol,
.board-box ol li {
  list-style: decimal;
}
.board-box ul,
.board-box ul li {
  list-style: disc;
}
.board-box img {
  width: auto !important;
  height: auto !important;
}
.board-box h1 {
  font-size: 2em;
}
.board-box h2 {
  font-size: 1.5em;
}
.board-box h3 {
  font-size: 1.17em;
}
.board-box h4 {
  font-size: medium;
}
.board-box h5 {
  font-size: 0.83em;
}
.board-box h6 {
  font-size: 0.67em;
}

input,
select,
textarea {
  font-size: 1rem;
}

.table-btn-01,
input[type=file],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select {
  height: 3.75rem;
  border: solid 1px #ddd;
  padding: 0 0.5em;
}
.table-btn-01.__small,
input[type=file].__small,
input[type=date].__small,
input[type=datetime-local].__small,
input[type=email].__small,
input[type=month].__small,
input[type=number].__small,
input[type=password].__small,
input[type=search].__small,
input[type=tel].__small,
input[type=text].__small,
input[type=time].__small,
input[type=url].__small,
input[type=week].__small,
select.__small {
  height: 38px;
}

select {
  text-overflow: ellipsis;
  width: 100%;
}
select::-ms-expand {
  display: none;
}
.lt-ie10 select {
  font-family: inherit;
  background: none;
  padding: 0;
}
.lt-ie10 select:before {
  display: block;
  position: absolute;
  content: "";
  right: 0px;
  top: 0px;
  height: 1em;
  width: 1em;
  margin: 2px;
  z-index: 5;
}

.lt-ie9 select {
  font-family: inherit;
  background: none;
  padding: 6px;
}

textarea {
  border: solid 1px #ddd;
  background-color: #fff;
  overflow: auto;
  min-height: 100px;
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  resize: none;
}
textarea.textarea {
  width: 100%;
  padding: 0.5em;
  overflow-y: auto;
}

input[type=password] {
  font-family: inherit;
  font-family: "Noto Sans KR", sans-serif;
}
input[type=password]:placeholder-shown {
  font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.area_for {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  height: 150px;
  overflow-y: auto;
}

.file_box {
  position: relative;
  padding-right: 6.25rem;
}
.file_box:hover .btn_type_file {
  background: #666;
}
.file_box .text_01 {
  position: absolute;
  top: 2px;
  left: 0;
}
.file_box p {
  border: 1px solid #ddd;
  line-height: 3.75rem;
  height: 3.75rem;
  overflow: hidden;
  padding: 0 10px;
}
.file_box .btn_type_file {
  display: block;
  width: 6.25rem;
  height: 3.75rem;
  line-height: 3.75rem;
  color: #fff;
  background: #666;
  font-weight: 300;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.file_box .btn_type_file:hover {
  background: #555;
}
.file_box input {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 6.25rem;
  height: 3.75rem;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
  -webkit-appearance: none;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
input[type=checkbox] + label,
input[type=radio] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type=checkbox] {
  line-height: 1.3125rem;
}
input[type=checkbox] + label {
  padding-left: 1.7125rem;
}
input[type=checkbox] + label:before {
  width: 1.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  top: 50%;
  margin-top: -0.65625rem;
  content: "";
  position: absolute;
  left: 0;
  text-align: center;
  background-position: center;
  background-size: cover;
  border: 1px solid #ddd;
}
input[type=checkbox] + label:hover:before {
  border-color: #e50057;
}
input[type=checkbox]:checked + label:before {
  font-family: xeicon !important;
  display: inline-block;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #fff;
  background-color: #e50057;
  border-color: #e50057;
}

input[type=radio] {
  line-height: 1.3125rem;
}
input[type=radio] + label {
  padding-left: 1.7125rem;
}
input[type=radio] + label:before {
  top: 50%;
  transform: translateY(-50%);
  margin-top: 1px;
  width: 1.3125rem;
  height: 1.3125rem;
  content: "";
  border: 1px solid #ddd;
  border-radius: 50%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
}
input[type=radio]:hover + label:before {
  border-color: #222;
}
input[type=radio]:checked + label:before {
  border: 0.3125rem solid #e50057;
}

.input_date {
  background: url(../images/icon/i_calendar.png) no-repeat right center;
}
@media screen and (max-width: ) {
  .input_date {
    background-size: 20px;
  }
}

.input_find {
  max-width: 500px;
  padding-right: 110px;
  position: relative;
}
.input_find input {
  width: 100%;
  max-width: 100%;
}
.input_find .table-btn-01 {
  width: 100px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
@media screen and (max-width: ) {
  .input_find {
    padding-right: 75px;
  }
  .input_find .table-btn-01 {
    width: 70px;
  }
}

.bar_span {
  position: relative;
  overflow: hidden;
  word-break: keep-all;
  line-height: 1.3;
}
.bar_span span {
  left: -0.5em;
  position: relative;
  display: inline-block;
  padding: 0.2em 0.5em;
}
.bar_span span:first-child:before {
  content: none;
}
.bar_span span:before {
  height: 10px;
  margin-top: -5px;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  border-left: 1px solid #ddd;
}

.hyphen_list > li:before {
  content: "- ";
}

.dot_list > li:before {
  content: "· ";
}

.decimal_list,
.decimal_list > li {
  list-style: decimal;
}

.decimal_list > li,
.hyphen_list > li,
.dot_list > li {
  line-height: 1.3;
  margin-top: 0.5em;
  position: relative;
  padding-left: 10px;
}
.decimal_list > li.none:before,
.hyphen_list > li.none:before,
.dot_list > li.none:before {
  content: "";
}
.decimal_list > li:before,
.hyphen_list > li:before,
.dot_list > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.decimal_list > li:nth-child(1),
.hyphen_list > li:nth-child(1),
.dot_list > li:nth-child(1) {
  margin-top: 0;
}

.dl_list dt {
  float: left;
  color: #333;
  font-weight: 600;
  padding-right: 1em;
}
.dl_list dd {
  overflow: hidden;
  position: relative;
}

table .col_w {
  width: 7.5rem;
}
table .w_150 {
  width: 9.375rem;
}
table .code {
  padding: 0 10px;
  line-height: 3.75rem;
  display: inline-block;
  vertical-align: middle;
  background: #ddd;
  color: #333;
  font-weight: bold;
}
table .xi-volume-up,
table .xi-file-download {
  font-size: 1.125rem;
  color: #e50057;
}
table .xi-renew {
  font-size: 1.75rem;
  color: #e50057;
}
table td.text_left {
  text-align: left;
}

.table_board_for {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  text-align: center;
  word-break: break-all;
}
@media screen and (max-width: ) {
  .table_board_for.type_a thead,
.table_board_for.type_a colgroup {
    display: none;
  }
  .table_board_for.type_a tr,
.table_board_for.type_a tbody,
.table_board_for.type_a td,
.table_board_for.type_a th {
    display: block;
    text-align: left;
    border: none;
    float: none;
  }
  .table_board_for.type_a tr {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden;
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -1rem;
    position: relative;
  }
  .table_board_for.type_a tr:first-child {
    border-top: 0;
  }
  .table_board_for.type_a td {
    padding: 0.2rem;
    font-size: 0.9em;
    padding-left: 1rem;
  }
  .table_board_for.type_a td:nth-child(1) {
    display: none;
  }
  .table_board_for.type_a td:nth-child(2) {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
  }
}
.table_board_for.type_b {
  /*조회수*/
}
@media screen and (max-width: ) {
  .table_board_for.type_b th:nth-child(2),
.table_board_for.type_b td:nth-child(2) {
    width: 60%;
  }
  .table_board_for.type_b th:nth-child(3),
.table_board_for.type_b td:nth-child(3) {
    width: 20%;
  }
  .table_board_for.type_b th:nth-child(4),
.table_board_for.type_b td:nth-child(4) {
    width: 20%;
  }
  .table_board_for.type_b th:last-child,
.table_board_for.type_b td:last-child {
    display: none;
  }
}
.table_board_for.type_c {
  /*  분류*/
}
@media screen and (max-width: ) {
  .table_board_for.type_c thead,
.table_board_for.type_c colgroup {
    display: none;
  }
  .table_board_for.type_c tr,
.table_board_for.type_c tbody,
.table_board_for.type_c td,
.table_board_for.type_c th {
    display: block;
    width: 100% !important;
    text-align: left;
    border: none;
  }
  .table_board_for.type_c tr {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden;
    clear: both;
    width: 100%;
  }
  .table_board_for.type_c tr:first-child {
    border-top: 0;
  }
  .table_board_for.type_c td:nth-child(1) {
    display: none;
  }
  .table_board_for.type_c td:nth-child(4), .table_board_for.type_c td:nth-child(5) {
    float: left;
    margin-right: 5px;
    width: auto !important;
  }
  .table_board_for.type_c .text_left {
    padding-top: 0;
    padding-bottom: 0;
  }
  .table_board_for.type_c .text_left a {
    font-size: 1.1em;
    font-weight: 500;
  }
}
.table_board_for.type_d {
  /* 자료실 */
}
@media screen and (max-width: ) {
  .table_board_for.type_d thead,
.table_board_for.type_d colgroup {
    display: none;
  }
  .table_board_for.type_d tr,
.table_board_for.type_d tbody,
.table_board_for.type_d td,
.table_board_for.type_d th {
    display: block;
    text-align: left;
    border: none;
    float: none;
  }
  .table_board_for.type_d tr {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden;
    clear: both;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -1rem;
    position: relative;
  }
  .table_board_for.type_d tr:first-child {
    border-top: 0;
  }
  .table_board_for.type_d td {
    padding: 0.2rem;
    font-size: 0.9em;
    padding-left: 1rem;
  }
  .table_board_for.type_d td:nth-child(1) {
    display: none;
  }
  .table_board_for.type_d td:nth-child(2) {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
  }
}
.table_board_for.type_e {
  /* 많은 항목 */
}
.table_board_for.type_e th,
.table_board_for.type_e td {
  vertical-align: middle;
}
@media screen and (max-width: ) {
  .table_board_for.type_e {
    display: block;
  }
  .table_board_for.type_e th,
.table_board_for.type_e td {
    padding: 10px 5px;
  }
  .table_board_for.type_e colgroup,
.table_board_for.type_e th:nth-child(1),
.table_board_for.type_e td:nth-child(1) {
    width: 100%;
    display: block;
  }
  .table_board_for.type_e th:nth-child(2),
.table_board_for.type_e td:nth-child(2) {
    width: 100%;
  }
  .table_board_for.type_e th:nth-child(3),
.table_board_for.type_e td:nth-child(3) {
    width: 100%;
  }
  .table_board_for.type_e th:last-child,
.table_board_for.type_e td:last-child {
    width: 100%;
  }
  .table_board_for.type_e tbody,
.table_board_for.type_e colgroup,
.table_board_for.type_e tr,
.table_board_for.type_e th,
.table_board_for.type_e td {
    display: block;
    border: none;
  }
  .table_board_for.type_e thead {
    display: none;
  }
  .table_board_for.type_e tr {
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 10px;
    text-align: left;
  }
  .table_board_for.type_e tr td,
.table_board_for.type_e tr th {
    padding: 0;
    border: none;
    text-align: left;
    line-height: 1.7;
  }
  .table_board_for.type_e tr th {
    padding: 10px 0 5px;
    text-align: left;
  }
  .table_board_for.type_e tr td {
    position: relative;
    padding-left: 80px;
  }
  .table_board_for.type_e tr td:before {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    color: #222;
    font-weight: 500;
  }
  .table_board_for.type_e tr td a {
    position: relative;
  }
  .table_board_for.type_e tr td a:before {
    content: "";
    height: 10px;
    border-left: 1px solid #ccc;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -5px;
  }
}
@media screen and (max-width: ) {
  .table_board_for.qna_type_a colgroup,
.table_board_for.qna_type_a colgroup col,
.table_board_for.qna_type_a thead {
    display: none;
  }
  .table_board_for.qna_type_a tbody,
.table_board_for.qna_type_a tr,
.table_board_for.qna_type_a td {
    display: block;
    width: 100% !important;
    text-align: left;
    border: none;
  }
  .table_board_for.qna_type_a tr {
    border-top: 1px solid #ddd;
    padding: 5px 0;
    overflow: hidden;
    clear: both;
    width: 100%;
  }
  .table_board_for.qna_type_a tr:first-child {
    border-top: 0;
  }
  .table_board_for.qna_type_a td:nth-child(2) {
    float: left;
    width: 100% !important;
  }
  .table_board_for.qna_type_a td:nth-child(3), .table_board_for.qna_type_a td:nth-child(4), .table_board_for.qna_type_a td:nth-child(5) {
    float: left;
    margin-right: 5px;
    width: auto !important;
  }
  .table_board_for.qna_type_a .text_left {
    padding-top: 0;
    padding-bottom: 0;
  }
  .table_board_for.qna_type_a .text_left a {
    font-size: 1.1em;
    font-weight: 500;
  }
}
.table_board_for thead th {
  color: #333;
  font-weight: 500;
}
.table_board_for a:hover {
  color: #e50057;
  text-decoration: underline !important;
}
.table_board_for th,
.table_board_for td {
  vertical-align: middle;
}
.table_board_for th {
  padding: 13px 2px;
  position: relative;
  color: #000;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
}
.table_board_for th:first-child:before {
  display: none;
}
.table_board_for td {
  padding: 15px 5px;
  border-bottom: 1px solid #ddd;
  text-align: left;
}
.table_board_for td .img_bx {
  overflow: hidden;
  width: 80px;
  margin: 0 auto;
  background: url(../images/board/no_img.jpg) no-repeat center;
  background-size: cover;
}
.table_board_for td .img_bx .img_src {
  display: block;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 75%;
}
@media screen and (max-width: ) {
  .table_board_for th,
.table_board_for td {
    padding: 8px 5px;
  }
}

.anwer,
[class*=anwer_] {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 0.875em;
  border-radius: 2px;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1;
  white-space: nowrap;
  font-weight: 300;
  min-width: 4.7857142857em;
  padding: 0.5714285714em;
}

.anwer_off, .anwer._off {
  background-color: #989aa6;
}
.anwer_on, .anwer._on {
  background-color: #e50057;
}
.anwer_view, .anwer._view {
  background-color: #3f488d;
}
.anwer_ask, .anwer._ask {
  background-color: #999999;
  color: #fff;
}
.anwer_cancel, .anwer._cancel {
  background-color: #dddddd;
  color: #666;
}

.pass-wrap {
  margin-top: 60px;
}
.pass-wrap .tit {
  font-size: 1.2em;
  font-weight: 500;
  color: #333;
  margin-bottom: 20px;
}
.pass-wrap .mt_05 {
  margin-top: 5px;
}
.pass-wrap input {
  padding: 0 10px;
}

.img_board_list {
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  overflow: hidden;
}
.img_board_list li,
.img_board_list .item {
  float: left;
  width: 25%;
  padding: 0 10px 20px;
}
@media screen and (max-width: ) {
  .img_board_list {
    margin-left: -5px;
    margin-right: -5px;
  }
  .img_board_list li,
.img_board_list .item {
    width: 50%;
    padding: 0 5px 10px !important;
  }
}
.img_board_list a,
.img_board_list .wrap {
  position: relative;
  display: block;
  border: 1px solid #ddd;
}
.img_board_list a:before,
.img_board_list .wrap:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid #e50057;
  transition: border-width 0.3s;
  z-index: 5;
}
.img_board_list a:hover:before,
.img_board_list .wrap:hover:before {
  border-width: 3px;
}
.img_board_list a:hover .img_box .img_src,
.img_board_list .wrap:hover .img_box .img_src {
  transform: scale(1.05);
}
.img_board_list a:hover .img_box ._icon,
.img_board_list .wrap:hover .img_box ._icon {
  color: #e50057;
}
.img_board_list a:hover .txt_box .tit,
.img_board_list .wrap:hover .txt_box .tit {
  color: #e50057;
}
.img_board_list .img_box {
  overflow: hidden;
  position: relative;
}
.img_board_list .img_box .img_src {
  width: 100%;
  height: 0;
  padding-bottom: 75%;
  background-size: cover;
  display: block;
  background-size: cover;
  transition: 0.3s;
}
.img_board_list .img_box ._icon {
  /*포인트아이콘 사용시 가운데 배치*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 70px;
  color: #fff;
  text-shadow: -2px -2px 10px rgba(0, 0, 0, 0.2), 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.img_board_list .img_box .event_state {
  position: absolute;
  top: 10px;
  left: 10px;
}
.img_board_list .txt_box {
  padding: 20px 15px;
  background: #fff;
}
.img_board_list .txt_box .tit {
  color: #222;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img_board_list .txt_box .date,
.img_board_list .txt_box .des {
  line-height: 1.3;
  margin-top: 0.4em;
  font-size: 0.9em;
  color: #999;
}
.img_board_list .txt_box .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.4;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 2.8em;
}
@media screen and (max-width: ) {
  .img_board_list .txt_box {
    padding: 10px 5px;
  }
}
.img_board_list.type_b a,
.img_board_list.type_b .wrap {
  border: none;
}
.img_board_list.type_b a .txt_box,
.img_board_list.type_b .wrap .txt_box {
  padding: 15px 0;
}
.img_board_list.type_b a:before,
.img_board_list.type_b .wrap:before {
  display: none;
}
.img_board_list.type_b a:hover .hover_box,
.img_board_list.type_b .wrap:hover .hover_box {
  transition: 0.3s ease-out;
  height: 100%;
}
.img_board_list.type_b a .hover_box,
.img_board_list.type_b .wrap .hover_box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
}
.img_board_list.type_b a .hover_box .txt,
.img_board_list.type_b .wrap .hover_box .txt {
  display: inline-block;
  border-bottom: 1px solid #fff;
}
.img_board_list.type_b a .hover_box i,
.img_board_list.type_b .wrap .hover_box i {
  font-size: 12px;
  margin-left: 5px;
}
.img_board_list.type_c {
  padding: 0;
  border-left: 1px solid #ddd;
}
.img_board_list.type_c li,
.img_board_list.type_c .item {
  width: 33.33%;
  padding: 0;
  margin-bottom: -1px;
}
.img_board_list.type_c a,
.img_board_list.type_c .wrap {
  border-left: 0;
}
.img_board_list.type_c .txt_box .date {
  margin-top: 10px;
  font-size: 0.9em;
  color: #999;
  height: auto;
  line-height: 1.5;
  text-overflow: inherit;
  display: block;
}
.img_board_list.type_c .txt_box .date span {
  position: relative;
  padding: 0 7px;
}
.img_board_list.type_c .txt_box .date span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ccc;
}
.img_board_list.type_c .txt_box .date span:first-child {
  padding-left: 0;
}
.img_board_list.type_c .txt_box .date span:first-child:before {
  display: none;
}
@media screen and (max-width: ) {
  .img_board_list.type_c .txt_box,
.img_board_list.type_c .date {
    margin-top: 5px;
  }
}
@media screen and (max-width: ) {
  .img_board_list.type_c li,
.img_board_list.type_c .item {
    width: 100%;
  }
}

.img_board_list_02 {
  border-top: 1px solid #222;
}
.img_board_list_02 li,
.img_board_list_02 .item {
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.img_board_list_02 a,
.img_board_list_02 .wrap {
  width: 100%;
  position: relative;
  display: table;
  table-layout: fixed;
}
.img_board_list_02 a:hover .txt_box .tit,
.img_board_list_02 .wrap:hover .txt_box .tit {
  text-decoration: underline;
}
.img_board_list_02 a:hover .img_box img,
.img_board_list_02 a:hover .img_box .img_src,
.img_board_list_02 .wrap:hover .img_box img,
.img_board_list_02 .wrap:hover .img_box .img_src {
  transform: scale(1.05);
  transition: all 0.2s linear;
}
.img_board_list_02 .img_box,
.img_board_list_02 .txt_box {
  display: table-cell;
  vertical-align: middle;
}
.img_board_list_02 .img_box {
  width: 160px;
  border: 1px solid #ddd;
}
.img_board_list_02 .img_box .img_src {
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  background-size: cover;
  display: block;
}
.img_board_list_02 .img_box img {
  width: 100%;
}
.img_board_list_02 .img_box img,
.img_board_list_02 .img_box .img_src {
  transform: scale(1);
}
.img_board_list_02 .txt_box {
  padding-left: 30px;
  line-height: 1.4;
  width: 100%;
  vertical-align: middle;
  position: relative;
}
.img_board_list_02 .txt_box .tit {
  color: #222;
  font-weight: 400;
}
.img_board_list_02 .txt_box .des,
.img_board_list_02 .txt_box .tbl_detail_span {
  font-size: 0.9em;
  margin-top: 10px;
  color: #999;
}
.img_board_list_02 .txt_box .des {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img_board_list_02 .txt_box .tbl_detail_span span {
  position: relative;
  padding: 0 7px;
}
.img_board_list_02 .txt_box .tbl_detail_span span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ccc;
}
.img_board_list_02 .txt_box .tbl_detail_span span:first-child {
  padding-left: 0;
}
.img_board_list_02 .txt_box .tbl_detail_span span:first-child:before {
  display: none;
}
@media screen and (max-width: ) {
  .img_board_list_02 li,
.img_board_list_02 .item {
    padding: 10px 0;
  }
  .img_board_list_02 .img_box {
    width: 90px;
    margin-right: 10px;
  }
  .img_board_list_02 .txt_box .des,
.img_board_list_02 .txt_box .tbl_detail_span {
    margin-top: 5px;
  }
}

.event_img_list {
  border-bottom: 1px solid #222;
  border-top: 1px solid #999;
}
.event_img_list .event_t {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 8px 0;
  width: 85px;
  z-index: 1;
  font-size: 16px;
  color: #fff;
  background: #666;
  text-align: center;
}
.event_img_list .event_t.on {
  background: #e50057;
}
.event_img_list .event_t.off {
  background: #3f488d;
}
.event_img_list > li,
.event_img_list .item {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #ddd;
}
.event_img_list > li:first-child,
.event_img_list .item:first-child {
  border-top: 0;
}
.event_img_list > li.no_data,
.event_img_list .item.no_data {
  text-align: center;
  padding: 60px 15px;
}
.event_img_list a,
.event_img_list .wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.event_img_list a:hover .txt_box .tit,
.event_img_list .wrap:hover .txt_box .tit {
  color: #e50057;
}
.event_img_list a:hover .btn_link,
.event_img_list .wrap:hover .btn_link {
  background: #e50057;
  color: #fff;
}
.event_img_list a:hover .img_box:before,
.event_img_list .wrap:hover .img_box:before {
  border-width: 3px;
}
.event_img_list .img_box {
  position: relative;
  flex: 0 0 340px;
  max-width: 340px;
  margin: 0;
  border-radius: 15px;
  display: block;
  position: relative;
  overflow: hidden;
}
.event_img_list .img_box::after {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.event_img_list .img_box > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 1000%;
  min-height: 1000%;
  max-width: none;
  max-height: none;
  transform: translate(-50%, -50%) scale(0.1);
}
.event_img_list .img_box .img_src {
  width: 100%;
  height: 0;
  padding-bottom: 66%;
  background-size: cover;
  display: block;
}
.event_img_list .img_box img {
  width: 100%;
}
.event_img_list .img_box:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 0 solid #e50057;
  transition: border-width 0.3s;
  z-index: 5;
  border-radius: 15px;
}
.event_img_list .txt_box {
  flex: 1 1 auto;
  width: 1%;
  padding-left: 30px;
  position: relative;
}
.event_img_list .txt_box .status-bx {
  position: absolute;
  right: 0;
  top: 0;
  width: 110px;
  line-height: 32px;
  text-align: center;
  background: #666;
  color: #fff;
  border-radius: 10px;
}
.event_img_list .txt_box .tit {
  transition: all 0.4s ease;
  font-size: 24px;
  color: #333;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  height: 2.6em;
  margin-right: 130px;
}
.event_img_list .txt_box .event-info {
  margin-top: 15px;
}
.event_img_list .txt_box .event-info__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 0;
}
.event_img_list .txt_box .event-info__item .title {
  flex: 0 0 5.625em;
  max-width: 5.625em;
  font-weight: 500;
  color: #333;
}
.event_img_list .txt_box .event-info__item .cont {
  flex: 1 1 auto;
  width: 1%;
  color: #999;
  padding-left: 10px;
}
.event_img_list .txt_box .des,
.event_img_list .txt_box .date {
  margin-top: 20px;
}
.event_img_list .txt_box .des {
  font-size: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 20px;
}
@media screen and (max-width: ) {
  .event_img_list .event_t {
    font-size: 13px;
    padding: 5px 10px;
  }
  .event_img_list a,
.event_img_list .wrap {
    display: block;
  }
  .event_img_list .img_box,
.event_img_list .txt_body {
    padding: 0;
    display: block;
    width: 100%;
  }
  .event_img_list .img_box {
    margin-bottom: 15px;
  }
  .event_img_list .txt_box {
    padding: 10px 0;
    display: block;
  }
  .event_img_list .txt_box .des,
.event_img_list .txt_box .date {
    margin-top: 5px;
  }
}

.table-view-01 {
  table-layout: fixed;
  width: 100%;
  border-bottom: solid 1px #ddd;
}
.table-view-01 .tit {
  color: #000;
}
.table-view-01 tr:first-child th,
.table-view-01 tr:first-child td {
  padding-top: 18px;
  padding-bottom: 18px;
  border-top: solid 1px #000;
}
.table-view-01 th,
.table-view-01 td {
  padding: 15px 10px;
  vertical-align: middle;
  border-top: solid 1px #ddd;
  color: #666;
}
.table-view-01 th {
  color: #333;
  text-align: left;
  font-weight: 500;
}
.table-view-01 .blue {
  color: #5d9ad3;
}
.table-view-01 .text_left {
  text-align: left;
}
.table-view-01 .addfile_txt {
  padding-left: 35px;
  background: url(../images/icon/file_i_ori.png) no-repeat 0 50%;
}
@media screen and (max-width: ) {
  .table-view-01 .addfile_txt {
    padding-left: 20px;
    background-size: 15px;
  }
}
.table-view-01 .notice-b {
  display: inline-block;
  padding: 2px 8px;
  background-color: #489fc4;
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
}
.table-view-01.title-black th {
  color: #333;
}
.table-view-01.th-center th {
  text-align: center;
}
.table-view-01.table-line th,
.table-view-01.table-line td {
  border: solid 1px #ddd;
}
.table-view-01 td .board-box {
  min-height: 150px;
  text-align: initial;
}
.table-view-01 .tbl_detail_list li {
  display: inline-block;
  position: relative;
  padding: 0 10px;
}
.table-view-01 .tbl_detail_list li:last-child {
  padding-right: 0;
}
.table-view-01 .tbl_detail_list li:first-child {
  padding-left: 0;
}
.table-view-01 .tbl_detail_list li .tit_t {
  font-weight: bold;
  color: #222;
  margin-right: 5px;
}
.table-view-01 .tbl_detail_list li:first-child:before {
  display: none;
}
.table-view-01 .tbl_detail_list li:before {
  content: "";
  border-left: 1px solid #ccc;
  height: 10px;
  margin-top: -5px;
  top: 50%;
  left: -2px;
  position: absolute;
}
@media screen and (max-width: ) {
  .table-view-01 .tbl_detail_list li {
    padding: 0 4px;
  }
  .table-view-01 .tbl_detail_list li .tit_t {
    margin-right: 0;
  }
}
.table-view-01 .tit_box p.tit {
  float: left;
}
.table-view-01 .tit_box p.tit .type_t {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  background: #666;
  letter-spacing: -0.8px;
  padding: 0 5px;
  height: 25px;
  line-height: 23px;
  box-sizing: border-box;
  margin-right: 10px;
}
.table-view-01 .tit_box p.tbl_detail_span {
  float: right;
}
.table-view-01 .tit_box p.tbl_detail_span span:first-child:before {
  display: none;
}
.table-view-01 .tit_box p.tbl_detail_span span:before {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 10px;
  margin: -1px 7px 0 4px;
  background: #bbb;
  content: "";
  vertical-align: middle;
}
.table-view-01 .tit_box p.tbl_detail_span > span.anwer:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_on:before, .table-view-01 .tit_box p.tbl_detail_span > span.anwer_off:before {
  display: none;
}
.table-view-01.type_e {
  /*항목이 많은 경우 */
}
.table-view-01.type_e .col_w {
  width: 150px;
}
.table-view-01.type_e th {
  background: #f6f6f6;
  text-align: left;
}
@media screen and (max-width: ) {
  .table-view-01.type_e .col_w {
    width: 80px;
  }
  .table-view-01.type_e th {
    padding: 8px 2px;
  }
}

.border-list-type {
  border-top: solid 1px #999;
  border-bottom: solid 1px #999;
}
.border-list-type li {
  position: relative;
}
.border-list-type li:nth-child(1) {
  border-bottom: solid 1px #c7c7c7;
}
.border-list-type .clearfix {
  text-align: left;
  display: flex;
  align-items: center;
  height: 3.125rem;
}
.border-list-type .list-title {
  flex-shrink: 0;
  font-weight: 500;
  padding: 0 30px 0 50px;
  color: #222;
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 12px;
}
.border-list-type .list-up-bg {
  background-image: url("../images/icon/list-prev.png");
}
.border-list-type .list-down-bg {
  background-image: url("../images/icon/list-next.png");
}
.border-list-type .w-con {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.border-list-type .border-none {
  border-bottom: none;
}

.paging-area {
  position: relative;
  margin-top: 50px;
  font-size: 0;
}
.paging-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.paging-area li {
  display: inline;
  margin-left: 4px;
  padding: 0;
}
.paging-area a {
  font-size: 14px;
  font-weight: 300;
  position: relative;
  display: inline-block;
  width: 34px;
  line-height: 34px;
  color: #666;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}
.paging-area a span {
  display: inline-block;
  text-indent: -9999px;
}
.paging-area a:hover {
  color: #e50057;
}
.paging-area a.active {
  color: #000;
  font-weight: 500;
  text-decoration: underline;
}
.paging-area a.prev-first {
  background-image: url("../images/paging/prev-first.png");
}
.paging-area a.prev {
  background-image: url("../images/paging/prev.png");
}
.paging-area a.next-last {
  background-image: url("../images/paging/next-last.png");
}
.paging-area a.next {
  background-image: url("../images/paging/next.png");
}
@media screen and (max-width: ) {
  .paging-area {
    margin-top: 30px;
  }
  .paging-area a {
    font-size: 13px;
    width: 28px;
    height: 28px;
    background-size: 28px;
    line-height: 26px;
  }
}

.board-search-01 {
  margin-top: 50px;
  text-align: center;
  position: relative;
  font-size: 0;
}
@media screen and (max-width: ) {
  .board-search-01.type_c .select-type-01 {
    top: 65px;
  }
  .board-search-01.type_c .select-type-01.first {
    position: static;
    width: 100%;
    margin-bottom: 5px;
  }
  .board-search-01.type_c .btn-color-01 {
    top: 65px;
  }
}
.board-search-01 .select-type-01,
.board-search-01 .input-type-01,
.board-search-01 .btn {
  font-size: 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0 2px;
}
.board-search-01 .select-type-01 {
  width: 100px;
}
.board-search-01 .input-type-01 {
  width: 20%;
}
.board-search-01 .btn {
  width: 90px;
  color: #333;
  background-color: #f6f6f6;
  border: solid 1px #ddd;
}
@media screen and (max-width: ) {
  .board-search-01 .select-type-01,
.board-search-01 .btn {
    width: 22%;
    width: calc(22% - 4px);
  }
  .board-search-01 .input-type-01 {
    width: 54%;
    width: calc(100% - 44% - 4px);
  }
}

.board_write_btn_bx {
  position: relative;
  text-align: right;
  margin: 40px auto;
}

.board_view_btn_box {
  margin: 40px auto;
}
@media screen and (max-width: ) {
  .board_view_btn_box {
    position: relative;
  }
  .board_view_btn_box a {
    min-width: 70px;
    padding: 0 10px;
  }
  .board_view_btn_box a:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 35px;
  }
  .board_view_btn_box a:nth-child(3) {
    position: absolute;
    top: 0;
    left: 60px;
    min-width: 35px;
  }
  .board_view_btn_box a:nth-child(4) {
    position: absolute;
    top: 0;
    left: 120px;
    min-width: 35px;
  }
}

.table-form-01 {
  table-layout: fixed;
  width: 100%;
  border-top: 1px solid #000;
  background: #fff;
}
.table-form-01 .join_s_txt {
  font-size: 0.9em;
}
.table-form-01.type_c th,
.table-form-01.type_c td {
  display: block;
  border-bottom: 0;
}
.table-form-01.type_c td {
  padding: 0;
}
.table-form-01.type_c th {
  padding: 10px 0 5px;
}
.table-form-01 .col_w {
  width: 120px;
}
@media screen and (max-width: ) {
  .table-form-01 .col_w {
    width: 8em;
  }
}
.table-form-01 .e_mail_box_wrap {
  max-width: 600px;
}
.table-form-01 .num {
  max-width: 500px;
}
.table-form-01 tr th {
  padding: 12px 10px;
  text-align: left;
  font-weight: 500;
  color: #222;
}
.table-form-01 tr th,
.table-form-01 tr td {
  border-bottom: 1px solid #ddd;
}
.table-form-01 td {
  padding: 12px 10px;
}
@media screen and (max-width: ) {
  .table-form-01 td {
    padding: 10px 5px;
  }
}
.table-form-01 th label {
  font-weight: bold;
}
.table-form-01 .code + input {
  max-width: 12em;
  width: 100%;
}
.table-form-01 .btn-type-01 {
  width: 100%;
  box-sizing: border-box;
}

.form_wrap.type_c {
  max-width: 600px;
  margin: 0 auto;
}

.qna {
  border-top: 1px solid #000;
  background: #fff;
  text-align: left;
}
.qna.type_b .qna-header a {
  background: none !important;
}
.qna.type_b .qna-header a {
  position: relative;
}
.qna.type_b .qna-header a.select:before {
  transform: rotate(0);
}
.qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after {
  background-color: rgba(0, 0, 0, 0.8);
  width: 14px;
  height: 2px;
  position: absolute;
  right: 22px;
  top: 50%;
  margin-top: -1px;
  content: "";
  transition: all 0.5s;
}
@media screen and (max-width: ) {
  .qna.type_b .qna-header a:before, .qna.type_b .qna-header a:after {
    right: 12px;
  }
}
.qna.type_b .qna-header a:before {
  transform: rotate(270deg);
}
.qna.type_b .qna-header a:after {
  transform: rotate(180deg);
}
.qna .qna-header {
  padding: 15px 10px;
  position: relative;
  border-bottom: solid 1px #ddd;
}
.qna .qna-header.select {
  color: #e50057;
}
.qna .qna-header.select a {
  color: #e50057;
  background: url(../images/icon/qna-down.png) no-repeat right center;
}
.qna .qna-header.select:before {
  color: #e50057;
}
.qna .qna-header:before {
  content: "Q.";
  position: absolute;
  top: 50%;
  left: 15px;
  font-size: 20px;
  margin-top: -15px;
  font-weight: 500;
}
.qna .qna-header a {
  display: block;
  padding-left: 40px;
  padding-right: 30px;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 400;
  color: #222;
  background: url(../images/icon/qna-up.png) no-repeat right center;
}
@media screen and (max-width: ) {
  .qna .qna-header a {
    font-size: 14px;
  }
}
.qna .qna-header a:hover {
  color: #e50057;
}
.qna .qna-body {
  display: none;
  padding: 20px 20px 20px 50px;
  line-height: 1.5;
  color: #333;
  border-bottom: solid 1px #ddd;
  position: relative;
  background: #f6f6f6;
}
@media screen and (max-width: ) {
  .qna .qna-body {
    font-size: 14px;
  }
}
.qna .qna-body:before {
  content: "A.";
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #e50057;
}
.qna_tab {
  margin-bottom: 30px;
}
.qna_tab ul {
  text-align: center;
}
.qna_tab ul li {
  float: left;
}
.qna_tab ul li a {
  display: block;
  position: relative;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  color: #666;
  border: 1px solid #ddd;
  background: #fff;
  margin-left: -1px;
  margin-top: -1px;
}
.qna_tab ul li a.on, .qna_tab ul li a:hover {
  color: #fff;
  border-color: #e50057;
  background: #e50057;
}
@media screen and (max-width: ) {
  .qna_tab {
    margin-bottom: 20px;
  }
  .qna_tab ul li a {
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    letter-spacing: -0.8px;
    box-sizing: border-box;
  }
}

.txt_post_wrap.type_a {
  margin-top: 40px;
  padding: 20px 30px;
  border: 1px solid #999;
}
@media screen and (max-width: ) {
  .txt_post_wrap.type_a {
    margin-top: 30px;
    padding: 15px 15px;
  }
}
.txt_post_wrap.type_a .name_box {
  margin-top: 10px;
  position: relative;
  padding-left: 70px;
  max-width: 200px;
}
.txt_post_wrap.type_a .name_box label {
  position: absolute;
  top: 0;
  left: 0;
}
.txt_post_wrap.type_a .post_list {
  margin-top: 30px;
}
.txt_post_wrap.type_a .post_list li {
  position: relative;
  padding: 15px 0;
  border-top: 1px solid #ccc;
}
.txt_post_wrap.type_a .post_list li .btn_del {
  position: absolute;
  top: 15px;
  right: 0;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #333;
  color: #333;
  width: 50px;
  font-size: 13px;
  text-align: center;
}
.txt_post_wrap.type_a .post_list li .name_01 {
  font-size: 16px;
  font-weight: 500;
  color: #666;
}
.txt_post_wrap.type_a .post_list li .date_01 {
  font-size: 13px;
  font-weight: 500;
  color: #999;
}
.txt_post_wrap.type_a .post_list li .des_txt {
  margin-top: 10px;
}
.txt_post_wrap.type_a .write_box table {
  width: 100%;
}
.txt_post_wrap.type_a .write_box table .col_w {
  width: 80px;
}
@media screen and (max-width: ) {
  .txt_post_wrap.type_a .write_box table .col_w {
    width: 40px;
  }
}
.txt_post_wrap.type_a .write_box table .col_w2 {
  width: 90px;
}
@media screen and (max-width: ) {
  .txt_post_wrap.type_a .write_box table .col_w2 {
    width: 60px;
  }
}
.txt_post_wrap.type_a .write_box table th {
  color: #222;
  font-weight: bold;
  text-align: left;
  text-indent: 8px;
}
.txt_post_wrap.type_a .write_box .txt_num i {
  color: #e50057;
  margin-right: 5px;
}
.txt_post_wrap.type_a .write_box .write_area {
  position: relative;
  margin-top: 10px;
  padding-right: 140px;
}
.txt_post_wrap.type_a .write_box .write_area textarea {
  width: 98%;
  padding: 10px 1%;
  height: 50px;
  min-height: 50px;
}
.txt_post_wrap.type_a .write_box .write_area .btn_submit {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 72px;
  line-height: 72px;
  text-align: center;
  width: 140px;
  background: #777;
  font-size: 17px;
  color: #fff;
}
@media screen and (max-width: ) {
  .txt_post_wrap.type_a .write_box .write_area {
    padding-right: 0;
  }
  .txt_post_wrap.type_a .write_box .write_area .btn_submit {
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    position: static;
    margin-top: 10px;
  }
}
.txt_post_wrap.type_b {
  margin-top: 20px;
}
.txt_post_wrap.type_b .right {
  float: right;
}
.txt_post_wrap.type_b .left {
  float: left;
}
.txt_post_wrap.type_b .list_box {
  margin-top: 20px;
  border-bottom: 1px solid #ddd;
}
.txt_post_wrap.type_b .post_list li {
  position: relative;
  border-top: 1px solid #ddd;
}
.txt_post_wrap.type_b .post_list li.post_li .inner {
  padding: 30px 10px;
}
.txt_post_wrap.type_b .post_list li .answer_box {
  display: none;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner {
  position: relative;
  padding-left: 60px;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner::before {
  content: "";
  position: absolute;
  top: 30px;
  left: 15px;
  width: 19px;
  height: 25px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .area-type-form {
  height: 35px;
  min-height: 35px;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .des_txt.write_txt {
  position: relative;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_write {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 80px;
  background: #e50057;
  color: #fff;
}
.txt_post_wrap.type_b .post_list li .answer_box .inner .btn_censel {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 72px;
  line-height: 72px;
  text-align: center;
  width: 72px;
  background: #999;
  color: #fff;
}
.txt_post_wrap.type_b .post_list li .name_01 {
  font-weight: 500;
  color: #000;
  padding-right: 10px;
  border-right: 1px solid #ddd;
}
.txt_post_wrap.type_b .post_list li .date_01 {
  font-weight: 700;
  color: #999;
}
.txt_post_wrap.type_b .txt_num i,
.txt_post_wrap.type_b .txt_num img {
  vertical-align: middle;
  color: #e50057;
  margin-right: 5px;
}
.txt_post_wrap.type_b .write_box .write_area {
  position: relative;
  padding-right: 210px;
}
.txt_post_wrap.type_b .write_box .write_area._disable textarea {
  background-color: #f8f8f8;
}
.txt_post_wrap.type_b .write_box .write_area._disable .btn_submit {
  background-color: #b7b8c3;
  cursor: default;
}
.txt_post_wrap.type_b .write_box .write_area textarea {
  width: 100%;
  padding: 10px;
  height: 80px;
  min-height: 80px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 14px;
}
.txt_post_wrap.type_b .write_box .write_area .btn_submit {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 200px;
  background: #e50057;
  font-size: 15px;
  color: #fff;
}
.txt_post_wrap.type_b .write_box .write_area .btn_submit_02 {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  text-align: center;
  width: 80px;
  background: #8c8c8c;
  font-size: 15px;
  color: #fff;
}
@media screen and (max-width: ) {
  .txt_post_wrap.type_b .write_box .write_area {
    padding-right: 0;
  }
  .txt_post_wrap.type_b .write_box .write_area .btn_submit {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    margin-top: 10px;
    position: static;
    width: 100%;
  }
}
.txt_post_wrap.type_b .btn_answer {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #e50057;
  width: 50px;
  font-size: 13px;
  text-align: center;
}
.txt_post_wrap.type_b .btn_del {
  font-size: 13px;
  color: #f1281b;
  padding: 0 10px;
}
.txt_post_wrap.type_b .btn_modify {
  position: relative;
  font-size: 13px;
  color: #000;
  padding: 0 10px;
}
.txt_post_wrap.type_b .btn_modify:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 10px;
  margin-top: -5px;
  border-left: 1px solid #ddd;
}
.txt_post_wrap.type_b .modify_box {
  position: relative;
}
.txt_post_wrap.type_b .modify_box textarea {
  height: 80px;
  min-height: 80px;
  width: 100%;
  padding: 7px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}

.total_clause_bx {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  text-align: right;
  color: #333;
  margin-bottom: 30px;
}

.clause_list {
  margin-bottom: 30px;
}
.clause_list h5 {
  color: #333;
  margin-bottom: 10px;
  font-size: 1.2em;
  font-weight: 500;
}
.clause_list li .textarea_box_border {
  border: 1px solid #dedede;
}
.clause_list li .textarea_box {
  width: 100%;
  height: 150px;
  padding: 20px;
  overflow-y: auto;
  font-size: 13px;
}
@media screen and (max-width: ) {
  .clause_list li .textarea_box {
    font-size: 11px;
    width: 100%;
    padding: 10px;
    height: 120px;
  }
}

.login_con .login_wrap {
  max-width: 430px;
  margin: 0 auto;
  background: #fff;
  box-sizing: border-box;
  padding: 20px 20px;
  margin-bottom: 20px;
}
.login_con .login_wrap .login_list li {
  margin-top: 10px;
}
.login_con .login_wrap .login_list li input {
  height: 50px;
  line-height: 50px;
}
.login_con .login_wrap .login_list li input.btn_login {
  width: 100%;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  background: #fff;
  color: #666;
  line-height: 1.5;
  cursor: pointer;
  font-size: 16px;
  border: 1px solid #000;
  background: #000;
  color: #fff;
}
.login_con .login_wrap .bot_sec {
  margin-top: 20px;
}
.login_con .login_wrap .bot_sec .tit {
  margin-bottom: 10px;
}
.login_con .login_wrap .bot_sec a {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  height: 45px;
  line-height: 45px;
}
.login_con .tab-wrap {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.login_con .tab-wrap .tab li {
  float: left;
  width: 50%;
  margin: 0 auto;
}
.login_con .tab-wrap .tab li a {
  display: block;
  position: relative;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
}
.login_con .tab-wrap .tab li a:before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  border-top: 2px solid #000;
  transition: 0.3s;
}
.login_con .tab-wrap .tab li a.on {
  color: #6a635b;
}
.login_con .tab-wrap .tab li a.on:before {
  width: 100%;
}

.num {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.num li {
  display: table-cell;
  width: 33.3333%;
  padding-left: 10px;
}
.num li input {
  width: 100%;
}
.num li:before {
  float: left;
  width: 10px;
  margin-left: -10px;
  color: #444;
  text-align: center;
  content: "-";
  line-height: 3.75rem;
}
@media screen and (max-width: ) {
  .num li:before {
    line-height: 3.75rem;
  }
}
.num li:first-child {
  padding-left: 0;
}
.num li:first-child:before {
  display: none;
}

.e_mail_box {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.e_mail_box .mail_txt,
.e_mail_box .mail_txt2,
.e_mail_box .mail_sel {
  display: table-cell;
  width: 31.333%;
  vertical-align: middle;
}
.e_mail_box input {
  width: 100%;
}
.e_mail_box .mail_a {
  display: table-cell;
  width: 4%;
  text-align: center;
  vertical-align: middle;
}
.e_mail_box .mail_sel {
  padding-left: 10px;
}
.e_mail_box .mail_sel:before {
  float: left;
  width: 10px;
  line-height: 28px;
  margin-left: -10px;
  text-align: center;
  content: "";
}

.id_num {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.id_num li {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
}
.id_num li:before {
  float: left;
  width: 10px;
  line-height: 40px;
  margin-left: -10px;
  color: #444;
  text-align: center;
  content: "-";
}
.id_num li:first-child {
  padding-left: 0;
}
.id_num li:first-child:before {
  display: none;
}

.area_select {
  display: table;
  vertical-align: middle;
  width: 100%;
}
.area_select li {
  display: table-cell;
  width: 50%;
  padding-left: 10px;
}
.area_select.txt3 li {
  display: table-cell;
  width: 33.333%;
  padding-left: 10px;
}
.area_select li:first-child {
  padding-left: 0;
}
.area_select li:first-child:before {
  display: none;
}
.area_select li:before {
  float: left;
  width: 10px;
  line-height: 28px;
  margin-left: -10px;
  text-align: center;
  content: "";
}

.calendar_wrap {
  position: relative;
}
.calendar_wrap .term_data {
  position: absolute;
  top: 20px;
  left: 0;
}
.calendar_wrap .term_data .tit {
  font-size: 17px;
  color: #333;
  font-weight: 500;
  margin-right: 10px;
}
.calendar_wrap .btn_date_wr {
  position: absolute;
  top: 20px;
  right: 0;
}
.calendar_wrap .control_bx {
  position: relative;
  margin: 0 auto 40px;
  text-align: center;
  line-height: 1;
}
.calendar_wrap .control_bx .year {
  color: #333;
  font-weight: 500;
  font-size: 45px;
  padding: 0 15px;
  vertical-align: middle;
  display: inline-block;
}
@media screen and (max-width: ) {
  .calendar_wrap .control_bx .year {
    font-size: 26px;
  }
}
.calendar_wrap .control_bx .btn_prev_month {
  font-size: 40px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.calendar_wrap .control_bx .btn_prev_month i {
  vertical-align: middle;
}
@media screen and (max-width: ) {
  .calendar_wrap .control_bx .btn_prev_month {
    font-size: 30px;
  }
}
.calendar_wrap .control_bx .btn_next_month {
  font-size: 40px;
  color: #333;
  display: inline-block;
  vertical-align: middle;
}
.calendar_wrap .control_bx .btn_next_month i {
  vertical-align: middle;
}
@media screen and (max-width: ) {
  .calendar_wrap .control_bx .btn_next_month {
    font-size: 30px;
  }
}

.schedule_type_a {
  table-layout: fixed;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  border-top: 1px solid #000;
  word-break: break-all;
}
.schedule_type_a thead th {
  color: #333;
  padding: 12px 0;
  text-align: center;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #f8f8f8;
  font-weight: 500;
}
@media screen and (max-width: ) {
  .schedule_type_a thead th {
    font-size: 13px;
  }
}
.schedule_type_a tr td:nth-child(1),
.schedule_type_a tr td:nth-child(1) .date,
.schedule_type_a tr th:nth-child(1),
.schedule_type_a tr th:nth-child(1) .date {
  color: #ff4747;
}
.schedule_type_a tr td:nth-child(7),
.schedule_type_a tr td:nth-child(7) .date,
.schedule_type_a tr th:nth-child(7),
.schedule_type_a tr th:nth-child(7) .date {
  color: #4343ff;
}
.schedule_type_a tbody {
  background: #fff;
}
.schedule_type_a tbody td {
  position: relative;
  width: 14.258%;
  font-weight: normal;
  padding: 10px;
  height: 140px;
  vertical-align: top;
  border: 1px solid #ddd;
}
@media screen and (max-width: ) {
  .schedule_type_a tbody td {
    height: 14vw;
  }
}
.schedule_type_a tbody td .date {
  display: block;
  color: #222;
  font-weight: bold;
}
.schedule_type_a tbody td .date.red {
  color: #ff4747;
}
.schedule_type_a tbody td .date.blue {
  color: #4343ff;
}
.schedule_type_a tbody td a:hover {
  text-decoration: underline;
}
.schedule_type_a tbody td .cursor_default {
  cursor: default;
}
@media screen and (max-width: ) {
  .schedule_type_a tbody td .meal_list li,
.schedule_type_a tbody td .kcal_t {
    font-size: 10px;
  }
}
.schedule_type_a tbody td .num-txt {
  margin-bottom: 10px;
}
.schedule_type_a tbody td .txt-list li {
  color: #666;
  font-size: 15px;
  position: relative;
  padding-left: 8px;
}
.schedule_type_a tbody td .txt-list li::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.schedule_type_a tbody td .txt-list li + li {
  margin-top: 5px;
}

.text_center {
  text-align: center;
}
.text_left {
  text-align: left;
}
.text_right {
  text-align: right;
}

.btn-type-01,
.btn-type-02,
.btn-type-03,
.btn-type-04,
.btn-type-05 {
  border: 0;
  min-width: 4.375em;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  vertical-align: middle;
  font-size: 0.9375rem;
  min-height: 1.625rem;
  padding: 0 22px;
  line-height: normal;
  border-radius: 10px;
  border: 1px solid #e50057;
}

.btn-type-01 {
  background-color: #e50057;
  color: #fff;
}

.btn-type-02 {
  background-color: #3f488d;
  border-color: #3f488d;
  color: #fff;
}

.btn-type-03 {
  background-color: #666;
  border-color: #666;
  color: #fff;
}

.btn-type-04 {
  background-color: #333;
  border-color: #333;
  color: #fff;
}

.btn-type-05 {
  background-color: #fff;
  color: #888;
  border-color: #888;
}
/*# sourceMappingURL=common.css.map */