section.home-featured-product,
section.store-detail-section {
  overflow: hidden;
}

.wrapper div#main {
  padding-top: 49px;
}

.container.container-jumbotron {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  margin-top: 1.875rem;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  padding-right: 0;
  padding-left: 0;
  overflow: hidden;
  gap: 10px;
}

.fab-jumbotron-bottom {
  height: 170px;
}
.jumbotron-left-container {
  width: 66%;
  height: 100%;
  position: relative;
}
.jumbotron-right-container {
  width: 33%;
  height: auto;
}
.fab-jumbotron-img {
  height: 100% !important;
}
.fab-jumbotron-mobile {
  width: 100%;
  padding: 0;
}
.jumbotron-notice-container {
  font-size: 15px;
  position: absolute;
  bottom: 2.5px;
  color: white;
  z-index: 10;
  padding: 10px;
  background-color: #292929;
  width: 100%;
  box-sizing: border-box;
}
.fab-jumbotron-notice {
  width: 1900px;
}
.scroll-container {
  overflow: hidden;
}
.scroll-text {
  /* animation properties */
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);

  -moz-animation: notice-scroll-animation 30s linear infinite;
  -webkit-animation: notice-scroll-animation 30s linear infinite;
  animation: notice-scroll-animation 30s linear infinite;
}

/* 메인 배너, 사이드배너 비율 고정 */
.fab-jumbotron.fab-jumbotron-left .fab-jumbotron-slide {
  width: 100%;
  aspect-ratio: 825 / 401;
  overflow: hidden;
  position: relative;
}
.fab-jumbotron.fab-jumbotron-right .fab-jumbotron-slide {
  width: 100%;
  aspect-ratio: 442 / 429;
  overflow: hidden;
  position: relative;
}
.fab-jumbotron-mobile-top .fab-jumbotron-slide {
  width: 100%;
  aspect-ratio: 626 / 383;
}

/* for Firefox */
@-moz-keyframes notice-scroll-animation {
  from {
    -moz-transform: translateX(10%);
  }
  to {
    -moz-transform: translateX(-60%);
  }
}

/* for Chrome */
@-webkit-keyframes notice-scroll-animation {
  from {
    -webkit-transform: translateX(10%);
  }
  to {
    -webkit-transform: translateX(-60%);
  }
}

@keyframes notice-scroll-animation {
  from {
    -moz-transform: translateX(40%);
    -webkit-transform: translateX(40%);
    transform: translateX(40%);
  }
  to {
    -moz-transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
  }
}
/* calc((100vw - 3rem)*0.6); */

/* 가로폭 메인 점보트론 반응형 */
@media (max-width: 1440px) {
  .container.container-jumbotron {
    box-sizing: border-box;
  }
}

@media screen and (max-width: 1380px) {
  .container.container-jumbotron {
    margin-right: 0;
    margin-left: 0;
    max-width: 1340px;
  }
}

@media screen and (max-width: 1379px) {
  .container.container-jumbotron {
    box-sizing: border-box;
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media (min-width: 1340px) {
  .main-banner-container,
  .container.container-jumbotron {
    max-width: 1340px;
  }
}

@media screen and (max-width: 768px) {
  /* .wrapper div#main {
    padding-top: 120px;
  } */

  .fab-slider-sm .fab-slider-sm-item .fab-slider-sm-item--tb img {
    height: 100% !important;
  }
}

@media screen and (max-width: 640px) {
  .container.container-jumbotron {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    flex-direction: column;
    /* position: relative; */
  }
  .jumbotron-left-container {
    height: 100%;
    position: absolute;
  }
  .fab-jumbotron-mobile-top {
    padding: 0;
    padding-bottom: 0px;
    margin: 0;
  }
  /* 공지 있을 경우 padding-bottom 값 추가 */
  .fab-jumbotron-mobile-top.notice-padding {
    padding: 0;
    padding-bottom: 30px;
    margin: 0;
  }
  /* .jumbotron-notice-container {
    bottom: 183px;
    font-size: 14px;
  } */
  .jumbotron-notice-container.scroll-container {
    width: 100vw;
    bottom: 190px;
    font-size: 14px;
    height: 40px;
    position: absolute;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 10px;
  }
  .fab-jumbotron-top .fab-jumbotron-img {
    height: 430px;
    padding-bottom: 0;
    /* height: 230px !important; */
    /* object-fit: scale-down; */
  }
  .fab-jumbotron-mobile-top {
    /* margin-top: 10px; */
    /* padding-bottom: 10px; */
  }
  .fab-jumbotron-bottom .fab-jumbotron-img {
    height: 170px !important;
    /* height: 170px !important; */
    /* object-fit: scale-down; */
  }
  .fab-jumbotron-desktop-right {
    display: none;
  }
  .fab-jumbotron-notice {
    min-width: 100vw;
  }
  .jumbotron-notice-container {
    min-width: 100vw;
    bottom: 230px;
  }
}

@media (max-width: 480px) {
  .container.container-jumbotron {
    margin-top: -10px;
  }
  .fab-jumbotron-top .fab-jumbotron-img {
    height: 230px !important;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 10px;
  }
  .jumbotron-left-container {
    position: relative;
    height: auto;
  }
  /* .fab-jumbotron-mobile-top {
    padding: 0;
    padding-bottom: 0;
    margin: 0;
  } */
  .fab-jumbotron-mobile-top {
    padding: 0;
    padding-bottom: 0px;
    margin: 0;
  }
  /* 공지 있을 때에도padding-bottom 값 동일 */
  .fab-jumbotron-mobile-top.notice-padding {
    padding: 0;
    padding-bottom: 0px;
    margin: 0;
  }
  .fab-jumbotron-mobile-top .fab-jumbotron-slide {
    /* width: 100%; */
    aspect-ratio: auto;
  }
  .jumbotron-notice-container.scroll-container {
    width: 100vw;
    top: 210px;
    font-size: 14px;
    height: 40px;
    position: absolute;
  }
  /* .jumbotron-notice-container {
    min-width: 100vw;
    top: 200px;
    bottom: 190px;
    font-size: 14px;
  } */
}

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

@media (max-width: 375px) {
  .fab-jumbotron-top .fab-jumbotron-img {
    /* height: 430px !important; */
    height: 230px !important;
    /* object-fit: scale-down; */
  }
  .fab-jumbotron-bottom .fab-jumbotron-img {
    height: 170px !important;
    /* height: 170px !important; */
    /* object-fit: scale-down; */
  }

  /* .jumbotron-notice-container {
    min-width: 100vw;
    top: 200px;
    bottom: 230px;
  } */
}

/* @media screen and (max-width: 640px) {
  .jumbotron-notice-container {
    bottom: 190px;
    font-size: 14px;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 10px;
  }
} */

.icon-unlock.id-13fa,
.icon-unlock-up.id-13fa,
.icon-lock.id-13fa {
  display: inline-block;
  background: no-repeat;
  width: 1rem;
  height: 1rem;
}
.icon-tooltip.id-13fa {
  display: inline-block;
  background: no-repeat;
  width: 1rem;
  height: 1rem;
  background-image: url('https://fab-assets-v2.s3.ap-northeast-2.amazonaws.com/img/svg/icon-tooltip.svg');
}
.icon-unlock.id-13fa,
.icon-unlock-up.id-13fa {
  width: 1.2rem;
}
.icon-unlock.id-13fa {
  background-image: url('https://fab-assets-v2.s3.ap-northeast-2.amazonaws.com/img/svg/icon-unlock.svg');
}
.icon-unlock-up.id-13fa {
  background-image: url('https://fab-assets-v2.s3.ap-northeast-2.amazonaws.com/img/svg/icon-unlock-up.svg');
}
.icon-lock.id-13fa {
  background-image: url('https://fab-assets-v2.s3.ap-northeast-2.amazonaws.com/img/svg/icon-lock.svg');
}
.free-limit-104f {
  color: #4e00d2;
  font-size: 0.9rem;
}
.input-checkbox input[disabled] + .label:before,
.input-radio input[disabled] + .label:before {
  background: #e9e9e9;
}
.tippy-box {
  border-radius: 10px;
  background-color: #fff;
  color: #000;
  border: 1px solid #ccc;
}
.tippy-box .tippy-content {
  padding: 1rem;
}
.tippy-box .tippy-arrow {
  color: #ccc;
}
.href-link-style {
  color: #007aff !important;
  text-decoration: underline;
}