/* ¼½¼Ç ¿©¹é¸¸ À¯Áö */
section.block-padding {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* Çì´õ ÅؽºÆ® Áß¾Ó Ç¥½Ã */
.grid-filter-wrap {
  margin-bottom: 2rem;
  text-align: center;
}

/* ¡Ú¸ð¹ÙÀÏ Ä¡¿ìħ ¼öÁ¤: Å׸¶ ±ÔÄ¢ °­Á¦ µ¤¾î¾²±â */
.grid-filter.style-4 {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 auto !important;
  list-style: none !important;
  float: none !important;
  width: 100%;
  text-align: center !important;
}

.grid-filter.style-4 li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.grid-filter.style-4 > li > a {
  display: inline-block;
  margin: 0 auto !important;
}

/* ¼º´É ÃÖÀûÈ­´Â À¯Áö(¼±ÅÃ) */
.portfolio-item {
  content-visibility: auto;
  contain-intrinsic-size: 320px;
}

/* ===== ·Îµù ÆÛ¼¾Æ® ¿À¹ö·¹ÀÌ ===== */
.progress-overlay {
  position: fixed;
  inset: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  transition: opacity .35s ease;
}

.progress-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

.progress-number {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: #333;
  margin-top: .75rem;
}

.progress-hint {
  font-size: .9rem;
  color: #6c757d;
}

.progress-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #adb5bd;
  animation: pulse .9s infinite ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: .45;
  }

  50% {
    transform: scale(1.25);
    opacity: 1;
  }

  100% {
    transform: scale(1);
    opacity: .45;
  }
}

/* Å« È­¸é¿¡¼­´Â ¹è°æ À̹ÌÁö°¡ À߸®Áö ¾Ê°í Àüü º¸À̵µ·Ï */
@media (min-width: 1200px) {
  .parallax-bg {
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

.parallax-bg {
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

  /* Å׸¶ ±âº» ·Î´õ(³×¸ð ½ºÇdzÊ) ¼û±â±â */
  #preloader,
  #preloader *,
  .css3-spinner,
  .page-loader,
  .preloader {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

/* Hero
==========================================================*/
.block-slider-1 .search-form {
  width: 120px;
  transition: width .3s ease;
}

@media (min-width: 768px) {
  .block-slider-1 .search-form {
    width: 200px;
    transition: width .3s ease;
  }
  .block-slider-1 .search-form:focus-within {
    width: 300px;
  }
}

#header.dark.block-slider-1 .search-form {
  border-bottom-color: rgba(255, 255, 255, 0.6) !important;
}
.block-slider-1.dark .search-form input:focus::-moz-placeholder {
  color: #BBB;
}
.block-slider-1.dark .search-form input:focus:-ms-input-placeholder {
  color: #BBB;
}
.block-slider-1.dark .search-form input:focus::-webkit-input-placeholder {
  color: #BBB;
}
.dark .search-form .form-control:not(.not-dark),
.dark .search-form i {
  color: #EEE;
}
.block-slider-1 {
  --t-color: #EEE;
}
.block-slider-1 .slide-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 1;
  top: 50%;
  bottom: auto !important;
  left: auto;
  right: 20px;
  color: var(--t-color);
  text-shadow: none;
  width: auto;
  height: auto;
  padding: 0;
  writing-mode: vertical-rl;
  transform: translateY(-50%);
}
.block-slider-1 .slide-number-current,
.block-slider-1 .slide-number-total {
  position: relative;
  top: auto;
  bottom: auto;
}
.block-slider-1 .slide-number span {
  position: relative;
  height: 30px;
  width: 1px;
  background-color: var(--t-color);
  margin: 30px 0;
}
.block-slider-1 .slider-arrow-left,
.block-slider-1 .slider-arrow-right {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  top: auto;
  left: auto;
  right: 110px;
  bottom: 30px;
  transform: translateY(0);
  color: var(--t-color);
  background-color: transparent !important;
}
.block-slider-1 .slider-arrow-left span,
.block-slider-1 .slider-arrow-right span {
  margin: 0 10px;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.block-slider-1 .slider-arrow-left:hover,
.block-slider-1 .slider-arrow-right:hover {
  background-color: transparent !important;
}
.block-slider-1 .slider-arrow-right {
  right: 30px;
}
.block-slider-1 .slider-arrow-left i,
.block-slider-1 .slider-arrow-right i {
  position: relative;
  color: var(--t-color);
  text-shadow: none;
  font-size: 20px;
}

@media (max-width: 545px) {
  .slider-caption {
    max-width: 80% !important;
    margin: 0 auto;
  }
}