/* µ¥¸ð Ä¿½ºÅÒ
==================================*/
 body,
.fbox-content h3 {color: #4d4d4d; word-break: keep-all;}
.bg-beige {background-color: #f5f2e4 !important;}
.bg-light {background-color: #ebebeb !important;}
.text-beige {color: #caa077 !important;}
.text-yellow {color: #fcd42a !important;}


a.text-dark {
 text-decoration: none !important;
 color: #4d4d4d;
}
a.text-dark:hover { color: var(--themecolor); }

.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}
.ls-3 {letter-spacing: -3px;}
.lh-md {line-height: 1.75}

@media (max-width: 545px) {
.ls-1, 
.ls-2 ,
.ls-3 {letter-spacing: -1px;}
}




/* ¸Þ´º¹Ù(header) ½ºÅ¸ÀÏ
==========================================================*/
.menu-link {
  color: var(--themecolor);
}
.menu-item:hover>.menu-link,
.menu-item.current>.menu-link {
  color: #4d4d4d;
}
.sub-navbar .menu-link {
  color: #4d4d4d;
}
.sub-menu-container .menu-item:hover > .menu-link {
 font-weight: 500;
}

@media (min-width: 992px) {
  .sub-menu-container .menu-item>.menu-link {
    font-weight: 500
  }
}



/* ¼­ºê ŸÀÌƲ ¿µ¿ª ³ôÀÌ
==========================================================*/
.sub-title-height {
  max-height: 40vh !important;
  min-height: 500px !important;
}
@media (max-width: 1180px) {
  .sub-title-height {
    min-height: 420px !important;
  }
}
@media (max-width: 767.98px) {
  .sub-title-height {
    min-height: 300px !important;
  }
}

/* ¼­ºê ÅÇ ¸Þ´º ½ºÅ¸ÀÏ
==========================================================*/
.page-menu-nav {
  max-width: 100%;
}
.page-menu-container {
  overflow-y: auto;
justify-content: flex-start !important;
 word-break: keep-all;
}
.page-menu-item>a {
  font-size: 1rem;
}
.page-menu-item:hover>a {
 background-color: rgba(0, 0, 0, 0.1);

}
.page-menu-item.current>a {
  background-color: rgba(0, 0, 0, 0.2);
color: #fcd42a !important;
}

@media (min-width: 1px) {

  .page-menu-nav .page-menu-container {
    flex-wrap: nowrap
  }
  .page-menu-item>a {
    margin: 0;
    padding: 18px 24px;
    border-radius: 0;
  }
}



/* main hero
==================================*/
.block-slider-2 .swiper-pagination {
  --color: #FFF;
  --gap: 10px;
  --line-width: 50px;
  display: flex;
  width: auto;
  justify-content: center;
  counter-reset: item;
  bottom: 50px !important;
  transform: translateX(-50%);
  align-items: center;
}
.block-slider-2 .swiper-pagination,
.block-slider-2 .swiper-pagination::before,
.block-slider-2 .swiper-pagination::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.block-slider-2 .swiper-pagination::before {
  content: "";
  width: var(--line-width, 50px);
  height: 1px;
  background-color: var(--color, #FFF);
}
.block-slider-2 .swiper-pagination span::before {
  content: "0"counter(item);
  counter-increment: item;
  font-weight: 700;
  color: var(--color, #FFF);
}
.block-slider-2 .swiper-pagination::after {
  content: attr(swiper-slides-total);
  left: calc(50% + var(--gap, 10px) + var(--line-width, 50px));
  font-weight: 700;
  color: var(--color, #FFF);
  opacity: 0.6;
}
.block-slider-2 .swiper-pagination span {
  position: absolute;
  left: calc(50% - var(--gap, 10px) - var(--line-width, 50px));
  width: auto;
  height: auto;
  margin: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.block-slider-2 .swiper-pagination span:not(.swiper-pagination-bullet-active) {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.block-slider-2 .swiper-pagination span.swiper-pagination-bullet-active~.swiper-pagination-bullet {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.block-slider-2 .swiper-pagination span,
.block-slider-2 .swiper-pagination span:hover,
.block-slider-2 .swiper-pagination span.swiper-pagination-bullet-active {
  background-color: transparent !important;
  border: 0;
}