@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap);
/* 예시파일 */

:root {
  --layout-color: #fff;
}
.portal,
.offcanvas.is-active {
  z-index: 8;
}

.dim_box {
  font-size: 0;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 6;
  display: none;
}
.dim_box.on {
  display: block;
}

.header_cate {
  position: relative;
  background: #fff;
  z-index: 7;
}
.header_cate ul {
  display: table;
  width: 100%;
}
.header_cate li {
  display: table-cell;
  width: auto;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap; /*display: inline-block;*/
}
.header_cate li a {
  display: block;
}

.depth_cont {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  display: block;
}

.cate_top,
.cate_gray,
.cate_round {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.cate_top::-webkit-scrollbar,
.cate_gray::-webkit-scrollbar,
.cate_round::-webkit-scrollbar {
  /*display: none;*/
}

.cate_top {
  overflow-x: auto;
  border-bottom: 1px solid #eee;
}
.cate_top li {
  cursor: pointer;
}
.cate_top > ul > li {
  padding: 0 15px;
  font-size: 1rem;
  line-height: 35px; /* display: table-cell */
  position: relative;
}
.cate_top > ul > li:first-child {
  /* padding-left: 0; */
}
.cate_top > ul > li.on {
  color: #be875f;
  font-weight: bold;
}
.cate_top > ul > li.on:after {
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  height: 2px;
  background: var(--point-color);
  display: block;
  content: '';
}

.depth_01 .swiper {
  padding: 0 10px;
}
.depth_01 .swiper-slide {
  width: auto;
  cursor: pointer;
  padding: 0 10px;
  font-size: 1rem;
  line-height: 35px;
  position: relative;
}
.depth_01 .swiper-slide.on {
  color: var(--point-color);
  font-weight: bold;
}
.depth_01 .swiper-slide.on:after {
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 2px;
  background: var(--point-color);
  display: block;
  content: '';
}

.cate_gray {
  background: #f8f8f8;
  overflow-x: auto;
}
.cate_gray .swiper {
  padding: 0 10px;
}
.cate_gray .category {
  width: auto;
  font-size: 1rem;
  color: #999;
  padding: 13px 10px;
  text-align: center;
  cursor: pointer;
}
.cate_gray .category:hover {
  font-weight: bold;
  color: var(--point-color);
}
.cate_gray .category.on {
  font-weight: bold;
  color: var(--point-color);
}

.cate_round {
  background: #fff;
  overflow-x: auto;
  padding: 10px 0;
  position: absolute;
  left: 0;
  right: 0;
}
.cate_round .swiper {
  padding: 0 15px;
}
.cate_round .swiper-wrapper .category {
  padding: 0 3px;
  width: auto;
}
.cate_round .swiper-wrapper .category:first-child {
  padding-left: 0;
}
.cate_round .swiper-wrapper .category a {
  display: inline-block;
  padding: 0 10px;
  font-size: 0.923rem;
  color: #999;
  border: 1px solid #f2f3f5;
  border-radius: 30px;
  line-height: 30px;
  text-align: center;
}
.cate_round .swiper-wrapper .category a:hover {
  background: var(--point-color);
  color: #fff;
}

@media screen and (max-width: 500px) {
  /* .depth_01 .swiper-slide {
    margin: 0;
    padding: 0 15px;
  }
  .depth_01 .swiper-slide.on:after {
    left: 15px;
    right: 15px;
  }
  .cate_gray .category {
    margin: 0;
    padding: 13px 15px;
  } */
}

.header__left-btn {
  top: calc(50%);
}
.header .hamburger-menu {
  width: 35px;
  height: 35px;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/top_hamburger_menu..png?b80e53a7239507bc9754) no-repeat center/ 25px auto;
}
.header .hamburger-menu span {
  font-size: 0;
}
.header .shopping-basket {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/top_shopping-basket..png?a6875f89a69491f8981c) no-repeat center/ 25px auto;
}

.foot_menu {
  display: block;
  background: #fff;
  box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 6px 0;
  position: fixed;
  bottom: 0;
  width: 500px;
  z-index: 1;
}
.foot_menu header {
  display: inline-block;
  text-align: center;
  min-height: unset;
  position: absolute;
  left: 0;
  width: 20%;
  top: 50%;
  transform: translateY(-50%);
}
.foot_menu header .hamburger-menu {
  position: unset;
  transform: unset;
  background: none;
  width: 100%;
  height: auto;
}
.foot_menu header .hamburger-menu span {
  width: 100%;
  display: block;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_hamburger..png?e9c5a15cd7eadbf2385b) no-repeat center top 3px/21px 16px;
  padding-top: 30px;
  font-size: 0.692rem;
}
.foot_menu .bottom-nav {
  position: unset;
  width: auto;
  max-width: unset;
  transform: unset;
}

.page .bottom-nav {
  padding-left: 20% !important;
}
@media screen and (max-width: 500px) {
  .foot_menu {
    width: 100%;
  }
}

.page__content {
  min-width: 300px !important;
}

/* 2023-10-18 임시로  왼쪽배너 삭제 */
.page .banner--left {
  display: none;
}
@media screen and (min-width: 1001px) {
  .page .site {
    margin-right: auto;
  }
}

.main-view .hero {
  padding-top: 1rem;
}
.main-view .hero .swiper {
  padding: 0 15px;
}
.main-view .hero .slide-next,
.main-view .hero .slide-prev {
  display: none;
}
.main-view .hero .swiper-pagination {
  position: absolute;
  bottom: 10px;
  right: 25px;
  left: auto;
  width: 60px;
  height: 25px;
  line-height: 25px;
  color: #fff;
}
.main-view .hero .swiper-pagination:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  width: 60px;
  height: 25px;
  opacity: 0.4;
  border-radius: 999px;
  z-index: 0;
}
.main-view .hero .swiper-pagination .swiper-pagination-current {
  font-weight: 700;
  z-index: 1;
  color: #fff;
  position: relative;
}
.main-view .hero .swiper-pagination .swiper-pagination-total {
  opacity: 0.5;
  z-index: 1;
}
.main-view .hero .swiper-slide img {
  border-radius: 10px;
}

.bottom-nav .shopping-basket {
}
.bottom-nav .shopping-basket__count {
  display: none;
}
.bottom-nav .bottom-nav-cart {
  padding-top: 30px;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_basket..png?671a63ff890796e10d94) no-repeat center top/18px 21px;
  display: block;
}

.nav_home {
  width: 48px;
  height: 48px;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_home..png?9ca0efc20fe8c84948a4) no-repeat center top/48px;
  display: block;
  margin: 0 auto;
}
.nav_home span {
  font-size: 0;
}
.nav_search {
  padding-top: 30px;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_search..png?fadd7c9868b6b68ce0d5) no-repeat center top/18px auto;
  display: block;
  width: 100%;
}
.nav_mypage {
  padding-top: 30px;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_mypage..png?d3b6d3683bffdbcdd41d) no-repeat center top/17px 20px;
  display: block;
}

.page .bottom-nav {
  display: block;
  padding: 0;
  padding-left: 100px;
  box-shadow: unset;
}
.bottom-nav ul {
}
.bottom-nav ul li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0.692rem;
}
.bottom-nav ul li .hamburger_cate {
}
.bottom-nav ul li .hamburger_cate span {
  display: block;
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_hamburger..png?e9c5a15cd7eadbf2385b) no-repeat center top 3px/21px 16px;
  padding-top: 30px;
}

.main_tit {
  position: relative;
  font-weight: bold;
}

.product-section {
  --section-title-color: #86501d;
  --section-thumb-color: #86501d;
}
.product-section__title {
  color: var(--section-title-color);
  font-size: 1.23rem;
}
.product-section__more {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-77841/jejufarmpam-4595/ico_all_link..png?6e99e5bc2580176494f9) no-repeat center/auto 12px;
  font-size: 0;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 41px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
}
.product-thumb-title {
  font-size: 0.846rem;
  font-weight: 500;
  color: var(--section-thumb-color);
  margin-right: 5px;
}
.product-thumb-price-info .kg {
  font-size: 0.769rem;
  margin-right: 0;
  display: none;
}
.product-thumb-price-info {
  display: flex;
}
.product-thumb-price {
  font-weight: bold;
  color: #000;
}
.product-thumb-unit {
  font-size: 0.923rem;
  font-weight: bold;
  color: #000;
  margin-left: 0.03rem;
}

.product-thumb-price-info > span {
  margin: 0;
  vertical-align: middle;
}

.thumb-item__info {
  display: flex;
  padding: 10px 0 0 0;
}

.main-view .l-panel {
  border: 0;
  box-shadow: none;
}
.main-view .product-section__title {
  margin-bottom: 0.9rem;
}
.main-view .product-section {
  margin-top: 40px;
}

.main-view .product-section--slide .swiper {
  margin: 0;
  padding: 0 1.4285rem;
}

.total-sort {
  top: 60px;
}

.product-detail {
  padding-top: 10px;
}
.product-detail .tabs {
  top: 60px;
}

.product-content__content.hidden .product-content__more-btn {
  z-index: 1;
}

@charset 'utf-8';

/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */

* {
  font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
}

:root {
  --whole-color: #fff;
  --background-color: #f5f6f8;
  --point-color: #00a164 !important;
  --point-color-secondary: #2869f7;
  --black-color: #111;
  --dark-gray-color: #262626;

  --empty-color: #f5f6f8;
  --default-color: #ddd;
  --blue-gray-color: #3f434c;
  --gray-color: #999;
  --gray-font-color: #828282;
  --tooltip-bg-color: #f7f7f7;

  --default-font-color: #181818;
}

body {
  font: 13px/1 'Roboto', 'Montserrat', 'Noto Sans KR', sans-serif;
}

.header {
  min-height: 60px;
  z-index: 8;
}
.header__title {
  max-width: 220px;
}
.shopping-basket__count {
  background: var(--point-color);
}
.footer {
  margin-top: 60px;
  padding: 0 20px 80px 20px;
  border: 0;
  background: #1b1b1b;
  text-align: center;
  color: #777;
  line-height: 1.5;
}
.footer__info {
  color: #777;
  font-size: 0.769rem;
}
.footer__nav {
  justify-content: center;
  padding: 20px 0;
  color: #fff;
  border-top: 1px solid #333;
}
.footer__cs {
  padding: 35px 0;
  line-height: 1.5;
}
.footer .tit {
  padding-bottom: 5px;
  color: #fff;
  font-size: 0.846rem;
}
.footer__cs .phone_num {
  padding-bottom: 5px;
  font-weight: 500;
  font-size: 1.538rem;
  color: #fff;
}
.footer .copyright {
  padding-top: 10px;
}
.footer__nav div {
  margin: 0;
  padding: 0 20px;
}
.footer__link {
  font-size: 0.769rem;
}

/* 입점문의 */
.cooperation-form {
  padding: 20px;
  border: 0;
}
.cooperation-form .text-field input {
  height: 44px;
}
.cooperation-form .character-counter {
  margin: 0 0 20px;
}
.cooperation-form .board-form__title {
  margin: 0 0 2px 0;
}
.cooperation-form .board-form__text {
  margin: 0;
}
.cooperation-form .board-form__upload-btn {
  height: 53px;
}
.cooperation-form .board-form__buttons button {
  height: 53px;
}

.category-nav-content .cooperation {
  position: relative;
  display: block;
  margin-top: -10px;
  padding: 15px 0 15px 20px;
  color: var(--dark-gray-color);
  border-bottom: 1px solid var(--light-gray-border-color);
  transition: background 0.45s;
}

.cart__fixed-order-btn {
  z-index: 2;
}

.category-nav-sign-in {
  color: #fff;
}

