/*
* 100 : Thin
* 200 : Extra Light (Ultra Light)
* 300 : Light
* 400 : Regular
* 500 : Medium
* 600 : Semi Bold (Demi Bold)
* 700 : Bold
* 800 : Extra Bold (Ultra Bold)
* 900 : Black (Heavy)
*/
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 200;
  src: url("/fo/assets/common/css/fonts/NanumBarunGothic200.woff") format("woff");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 300;
  src: url("/fo/assets/common/css/fonts/NanumBarunGothic300.woff") format("woff");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 400;
  src: url("/fo/assets/common/css/fonts/NanumBarunGothic400.woff") format("woff");
}
@font-face {
  font-family: "NanumBarunGothic";
  font-style: normal;
  font-weight: 700;
  src: url("/fo/assets/common/css/fonts/NanumBarunGothic700.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/fo/assets/common/css/fonts/Roboto400.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("/fo/assets/common/css/fonts/Roboto500.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/fo/assets/common/css/fonts/Roboto700.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("/fo/assets/common/css/fonts/Roboto900.woff") format("woff");
}
:where(.jaju-header, .jaju-footer) {
  font-family: "NanumBarunGothic", sans-serif;
  letter-spacing: 0.4px;
}

:where(.jaju-header button, .jaju-footer button, .siv-popup button) {
  outline: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.jaju-header {
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  min-width: var(--header-width, 1440px);
}
.jaju-header,
.jaju-header button,
.jaju-header input,
.jaju-header div,
.jaju-header p,
.jaju-header span,
.jaju-header a {
  letter-spacing: 0.4px;
}
.jaju-header a,
.jaju-header button,
.jaju-header input {
  outline: 0;
}
.jaju-header.has-banner {
  height: 206px;
}
.jaju-header__banner {
  position: relative;
  width: 100%;
  min-width: var(--header-width, 1440px);
  height: 100px;
}
.jaju-header__banner__link {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  overflow: hidden;
}
.jaju-header__banner__link img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.jaju-header__banner__close {
  position: absolute;
  top: 50%;
  right: calc((100% - var(--header-width, 1440px)) / 2);
  width: 30px;
  height: 30px;
  margin-top: -15px;
  text-indent: 100%;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
}
.jaju-header__banner__close:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.482.897a.405.405 0 0 1 .051.508l-.051.064-15.31 15.31 15.31 15.31a.404.404 0 0 1-.509.623l-.063-.052L16.6 17.35 1.29 32.66a.404.404 0 0 1-.623-.508l.051-.064 15.31-15.31L.718 1.468a.404.404 0 0 1 .509-.623l.063.052 15.31 15.31L31.91.896a.404.404 0 0 1 .572 0Z' fill='%23D4D4D4' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-size: cover;
  transition: transform 0.5s;
}
.jaju-header__banner__close:hover:before {
  transform: rotate(360deg);
}
.jaju-header__container {
  position: relative;
  width: var(--header-width, 1440px);
  height: 62px;
  padding: 0 12px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  z-index: 2;
}
.jaju-header__title {
  margin-right: 30px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin-left: -12px;
}
.jaju-header__title .logo {
  display: block;
  position: relative;
  padding: 11px 12px 12px 12px;
}
.jaju-header__title .logo img {
  width: auto;
  height: 27px;
}
.jaju-header__search {
  position: relative;
  min-width: 463px;
  flex-basis: 463px;
  flex-grow: 1;
}
.jaju-header__search .search-form {
  display: flex;
  width: 463px;
  height: 38px;
  border-radius: 25px;
  border: solid 1px #eee;
  background-color: #f9f9f9;
  box-sizing: border-box;
}
.jaju-header__search .search-form__select {
  position: relative;
  width: 130px;
  flex-basis: 131px;
  border-right: 1px solid #eee;
}
.jaju-header__search .search-form__select .select__selected {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 12px 36px 12px 20px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0.4px;
  text-align: left;
  white-space: nowrap;
}
.jaju-header__search .search-form__select .select__selected:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 14px;
  width: 20px;
  height: 20px;
  background: url(/fo/assets/jaju/image/layout/header_search_combo_arrow.png) no-repeat 0 0/100% 100%;
}
.jaju-header__search .search-form__select .select__selected.is-open:after {
  transform: rotate(180deg);
}
.jaju-header__search .search-form__select .select__menu {
  position: absolute;
  top: 41px;
  right: 12px;
  left: 18px;
  max-height: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid transparent;
  display: none;
  transition: all 0.2s;
}
.jaju-header__search .search-form__select .select__menu.is-active {
  display: block;
  max-height: 200px;
  padding: 10px 0;
  border: 1px solid #7f7f7f;
}
.jaju-header__search .search-form__select .select__menu__item {
  padding: 0 20px 0 15px;
}
.jaju-header__search .search-form__select .select__menu__item + .select__menu__item {
  margin-top: 5px;
}
.jaju-header__search .search-form__select .select__menu__item .select__value {
  width: 100%;
  font-family: "Roboto";
  font-size: 12px;
  line-height: 20px;
  color: #222;
  letter-spacing: 0.03em;
  text-align: left;
  white-space: nowrap;
}
.jaju-header__search .search-form__input {
  flex-grow: 1;
  position: relative;
  box-sizing: border-box;
}
.jaju-header__search .search-form__input input[type=text] {
  width: 100%;
  height: 100%;
  padding: 0 0 0 10px;
  border: none;
  background: transparent;
  box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  color: #222;
  outline: 0;
}
.jaju-header__search .search-form__input input[type=text]::placeholder {
  color: #999;
  letter-spacing: 0.4px;
}
.jaju-header__search .search-form__submit {
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 2px 21px 2px 6px;
}
.jaju-header__search .search-form__submit .button-submit {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-indent: 200%;
  line-height: 3;
  overflow: hidden;
  padding: 6px;
}
.jaju-header__search .search-form__submit .button-submit:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url(/fo/assets/jaju/image/layout/header_search_submit.png) no-repeat 0 0/100% 100%;
  margin: -10px 0 0 -10px;
}
.jaju-header__util {
  position: relative;
  margin-left: auto;
}
.jaju-header__util [data-tooltip].is-visible .tooltip-box {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.jaju-header__util [data-tooltip].is-visible .recently-product {
  opacity: 1;
  visibility: visible;
}
.jaju-header__util .tooltip-box {
  position: absolute;
  top: 47px;
  left: 50%;
  padding: 15px 20px;
  background: #fff;
  border: 1px solid #e5e5e5;
  transform: translate(-50%, 0);
  z-index: 20;
  opacity: 0;
  visibility: hidden;
}
.jaju-header__util .tooltip-box:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
}
.jaju-header__util .tooltip-box:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.jaju-header__util .tooltip-box__item + .tooltip-box__item {
  margin-top: 5px;
}
.jaju-header__util .tooltip-box__item a {
  display: block;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  color: #8e8e8e;
  white-space: nowrap;
}
.jaju-header__util .tooltip-box__item a:focus, .jaju-header__util .tooltip-box__item a:hover {
  color: #000;
}
.jaju-header__util .recently-product {
  position: absolute;
  top: 100%;
  right: -62px;
  padding-top: 15px;
  width: 405px;
  text-align: left;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
}
.jaju-header__util .recently-product .recently-product-container {
  position: relative;
  padding: 15px 20px 28px;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.jaju-header__util .recently-product .recently-product-container:after {
  content: "";
  position: absolute;
  top: -5px;
  right: 73px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  background: #fff;
  transform: rotate(45deg);
}
.jaju-header__util .recently-product__title {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 23px;
  color: #222;
}
.jaju-header__util .recently-product__content .thumbnail {
  display: block;
  width: 64px;
  height: 64px;
}
.jaju-header__util .recently-product__content .thumbnail + .thumbnail {
  margin-left: 10px;
}
.jaju-header__util .recently-product__content .thumbnail:nth-child(5) ~ .thumbnail {
  margin-top: 20px;
}
.jaju-header__util .recently-product__content .thumbnail:nth-child(5) + .thumbnail {
  margin-left: 0;
}
.jaju-header__util .recently-product__content .thumbnail a {
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  vertical-align: top;
}
.jaju-header__util .recently-product__content .thumbnail a:hover {
  border-color: #222;
}
.jaju-header__util .recently-product__content .thumbnail a img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
}
.jaju-header__util .recently-product__content .thumbnail a .item-state {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 12px;
  font-size: 8px;
  line-height: 12px;
  color: #666;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
}
.jaju-header__util .recently-product__content .no-result {
  font-size: 12px;
  line-height: 16px;
  color: #8e8e8e;
  text-align: center;
  width: 100%;
  height: 107px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-container {
  position: relative;
  overflow: hidden;
  text-align: center;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-container:not(.swiper-container-initialized) .thumbnail-swiper-pagination, .jaju-header__util .recently-product__content .thumbnail-swiper-container.is-empty .thumbnail-swiper-pagination {
  display: none;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-slide {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination {
  display: inline-block;
  position: relative;
  height: 13px;
  margin-top: 30px;
  padding: 0 18px;
  text-align: center;
  vertical-align: top;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev,
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next {
  position: absolute;
  top: 0;
  width: 8px;
  height: 13px;
  text-indent: 100%;
  line-height: 2;
  white-space: nowrap;
  overflow: hidden;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev.thumbnail-button-hidden,
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next.thumbnail-button-hidden {
  opacity: 0;
  visibility: hidden;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev.thumbnail-button-disabled,
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next.thumbnail-button-disabled {
  opacity: 0.8;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev:before,
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev {
  left: 0;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23CCC' stroke-width='1.5' d='m7.065 1.117-5.33 5.331 5.33 5.33' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next {
  right: 0;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .thumbnail-button-next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23CCC' stroke-width='1.5' d='m.736 11.778 5.33-5.33-5.33-5.33' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .pagination {
  height: 100%;
  display: flex;
  align-items: center;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .pagination .thumbnail-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  opacity: 0.2;
  text-indent: 100%;
  line-height: 2;
  overflow: hidden;
  vertical-align: middle;
  background: #000;
  cursor: pointer;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .pagination .thumbnail-pagination-bullet.thumbnail-pagination-bullet-active {
  opacity: 1;
}
.jaju-header__util .recently-product__content .thumbnail-swiper-pagination .pagination .thumbnail-pagination-bullet + .thumbnail-pagination-bullet {
  margin-left: 5px;
}
.jaju-header__util .util-menu {
  display: flex;
  column-gap: 20px;
}
.jaju-header__util .util-menu__item {
  position: relative;
  flex-shrink: 0;
}
.jaju-header__util .util-menu__item > a, .jaju-header__util .util-menu__item > button {
  position: relative;
  display: flex;
  min-width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.jaju-header__util .util-menu__item > a.icon-text .name, .jaju-header__util .util-menu__item > button.icon-text .name {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  color: #000;
  letter-spacing: -0.2px;
}
.jaju-header__util .util-menu__item > a.icon-text .name:before, .jaju-header__util .util-menu__item > button.icon-text .name:before {
  content: "";
  display: block;
  margin-bottom: 1px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jaju-header__util .util-menu__item > a:not(.icon-text) .name, .jaju-header__util .util-menu__item > button:not(.icon-text) .name {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
  line-height: 2;
}
.jaju-header__util .util-menu__item > a:not(.icon-text) .name:before, .jaju-header__util .util-menu__item > button:not(.icon-text) .name:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.jaju-header__util .util-menu__item .name.login:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_login.svg);
}
.jaju-header__util .util-menu__item .name.logout:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_logout.svg);
}
.jaju-header__util .util-menu__item .name.customer:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_cs.svg);
}
.jaju-header__util .util-menu__item .name.mypage:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_mypage.svg);
}
.jaju-header__util .util-menu__item .name.cart:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_cart.svg);
}
.jaju-header__util .util-menu__item .name.recent:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_recent.svg);
}
.jaju-header__util .util-menu__item .name.village:before {
  background-image: url(/fo/assets/jaju/image/layout/header_util_v-siv.svg);
}
.jaju-header__util .util-menu__item .name ~ .badge {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0 4px;
  min-width: 15px;
  margin-left: 2px;
  height: 15px;
  border-radius: 8px;
  background: #ff5c3a;
  color: #fff;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 15px;
  text-align: center;
  box-sizing: border-box;
  white-space: nowrap;
}
.jaju-header__nav {
  position: relative;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: content-box;
  background-color: #fff;
}
.jaju-header__nav .navigation {
  width: var(--header-width, 1440px);
  margin: 0 auto;
  display: flex;
  padding: 0 12px;
  box-sizing: border-box;
}
.jaju-header__nav .navigation__category-toggle {
  position: relative;
  height: 42px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: -12px;
}
.jaju-header__nav .navigation__category-toggle .navigation-toggle {
  position: relative;
  padding: 0 12px;
  height: 100%;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: #000;
  box-sizing: border-box;
}
.jaju-header__nav .navigation__category-toggle .navigation-toggle.is-active:after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 12px;
  right: 12px;
  height: 2px;
  background-color: #000;
}
.jaju-header__nav .navigation__bookmark {
  margin-left: 21px;
  height: 42px;
  display: flex;
  column-gap: 21px;
  flex: 1;
  min-width: 0;
}
.jaju-header__nav .navigation__bookmark__item {
  min-width: 0;
}
.jaju-header__nav .navigation__bookmark__item a {
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0 12px;
  color: #000;
  text-decoration: none;
}
.jaju-header__nav .navigation__bookmark__item a:focus:after, .jaju-header__nav .navigation__bookmark__item a:hover:after {
  position: absolute;
  content: "";
  bottom: -1px;
  left: 12px;
  right: 12px;
  height: 2px;
  background-color: #000;
}
.jaju-header__nav .navigation__bookmark__item .icon {
  margin-right: 4px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.jaju-header__nav .navigation__bookmark__item .icon img {
  width: 100%;
}
.jaju-header__nav .navigation__bookmark__item .name {
  font-size: 14px;
  font-weight: 600;
  color: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 14px;
}
.jaju-header__nav .category-container {
  position: absolute;
  top: 43px;
  left: 12px;
  width: 294px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #f5f5f5;
  display: none;
}
.jaju-header__nav .category-container.is-active {
  display: block;
}
.jaju-header__nav .category-container .category-nav--depth-1 {
  position: relative;
  box-sizing: border-box;
}
.jaju-header__nav .category-container .category-nav--depth-1 > .category-nav__list {
  position: relative;
  padding: 0;
}
.jaju-header__nav .category-container .category-nav--depth-1 > .category-nav__list > .category-nav__item > .category-nav__link {
  position: relative;
  display: block;
  padding: 8px 12px;
  box-sizing: border-box;
  text-decoration: none;
  color: #8e8e8e;
}
.jaju-header__nav .category-container .category-nav--depth-1 > .category-nav__list > .category-nav__item > .category-nav__link:focus, .jaju-header__nav .category-container .category-nav--depth-1 > .category-nav__list > .category-nav__item > .category-nav__link:hover {
  background-color: #000;
  color: #fff;
}
.jaju-header__nav .category-container .category-nav--depth-1 > .category-nav__list > .category-nav__item > .category-nav__link .name {
  color: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jaju-footer {
  position: relative;
  width: 100%;
  min-width: var(--footer-width, 1440px);
  padding-bottom: 20px;
  border-top: 1px solid #f0f0f0;
  font-family: "NanumBarunGothic", sans-serif;
}
:where(.jaju-footer, .jaju-footer button, .jaju-footer input, .jaju-footer div, .jaju-footer p, .jaju-footer li, .jaju-footer span, .jaju-footer em) {
  letter-spacing: 0.4px;
  font-size: 12px;
  color: #222;
  box-sizing: border-box;
}

:where(.jaju-footer a) {
  letter-spacing: 0.4px;
}

.jaju-footer em {
  font-weight: 600;
}
.jaju-footer .footer-container {
  display: flex;
  justify-content: space-between;
  width: 1100px;
  margin: 0 auto;
  padding: 20px 0;
}
.jaju-footer .communication {
  flex-basis: 142px;
  flex-shrink: 0;
  align-self: center;
}
.jaju-footer .communication__title {
  text-align: center;
}
.jaju-footer .communication__title a {
  position: relative;
}
.jaju-footer .communication__title a:after {
  position: absolute;
  top: 50%;
  right: -4px;
  transform: translate(100%, -50%);
  content: "";
  width: 0;
  height: 0;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #333;
  border-style: solid;
}
.jaju-footer .communication .communication-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px;
}
.jaju-footer .communication .communication-item a {
  position: relative;
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  line-height: 2;
  overflow: hidden;
  white-space: nowrap;
}
.jaju-footer .communication .communication-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}
.jaju-footer .communication .communication-item a.facebook:before {
  background-image: url(/fo/assets/jaju/image/layout/footer_icon_facebook.png);
}
.jaju-footer .communication .communication-item a.instagram:before {
  background-image: url(/fo/assets/jaju/image/layout/footer_icon_instagram.png);
}
.jaju-footer .communication .communication-item a.youtube:before {
  background-image: url(/fo/assets/jaju/image/layout/footer_icon_youtube.png);
}
.jaju-footer .customer-service {
  padding: 0 40px;
  border-left: 1px solid #e8e8e8;
  padding: 8px 40px 0 40px;
}
.jaju-footer .customer-service__title {
  margin-bottom: 8px;
}
.jaju-footer .customer-service__content .contact {
  white-space: nowrap;
  line-height: 22px;
  color: #222;
}
.jaju-footer .customer-service__content .contact--telephone .tel {
  font-size: 24px;
  font-family: "Times New Roman", serif;
}
.jaju-footer .customer-service__content .contact--telephone .time {
  font-size: 11px;
  margin-left: 3px;
}
.jaju-footer .customer-service__content .contact--link {
  margin-top: 7px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0 20px;
}
.jaju-footer .customer-service__content .contact--link .ars,
.jaju-footer .customer-service__content .contact--link .chat {
  position: relative;
  font-size: 11px;
  line-height: 16px;
  display: flex;
  align-items: center;
}
.jaju-footer .customer-service__content .contact--link .ars:before,
.jaju-footer .customer-service__content .contact--link .chat:before {
  content: "";
  margin-right: 3px;
  display: inline-block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.jaju-footer .customer-service__content .contact--link .ars:before {
  background-image: url(/fo/assets/jaju/image/layout/footer_icon_ars.png);
}
.jaju-footer .customer-service__content .contact--link .chat:before {
  background-image: url(/fo/assets/comm/image/ico-common-16-arrow-right-fff@2x.png);
  background-size: contain;
}
.jaju-footer .recently-notice {
  border-left: 1px solid #e8e8e8;
  flex-grow: 1;
  padding: 8px 40px 0 40px;
  overflow: hidden;
}
.jaju-footer .recently-notice .notice__title {
  margin-bottom: 8px;
}
.jaju-footer .recently-notice .notice__content .notice-item a {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  line-height: 22px;
}
.jaju-footer .recently-notice .notice__content .notice-item a .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 85px);
}
.jaju-footer .recently-notice .notice__content .notice-item a .date {
  color: #999;
}
.jaju-footer .mobile-application {
  margin: -20px 0;
  background: #f9f9f9;
  flex-basis: 149px;
  flex-shrink: 0;
}
.jaju-footer .mobile-application a,
.jaju-footer .mobile-application button {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.jaju-footer .mobile-application a .jaju-app,
.jaju-footer .mobile-application button .jaju-app {
  position: relative;
  padding-top: 60px;
  display: block;
  text-align: center;
  font-size: 11px;
  line-height: 16px;
}
.jaju-footer .mobile-application a .jaju-app:before,
.jaju-footer .mobile-application button .jaju-app:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 44px;
  height: 44px;
  background-image: url(/fo/assets/jaju/image/logo/footer_app.svg);
  transform: translate(-50%, 0);
}
.jaju-footer .footer-menu {
  border-top: 1px solid #f0f0f0;
}
.jaju-footer .quick-link {
  width: 1100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.jaju-footer .quick-link__item + .quick-link__item {
  position: relative;
}
.jaju-footer .quick-link__item + .quick-link__item:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  left: 0;
  top: 50%;
  background: #f0f0f0;
  transform: translateY(-50%);
}
.jaju-footer .quick-link__item a {
  display: block;
  font-size: 11px;
  line-height: 42px;
  padding: 0 30px;
}
.jaju-footer .quick-link__item a span,
.jaju-footer .quick-link__item a em {
  font-size: inherit;
}
.jaju-footer .quick-link__item a em {
  font-style: normal;
}
.jaju-footer .company-info {
  padding: 22px 0 0 0;
  border-top: 1px solid #f0f0f0;
}
.jaju-footer .company-info__box {
  width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.jaju-footer .company-info .address__list {
  display: flex;
  justify-content: flex-start;
  gap: 0 18px;
}
.jaju-footer .company-info .address__list + .address__list {
  margin-top: 5px;
}
.jaju-footer .company-info .address__item {
  white-space: nowrap;
  font-size: 11px;
  line-height: 18px;
}
.jaju-footer .company-info .address__item .mail,
.jaju-footer .company-info .address__item .link {
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  text-decoration: underline;
  color: #212121;
}
.jaju-footer .company-info .address__item .mail:hover,
.jaju-footer .company-info .address__item .link:hover {
  color: #999;
}
.jaju-footer .company-info .address__item .link {
  position: relative;
  padding-right: 11px;
}
.jaju-footer .company-info .address__item .link:after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4 2 3 3-3 3' stroke='%23222' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.jaju-footer .company-info .certification {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding-left: 50px;
}
.jaju-footer .company-info .certification:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 2px;
  width: 1px;
  background: #f0f0f0;
}
.jaju-footer .company-info .certification .cert-logo img {
  width: 34px;
}
.jaju-footer .company-info .certification .cert-info {
  margin-left: 10px;
}
.jaju-footer .company-info .certification .cert-info span {
  display: block;
  font-size: 11px;
  line-height: 18px;
}
.jaju-footer .company-info .copyright {
  margin-top: 13px;
  font-size: 11px;
  text-align: center;
}
.jaju-footer .modal-app-download {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2000;
  display: none;
}
.jaju-footer .modal-app-download .download-guide {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 480px;
  min-height: 194px;
  padding: 40px 40px 50px;
  background: #ffffff;
  transform: translate(-50%, -50%);
}
.jaju-footer .modal-app-download .download-guide__header {
  position: relative;
  margin-bottom: 20px;
}
.jaju-footer .modal-app-download .download-guide__title {
  font-size: 20px;
  line-height: 28px;
  color: #222;
}
.jaju-footer .modal-app-download .download-guide__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  line-height: 2;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.jaju-footer .modal-app-download .download-guide__close:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='%23555' fill-rule='nonzero'%3E%3Cpath d='M23.477 22.593c.444.444.645.962.45 1.157-.176.176-.613.03-1.022-.325l-.135-.125L6.7 7.23c-.444-.444-.646-.962-.45-1.158.175-.176.612-.03 1.021.325l.135.125 16.071 16.071z'/%3E%3Cpath d='M23.75 6.072c.176.176.03.613-.324 1.022l-.125.135L7.229 23.3c-.443.444-.961.645-1.156.45-.176-.176-.03-.613.324-1.022l.125-.135 16.071-16.07c.444-.444.962-.646 1.157-.45z'/%3E%3C/g%3E%3C/svg%3E");
}
.jaju-footer .modal-app-download .download-guide__content {
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}
.jaju-footer .modal-app-download .download-guide .howto__title {
  position: relative;
  padding-left: 25px;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  color: #222;
}
.jaju-footer .modal-app-download .download-guide .howto__title:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.jaju-footer .modal-app-download .download-guide .howto.howto--qr .howto__title:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg transform='translate(1.5 1.5)' fill='none' fill-rule='evenodd'%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-width='1.5' d='M.5 5h0V1.867C.5.837 1.345 0 2.388 0H5.5m11 5h0V1.867C16.5.837 15.655 0 14.612 0H11.5h0M.5 11.5h0v3.133c0 1.03.845 1.867 1.888 1.867H5.5m11-5h0v3.133c0 1.03-.845 1.867-1.888 1.867H11.5h0'/%3E%3Crect width='17' height='1.5' y='7.5' fill='%23222' rx='.75'/%3E%3C/g%3E%3C/svg%3E");
}
.jaju-footer .modal-app-download .download-guide .howto.howto--sms .howto__title:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cg transform='translate(1 2)' stroke='%23222' stroke-width='1.5' fill='none' fill-rule='evenodd'%3E%3Crect width='16.5' height='14.5' x='.75' y='.75' rx='1'/%3E%3Cpath stroke-linejoin='round' d='M.5 1 9 7.5 17.5 1'/%3E%3C/g%3E%3C/svg%3E");
}
.jaju-footer .modal-app-download .download-guide .howto + .howto {
  margin-top: 30px;
}
.jaju-footer .modal-app-download .download-guide .download-step {
  margin-top: 10px;
}
.jaju-footer .modal-app-download .download-guide .download-step__item {
  position: relative;
  padding: 0 0 0 8px;
  font-size: 12px;
  line-height: 20px;
  color: #777;
  word-break: keep-all;
}
.jaju-footer .modal-app-download .download-guide .download-step__item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #555;
  transform: translateY(-50%);
}
.jaju-footer .modal-app-download .download-guide .store-link {
  display: flex;
  margin-top: 15px;
  gap: 0 20px;
}
.jaju-footer .modal-app-download .download-guide .store-link__item {
  width: 190px;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 34px 49px 14px;
}
.jaju-footer .modal-app-download .download-guide .store-link__item .store-qrcode img {
  width: 100%;
}
.jaju-footer .modal-app-download .download-guide .store-link__item .store-name {
  margin-top: 15px;
  text-align: center;
}
.jaju-footer .modal-app-download .download-guide .send-sms {
  margin-top: 20px;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form {
  display: flex;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__select {
  min-width: 70px;
  height: 36px;
  display: inline-block;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 7px 30px 7px 9px;
  font-size: 13px;
  color: #222;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h30v30H0z'/%3E%3Cpath stroke='%23555' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m10 13 5 5 5-5'/%3E%3C/g%3E%3C/svg%3E") 100% 50% no-repeat;
  appearance: none;
  outline: none;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__select:disabled {
  background-color: #f4f4f4;
  background-image: url(/fo/assets/common/image/icons/30x30/ico-common-30-arrow-down-ccc.svg);
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__input {
  position: relative;
  padding-left: 20px;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__input:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 10px;
  height: 1px;
  margin-top: -1px;
  background: #ccc;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__input input {
  width: 100%;
  height: 36px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 7px 14px;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
}
.jaju-footer .modal-app-download .download-guide .send-sms__form .form__submit {
  margin-left: 10px;
  min-width: 130px;
  height: 36px;
  font-size: 13px;
  line-height: 21px;
  color: #ffffff;
  border: 1px solid #333;
  border-radius: 3px;
  background: #333;
}

.header__search--layer {
  position: absolute;
  top: 40px;
  left: 132px;
  width: 660px;
  min-height: 470px;
  max-height: 85vh;
  padding: 32px 28px 40px;
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  z-index: 10;
  overflow-y: auto;
}
.header__search--layer::-webkit-scrollbar {
  display: block;
  width: 4px;
}
.header__search--layer::-webkit-scrollbar-thumb {
  background-color: #131922;
  background-clip: padding-box;
}
.header__search--layer::-webkit-scrollbar-track {
  background-color: #e0e0e0;
}
.header__search--layer.auto-complete {
  display: none;
  padding: 32px 0 38px;
}
.header__search--layer.search-layer {
  display: none;
}
.header__search--layer .popluar__rank {
  margin-top: 12px;
}
.header__search--layer .popluar__rank a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
}
.header__search--layer .popluar__rank--ranking {
  width: 22px;
  font-size: 12px;
  color: #000;
}
.header__search--layer .popluar__rank--brand {
  width: 187px;
  margin-left: 4px;
  font-size: 14px;
  line-height: inherit;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex-grow: 1;
}
.header__search--layer .popluar__rank--step {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  width: 43px;
  color: #000;
  white-space: nowrap;
}
.header__search--layer .popluar__rank--step.down {
  color: #929292;
}
.header__search--layer .popluar__rank--step.no-change {
  height: 22px;
}
.header__search--layer .popluar__rank--step.no-change::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background-color: #c8c8c8;
}
.header__search--layer .popluar__rank--step.new {
  font-size: 12px;
  font-weight: bold;
  color: #d99c63;
}
.header__search--layer .popluar__rank--step span {
  display: inline-block;
  width: 16px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.header__search--layer .popluar__rank--step.siv-up::after, .header__search--layer .popluar__rank--step.siv-down::after, .header__search--layer .popluar__rank--step.siv-no-change::after {
  content: "";
  width: 27px;
  height: 22px;
}
.header__search--layer .popluar__rank--step.siv-up::after {
  background: url(/fo/assets/comm/image/serach-new-rank-up.svg) no-repeat center/cover;
}
.header__search--layer .popluar__rank--step.siv-down::after {
  background: url(/fo/assets/comm/image/serach-new-rank-down.svg) no-repeat center/cover;
}
.header__search--layer .popluar__rank--step.siv-no-change::after {
  background: url(/fo/assets/comm/image/serach-new-rank-no-change.svg) no-repeat center/cover;
}
.header__search--layer .recent__wrap {
  margin-top: 12px;
}
.header__search--layer .recent__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
}
.header__search--layer .recent__list--brand {
  width: 220px;
  font-size: 14px;
  color: #000;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
}
.header__search--layer .recent__list--no-result {
  width: 100%;
  font-size: 14px;
  text-align: center;
  color: #787878;
  height: auto;
  padding: 28px 0;
}
.header__search--layer .recent__list--no-result p {
  width: 100%;
  text-align: center;
  font-size: inherit;
  color: inherit;
}
.header__search--layer .recent__list .icon-delete {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/fo/assets/comm/image/05-icon-16-px-thin-close-type-2.svg) no-repeat center/contain;
}
.header__search--layer .hot {
  margin-top: 32px;
}
.header__search--layer .hot__wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.header__search--layer .hot__wrap a {
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 40px;
  color: #131922;
  text-align: center;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  text-decoration: none;
}
.header__search--layer .auto-complete {
  width: 618px;
  padding: 24px 28px;
}
.header__search--layer .auto-complete__brand {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0 28px;
  background-image: url(/fo/assets/comm/image/arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 20px;
}
.header__search--layer .auto-complete__brand--result.current-keyword {
  background-color: #f8f8f8;
}
.header__search--layer .auto-complete__brand--icon {
  width: 38px;
  height: 20px;
  font-size: 8px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #131922;
  box-sizing: border-box;
}
.header__search--layer .auto-complete__brand--title {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
  color: #000;
}
.header__search--layer .auto-complete__result li {
  padding: 8px 28px 6px;
}
.header__search--layer .auto-complete__result li a {
  font-size: 14px;
  line-height: 22px;
  color: #000;
}
.header__search--layer .auto-complete__result li a span {
  color: #d99c63;
}
.header__search--layer .auto-complete__result li.current-keyword {
  background-color: #f8f8f8;
}
.header__search--box {
  display: flex;
  justify-content: space-between;
  gap: 48px;
}
.header__search--text {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.header__search--text a {
  font-size: 12px;
  line-height: 18px;
  color: #929292;
  text-decoration: underline;
}
.header__search--title {
  font-size: 18px;
  line-height: 21px;
  font-weight: bold;
  color: #000;
}
.header__search--util {
  display: flex;
  align-items: center;
}
.header__search--util a,
.header__search--util button {
  font-size: 12px;
  line-height: 18px;
  color: #929292;
  text-decoration: none;
}
.header__search--util a:hover,
.header__search--util button:hover {
  text-decoration: underline;
}
.header__search--util a.header__search--delete,
.header__search--util button.header__search--delete {
  margin-right: 12px;
  position: relative;
}
.header__search--util a.header__search--delete:after,
.header__search--util button.header__search--delete:after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  pointer-events: none;
  background-color: #e0e0e0;
}
.header__search--data {
  font-size: 12px;
  line-height: 18px;
  color: #929292;
}
.header__search--data,
.header__search--data span {
  letter-spacing: 0;
}
.header__search--wrap {
  width: 50%;
}
.header__search--banner {
  margin-top: 20px;
}
.header__search--banner .siv-banner__img {
  width: 100%;
  height: 64px;
  gap: 4px;
}

.popup-bg.active ~ .jaju-header-specific {
  z-index: 100;
}

body:has(.jaju-header) .v-pdp {
  --v-site-header-height: 106px;
}