@charset "UTF-8";
.fb__delivery-guide__search .search__input__btn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='ic_search'%3E%3Cg data-name='타원 354' transform='translate(6.902 6.809)' style='stroke:%23333;stroke-linecap:round;stroke-width:1.4px;fill:none'%3E%3Ccircle cx='8.5' cy='8.5' r='8.5' style='stroke:none'/%3E%3Ccircle cx='8.5' cy='8.5' r='7.8' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='패스 4927' d='m2456.2 78.381-4.121-4.121' transform='translate(-2431.098 -53.191)' style='stroke:%23333;stroke-linecap:round;stroke-width:1.4px;fill:none'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 32px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.fb__cafe__store-data .store-data__guide__notice {
  background-image: url(../images/icon/ic_exclamation.png);
  background-size: 16px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.fb__cafe__store .store__review:before, .fb__cafe__store-data .store-data__review .review__write__header:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath data-name='합치기 27' d='M-6981.967 14.159H-6990a3 3 0 0 1-3-3V2.5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v8.66a3 3 0 0 1-3 3h-2.583v3.384z' transform='translate(6995.5 5.5)' style='stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;fill:%23fff'/%3E%3Cpath data-name='패스 9315' d='m203.732 393.821.627 1.444 1.6.134a.123.123 0 0 1 .071.216l-1.216 1.027.364 1.527a.125.125 0 0 1-.188.133l-1.379-.81-1.379.81a.125.125 0 0 1-.188-.133l.364-1.527-1.217-1.027a.123.123 0 0 1 .073-.216l1.6-.134.627-1.444a.127.127 0 0 1 .232 0z' transform='translate(-196.44 -383.763)' style='fill:%2336ab36'/%3E%3Cpath data-name='패스 9316' d='m203.732 393.821.627 1.444 1.6.134a.123.123 0 0 1 .071.216l-1.216 1.027.364 1.527a.125.125 0 0 1-.188.133l-1.379-.81-1.379.81a.125.125 0 0 1-.188-.133l.364-1.527-1.217-1.027a.123.123 0 0 1 .073-.216l1.6-.134.627-1.444a.127.127 0 0 1 .232 0z' transform='translate(-190.925 -383.763)' style='fill:%2336ab36'/%3E%3Cpath data-name='패스 9317' d='m203.732 393.821.627 1.444 1.6.134a.123.123 0 0 1 .071.216l-1.216 1.027.364 1.527a.125.125 0 0 1-.188.133l-1.379-.81-1.379.81a.125.125 0 0 1-.188-.133l.364-1.527-1.217-1.027a.123.123 0 0 1 .073-.216l1.6-.134.627-1.444a.127.127 0 0 1 .232 0z' transform='translate(-185.44 -383.763)' style='fill:%2336ab36'/%3E%3C/svg%3E%0A");
  background-size: 28px auto;
  background-position: center center;
  background-repeat: no-repeat;
}

#contents_topRank .sketch-info__scroll {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #999 transparent;
}

#contents_topRank .sketch-info__scroll::-webkit-scrollbar {
  width: 4px;
}

#contents_topRank .sketch-info__scroll::-webkit-scrollbar, #contents_topRank .sketch-info__scroll::-webkit-scrollbar-thumb {
  overflow: visible;
}

#contents_topRank .sketch-info__scroll::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: transparent;
  background-color: #999;
}

.fb__contentsCommon__header {
  margin: 70px 0 50px;
  text-align: center;
}

.fb__contentsCommon__header .header__title {
  color: #111;
  font-weight: 700;
  font-size: 32px;
  line-height: 35px;
}

.fb__contentsCommon__header .header__subtitle {
  margin-top: 20px;
  color: #666;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
}

.fb__contentsCommon__detail--lnb .fb__contentsCommon__header {
  margin: 0 0 20px;
  text-align: left;
}

.fb__contentsCommon__detail--lnb .fb__contentsCommon__header .header__title {
  color: #111;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__contentsCommon__detail--lnb .fb__contentsCommon__header .header__title--bold {
  font-weight: 700;
}

.fb__contentsCommon__detail--lnb .fb__contentsCommon__main-content .main-content__inner {
  width: 100%;
  margin: 0;
}

.fb__contentsCommon__detail .detail__title {
  margin-bottom: 50px;
  color: #111;
  font-weight: 800;
  font-size: 32px;
  line-height: 1.38;
  text-align: center;
}

.fb__contentsCommon__detail .detail__title em {
  color: #36ab36;
}

.fb__contentsCommon__detail .detail__title--small {
  margin-bottom: 12px;
  text-align: center;
  color: #666;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}

.fb__contentsCommon__detail .detail__box--divider {
  padding-top: 50px;
  border-top: 1px solid #e8e8e8;
}

.fb__contentsCommon__detail .detail__box:not(:first-of-type) {
  margin-top: 50px;
}

.fb__contentsCommon__detail .detail__box__title {
  margin-bottom: 12px;
  color: #36ab36;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__contentsCommon__detail .detail__box__title--black {
  color: #111;
  font-size: 16px;
}

.fb__contentsCommon__detail .detail__box__title + .detail__box__img {
  margin-top: 0;
}

.fb__contentsCommon__detail .detail__box__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.79;
  white-space: pre-line;
  word-break: keep-all;
}

.fb__contentsCommon__detail .detail__box__text--unset {
  white-space: unset;
  word-break: normal;
}

.fb__contentsCommon__detail .detail__box__text--gray {
  color: #666;
}

.fb__contentsCommon__detail .detail__box__text--bold {
  font-weight: 700;
}

.fb__contentsCommon__detail .detail__box__text--extra-bold {
  font-weight: 800;
}

.fb__contentsCommon__detail .detail__box__text--20 {
  margin-top: 20px;
}

.fb__contentsCommon__detail .detail__box__text--orange {
  color: #fc5f47;
}

.fb__contentsCommon__detail .detail__box__text .orange-bold {
  color: #fc5f47;
  font-weight: 700;
}

.fb__contentsCommon__detail .detail__box__text .orange-extra-bold {
  color: #fc5f47;
  font-weight: 800;
}

.fb__contentsCommon__detail .detail__box__text .pcolor-bold {
  color: #36ab36;
  font-weight: 700;
}

.fb__contentsCommon__detail .detail__box__text .pcolor-extra-bold {
  color: #36ab36;
  font-weight: 800;
}

.fb__contentsCommon__detail .detail__box__date {
  display: inline-block;
  margin-top: 20px;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__contentsCommon__detail .detail__box__img {
  margin-top: 20px;
  font-size: 0;
}

.fb__contentsCommon__detail .detail__box__img--full img {
  width: 100%;
}

.fb__contentsCommon__detail .detail__box__img .img__source {
  margin-top: 12px;
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__contentsCommon__detail .detail__list {
  counter-reset: num;
}

.fb__contentsCommon__detail .detail__list--unordered .detail__item {
  line-height: 1.5;
}

.fb__contentsCommon__detail .detail__list--unordered .detail__item:before {
  content: '· ';
}

.fb__contentsCommon__detail .detail__list--unordered .detail__item:not(:first-of-type) {
  margin-top: 12px;
}

.fb__contentsCommon__detail .detail__item {
  display: flex;
  gap: 3px;
  counter-increment: num;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.79;
}

.fb__contentsCommon__detail .detail__item:before {
  content: counter(num) ".";
  display: inline-block;
  flex-shrink: 0;
}

.fb__contentsCommon__detail .detail__section {
  margin-top: 50px;
  padding-top: 28px;
  border-top: 1px solid #e8e8e8;
}

.fb__contentsCommon__detail .detail__section__inner {
  margin-top: 28px;
}

.fb__contentsCommon__detail .detail__img-box {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}

.fb__contentsCommon__detail .detail__img-box--end {
  align-items: flex-end;
}

.fb__contentsCommon__detail .detail__img-box .detail__box__img {
  margin: 0;
  flex-shrink: 0;
}

.fb__contentsCommon__detail .video__detail .detail__box {
  text-align: center;
}

.fb__contentsCommon__detail .video__detail .detail__box .video {
  width: 700px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}

.fb__contentsCommon__detail .video__detail .detail__box .video > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.fb__contentsCommon__detail .fb__common__step-point .step-point__content {
  padding-top: 0;
}

.fb__contentsCommon__detail .fb__common__step-point .step-point__sub-title {
  display: block;
}

.fb__contentsCommon__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 40px;
}

.fb__contentsCommon__tab .tab__menu {
  display: inline-flex;
  align-items: center;
  padding: 16px 24px 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
}

.fb__contentsCommon__tab .tab__menu--small {
  padding: 15px;
}

.fb__contentsCommon__tab .tab__menu:hover {
  border-color: #36ab36;
}

.fb__contentsCommon__tab .tab__menu__text {
  display: inline-flex;
  align-items: center;
  color: #111;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
}

.fb__contentsCommon__tab .tab__menu__text em {
  margin-left: 4px;
  color: #666;
  font-weight: 700;
  font-size: 13px;
}

.fb__contentsCommon__tab .tab__menu.active {
  background: #36ab36;
  border-color: #36ab36;
}

.fb__contentsCommon__tab .tab__menu.active .tab__menu__text {
  color: #ffffff;
  font-weight: 700;
}

.fb__contentsCommon__tab .tab__menu.active .tab__menu__text em {
  color: #ffffff;
}

.fb__contentsCommon__tab .tab__menu.active .tab__menu__btn {
  display: inline-block;
}

.fb__contentsCommon__tab .tab__menu__btn {
  display: none;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.478' height='9.478' viewBox='0 0 9.478 9.478'%3E%3Cpath data-name='패스 3035' d='M0 0h11' transform='rotate(135 4.14 2.211)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:1.2px'/%3E%3Cpath data-name='패스 3036' d='M0 0h11' transform='rotate(45 -.6 1.448)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:1.2px'/%3E%3C/svg%3E%0A");
  background-size: 9px auto;
}

.fb__contentsCommon__main-content {
  border-bottom: 1px solid #e8e8e8;
}

.fb__contentsCommon__main-content .main-content__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px;
  background: #f8f8f8;
  border-top: 1px solid #111;
}

.fb__contentsCommon__main-content .main-content__title {
  color: #111;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__contentsCommon__main-content .main-content__info {
  font-size: 0;
}

.fb__contentsCommon__main-content .main-content__info__text {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__contentsCommon__main-content .main-content__info__text:not(:first-child) {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
}

.fb__contentsCommon__main-content .main-content__info__text:not(:first-child):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background: #e8e8e8;
}

.fb__contentsCommon__main-content .main-content__inner {
  width: 700px;
  margin: 0 auto;
  padding: 40px 0 50px;
}

.fb__contentsCommon__guide-content .guide-content__header {
  margin-bottom: 20px;
}

.fb__contentsCommon__guide-content .guide-content__header__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__contentsCommon__img-content .img-content__img {
  font-size: 0;
}

.fb__contentsCommon__img-content .img-content__img img {
  width: 100%;
}

.fb .page-head {
  margin-bottom: 18px;
}

.fb .page-head .title {
  font-size: 24px;
  font-weight: 800;
}

.fb .line-tab {
  width: 100%;
  display: flex;
}

.fb .line-tab-menu {
  flex: 1 1 auto;
  position: relative;
  height: 50px;
  margin: 0;
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-bottom-color: #111;
  text-align: center;
}

.fb .line-tab-menu button, .fb .line-tab-menu a {
  width: 100%;
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 50px;
  color: #666;
}

.fb .line-tab-menu + .fb .line-tab-menu {
  margin-left: -1px;
}

.fb .line-tab-menu.active {
  border: 1px solid #111;
  border-bottom-color: transparent;
  z-index: 1;
}

.fb .line-tab-menu.active button, .fb .line-tab-menu.active a {
  color: #111;
  font-weight: 800;
}

.fb .text-tab {
  width: 100%;
  display: flex;
  align-items: center;
}

.fb .text-tab-menu {
  flex: 0 0 auto;
}

.fb .text-tab-menu:nth-of-type(n + 2) {
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid;
  border-left: 1px solid;
  -o-border-image: linear-gradient(to bottom, transparent calc((100% - 10px) / 2), #e8e8e8 calc((100% - 10px) / 2), #e8e8e8 calc(calc((100% - 10px) / 2) + 10px), transparent calc(calc((100% - 10px) / 2) + 10px)) 1;
     border-image: linear-gradient(to bottom, transparent calc((100% - 10px) / 2), #e8e8e8 calc((100% - 10px) / 2), #e8e8e8 calc(calc((100% - 10px) / 2) + 10px), transparent calc(calc((100% - 10px) / 2) + 10px)) 1;
}

.fb .text-tab-menu button {
  font-size: 15px;
  font-weight: 700;
  color: #666;
}

.fb .text-tab-menu.active button {
  color: #36ab36;
  text-decoration: underline;
}

.fb__magazine__content {
  padding-top: 30px;
  border-top: 1px solid #111;
}

.fb__magazine__banner {
  margin-bottom: 50px;
}

.fb__magazine__banner .banner__link {
  display: block;
}

.fb__magazine__banner .banner__img {
  font-size: 0;
}
.fb__magazine__banner .banner__img img{
  border-radius: 0.8rem;
}

.fb__magazine__card .card__list {
  display: flex;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  row-gap: 50px;
  flex-wrap: wrap;
}

.fb__magazine__card .card__item {
  width: calc((100% - 60px) / 4);
  font-size: 0;
}

.fb__magazine__card .card__link {
  display: block;
}

.fb__magazine__card .card__img {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  width: 100%;
  padding-top: calc(100% * 332 / 250);
}

.fb__magazine__card .card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__magazine__card .card__img img {
  -o-object-fit: cover;
     object-fit: cover;
}

.fb__magazine__card .card__info {
  margin-top: 20px;
  padding-right: 11px;
  padding-left: 13px;
  border-left: 1px solid #e8e8e8;
}

.fb__magazine__card .card__category {
  margin-bottom: 12px;
  color: #36ab36;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__magazine__card .card__title {
  color: #111;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.fb__magazine__card .card__sub-title {
  margin-top: 16px;
  color: #999;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#contents_cafe .popupCafeInfo .fb__modal__scroll {
  min-height: calc(80vh - 154px);
}

.fb__cafe .cafe__banner-swiper {
  margin-top: -32px;
  margin-bottom: 32px;
}

.fb__cafe .cafe__banner-pagination {
  margin-top: 16px;
}

.fb__cafe__content .fb__guide {
  margin-top: -12px;
  margin-bottom: 8px;
}

.fb__cafe__location {
  display: flex;
  height: 628px;
}

.fb__cafe__map {
  width: 100%;
}

.fb__cafe__map .map__kakao {
  width: 100%;
  height: 100%;
}

.fb__cafe__store {
  flex-shrink: 0;
  width: 432px;
  height: 100%;
  border: 1px solid #ddd;
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  color: rgba(0, 0, 0, 0);
  -webkit-text-fill-color: black;
  transition: color .3s ease;
  scrollbar-width: thin;
  scrollbar-color: #999 transparent;
}

.fb__cafe__store:hover {
  color: rgba(0, 0, 0, 0.3);
}

.fb__cafe__store::-webkit-scrollbar {
  width: calc(4px + 8px * 2);
}

.fb__cafe__store::-webkit-scrollbar, .fb__cafe__store::-webkit-scrollbar-thumb {
  overflow: visible;
}

.fb__cafe__store::-webkit-scrollbar-thumb {
  border: 8px solid transparent;
  border-radius: calc(8px * 2);
  box-shadow: inset 0 0 0 4px;
}

.fb__cafe__store::-webkit-scrollbar-track {
  background: transparent;
}

.fb__cafe__store .store__item {
  padding: 26px 20px 20px 46px;
  background: #ffffff;
  cursor: pointer;
}

.fb__cafe__store .store__item:not(:last-of-type) {
  border-bottom: 1px solid #f2f2f2;
}

.fb__cafe__store .store__item:only-of-type {
  border-bottom: 1px solid #f2f2f2;
}

.fb__cafe__store .store__item__top {
  display: flex;
  align-items: center;
}

.fb__cafe__store .store__item.active {
  background: #effaed;
}

.fb__cafe__store .store__item.active .store__name:before {
  background: url(../images/icon/ic_pin_green.png) no-repeat center center/20px auto;
}

.fb__cafe__store .store__review {
  display: flex;
  align-items: center;
  align-self: flex-start;
  flex-shrink: 0;
  max-width: 280px;
  margin-left: auto;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__cafe__store .store__review em {
  padding-left: 3px;
  color: #111;
  font-weight: 700;
}

.fb__cafe__store .store__review:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 4px;
}

.fb__cafe__store .store__review:hover {
  text-decoration: underline;
}

.fb__cafe__store .store__name {
  display: inline-flex;
  flex-shrink: 0;
  margin-left: -26px;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.39;
}

.fb__cafe__store .store__name:first-line {
  line-height: 20px;
}

.fb__cafe__store .store__name:before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url(../images/icon/ic_pin_gray.png) no-repeat center center/20px auto;
}

.fb__cafe__store .store__info {
  margin-top: 10px;
}

.fb__cafe__store .store__info__text {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__cafe__store .store__info__text:first-line {
  line-height: 16px;
}

.fb__cafe__store .store__info__text:not(:first-child) {
  margin-top: 8px;
}

.fb__cafe__store .store__info__text--black {
  font-weight: 700;
  color: #111;
}

.fb__cafe__store .store__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.fb__cafe__store .store__btn .btn-point {
  -webkit-text-fill-color: #ffffff;
}

.fb__cafe__store .store__notiButton {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-left: 4px;
  background-image: url(../images/icon/noti_off.png);
  background-position: center;
  background-size: 100% auto;
  font-size: 0;
}

.fb__cafe__store .store__notiButton:disabled {
  background-image: url(../images/icon/noti_on.png);
  pointer-events: none;
}

.fb__cafe__store-data {
  width: 736px;
}

.fb__cafe__store-data .store-data__tab-content:not(.active) {
  display: none;
}

.fb__cafe__store-data .store-data__header {
  margin-bottom: 28px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}

.fb__cafe__store-data .store-data__name {
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__cafe__store-data .store-data__info {
  margin-top: 12px;
}

.fb__cafe__store-data .store-data__info__text {
  color: #666;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
}

.fb__cafe__store-data .store-data__info__text:not(:first-child) {
  margin-top: 8px;
}

.fb__cafe__store-data .store-data__info__text--black {
  color: #111;
  font-weight: 700;
}

.fb__cafe__store-data .store-data__guide {
  display: inline-flex;
  align-items: center;
  margin-top: 16px;
  padding: 8px 12px 7px;
  background: #f8f8f8;
  border-radius: 4px;
}

.fb__cafe__store-data .store-data__guide__text {
  color: #666;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__cafe__store-data .store-data__guide__notice-box {
  display: inline-block;
  position: relative;
  margin-left: 4px;
}

.fb__cafe__store-data .store-data__guide__notice {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 0;
}

.fb__cafe__store-data .store-data__guide .info__popup {
  top: calc(100% + 10px);
  left: unset;
  right: -20px;
}

.fb__cafe__store-data .store-data__guide .info__popup__cont .pickup-popup__how-to {
  white-space: nowrap;
}

.fb__cafe__store-data .store-data__guide .info__popup__cont .pickup-popup__how-to .how-to__item {
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__cafe__store-data .store-data__guide .info__popup__cont .pickup-popup__how-to .how-to__item:not(:first-of-type) {
  margin-top: 10px;
}

.fb__cafe__store-data .store-data__additional {
  margin-bottom: 19px;
}

.fb__cafe__store-data .store-data__additional__title {
  margin-bottom: 12px;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__cafe__store-data .store-data__additional__data {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__cafe__store-data .store-data__images {
  display: flex;
  gap: 12px;
  padding-right: 20px;
}

.fb__cafe__store-data .store-data__images .images__left {
  width: 100%;
}

.fb__cafe__store-data .store-data__images .images__right {
  width: 112px;
  flex-shrink: 0;
}

.fb__cafe__store-data .store-data__images .images__big {
  background: #f8f8f8;
  position: relative;
  width: 100%;
  padding-top: calc(100% * 3 / 4);
}

.fb__cafe__store-data .store-data__images .images__big img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__cafe__store-data .store-data__images .images__small {
  background: #f8f8f8;
  position: relative;
  width: 100%;
  padding-top: calc(100% * 3 / 4);
}

.fb__cafe__store-data .store-data__images .images__small img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__cafe__store-data .store-data__images .images__list {
  font-size: 0;
}

.fb__cafe__store-data .store-data__images .images__item {
  position: relative;
  cursor: pointer;
}

.fb__cafe__store-data .store-data__images .images__item:not(:first-of-type) {
  margin-top: 6px;
}

.fb__cafe__store-data .store-data__images .images__item.active:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #36ab36;
  box-sizing: border-box;
  z-index: 1;
}

.fb__cafe__store-data .store-data__review {
  margin-top: 29px;
}

.fb__cafe__store-data .store-data__review .review__write__header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.fb__cafe__store-data .store-data__review .review__write__header:before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 4px;
}

.fb__cafe__store-data .store-data__review .review__write__title {
  color: #111;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
}

.fb__cafe__store-data .store-data__review .review__write__title em {
  font-weight: 800;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .table-default {
  border-bottom: 1px solid #e8e8e8;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .table-default td {
  border: none;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .comment__write__textarea {
  padding-bottom: 23px;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .comment__write__area {
  padding-right: 89px;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .comment__list__total {
  font-size: 15px;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .comment__list__box .box__comment {
  white-space: pre-line;
}

.fb__cafe__store-data .store-data__review .review__comment.fb__common__comment .comment__write-content {
  padding-right: 20px;
}

.fb__cafe__store-data .store-data__new .new__html {
  margin-bottom: 16px;
}

.fb__cafe__store-data .store-data__new .new__html img {
  max-width: 100% !important;
  height: auto !important;
}

.fb__cafe-noti .cafe-noti__guide-text {
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.38;
}

.fb__cafe-noti .cafe-noti__guide-text:not(:first-of-type) {
  margin-top: 8px;
}

.fb__cafe-noti .cafe-noti__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 30px;
}

.fb__cafe-noti .cafe-noti__btn button {
  width: 110px;
}

.fb__clinic__detail {
  width: 700px;
  margin: 0 auto;
}

.fb__clinic__wrapper {
  border-top: 1px solid #111;
  padding-top: 30px;
}

.fb__clinic__qna {
  background: url(../images/contents/clinic/top_background_new.png) no-repeat center center/100% auto;
  border-radius: 4px;
}

.fb__clinic__qna .qna__content {
  width: 100%;
  height: 243px;
  padding: 30px 60px 30px 68px;
}

.fb__clinic__qna .qna__header {
  margin-bottom: 16px;
  color: #000;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
}

.fb__clinic__qna .qna__list {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 16px;
}

.fb__clinic__qna .qna__item {
  width: calc((100% - 48px) / 4);
  padding: 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.fb__clinic__qna .qna__badge {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 12px;
  background: #ffffff;
  border: 1px solid #36ab36;
  border-radius: 16px;
  color: #36ab36;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
}

.fb__clinic__qna .qna__title {
  width: 100%;
  color: #111;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.fb__clinic__qna .qna__link {
  display: inline-block;
  margin-top: 12px;
  flex-shrink: 0;
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  text-decoration: underline;
}

.fb__clinic__content {
  margin-top: 50px;
}

.fb__clinic__content .fb__common__search-area {
  margin-bottom: 20px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__header .fb__comm__checkbox {
  margin-left: 16px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--num {
  flex: 0 0 92px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--step {
  flex: 0 0 200px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--title {
  width: 100%;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--writer {
  flex: 0 0 128px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--date {
  flex: 0 0 200px;
}

.fb__clinic__list-table.fb__common__list-table .list-table__table .table__col--status {
  flex: 0 0 128px;
}

.fb__clinic__write-popup .write-popup__guide {
  margin-top: 26px;
  margin-bottom: 22px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__clinic__write-popup .write-popup__btn-area {
  margin-top: 40px;
  text-align: center;
}

.fb__clinic__write-popup .write-popup__btn-area button {
  width: 120px;
}

.fb__meal-review .meal-review__content:not(:first-of-type) {
  margin-top: 80px;
}

.fb__meal-review .meal-review__header {
  position: relative;
  text-align: center;
  font-size: 0;
}

.fb__meal-review .meal-review__header:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}

.fb__meal-review .meal-review__header__title {
  display: inline-block;
  padding: 0 20px;
  color: #111;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  background: #ffffff;
}

.fb__meal-review .meal-review__header__title em {
  color: #36ab36;
  font-weight: 700;
}

.fb__meal-review .meal-review__best {
  margin-top: 40px;
}

.fb__meal-review .meal-review__best .best__list {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.fb__meal-review .meal-review__best .best__item {
  position: relative;
  width: calc((100% - 80px) / 3);
  font-size: 0;
  cursor: pointer;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent 48px);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.fb__meal-review .meal-review__best .best__item__id {
  position: absolute;
  color: #ffffff;
  top: 16px;
  right: 16px;
  z-index: 1;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__meal-review .meal-review__best .best__item .fb__meal-review__detail {
  margin-top: 12px;
}

.fb__meal-review .meal-review__best .best__img {
  overflow: hidden;
  z-index: -1;
  width: 100%;
  border-radius: 8px;
  position: relative;
  width: 100%;
  padding-top: calc(100% * 1 / 1);
}

.fb__meal-review .meal-review__best .best__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__meal-review .meal-review__best .best__img img {
  -o-object-fit: cover;
     object-fit: cover;
}

.fb__meal-review .meal-review__best .best__info {
  z-index: 1;
  margin: -30px 20px 0;
  padding-top: 30px;
  background: #ffffff;
  border-radius: 8px;
}

.fb__meal-review .meal-review__best .best__rating {
  margin-bottom: 17px;
  text-align: center;
}

.fb__meal-review .meal-review__best .best__rating__star {
  display: inline-block;
  padding: 1px 0;
  vertical-align: middle;
}

.fb__meal-review .meal-review__best .best__rating__score {
  display: inline-block;
  margin-left: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}

.fb__meal-review .meal-review__best .best__review {
  width: 100%;
  min-height: 42px;
  padding: 0 27px;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.fb__meal-review .meal-review__write {
  position: relative;
  margin-top: 50px;
  padding: 28px 200px 27px;
  background: #fef8ef;
  border-radius: 8px;
}

.fb__meal-review .meal-review__write .write__info {
  text-align: center;
}

.fb__meal-review .meal-review__write .write__text {
  color: #fc5f47;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
}

.fb__meal-review .meal-review__write .write__sub {
  margin-top: 8px;
  color: #666;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
}

.fb__meal-review .meal-review__write .write__sub em {
  color: #36ab36;
}

.fb__meal-review .meal-review__write .write__link {
  position: absolute;
  right: 40px;
  top: 50%;
  width: 120px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fb__meal-review .meal-review__item {
  margin-top: 30px;
}

.fb__meal-review .meal-review__item .item__top {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.fb__meal-review .meal-review__item .item__total {
  color: #111;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
}

.fb__meal-review .meal-review__item .item__filter {
  margin-left: auto;
}

.fb__meal-review .meal-review__item .item__filter__radio {
  display: inline-block;
  font-size: 0;
  cursor: pointer;
}

.fb__meal-review .meal-review__item .item__filter__radio:not(:first-of-type) {
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}

.fb__meal-review .meal-review__item .item__filter__radio:not(:first-of-type):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background: #ddd;
}

.fb__meal-review .meal-review__item .item__filter__radio input {
  display: none;
}

.fb__meal-review .meal-review__item .item__filter__radio input:checked + span {
  color: #111;
  font-weight: 700;
}

.fb__meal-review .meal-review__item .item__filter__radio span {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__meal-review .meal-review__item .item__list {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 20px;
          column-gap: 20px;
  row-gap: 40px;
  padding-bottom: 30px;
}

.fb__meal-review .meal-review__item .item__box {
  width: 305px;
  font-size: 0;
  cursor: pointer;
}

.fb__meal-review .meal-review__item .item__box .box__img {
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  width: 100%;
  padding-top: calc(100% * 1 / 1);
}

.fb__meal-review .meal-review__item .item__box .box__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__meal-review .meal-review__item .item__box .box__info {
  padding: 16px 10px 0;
}

.fb__meal-review .meal-review__item .item__box .box__info__top {
  display: flex;
  margin-bottom: 16px;
}

.fb__meal-review .meal-review__item .item__box .box__info__bottom {
  margin-top: 12px;
}

.fb__meal-review .meal-review__item .item__box .box__rating__star {
  display: inline-block;
  padding: 1px 0;
  vertical-align: middle;
}

.fb__meal-review .meal-review__item .item__box .box__rating__score {
  display: inline-block;
  margin-left: 4px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}

.fb__meal-review .meal-review__item .item__box .box__meal-type {
  margin-left: auto;
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__meal-review .meal-review__item .item__box .box__text {
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

.fb__meal-review .meal-review__item .item__box .box__sub-text {
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__meal-review .meal-review__item .item__box .box__sub-text:not(:first-of-type) {
  position: relative;
  margin-left: 8px;
  padding-left: 8px;
}

.fb__meal-review .meal-review__item .item__box .box__sub-text:not(:first-of-type):before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 8px;
  background: #e8e8e8;
}

.fb__meal-review .meal-review__banner {
  font-size: 0;
  margin-top: 50px;
}

.fb__meal-review .meal-review__banner img {
  max-width: 100%;
}

.fb__meal-review__detail {
  font-size: 0;
  text-align: center;
}

.fb__meal-review__detail .detail__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.fb__meal-review__detail .detail__item:not(:first-of-type) {
  margin-left: 8px;
}

.fb__meal-review__detail .detail__type {
  display: inline-block;
  min-width: 36px;
  padding: 0 6px;
  border: 1px solid #fc5f47;
  border-radius: 16px;
  color: #fc5f47;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.fb__meal-review__detail .detail__text {
  color: #111;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
}

.popupMealReview .fb__modal__scroll {
  min-height: 631px;
  max-height: 654px;
}

.popupMealReview__wrapper {
  width: 880px;
}

.popupMealReview .fb__common__popupReview .popupReview__detail__info .info__header__user span {
  padding: 0;
  margin: 0;
}

.popupMealReview .fb__common__popupReview .popupReview__detail__info .info__header__user span:not(:first-of-type) {
  margin-left: 8px;
}

.popupMealReview .fb__common__popupReview .popupReview__detail__info .info__header__user span:before {
  display: none;
}

.popupMealReview .fb__common__popupReview .fb__meal-review__detail {
  text-align: left;
  margin-top: 16px;
}

.fb__monthly-menu {
  width: 900px;
}

.fb__monthly-menu .monthly-menu__select select {
  width: 336px;
}

.fb__monthly-menu .monthly-menu__select select:not(:first-of-type) {
  margin-left: 8px;
}

.fb__monthly-menu .monthly-menu__guide {
  margin-top: 30px;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__monthly-menu .monthly-menu__calendar {
  margin-top: 16px;
}

.fb__monthly-menu .monthly-menu__calendar .calendar__day {
  padding: 32px 12px 12px;
}

.fb__monthly-menu .monthly-menu__calendar .calendar__day .day {
  top: 12px;
  font-size: 14px;
  line-height: 16px;
}

.fb__monthly-menu .monthly-menu__calendar .calendar__day.first .day {
  display: inline-block;
  padding: 0 6px;
  background: #36ab36;
  border-radius: 16px;
  color: #ffffff;
  font-weight: 700;
  line-height: 20px;
}

.fb__monthly-menu .monthly-menu__calendar .calendar__day .menu-list li {
  cursor: pointer;
}

.fb__monthly-menu .monthly-menu__calendar .calendar__day .menu-list li:hover span {
  color: #36ab36;
  text-decoration: underline;
}

.fb__ingredients__top-img {
  font-size: 0;
}

.fb__ingredients__top-img img {
  width: 100%;
}

.fb__ingredients__display {
  padding: 88px 0 120px;
  background: url(../images/contents/ingredient_background.png) no-repeat center center/100% auto;
  font-size: 0;
  text-align: center;
}

.fb__ingredients__display .display__mission {
  display: inline-block;
  position: relative;
  margin-bottom: 36px;
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
}

.fb__ingredients__display .display__mission:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 72px;
  height: 72px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/contents/ingredient_mission_background.png) no-repeat center center/100% auto;
}

.fb__ingredients__display .display__text {
  margin-bottom: 80px;
}

.fb__ingredients__display .display__text__inner {
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
}

.fb__ingredients__display .display__text__inner em {
  font-weight: 800;
  color: #36ab36;
}

.fb__ingredients__display .display__text__inner:not(:first-of-type) {
  margin-top: 12px;
}

.fb__ingredients__display .display__card .card__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.fb__ingredients__display .display__card .card__item {
  overflow: hidden;
  width: 300px;
  border-radius: 8px;
  font-size: 0;
  box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.06);
}

.fb__ingredients__display .display__card .card__img {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 2 / 3);
}

.fb__ingredients__display .display__card .card__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__ingredients__display .display__card .card__info {
  padding: 28px 20px;
  background: #ffffff;
  text-align: left;
}

.fb__ingredients__display .display__card .card__info__title {
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}

.fb__ingredients__display .display__card .card__info__text {
  margin-top: 12px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__ingredients__display .display__slide {
  margin-top: 80px;
  overflow: hidden;
}

.fb__ingredients__display .display__slide .slide__title {
  margin-bottom: 40px;
  color: #111;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__ingredients__display .display__slide .slide__list {
  transition-timing-function: linear;
}

.fb__ingredients__display .display__slide .slide__item {
  overflow: hidden;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin-right: 40px;
}

.fb__ingredients__display .display__slide .slide__img {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 1 / 1);
}

.fb__ingredients__display .display__slide .slide__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__ingredients__search .search__select {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 30px;
  padding: 20px 0;
  background: #f8f8f8;
  border-radius: 4px;
}

.fb__ingredients__search .search__select__title {
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__ingredients__search .search__select select {
  width: 345px;
  font-weight: 700;
}

.fb__ingredients__search .search__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.fb__ingredients__search .search__item {
  display: flex;
  align-items: center;
  position: relative;
  width: calc((100% - 20px) / 2);
  padding: 14px 20px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  font-size: 0;
}

.fb__ingredients__search .search__badge {
  display: inline-block;
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 0 10px;
  background: #fc5f47;
  border-radius: 10px;
  color: #ffffff;
  font-weight: 700;
  font-size: 11px;
  line-height: 18px;
}

.fb__ingredients__search .search__img {
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  margin-right: 30px;
}

.fb__ingredients__search .search__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__ingredients__search .search__info {
  max-width: 260px;
}

.fb__ingredients__search .search__name {
  display: inline-block;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
}

.fb__ingredients__search .search__tag {
  display: inline-block;
  margin-left: 8px;
  color: #36ab36;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}

.fb__ingredients__search .search__sub {
  margin-top: 10px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

#contents_cleTv .cletv-head .cletv-cont {
  display: flex;
}

#contents_cleTv .cletv-head .cletv-thumb {
  flex-shrink: 0;
  width: 700px;
}

#contents_cleTv .cletv-head .cletv-thumb .video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}

#contents_cleTv .cletv-head .cletv-thumb .video > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#contents_cleTv .cletv-head .cletv-thumb .link {
  z-index: 1;
}

#contents_cleTv .cletv-head .cletv-thumb .link img {
  width: 100%;
}

#contents_cleTv .cletv-head .cletv-info {
  width: 100%;
  padding: 50px 30px;
  background-color: #f8f8f8;
}

#contents_cleTv .cletv-head .cletv-info > * {
  display: block;
}

#contents_cleTv .cletv-head .cletv-info .hash {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 800;
  color: #36ab36;
}

#contents_cleTv .cletv-head .cletv-info .subject {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.39;
}

#contents_cleTv .cletv-head .cletv-info .subject:hover {
  text-decoration: underline;
}

#contents_cleTv .cletv-head .cletv-info .cont {
  margin-top: 14px;
  font-size: 15px;
  word-break: keep-all;
  line-height: 1.47;
}

#contents_cleTv .cletv-contents {
  margin-top: 50px;
}

#contents_cleTv .cletv-list {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 12px;
          column-gap: 12px;
  row-gap: 38px;
}

#contents_cleTv .cletv-list .cletv-cont {
  display: inline-flex;
  flex-direction: column;
  width: calc((100% - 36px) / 4);
}

#contents_cleTv .cletv-list .cletv-thumb {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}

#contents_cleTv .cletv-list .cletv-thumb .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#contents_cleTv .cletv-list .cletv-thumb img {
  width: 100%;
}

#contents_cleTv .cletv-list .cletv-info {
  margin-top: 10px;
}

#contents_cleTv .cletv-list .cletv-info > * {
  display: block;
}

#contents_cleTv .cletv-list .cletv-info .hash {
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 700;
  color: #36ab36;
}

#contents_cleTv .cletv-list .cletv-info .subject {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  /* 사용법 : @include line(라인수) */
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
}

#contents_cleTv .cletv-list .cletv-info .subject:hover {
  text-decoration: underline;
}

#contents_cleTv .fb__contentsCommon__tab {
  margin-bottom: 30px;
}

#contents_topRank .line-tab {
  margin-bottom: 30px;
}

#contents_topRank .top-rank__img {
  font-size: 0;
}

#contents_topRank .top-rank__img img {
  width: 100%;
}

#contents_topRank .sketch-head {
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}

#contents_topRank .sketch-cont {
  display: flex;
}

#contents_topRank .sketch-thumb {
  flex-shrink: 0;
  width: 640px;
}

#contents_topRank .sketch-thumb .video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}

#contents_topRank .sketch-thumb .video > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#contents_topRank .sketch-thumb .link {
  z-index: 1;
}

#contents_topRank .sketch-thumb .link img {
  width: 100%;
}

#contents_topRank .sketch-info {
  flex-grow: 1;
  background-color: #f8f8f8;
}

#contents_topRank .sketch-info__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

#contents_topRank .sketch-info__scroll {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  padding: 26px 30px;
  gap: 12px;
}

#contents_topRank .sketch-info .video-cont {
  display: flex;
  align-items: center;
}

#contents_topRank .sketch-info .video-cont.on .video-thumb .link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 3px solid #36ab36;
}

#contents_topRank .sketch-info .video-thumb {
  flex-shrink: 0;
  width: 120px;
}

#contents_topRank .sketch-info .video-thumb .video {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}

#contents_topRank .sketch-info .video-thumb .video > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#contents_topRank .sketch-info .video-thumb .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#contents_topRank .sketch-info .video-thumb .link img {
  width: 100%;
}

#contents_topRank .sketch-info .video-thumb .link:hover:after, #contents_topRank .sketch-info .video-thumb .link.on:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 3px solid #36ab36;
}

#contents_topRank .sketch-info .video-info {
  padding: 0 10px 0 12px;
}

#contents_topRank .sketch-info .video-info .subject {
  display: block;
  word-break: keep-all;
  font-size: 14px;
  line-height: 1.5;
}

#contents_topRank .sketch-info .video-info .subject:hover {
  text-decoration: underline;
}

#contents_topRank .sketch-subject {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 700;
}

#contents_topRank .sketch-title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
}

#contents_topRank .sketch .gallery-list {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

#contents_topRank .sketch .gallery-list .swiper-wrapper {
  display: flex;
  width: 100%;
}

#contents_topRank .sketch .gallery-list + .sketch-title {
  margin-top: 50px;
}

#contents_topRank .sketch .gallery-cont {
  flex: 1 1 100%;
}

#contents_topRank .sketch .gallery-cont:nth-child(n + 2) {
  margin-left: 8px;
}

#contents_topRank .sketch .gallery-thumb {
  width: 400px;
  height: 270px;
  overflow: hidden;
  position: relative;
}

#contents_topRank .sketch .gallery-thumb img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#contents_topRank .sketch .gallery-button-next {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: rgba(17, 17, 17, 0.7);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.247' height='15.29' viewBox='0 0 8.247 15.29'%3E%3Cpath d='m0 0 6.8 6.8L13.6 0' transform='rotate(-90 7.646 6.796)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3C/svg%3E%0A");
  background-size: 9px auto;
  z-index: 1;
}

#contents_topRank .sketch .gallery-button-prev {
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  background-color: rgba(17, 17, 17, 0.7);
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.247' height='15.29' viewBox='0 0 8.247 15.29'%3E%3Cpath d='m0 0 6.8 6.8L13.6 0' transform='rotate(-90 7.646 6.796)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3C/svg%3E%0A");
  background-size: 9px auto;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  z-index: 1;
}

.fb__product-stage__tab .tab__content {
  display: none;
}

.fb__product-stage__tab .tab__content.active {
  display: block;
}

#contents_productStage .text-tab {
  padding: 30px 0 20px;
}

#contents_productStage .sticky-area {
  position: -webkit-sticky;
  position: sticky;
  top: 54px;
  z-index: 1;
  background: linear-gradient(to bottom, #ffffff calc(100% - 10px), transparent 100%);
}

#contents_productStage .sticky-area .sticky {
  position: fixed;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  z-index: 10;
}

#contents_productStage .bf-step__cont {
  position: relative;
  display: flex;
  gap: 40px;
  padding: 40px;
  border: solid 1px #ddd;
  border-radius: 8px;
  scroll-margin-top: 122.390625px;
}

#contents_productStage .bf-step__cont:nth-of-type(n + 2) {
  margin-top: 30px;
}

#contents_productStage .bf-step__cont .thumb {
  flex-shrink: 0;
  width: 220px;
  height: 220px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}

#contents_productStage .bf-step__cont .thumb img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#contents_productStage .bf-step__cont .info > * {
  display: block;
}

#contents_productStage .bf-step__cont .info .period {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 800;
  color: #36ab36;
}

#contents_productStage .bf-step__cont .info .name {
  display: flex;
  align-items: center;
  height: 24px;
}

#contents_productStage .bf-step__cont .info .name > * {
  vertical-align: middle;
  line-height: 1;
}

#contents_productStage .bf-step__cont .info .name strong {
  font-size: 24px;
  font-weight: 800;
}

#contents_productStage .bf-step__cont .info .name span {
  margin: 0 8px 0 4px;
  font-size: 18px;
  font-weight: 700;
  color: #666;
}

#contents_productStage .bf-step__cont .info .name em {
  display: inline-flex;
  line-height: 24px;
  height: 24px;
  padding: 0 10px;
  border-radius: 20px;
  border: 1px solid #fc5f47;
  font-size: 13px;
  font-weight: 700;
  color: #fc5f47;
}

#contents_productStage .bf-step__cont .info .name em:nth-of-type(n + 2) {
  margin-left: 4px;
}

#contents_productStage .bf-step__cont .info .desc {
  max-width: 500px;
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.47;
}

#contents_productStage .bf-step__cont .info .point-info {
  margin-top: 20px;
}

#contents_productStage .bf-step__cont .info .point-info dt {
  margin-bottom: 12px;
  line-height: 1;
  font-size: 15px;
  font-weight: 800;
}

#contents_productStage .bf-step__cont .info .point-info dd {
  padding-left: 22px;
  font-size: 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle data-name='Ellipse 2' cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath data-name='Shape 2 copy' d='m940.6 407.813 2.831 2.831 5.226-5.444' transform='translate(-936.607 -400.042)' style='stroke:%2336ab36;stroke-linecap:round;stroke-width:1.4px;fill:none'/%3E%3C/svg%3E%0A");
  background-position: left 0 top 0;
  background-repeat: no-repeat;
  background-size: 16px auto;
}

#contents_productStage .bf-step__cont .info .point-info dd:nth-of-type(n + 2) {
  margin-top: 8px;
}

#contents_productStage .bf-step__cont .btn-order {
  position: absolute;
  top: 30px;
  right: 30px;
}

.fb__encyclopedia__content {
  width: 1280px;
  margin: 0 auto;
}

.fb__encyclopedia__content:not(:first-of-type) {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 1px solid #ddd;
}

.fb__encyclopedia__content .content__title {
  color: #111;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
}

.fb__encyclopedia__content .content__title em {
  color: #36ab36;
}

.fb__encyclopedia__content:not(:first-of-type) {
  margin-top: 50px;
}

.fb__encyclopedia__qna {
  margin-top: 26px;
}

.fb__encyclopedia__qna .qna__list {
  display: flex;
  gap: 20px;
  font-size: 0;
}

.fb__encyclopedia__qna .qna__item {
  overflow: hidden;
  flex: 1;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.fb__encyclopedia__qna .qna__item:hover {
  border-color: #111;
}

.fb__encyclopedia__qna .qna__link {
  display: block;
}

.fb__encyclopedia__qna .qna__img {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 228 / 305);
}

.fb__encyclopedia__qna .qna__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__encyclopedia__qna .qna__img img {
  -o-object-fit: cover;
     object-fit: cover;
}

.fb__encyclopedia__qna .qna__info {
  padding: 20px 0 30px;
  text-align: center;
}

.fb__encyclopedia__qna .qna__info__top {
  display: block;
  color: #999;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 12px;
}

.fb__encyclopedia__qna .qna__info__text {
  color: #111;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.39;
}

.fb__encyclopedia__qna .qna__info__text em {
  color: #ff6686;
}

.fb__encyclopedia__background {
  position: relative;
  margin-top: 60px;
  margin-bottom: -120px;
  padding-bottom: 120px;
  background: #fef8ef;
  border-bottom: 1px solid #e8e8e8;
}

.fb__encyclopedia__background .background__content {
  width: 1280px;
  margin: 0 auto;
  padding-top: 50px;
}

.fb__encyclopedia__background .background__content__bottom {
  margin-top: 100px;
}

.fb__encyclopedia__detail .detail__section {
  margin-top: 30px;
}

.fb__encyclopedia__detail .detail__section:not(:first-of-type) {
  margin-top: 50px;
}

.fb__encyclopedia__detail .detail__title {
  display: inline-flex;
  align-items: center;
  margin-bottom: 12px;
  color: #111;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}

.fb__encyclopedia__detail .detail__title:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 8px;
}

.fb__encyclopedia__detail .detail__title--soup:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='사각형 4706' style='stroke:%23666;stroke-width:1.2px;fill:%23fff'%3E%3Cpath d='M0 0h10v2.5A1.5 1.5 0 0 1 8.5 4h-7A1.5 1.5 0 0 1 0 2.5V0z' style='stroke:none' transform='translate(11.5 24.918)'/%3E%3Cpath d='M.6.6h8.8v1.9a.9.9 0 0 1-.9.9h-7a.9.9 0 0 1-.9-.9V.6z' style='fill:none' transform='translate(11.5 24.918)'/%3E%3C/g%3E%3Cg data-name='그룹 8503'%3E%3Cpath data-name='패스 4921' d='m11.734 5.391 7.621-6.283 1.334-.808 1.4.473L23 .1l.2 1.328-1.109 1.08-8.683 5.877z' transform='rotate(-12.04 46.708 -13.447)' style='fill:%23fff'/%3E%3Cpath data-name='패스 4919' d='M28.577 87.544a.6.6 0 0 1-.337-1.09l8.049-5.546a1.472 1.472 0 0 0 .629-1 1.514 1.514 0 0 0-.285-1.148 1.5 1.5 0 0 0-2.16-.24l-7.492 6.285a.6.6 0 0 1-.765-.921l7.484-6.277a2.7 2.7 0 1 1 3.269 4.287l-8.048 5.546a.61.61 0 0 1-.344.104z' transform='rotate(-12.04 -321.464 95.68)' style='fill:%2336ab36'/%3E%3C/g%3E%3Cpath d='M651.336 866.109h24.125a.427.427 0 0 1 .437.418v1.815c0 6.579-5.6 11.913-12.5 11.913s-12.5-5.334-12.5-11.913v-1.815a.428.428 0 0 1 .438-.418z' transform='translate(-646.898 -854.565)' style='stroke-miterlimit:10;stroke:%23666;stroke-width:1.2px;fill:%23fff'/%3E%3C/svg%3E%0A");
  background-size: 32px auto;
}

.fb__encyclopedia__detail .detail__title--side:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='ic_side-dish_32px'%3E%3Cg data-name='그룹 7857'%3E%3Cg data-name='그룹 7841'%3E%3Cg data-name='그룹 7839'%3E%3Cpath data-name='패스 3564' d='m1.516 4.241-1.2-1.786S-.4 1.341.316.565A2.377 2.377 0 0 1 2.383.086l.907 3.876z' style='stroke-width:.7px;stroke:%2336ab36;fill:%23fff' transform='rotate(-25 14.12 -7.862)'/%3E%3C/g%3E%3Cg data-name='그룹 7840'%3E%3Cpath data-name='패스 3565' d='M1.731 4.665a.213.213 0 0 1-.176-.094L.354 2.785A1.865 1.865 0 0 1 .374.634 2.775 2.775 0 0 1 2.041 0a2.041 2.041 0 0 1 .621.1.211.211 0 0 1 .138.149l.907 3.876a.213.213 0 0 1-.031.167.211.211 0 0 1-.143.091l-1.774.28a.164.164 0 0 1-.028.002zm.31-4.241A2.371 2.371 0 0 0 .669.939c-.575.63.035 1.6.041 1.614l1.121 1.67L3.246 4 2.42.468a1.643 1.643 0 0 0-.379-.044z' style='stroke-width:.7px;stroke:%2336ab36;fill:%23fff' transform='rotate(-25 13.749 -7.27)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 7844'%3E%3Cg data-name='그룹 7842'%3E%3Cpath data-name='패스 3566' d='m1.7 4.268 1.2-1.8s.711-1.114 0-1.89A2.455 2.455 0 0 0 .749.108 9.294 9.294 0 0 0 0 4.007z' style='stroke:%2336ab36;fill:%23fff' transform='rotate(-25 11.644 -18.94)'/%3E%3C/g%3E%3Cg data-name='그룹 7843'%3E%3Cpath data-name='패스 3567' d='M1.911 4.692h-.032L.18 4.429A.213.213 0 0 1 0 4.213 9.431 9.431 0 0 1 .776.218a.215.215 0 0 1 .11-.1A1.9 1.9 0 0 1 1.564 0a2.993 2.993 0 0 1 1.684.62.175.175 0 0 1 .023.022 1.862 1.862 0 0 1 .022 2.147L2.087 4.6a.214.214 0 0 1-.176.092zm-1.48-.654 1.379.212 1.128-1.692c0-.006.6-.971.031-1.616A2.576 2.576 0 0 0 1.564.424a1.488 1.488 0 0 0-.45.068 9.636 9.636 0 0 0-.683 3.546z' style='stroke-width:.7px;stroke:%2336ab36;fill:%23fff' transform='rotate(-25 11.272 -18.356)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 7849'%3E%3Cg data-name='그룹 7847'%3E%3Cpath data-name='패스 3570' d='m2.85 4.544.533-2.69C3.791.51 2.744.183 2.744.183A2.981 2.981 0 0 0 .847.135a1.116 1.116 0 0 0-.781 1.478L.7 4.544z' style='stroke:%2336ab36;fill:%23fff' transform='rotate(-25 11.71 -12.718)'/%3E%3C/g%3E%3Cg data-name='그룹 7848'%3E%3Cpath data-name='패스 3571' d='M3.062 4.968H.917A.212.212 0 0 1 .71 4.8L.073 1.882A1.467 1.467 0 0 1 .124.841a1.386 1.386 0 0 1 .87-.7A3.329 3.329 0 0 1 1.977 0a2.759 2.759 0 0 1 1.059.2A1.417 1.417 0 0 1 3.8 2.128L3.27 4.8a.212.212 0 0 1-.208.168zm-1.974-.424h1.8l.5-2.519C3.726.906 2.977.625 2.891.6a2.376 2.376 0 0 0-.914-.176 2.95 2.95 0 0 0-.849.124.986.986 0 0 0-.622.478 1.048 1.048 0 0 0-.029.725.257.257 0 0 1 .008.028z' style='stroke-width:.7px;stroke:%2336ab36;fill:%23fff' transform='rotate(-25 11.338 -12.134)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 7853'%3E%3Cg data-name='그룹 7851'%3E%3Cpath data-name='패스 3573' d='M4 13.153h-.27C1.332 13.08 0 2.3 0 2.3 0 .7 1.059 0 2.665 0h2.192c1.605 0 2.725.671 2.725 2.276 0 0-1.61 10.732-3.582 10.877z' style='stroke:%2336ab36;fill:%23fff' transform='rotate(-25 22.996 -10.31)'/%3E%3C/g%3E%3Cg data-name='그룹 7852'%3E%3Cpath data-name='패스 3574' d='M4.208 13.578h-.267C1.427 13.5.139 3.661 0 2.539 0 .892 1.02 0 2.875 0h2.192c1.894 0 2.938.883 2.938 2.488a.2.2 0 0 1 0 .031c-.167 1.116-1.7 10.9-3.779 11.058zM2.875.424c-1.628 0-2.453.7-2.453 2.089C.785 5.435 2.129 13.1 3.947 13.154H4.2c1.311-.119 2.768-6.6 3.381-10.681C7.573.78 6.21.424 5.067.424z' style='stroke-width:.7px;stroke:%2336ab36;fill:%23fff' transform='rotate(-25 22.623 -9.73)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 7854'%3E%3Cpath data-name='패스 3575' d='M2.884.424H.285C.127.424 0 .329 0 .212S.127 0 .285 0h2.6c.157 0 .285.1.285.212s-.129.212-.286.212z' style='fill:%23f8f8f8;stroke-width:.7px;stroke:%2336ab36' transform='rotate(-25 29.592 -12.622)'/%3E%3C/g%3E%3Cg data-name='그룹 7855'%3E%3Cpath data-name='패스 3576' d='M1.665.424H.266A.244.244 0 0 1 0 .212.244.244 0 0 1 .266 0h1.4a.244.244 0 0 1 .266.212.244.244 0 0 1-.267.212z' style='fill:%23f8f8f8;stroke-width:.7px;stroke:%2336ab36' transform='rotate(-25 33.782 -13.894)'/%3E%3C/g%3E%3Cg data-name='그룹 7856'%3E%3Cpath data-name='패스 3577' d='M1.762.424H.212a.212.212 0 1 1 0-.424h1.55a.212.212 0 1 1 0 .424z' style='fill:%23f8f8f8;stroke:%2336ab36' transform='rotate(-25 41.888 -17.207)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 7859'%3E%3Cpath data-name='패스 3578' d='M9.58 7.644a2.57 2.57 0 0 1 0-1.886 2.437 2.437 0 0 0-1.3-3.119 2.278 2.278 0 0 1-1.172-1.175 2.438 2.438 0 0 0-4.47 0 2.279 2.279 0 0 1-1.174 1.175 2.437 2.437 0 0 0-1.3 3.119 2.57 2.57 0 0 1 0 1.886 2.431 2.431 0 0 0 .394 2.437 2.431 2.431 0 0 1 .509 1.646 1.951 1.951 0 0 0 .01.268 1.9 1.9 0 0 0 3.7.38h.188a1.9 1.9 0 0 0 3.7-.38 1.976 1.976 0 0 0 .01-.268 2.43 2.43 0 0 1 .509-1.646 2.431 2.431 0 0 0 .396-2.437z' style='stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke:%2336ab36;fill:%23fff' transform='rotate(8 -30.716 108.835)'/%3E%3Cpath data-name='패스 3579' d='M1.955 11.733q-.28-2.652-.3-5.322L1.617.466a.488.488 0 0 0-.975 0L.6 6.411Q.583 9.077.3 11.733L0 14.619h2.259z' transform='rotate(8 -44.45 134.776)' style='fill:%2336ab36'/%3E%3Cpath data-name='선 30' transform='rotate(8 -64.769 123.763)' style='stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke:%2336ab36;fill:%23fff' d='M2.25 2.25 0 0'/%3E%3Cpath data-name='선 31' transform='rotate(8 -65.925 140.295)' style='stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke:%2336ab36;fill:%23fff' d='M0 2.25 2.25 0'/%3E%3Cpath data-name='선 32' transform='rotate(8 -91.513 122.123)' style='stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke:%2336ab36;fill:%23fff' d='M2.141 2.141 0 0'/%3E%3Cpath data-name='선 33' transform='rotate(8 -92.692 138.984)' style='stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke:%2336ab36;fill:%23fff' d='M0 2.141 2.141 0'/%3E%3C/g%3E%3Cg data-name='사각형 4706' style='stroke:%23666;stroke-width:1.2px;fill:%23fff'%3E%3Cpath d='M0 0h10v2.5A1.5 1.5 0 0 1 8.5 4h-7A1.5 1.5 0 0 1 0 2.5V0z' style='stroke:none' transform='translate(11 25.729)'/%3E%3Cpath d='M.6.6h8.8v1.9a.9.9 0 0 1-.9.9h-7a.9.9 0 0 1-.9-.9V.6z' style='fill:none' transform='translate(11 25.729)'/%3E%3C/g%3E%3Cpath d='M651.336 866.109h24.125a.427.427 0 0 1 .437.418v1.815c0 6.579-5.6 11.913-12.5 11.913s-12.5-5.334-12.5-11.913v-1.815a.428.428 0 0 1 .438-.418z' transform='translate(-647.398 -853.754)' style='stroke-miterlimit:10;stroke:%23666;stroke-width:1.2px;fill:%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 32px auto;
}

.fb__encyclopedia__detail .detail__title--snack:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg id='ic_food_32px' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23de2626; opacity: 0; %7D .cls-2, .cls-3, .cls-5 %7B fill: %23fff; %7D .cls-2, .cls-5 %7B stroke: %23666; stroke-width: 1.2px; %7D .cls-4 %7B fill: %23048c04; %7D .cls-5 %7B stroke-miterlimit: 10; %7D .cls-6 %7B stroke: none; %7D .cls-7 %7B fill: none; %7D %3C/style%3E%3C/defs%3E%3Crect id='area' class='cls-1' width='32' height='32'/%3E%3Cg id='그룹_9317' data-name='그룹 9317' transform='translate(-1179 -1865.231)'%3E%3Cg id='그룹_9316' data-name='그룹 9316' transform='translate(-27.5 -2.769)'%3E%3Cpath id='합치기_23' data-name='합치기 23' class='cls-2' d='M8.023,13.154,7.6,12.8l-.39.385a4.237,4.237,0,1,1-3.23-7.246A4.518,4.518,0,0,1,5.3,2.454,7.242,7.242,0,0,1,10.039,0a7.99,7.99,0,0,0,.173,3.517c.01.043.023.09.038.139a5.519,5.519,0,0,1,1.25-.142,5.448,5.448,0,1,1-3.477,9.64Z' transform='translate(1213.5 1869.36)'/%3E%3Cg id='그룹_8503' data-name='그룹 8503' transform='translate(1224.572 1869)'%3E%3Cpath id='패스_4921' data-name='패스 4921' class='cls-3' d='M11.734,4.256l6.374-5.277L19.225-1.7l1.173.4.757,1.116.17,1.116-.927.908L13.134,6.772Z' transform='translate(-11.217 2.063)'/%3E%3Cpath id='패스_4919' data-name='패스 4919' class='cls-4' d='M28.209,86.032a.511.511,0,0,1-.289-.934l6.9-4.753a1.262,1.262,0,0,0,.539-.856,1.3,1.3,0,0,0-.245-.984,1.285,1.285,0,0,0-1.851-.206l-6.42,5.386a.513.513,0,0,1-.656-.789L32.6,77.516a2.313,2.313,0,1,1,2.8,3.674l-6.9,4.753A.523.523,0,0,1,28.209,86.032Z' transform='translate(-26.002 -76.973)'/%3E%3C/g%3E%3Cpath id='패스_4920' data-name='패스 4920' class='cls-4' d='M29.787,83.748l-.072-.006a4.613,4.613,0,0,1-3.38-1.868,4.9,4.9,0,0,1-.573-3.591.515.515,0,0,1,.628-.367.506.506,0,0,1,.367.623,3.852,3.852,0,0,0,.434,2.774,3.651,3.651,0,0,0,2.668,1.417.511.511,0,0,1-.072,1.017Z' transform='translate(1195.725 1795.698)'/%3E%3C/g%3E%3Cg id='사각형_4706' data-name='사각형 4706' class='cls-2' transform='translate(1189.5 1890.918)'%3E%3Cpath class='cls-6' d='M0,0H10a0,0,0,0,1,0,0V2.5A1.5,1.5,0,0,1,8.5,4h-7A1.5,1.5,0,0,1,0,2.5V0A0,0,0,0,1,0,0Z'/%3E%3Cpath class='cls-7' d='M.6.6H9.4a0,0,0,0,1,0,0V2.5a.9.9,0,0,1-.9.9h-7a.9.9,0,0,1-.9-.9V.6A0,0,0,0,1,.6.6Z'/%3E%3C/g%3E%3Cpath id='Rectangle-35' class='cls-5' d='M651.336,866.109h24.125a.427.427,0,0,1,.437.418h0v1.815c0,6.579-5.6,11.913-12.5,11.913h0c-6.9,0-12.5-5.334-12.5-11.913v-1.815A.428.428,0,0,1,651.336,866.109Z' transform='translate(531.102 1011.436)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__detail .detail__title--nutrition:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='합치기 2' style='fill:none'%3E%3Cpath d='M4 23.1a4 4 0 0 1-4-4V8.5a4 4 0 0 1 3.82-4V1a1 1 0 0 1 1-1h7.548a1 1 0 0 1 1 1v3.507a4 4 0 0 1 3.82 4V19.1a4 4 0 0 1-4 4z' style='stroke:none' transform='translate(8 5.187)'/%3E%3Cpath d='M13.189 22.099c1.654 0 3-1.346 3-3V8.502a2.993 2.993 0 0 0-2.865-2.996l-.955-.043V1h-7.55v4.463l-.955.043A2.993 2.993 0 0 0 1 8.502V19.1c0 1.654 1.346 3 3 3h9.189m0 1H4a4 4 0 0 1-4.001-4V8.502a4 4 0 0 1 3.82-3.995V1a1 1 0 0 1 1-1h7.549a1 1 0 0 1 1 1v3.507a4 4 0 0 1 3.82 3.995V19.1a4 4 0 0 1-4 4z' style='fill:%23666;stroke:none' transform='translate(8 5.187)'/%3E%3C/g%3E%3Cg data-name='사각형 5870' style='stroke:%23666;fill:%23f8f8f8'%3E%3Cpath style='stroke:none' d='M0 0h17.189v7.952H0z' transform='translate(8 14.935)'/%3E%3Cpath style='fill:none' d='M.5.5h16.189v6.952H.5z' transform='translate(8 14.935)'/%3E%3C/g%3E%3Cg data-name='사각형 5869' transform='translate(10.184 4)' style='stroke:%23666;fill:%23fff'%3E%3Crect width='12.74' height='4.664' rx='1' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='11.74' height='3.664' rx='.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='사각형 6351' style='stroke:%23666;fill:none'%3E%3Cpath style='stroke:none' d='M0 0h1.092v4.55H0z' transform='translate(13.864 4.017)'/%3E%3Cpath style='fill:none' d='M.5.5h.092v3.55H.5z' transform='translate(13.864 4.017)'/%3E%3C/g%3E%3Cg data-name='사각형 6353' style='stroke:%23666;fill:none'%3E%3Cpath style='stroke:none' d='M0 0h1.092v4.55H0z' transform='translate(18.232 4.017)'/%3E%3Cpath style='fill:none' d='M.5.5h.092v3.55H.5z' transform='translate(18.232 4.017)'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__detail .detail__title--spoon:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='ic_spoon'%3E%3Cpath data-name='합치기 24' d='M3.611 24.686V11.944C1.547 11.356 0 8.936 0 6.04 0 2.7 2.052 0 4.583 0s4.582 2.7 4.582 6.04c0 2.7-1.342 4.983-3.194 5.758v12.888a1.18 1.18 0 1 1-2.36 0z' style='fill:none;stroke:%23666;stroke-miterlimit:10' transform='translate(5.373 3.488)'/%3E%3Cpath data-name='합치기 25' d='M3.611 23.645V10.867A4.937 4.937 0 0 1 0 6.1V1.052a1.041 1.041 0 1 1 2.083 0V6.1a2.846 2.846 0 0 0 1.528 2.522v-7.2a1.18 1.18 0 0 1 2.36 0v7.3A2.842 2.842 0 0 0 7.706 6.1V1.052a1.041 1.041 0 1 1 2.082 0V6.1a4.934 4.934 0 0 1-3.819 4.821v12.724a1.18 1.18 0 0 1-2.36 0z' transform='translate(16.828 4.529)' style='fill:none;stroke:%23666;stroke-miterlimit:10'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__detail .detail__title--siren:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 9901'%3E%3Cg data-name='그룹 9897'%3E%3Cg data-name='그룹 9900'%3E%3Cg data-name='그룹 9897'%3E%3Cpath data-name='선 35' style='stroke:%23048c04;stroke-linecap:round;stroke-linejoin:round;fill:%23fff;stroke-width:1.2px' d='M0 0v2.623' transform='translate(16.008 3)'/%3E%3C/g%3E%3Cg data-name='그룹 9898'%3E%3Cpath data-name='선 36' style='stroke:%23048c04;stroke-linecap:round;stroke-linejoin:round;fill:%23fff;stroke-width:1.2px' d='m0 0 1.311 2.272' transform='translate(9.713 4.686)'/%3E%3C/g%3E%3Cg data-name='그룹 9899'%3E%3Cpath data-name='선 37' style='stroke:%23048c04;stroke-linecap:round;stroke-linejoin:round;fill:%23fff;stroke-width:1.2px' d='M0 2.271 1.311 0' transform='translate(20.991 4.686)'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='패스 9309' d='M386.559 356.031h-2.075v-7.6a7.476 7.476 0 0 0-14.951 0v7.6h-2.075a1.457 1.457 0 0 0-1.458 1.457v.971a1.457 1.457 0 0 0 1.457 1.457h19.1a1.457 1.457 0 0 0 1.457-1.457v-.971a1.457 1.457 0 0 0-1.455-1.457z' transform='translate(-361 -331.842)' style='stroke:%23666;fill:%23fff;stroke-width:1.2px'/%3E%3Cpath data-name='패스 9310' d='M381.329 353.1a3.571 3.571 0 0 1 3.571-3.57' transform='translate(-368.885 -336.251)' style='stroke:%23048c04;stroke-linecap:round;stroke-linejoin:round;fill:%23fff;stroke-width:1.2px'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__detail .detail__data--simple .detail__link {
  padding: 40px 0;
}

.fb__encyclopedia__detail .detail__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.fb__encyclopedia__detail .detail__list--step .detail__item {
  min-height: 302px;
}

.fb__encyclopedia__detail .detail__item {
  width: calc((100% - 60px) / 4);
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}

.fb__encyclopedia__detail .detail__item:hover {
  border-color: #111;
  box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.fb__encyclopedia__detail .detail__item--snack .detail__link {
  padding: 64px 0;
}

.fb__encyclopedia__detail .detail__item--snack .detail__name {
  margin: 0;
  padding: 0;
  line-height: 1.4;
}

.fb__encyclopedia__detail .detail__item--snack .detail__name:before {
  display: none;
}

.fb__encyclopedia__detail .detail__link {
  display: block;
  height: 100%;
  padding: 38px 0;
  font-size: 0;
}

.fb__encyclopedia__detail .detail__img {
  display: inline-block;
  position: relative;
  width: 140px;
  height: 140px;
  border-radius: 50%;
}

.fb__encyclopedia__detail .detail__img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.fb__encyclopedia__detail .detail__img + .detail__desc {
  margin-top: 14px;
}

.fb__encyclopedia__detail .detail__img + .detail__name {
  margin-top: 39px;
}

.fb__encyclopedia__detail .detail__badge {
  position: absolute;
  bottom: -3px;
  left: 50%;
  padding: 5px 12px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #ffffff;
  border: 1px solid #36ab36;
  border-radius: 16px;
  color: #36ab36;
  font-weight: 700;
  font-size: 13px;
  line-height: 14px;
  white-space: nowrap;
}

.fb__encyclopedia__detail .detail__desc {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
  color: #666;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__detail .detail__desc:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 20px;
  height: 1px;
  margin-left: -10px;
  background-color: #e8e8e8;
}

.fb__encyclopedia__detail .detail__name {
  display: block;
  color: #111;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
}

.fb__encyclopedia__detail .detail__name--pink {
  color: #ff6686;
}

.fb__encyclopedia__detail .detail__name--pcolor {
  color: #36ab36;
}

.fb__encyclopedia__detail .detail__name--blue {
  color: #3f71e0;
}

.fb__encyclopedia__schedule {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  padding: 20px 0;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.fb__encyclopedia__schedule .schedule__name {
  margin-right: 40px;
  color: #111;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__encyclopedia__schedule .schedule__list {
  font-size: 0;
}

.fb__encyclopedia__schedule .schedule__info {
  display: inline-flex;
  align-items: center;
}

.fb__encyclopedia__schedule .schedule__info:not(:first-of-type) {
  margin-left: 20px;
}

.fb__encyclopedia__schedule .schedule__info:before {
  content: '';
  display: inline-block;
  width: 32px;
  height: 32px;
}

.fb__encyclopedia__schedule .schedule__info--bottle:before {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='그룹 9492'%3E%3Cg data-name='그룹 9489' transform='translate(-521.354 -178.785)'%3E%3Crect data-name='사각형 6370' width='11.784' height='18.644' rx='4.45' transform='translate(531.088 190.082)' style='fill:%23fff'/%3E%3Cpath data-name='패스 4928' d='M540.694 219.438h-7.428a2.915 2.915 0 0 1-2.912-2.912v-14.288a2.915 2.915 0 0 1 2.912-2.912h7.428a2.915 2.915 0 0 1 2.912 2.912v14.289a2.915 2.915 0 0 1-2.912 2.911zm-7.428-18.644a1.445 1.445 0 0 0-1.444 1.444v14.289a1.445 1.445 0 0 0 1.444 1.444h7.428a1.445 1.445 0 0 0 1.444-1.444v-14.289a1.445 1.445 0 0 0-1.444-1.444z' transform='translate(0 -9.978)' style='fill:%23666'/%3E%3Crect data-name='사각형 6371' width='11.784' height='3.541' rx='1.771' transform='translate(531.088 186.541)' style='fill:%23fff'/%3E%3Cpath data-name='패스 4930' d='M543.8 183.462a2.177 2.177 0 1 0-3.612 1.625v2.219h2.871v-2.219a2.162 2.162 0 0 0 .741-1.625z' transform='translate(-4.642 -.766)' style='fill:%23fff'/%3E%3Cpath data-name='패스 4931' d='M542.292 187.275h-2.871a.734.734 0 0 1-.734-.734v-1.916a2.911 2.911 0 1 1 4.339 0v1.916a.734.734 0 0 1-.734.734zm-2.137-1.468h1.4v-1.485a.736.736 0 0 1 .248-.55 1.42 1.42 0 0 0 .494-1.075 1.443 1.443 0 0 0-2.886 0 1.42 1.42 0 0 0 .494 1.075.736.736 0 0 1 .248.55z' transform='translate(-3.876)' style='fill:%2336ab36'/%3E%3Cpath data-name='사각형 6372' transform='translate(531.088 194.682)' style='fill:%23666' d='M0 0h3.715v1.468H0z'/%3E%3Cpath data-name='사각형 6373' transform='translate(531.088 202.912)' style='fill:%23666' d='M0 0h3.715v1.468H0z'/%3E%3Cpath data-name='사각형 6374' transform='translate(531.088 198.797)' style='fill:%23666' d='M0 0h3.715v1.468H0z'/%3E%3Cpath data-name='패스 4929' d='M541.39 197.1h-8.82a2.219 2.219 0 0 1-2.216-2.216v-.577a2.219 2.219 0 0 1 2.216-2.216h8.82a2.219 2.219 0 0 1 2.216 2.216v.577a2.219 2.219 0 0 1-2.216 2.216zm-8.82-3.542a.749.749 0 0 0-.748.748v.577a.749.749 0 0 0 .748.748h8.82a.749.749 0 0 0 .748-.748v-.577a.749.749 0 0 0-.748-.748z' transform='translate(0 -6.283)' style='stroke:transparent;fill:%23666'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__schedule .schedule__info--soup:before {
  margin-right: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg data-name='사각형 4706' style='stroke:%23666;stroke-width:1.2px;fill:%23fff'%3E%3Cpath d='M0 0h10v2.5A1.5 1.5 0 0 1 8.5 4h-7A1.5 1.5 0 0 1 0 2.5V0z' style='stroke:none' transform='translate(11.5 24.918)'/%3E%3Cpath d='M.6.6h8.8v1.9a.9.9 0 0 1-.9.9h-7a.9.9 0 0 1-.9-.9V.6z' style='fill:none' transform='translate(11.5 24.918)'/%3E%3C/g%3E%3Cg data-name='그룹 8503'%3E%3Cpath data-name='패스 4921' d='m11.734 5.391 7.621-6.283 1.334-.808 1.4.473L23 .1l.2 1.328-1.109 1.08-8.683 5.877z' transform='rotate(-12.04 46.708 -13.447)' style='fill:%23fff'/%3E%3Cpath data-name='패스 4919' d='M28.577 87.544a.6.6 0 0 1-.337-1.09l8.049-5.546a1.472 1.472 0 0 0 .629-1 1.514 1.514 0 0 0-.285-1.148 1.5 1.5 0 0 0-2.16-.24l-7.492 6.285a.6.6 0 0 1-.765-.921l7.484-6.277a2.7 2.7 0 1 1 3.269 4.287l-8.048 5.546a.61.61 0 0 1-.344.104z' transform='rotate(-12.04 -321.464 95.68)' style='fill:%2336ab36'/%3E%3C/g%3E%3Cpath d='M651.336 866.109h24.125a.427.427 0 0 1 .437.418v1.815c0 6.579-5.6 11.913-12.5 11.913s-12.5-5.334-12.5-11.913v-1.815a.428.428 0 0 1 .438-.418z' transform='translate(-646.898 -854.565)' style='stroke-miterlimit:10;stroke:%23666;stroke-width:1.2px;fill:%23fff'/%3E%3C/svg%3E%0A");
  background-size: 32px auto;
}

.fb__encyclopedia__schedule .schedule__info__name {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__schedule .schedule__info__value {
  margin-left: 8px;
  color: #111;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__nutrition {
  font-size: 0;
}

.fb__encyclopedia__nutrition .nutrition__food-list {
  display: flex;
  gap: 20px;
  row-gap: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.fb__encyclopedia__nutrition .nutrition__food-list .food-list__item {
  width: calc((100% - 40px) / 3);
}

.fb__encyclopedia__nutrition .nutrition__food-list .food-list__img {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 147 / 220);
  margin-bottom: 12px;
}

.fb__encyclopedia__nutrition .nutrition__food-list .food-list__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__encyclopedia__nutrition .nutrition__food-list .food-list__text {
  text-align: center;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__nutrition .nutrition__food-list .food-list__text em {
  color: #999;
}

.fb__encyclopedia__nutrition .nutrition__best {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  margin-top: 20px;
}

.fb__encyclopedia__nutrition .nutrition__best .best__item {
  width: calc((100% - 40px) / 3);
}

.fb__encyclopedia__nutrition .nutrition__best .best__img {
  position: relative;
  width: 100%;
  padding-top: calc(100% * 147 / 220);
  margin-bottom: 20px;
}

.fb__encyclopedia__nutrition .nutrition__best .best__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.fb__encyclopedia__nutrition .nutrition__best .best__info__name {
  color: #111;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__nutrition .nutrition__best .best__info__text {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #e8e8e8;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__encyclopedia__cle-tip {
  position: relative;
  margin-top: 66px;
  padding: 44px 40px 40px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.fb__encyclopedia__cle-tip .cle-tip__title {
  display: inline-flex;
  align-items: center;
  position: absolute;
  left: 50%;
  top: -16px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 4px 15px 4px 12px;
  background: #36ab36;
  border-radius: 50px;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.fb__encyclopedia__cle-tip .cle-tip__title:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 9966'%3E%3Cpath data-name='사각형 6517' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cg data-name='그룹 9965' transform='translate(-543.763 -430.804)'%3E%3Ccircle data-name='타원 389' cx='1.7' cy='1.7' r='1.7' transform='translate(553.559 450.082)' style='stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;fill:none'/%3E%3Cpath data-name='패스 9376' d='M565.352 447.35a4.936 4.936 0 1 0-8.788 3.079 7.676 7.676 0 0 1 1.66 3.571l.143.894h4.1l.119-.745a8.3 8.3 0 0 1 1.725-3.775 4.9 4.9 0 0 0 1.041-3.024z' transform='translate(-5.219 -5.632)' style='stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;fill:none'/%3E%3Crect data-name='사각형 6514' width='5.611' height='1.921' rx='.961' transform='translate(552.453 447.94)' style='fill:%2336ab36;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3Crect data-name='사각형 6515' width='5.611' height='1.921' rx='.961' transform='translate(552.453 449.861)' style='fill:%2336ab36;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3Cpath data-name='선 54' transform='translate(555.263 433.804)' style='fill:%23fff;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M0 1V0'/%3E%3Cpath data-name='선 55' transform='translate(548.934 435.586)' style='fill:%23fff;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M1 1 0 0'/%3E%3Cpath data-name='선 56' transform='translate(546.763 441.3)' style='fill:%23fff;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M1 0H0'/%3E%3Cpath data-name='선 59' transform='translate(562.176 441.3)' style='fill:%23fff;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M0 0h1'/%3E%3Cpath data-name='선 60' transform='translate(560.584 435.586)' style='fill:%23fff;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='m0 1 1-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__cle-tip .cle-tip__top {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid #e8e8e8;
}

.fb__encyclopedia__cle-tip .cle-tip__text {
  color: #111;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
}

.fb__encyclopedia__cle-tip .cle-tip__text:not(:first-of-type) {
  margin-top: 8px;
}

.fb__encyclopedia__cle-tip .cle-tip__list {
  font-size: 0;
  margin-left: -10px;
}

.fb__encyclopedia__cle-tip .cle-tip__item {
  display: flex;
}

.fb__encyclopedia__cle-tip .cle-tip__item:not(:first-of-type) {
  margin-top: 16px;
}

.fb__encyclopedia__cle-tip .cle-tip__item:before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  margin-right: 8px;
}

.fb__encyclopedia__cle-tip .cle-tip__item--1:before {
  background: url(../images/contents/1.png) no-repeat center center/100% auto;
}

.fb__encyclopedia__cle-tip .cle-tip__item--2:before {
  background: url(../images/contents/2.png) no-repeat center center/100% auto;
}

.fb__encyclopedia__cle-tip .cle-tip__item__text {
  padding-top: 16px;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__encyclopedia__cle-tip .cle-tip__item__text em {
  font-weight: 800;
  color: #fc5f47;
}

.fb__encyclopedia__snack .snack__tip {
  margin-top: 28px;
}

.fb__encyclopedia__snack .snack__tip__title {
  display: inline-flex;
  align-items: flex-start;
  margin-bottom: 12px;
  color: #666;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.fb__encyclopedia__snack .snack__tip__title:before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -4px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 9966'%3E%3Cpath data-name='사각형 6517' style='fill:none' d='M0 0h24v24H0z'/%3E%3Cg data-name='그룹 9965' transform='translate(-543.763 -430.804)'%3E%3Ccircle data-name='타원 389' cx='1.7' cy='1.7' r='1.7' transform='translate(553.559 450.082)' style='stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;fill:none'/%3E%3Cpath data-name='패스 9376' d='M565.352 447.35a4.936 4.936 0 1 0-8.788 3.079 7.676 7.676 0 0 1 1.66 3.571l.143.894h4.1l.119-.745a8.3 8.3 0 0 1 1.725-3.775 4.9 4.9 0 0 0 1.041-3.024z' transform='translate(-5.219 -5.632)' style='stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;fill:none'/%3E%3Crect data-name='사각형 6514' width='5.611' height='1.921' rx='.961' transform='translate(552.453 447.94)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3Crect data-name='사각형 6515' width='5.611' height='1.921' rx='.961' transform='translate(552.453 449.861)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px'/%3E%3Cpath data-name='선 54' transform='translate(555.263 433.804)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M0 1V0'/%3E%3Cpath data-name='선 55' transform='translate(548.934 435.586)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M1 1 0 0'/%3E%3Cpath data-name='선 56' transform='translate(546.763 441.3)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M1 0H0'/%3E%3Cpath data-name='선 59' transform='translate(562.176 441.3)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='M0 0h1'/%3E%3Cpath data-name='선 60' transform='translate(560.584 435.586)' style='fill:%23fff;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px' d='m0 1 1-1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__snack .snack__tip__text {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.79;
  white-space: pre-line;
  word-break: keep-all;
}

.fb__encyclopedia__snack .snack__ingredients {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 28px;
}

.fb__encyclopedia__snack .snack__ingredients .ingredients__item {
  width: calc((100% - 48px) / 4);
}

.fb__encyclopedia__snack .snack__ingredients .ingredients__name {
  margin-top: 12px;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
}

.fb__encyclopedia__snack .fb__encyclopedia__step {
  margin-top: 61px;
}

.fb__encyclopedia__step {
  font-size: 0;
}

.fb__encyclopedia__step .step__item:not(:first-of-type) {
  margin-top: 40px;
}

.fb__encyclopedia__step .step__title {
  margin-bottom: 20px;
  padding: 12px 0;
  background: #effaed;
  border-radius: 50px;
  color: #36ab36;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.fb__encyclopedia__step .step__inner {
  display: flex;
  align-items: center;
}

.fb__encyclopedia__step .step__img {
  flex-shrink: 0;
  width: 220px;
  height: auto;
  margin-right: 24px;
}

.fb__encyclopedia__step .step__info__title {
  display: block;
  margin-bottom: 12px;
  color: #111;
  font-weight: 800;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__step .step__info__text {
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.79;
  white-space: pre-line;
  word-break: keep-all;
}

.fb__encyclopedia__step .step__info__text em {
  color: #fc5f47;
  font-weight: 800;
}

.fb__encyclopedia__eat .eat__box {
  margin-top: 50px;
  padding-top: 28px;
  border-top: 1px solid #e8e8e8;
}

.fb__encyclopedia__eat .eat__box__inner {
  margin-top: 28px;
}

.fb__encyclopedia__eat .eat__box--28 {
  margin-top: 28px;
}

.fb__encyclopedia__book {
  position: relative;
  margin-top: 44px;
  margin-bottom: 50px;
  padding: 28px 28px 24px;
  background: #f8f8f8;
  border-radius: 8px;
  font-size: 0;
}

.fb__encyclopedia__book .book__icon {
  position: absolute;
  top: -16px;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cdefs%3E%3CclipPath id='rzxnra9oya'%3E%3Cpath data-name='사각형 5647' style='fill:none;stroke:%2336ab36;stroke-width:1.4px' d='M0 0h20.115v16.347H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(6 8)' style='clip-path:url(%23rzxnra9oya)'%3E%3Cpath data-name='패스 3134' d='m9.94 2.442.981-.919A3.789 3.789 0 0 1 13.511.5h5.869v13.557h-5.869a3.515 3.515 0 0 0-2.59.638l-.981.919-.981-.919a3.515 3.515 0 0 0-2.59-.638H.5V.5h5.869A3.789 3.789 0 0 1 8.96 1.523z' transform='translate(.117 .116)' style='stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:%2336ab36;stroke-width:1.4px'/%3E%3Cpath data-name='선 8' transform='translate(10.058 2.558)' style='stroke-linecap:round;stroke-linejoin:round;fill:none;stroke:%2336ab36;stroke-width:1.4px' d='M0 0v8.335'/%3E%3C/g%3E%3C/svg%3E%0A");
  font-size: 0;
}

.fb__encyclopedia__book .book__text {
  color: #666;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.67;
  white-space: pre-line;
  text-align: center;
}

.fb__encyclopedia__book .book__text em {
  font-weight: 700;
  color: #fc5f47;
}

.fb__encyclopedia__question-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8e8e8;
  color: #36ab36;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}

.fb__encyclopedia__question-title:before {
  content: '';
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-right: 8px;
  background: url(../images/contents/Q.png) no-repeat center center/100% auto;
}

.fb__encyclopedia__step-box {
  padding: 28px 36px 28px 24px;
  background: #effaed;
  border-radius: 8px;
}

.fb__encyclopedia__step-box .step-box__list {
  display: flex;
  gap: 15px;
}

.fb__encyclopedia__step-box .step-box__list:not(:first-of-type) {
  margin-top: 20px;
}

.fb__encyclopedia__step-box .step-box__title {
  width: 100px;
  flex-shrink: 0;
  color: #111;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.5;
}

.fb__encyclopedia__step-box .step-box__data {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__encyclopedia__start {
  display: flex;
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  font-size: 0;
}

.fb__encyclopedia__start .start__img {
  flex-shrink: 0;
  width: 220px;
  margin-right: 24px;
}

.fb__encyclopedia__start .start__img img {
  width: 100%;
}

.fb__encyclopedia__start .start__title {
  display: block;
  margin-bottom: 12px;
  color: #111;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
}

.fb__encyclopedia__start .start__item {
  display: flex;
  align-items: center;
  color: #111;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  white-space: nowrap;
}

.fb__encyclopedia__start .start__item:not(:first-of-type) {
  margin-top: 8px;
}

.fb__encyclopedia__start .start__item:before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-right: 4px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle data-name='Ellipse 2' cx='8' cy='8' r='8' style='fill:none'/%3E%3Cpath data-name='Shape 2 copy' d='m940.6 407.813 2.831 2.831 5.226-5.444' transform='translate(-936.607 -400.042)' style='stroke:%2336ab36;stroke-linecap:round;stroke-width:1.4px;fill:none'/%3E%3C/svg%3E%0A");
}

.fb__encyclopedia__start .start__tip {
  margin-top: 16px;
  color: #fc5f47;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__encyclopedia__q-box {
  display: flex;
  gap: 20px;
  padding: 32px 24px;
  background: #effaed;
  border-radius: 8px;
}

.fb__encyclopedia__q-box:not(:first-of-type) {
  margin-top: 12px;
}

.fb__encyclopedia__q-box .q-box__left {
  flex-shrink: 0;
}

.fb__encyclopedia__q-box .q-box__icon {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin-top: -8px;
  margin-right: 8px;
  background: url(../images/contents/Q.png) no-repeat center center/100% auto;
  font-size: 0;
  vertical-align: top;
}

.fb__encyclopedia__q-box .q-box__title {
  max-width: 140px;
  display: inline-block;
  color: #36ab36;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.39;
  vertical-align: top;
}

.fb__encyclopedia__q-box .q-box__item {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.79;
}

.fb__encyclopedia__why .detail__title {
  margin-bottom: 28px;
}

.fb__encyclopedia__why .why__img-box {
  text-align: center;
}

.fb__encyclopedia__why .why__img {
  display: inline-block;
  width: 160px;
}

.fb__encyclopedia__why .why__img img {
  width: 100%;
  height: auto;
}

.fb__benefits-guide__info {
  margin-top: 80px;
}

.fb__benefits-guide__info .info__header {
  margin-bottom: 24px;
  padding-bottom: 12px;
  color: #111;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  border-bottom: 1px solid #e8e8e8;
}

.fb__benefits-guide__info .info__list {
  font-size: 0;
}

.fb__benefits-guide__info .info__item:not(:first-of-type) {
  margin-top: 16px;
}

.fb__benefits-guide__info .info__text {
  padding-left: 10px;
  text-indent: -10px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__benefits-guide__info .info__text:not(:first-of-type) {
  margin-top: 8px;
}

.fb__benefits-guide__info .info__text--none {
  text-indent: 0;
}

.fb__benefits-guide__rank {
  display: inline-block;
}

.fb__benefits-guide__rank img {
  width: 72px;
  height: 72px;
}

.fb__benefits-guide__rank .rank__text {
  margin-top: 4px;
  color: #111;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.fb__benefits-guide .common-tab {
  margin-bottom: 30px;
}

.fb__benefits-guide__customer .customer__text-banner {
  margin-bottom: 40px;
  padding: 40px 0;
  background: #fef8ef;
  border-radius: 8px;
  text-align: center;
}

.fb__benefits-guide__customer .customer__text-banner__title {
  color: #111;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__benefits-guide__customer .customer__text-banner__title em {
  color: #36ab36;
}

.fb__benefits-guide__customer .customer__text-banner__sub {
  margin-top: 12px;
  color: #666;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.fb__benefits-guide__customer .customer__benefits__comment {
  display: block;
  margin-bottom: 12px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
}

.fb__benefits-guide__customer .customer__table.table-default th {
  color: #666;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.47;
}

.fb__benefits-guide__customer .customer__table.table-default td:not(:last-of-type) {
  border-right: 1px solid #e8e8e8;
}

.fb__benefits-guide__customer .customer__table .table__condition th, .fb__benefits-guide__customer .customer__table .table__condition td {
  padding: 30px;
}

.fb__benefits-guide__customer .customer__table .table__condition td {
  color: #666;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
}

.fb__benefits-guide__customer .customer__table .table__condition td em {
  color: #111;
  font-weight: 700;
}

.fb__benefits-guide__customer .customer__table .table__ratio th, .fb__benefits-guide__customer .customer__table .table__ratio td {
  padding: 30px;
}

.fb__benefits-guide__customer .customer__table .table__ratio td {
  color: #fc5f47;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__benefits-guide__customer .customer__table .table__coupon th, .fb__benefits-guide__customer .customer__table .table__coupon td {
  padding: 24px;
}

.fb__benefits-guide__customer .customer__table .table__coupon td {
  vertical-align: top;
}

.fb__benefits-guide__customer .customer__table .table__coupon__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.fb__benefits-guide__customer .customer__coupon {
  display: inline-block;
  width: 104px;
  height: 56px;
  padding: 12px 12px 8px 28px;
}

.fb__benefits-guide__customer .customer__coupon--vip {
  background: url(../images/contents/benefits/coupon_vip.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__customer .customer__coupon--gold {
  background: url(../images/contents/benefits/coupon_gold.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__customer .customer__coupon--white {
  background: url(../images/contents/benefits/coupon_white.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__customer .customer__coupon__text {
  display: block;
  color: #111;
  font-weight: 700;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
}

.fb__benefits-guide__customer .customer__coupon__price {
  display: block;
  margin-top: 4px;
  color: #111;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
}

.fb__benefits-guide__invite {
  font-size: 0;
}

.fb__benefits-guide__invite .invite__header {
  position: relative;
  padding: 50px 0px 126px;
  text-align: center;
  background: url(../images/contents/benefits/invite_top_background.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__invite .invite__header .header__sub {
  margin-bottom: 24px;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
}

.fb__benefits-guide__invite .invite__header .header__title {
  color: #ffffff;
  font-weight: 800;
  font-size: 54px;
  line-height: 65px;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}

.fb__benefits-guide__invite .invite__header .header__title em {
  color: #ffe66d;
}

.fb__benefits-guide__invite .invite__content {
  background: #f8f8f8;
  padding: 103px 110px 80px;
}

.fb__benefits-guide__invite .invite__coupon {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -63px;
  width: 286px;
  height: 167px;
  padding: 55px 18px 36px 12px;
  background: url(../images/contents/benefits/coupon_invite.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__invite .invite__coupon .coupon__price {
  color: #ffffff;
  font-weight: 800;
  font-size: 51px;
  line-height: 56px;
}

.fb__benefits-guide__invite .invite__coupon .coupon__price small {
  font-size: 36px;
}

.fb__benefits-guide__invite .invite__coupon .coupon__name {
  margin-top: 2px;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}

.fb__benefits-guide__invite .invite__step .step__title {
  margin-bottom: 24px;
  color: #fc5f47;
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
}

.fb__benefits-guide__invite .invite__step .step__title em {
  position: relative;
  display: inline-block;
  box-shadow: inset 0px -8px 0px 0px rgba(255, 230, 109, 0.5);
}

.fb__benefits-guide__invite .invite__step .step__list {
  display: flex;
  justify-content: space-between;
  font-size: 0;
}

.fb__benefits-guide__invite .invite__step .step__item {
  width: calc((100% - 12px) / 2);
  padding: 28px;
  background: #ffffff;
  border-radius: 8px;
  text-align: center;
}

.fb__benefits-guide__invite .invite__step .step__number {
  display: inline-block;
  margin-bottom: 16px;
  border-bottom: 1px solid #666;
  color: #666;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
}

.fb__benefits-guide__invite .invite__step .step__text {
  color: #111;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.47;
}

.fb__benefits-guide__invite .invite__step .step__text em {
  color: #36ab36;
}

.fb__benefits-guide__invite .invite__step .step__content {
  margin-top: 28px;
}

.fb__benefits-guide__invite .invite__step .step__img {
  display: inline-block;
}

.fb__benefits-guide__invite .invite__btn-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 50px;
}

.fb__benefits-guide__invite .invite__share {
  font-size: 0;
}

.fb__benefits-guide__invite .invite__share--kakao {
  width: 358px;
  height: 72px;
  background: url(../images/contents/benefits/benifits_share_kakao.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__invite .invite__share--benefit {
  width: 72px;
  height: 72px;
  background: url(../images/contents/benefits/benifits_share_friend.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__invite .invite__notice {
  font-size: 0;
  margin-top: 80px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}

.fb__benefits-guide__invite .invite__notice .notice__title {
  margin-bottom: 20px;
  color: #111;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
}

.fb__benefits-guide__invite .invite__notice .notice__content__title {
  display: block;
  margin-bottom: 12px;
  color: #666;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__benefits-guide__invite .invite__notice .notice__list {
  counter-reset: num;
}

.fb__benefits-guide__invite .invite__notice .notice__item {
  counter-increment: num;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__benefits-guide__invite .invite__notice .notice__item:before {
  content: counter(num) ".";
  display: inline-block;
  width: 14px;
}

.fb__benefits-guide__invite .invite__notice .notice__item:not(:first-of-type) {
  margin-top: 12px;
}

.fb__benefits-guide__coupon .coupon__content {
  padding: 80px 114px 100px;
  background: #fef8ef;
  border-radius: 8px;
}

.fb__benefits-guide__coupon .coupon__header {
  margin-bottom: 56px;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__title {
  color: #36ab36;
  font-weight: 800;
  font-size: 88px;
  line-height: 97px;
}

.fb__benefits-guide__coupon .coupon__sub-title {
  margin-top: 12px;
  color: #111;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__benefits-guide__coupon .coupon__sub-title em {
  color: #fc5f47;
}

.fb__benefits-guide__coupon .coupon__join-main {
  margin-top: 36px;
  width: 220px;
  border-radius: 26px;
}

.fb__benefits-guide__coupon .coupon__section {
  padding: 40px 98px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.06);
}

.fb__benefits-guide__coupon .coupon__section--coupon-pack {
  padding: 40px 56px;
}

.fb__benefits-guide__coupon .coupon__section:not(:first-of-type) {
  margin-top: 30px;
}

.fb__benefits-guide__coupon .coupon__section .section__header {
  margin-bottom: 28px;
}

.fb__benefits-guide__coupon .coupon__section .section__header__top {
  font-size: 0;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__section .section__number {
  display: inline-block;
  margin-right: 12px;
  padding: 7px 12px 5px;
  background: #36ab36;
  border-radius: 50px;
  color: #ffffff;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  vertical-align: middle;
}

.fb__benefits-guide__coupon .coupon__section .section__title {
  display: inline-block;
  color: #111;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  vertical-align: middle;
}

.fb__benefits-guide__coupon .coupon__section .section__title strong {
  font-weight: 800;
}

.fb__benefits-guide__coupon .coupon__section .section__sub-title {
  margin-top: 28px;
  color: #111;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__section .section__sub-title em {
  color: #fc5f47;
  font-weight: 700;
}

.fb__benefits-guide__coupon .coupon__section .section__content {
  font-size: 0;
}

.fb__benefits-guide__coupon .coupon__section .section__bottom {
  border-top: 1px solid #e8e8e8;
}

.fb__benefits-guide__coupon .coupon__pack .pack__box {
  margin-bottom: 50px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__title {
  padding: 12px 0 11px;
  margin-bottom: 28px;
  background: #f8f8f8;
  border-radius: 4px;
  color: #111;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon {
  display: flex;
  align-items: start;
  justify-content: center;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__wrapper {
  position: relative;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__wrapper:not(:first-of-type) {
  padding-left: 36px;
  margin-left: 16px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__wrapper:not(:first-of-type):before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 26px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../images/contents/benefits/ic_plus.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__name {
  margin-top: 15px;
  color: #111;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__name--small {
  word-break: keep-all;
  color: #999;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__item {
  display: inline-block;
  width: 158px;
  height: 93px;
  margin: -4px -9px -10px;
  padding: 21px 24px 22px 45px;
  font-size: 0;
  background: url(../images/contents/benefits/coupon_orange.png) no-repeat center center/100% auto;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__text {
  display: block;
  color: #111;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__coupon .coupon__price {
  display: block;
  margin-top: 4px;
  color: #111;
  font-weight: 800;
  font-size: 24px;
  line-height: 26px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__guide {
  margin-top: 30px;
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: left;
  padding-left: 8px;
  text-indent: -8px;
}

.fb__benefits-guide__coupon .coupon__pack .pack__guide:not(:first-of-type) {
  margin-top: 5px;
}

.fb__benefits-guide__coupon .coupon__birthday {
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__item {
  display: inline-block;
  width: 270px;
  height: 159px;
  margin: -10px -18px -20px -16px;
  padding: 50px 0 35px;
  background: url(../images/contents/benefits/coupon_birthday.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: #ffffff;
  font-weight: 700;
  font-size: 48px;
  line-height: 53px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__text em {
  display: inline-block;
  margin-left: 2px;
  padding-bottom: 8px;
  color: #ffffff;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__price {
  display: block;
  margin-top: 4px;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__expire {
  margin-top: 30px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__expire__text {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__coupon .coupon__expire__text:not(:first-of-type) {
  margin-top: 8px;
}

.fb__benefits-guide__coupon .coupon__birthday .birthday__guide {
  margin-top: 24px;
  padding: 8px 12px 7px;
  background: #f8f8f8;
  border-radius: 50px;
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
}

.fb__benefits-guide__coupon .coupon__rank .rank__list {
  display: flex;
  gap: 40px;
  justify-content: center;
}

.fb__benefits-guide__coupon .coupon__rank .rank__link {
  font-weight: 700;
  font-size: 15px;
}

.fb__benefits-guide__coupon .coupon__rank .section__bottom {
  margin-top: 28px;
  padding-top: 24px;
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__rank .fb__benefits-guide__rank .rank__text {
  font-weight: 700;
  font-size: 14px;
}

.fb__benefits-guide__coupon .coupon__event {
  text-align: center;
}

.fb__benefits-guide__coupon .coupon__event .event__img {
  display: inline-block;
  width: 370px;
}

.fb__benefits-guide__coupon .coupon__event .event__img img {
  width: 100%;
}

.fb__benefits-guide__coupon .coupon__event .event__link {
  display: inline-block;
  width: 270px;
  height: 52px;
  font-size: 0;
  background: url(../images/contents/benefits/kakao_channel.png) no-repeat center center/100% auto;
}

.fb__benefits-guide__coupon .coupon__event .section__bottom {
  margin-top: 28px;
  padding-top: 24px;
  text-align: center;
}

.fb__benefits-guide__coupon .fb__benefits-guide__info .info__item:not(:first-of-type) {
  margin-top: 12px;
}

.fb__how-to .how-to__content {
  border-top: 1px solid #111;
}

.fb__how-to .how-to__section {
  display: flex;
  align-items: flex-start;
  padding-top: 50px;
}

.fb__how-to .how-to__section:not(:first-of-type) {
  border-top: 1px solid #e8e8e8;
  margin-top: 50px;
}

.fb__how-to .how-to__section__box {
  width: 100%;
}

.fb__how-to .how-to__section--short {
  margin-right: 54px;
}

.fb__how-to .how-to__title {
  flex: 0 0 306px;
  position: relative;
  padding-left: 42px;
  color: #111;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
}

.fb__how-to .how-to__title:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 64px;
  height: 64px;
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cdefs%3E%3CclipPath id='1dx6tr6pta'%3E%3Cpath data-name='사각형 6576' style='stroke-width:3px;stroke:%23707070;fill:none' d='M0 0h36v51.827H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name='그룹 10086'%3E%3Cpath style='fill:none' d='M0 0h64v64H0z'/%3E%3Cg data-name='그룹 10085' style='opacity:.2'%3E%3Cg data-name='그룹 10078'%3E%3Cg data-name='그룹 10077' style='clip-path:url(%231dx6tr6pta)' transform='translate(14 6)'%3E%3Cpath data-name='패스 9349' d='M14.282.615V16.1H.75V.615' transform='translate(.607 .499)' style='stroke:%23666;stroke-linejoin:bevel;stroke-width:3px;fill:none'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='패스 9350' d='M4.49 51.329z' transform='translate(17.633 6.499)' style='fill:%23fff;stroke-width:3px;stroke:%23707070'/%3E%3Cg data-name='그룹 10080'%3E%3Cg data-name='그룹 10079' style='clip-path:url(%231dx6tr6pta)' transform='translate(14 6)'%3E%3Cpath data-name='선 77' transform='translate(8.123 1.114)' style='stroke:%23666;stroke-linejoin:bevel;stroke-width:3px;fill:none' d='M0 0v50.713'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 10082'%3E%3Cg data-name='그룹 10081' style='clip-path:url(%231dx6tr6pta)' transform='translate(14 6)'%3E%3Cpath data-name='패스 9352' d='M23.388 25.972h-9.453V.616L19.507 4.5z' transform='translate(11.276 .499)' style='stroke:%23666;stroke-linejoin:bevel;stroke-width:3px;fill:none'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='패스 9353' d='M13.935 39.987z' transform='translate(25.276 17.841)' style='fill:%23fff;stroke-width:3px;stroke:%23707070'/%3E%3Cg data-name='그룹 10084'%3E%3Cg data-name='그룹 10083' style='clip-path:url(%231dx6tr6pta)' transform='translate(14 6)'%3E%3Cpath data-name='선 78' transform='translate(25.212 26.471)' style='stroke:%23666;stroke-linejoin:bevel;stroke-width:3px;fill:none' d='M0 0v25.356'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.fb__how-to .how-to__title--warm:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='그룹 10070'%3E%3Cpath style='fill:none' d='M0 0h64v64H0z'/%3E%3Cg data-name='ic_soup_32px' style='opacity:.2'%3E%3Cg data-name='사각형 4706' style='stroke-width:3px;fill:%23fff;stroke:%23666'%3E%3Cpath d='M0 0h20.282v6.613a1.5 1.5 0 0 1-1.5 1.5H1.5a1.5 1.5 0 0 1-1.5-1.5V0z' style='stroke:none' transform='translate(22.211 48.22)'/%3E%3Cpath style='fill:none' d='M1.5 1.5h17.282v5.113H1.5z' transform='translate(22.211 48.22)'/%3E%3C/g%3E%3Cpath d='M651.786 866.109h48.931a.867.867 0 0 1 .887.848v3.682c0 13.344-11.351 24.162-25.353 24.162-14 0-25.352-10.818-25.352-24.162v-3.682a.867.867 0 0 1 .887-.848z' transform='translate(-643.899 -845.013)' style='stroke-miterlimit:10;stroke-width:3px;fill:%23fff;stroke:%23666'/%3E%3Cg data-name='그룹 7936'%3E%3Cpath data-name='패스 2970' d='M480.933 700.417h0a2.615 2.615 0 0 0 0 4.318h0a2.616 2.616 0 0 1 0 4.318h0' transform='translate(-458.724 -693.417)' style='stroke:%23ff6686;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none'/%3E%3Cpath data-name='패스 3558' d='M480.933 700.417h0a2.615 2.615 0 0 0 0 4.318h0a2.616 2.616 0 0 1 0 4.318h0' transform='translate(-448.583 -693.417)' style='stroke:%23ff6686;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none'/%3E%3Cpath data-name='패스 3559' d='M480.933 700.417h0a2.615 2.615 0 0 0 0 4.318h0a2.616 2.616 0 0 1 0 4.318h0' transform='translate(-438.442 -693.417)' style='stroke:%23ff6686;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__how-to .how-to__title--store:before {
  background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='그룹 10074'%3E%3Cpath style='fill:none' d='M0 0h64v64H0z'/%3E%3Cg data-name='그룹 10073' style='opacity:.2'%3E%3Cg data-name='그룹 10075'%3E%3Cpath data-name='패스 9344' d='M43.388 34.18h-31.95A6.336 6.336 0 0 1 5.1 27.843V9.523h44.625v18.32a6.336 6.336 0 0 1-6.337 6.337' transform='translate(4.588 18.566)' style='stroke-width:3px;stroke:%23666;fill:%23fff'/%3E%3Cpath data-name='패스 9345' d='M43.388 34.18h-31.95A6.336 6.336 0 0 1 5.1 27.843V9.523h44.625v18.32a6.336 6.336 0 0 1-6.337 6.337z' transform='translate(4.588 18.566)' style='stroke-linejoin:bevel;stroke-width:3px;stroke:%23666;fill:none'/%3E%3Cpath data-name='패스 9346' d='M49.725 13.647H5.1a8.708 8.708 0 0 1 8.707-8.709h27.209a8.71 8.71 0 0 1 8.709 8.709z' transform='translate(4.588 14.442)' style='stroke-width:3px;stroke:%23666;fill:%23fff'/%3E%3Cpath data-name='선 73' transform='translate(0 32.613)' style='stroke-width:3px;stroke:%23666;fill:%23fff' d='M0 0h9.687'/%3E%3Cpath data-name='선 74' transform='translate(0 32.613)' style='stroke-linejoin:bevel;stroke-width:3px;stroke:%23666;fill:none' d='M0 0h9.687'/%3E%3Cpath data-name='선 75' transform='translate(54.313 32.613)' style='stroke-width:3px;stroke:%23666;fill:%23fff' d='M9.687 0H0'/%3E%3Cpath data-name='선 76' transform='translate(54.313 32.613)' style='stroke-linejoin:bevel;stroke-width:3px;stroke:%23666;fill:none' d='M9.687 0H0'/%3E%3Cpath data-name='패스 9348' d='M20.422 8.7h-4.144L15.176.75h6.348z' transform='translate(13.65 10.675)' style='stroke:%23ff6686;stroke-width:3px;fill:%23fff'/%3E%3Cpath data-name='패스 9347' d='M49.725 13.647H5.1a8.708 8.708 0 0 1 8.707-8.709h27.209a8.71 8.71 0 0 1 8.709 8.709z' transform='translate(4.588 14.442)' style='stroke-linejoin:bevel;stroke-width:3px;stroke:%23666;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.fb__how-to .how-to__title em {
  display: inline-block;
  position: relative;
  font-weight: 800;
}

.fb__how-to .how-to__title em:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: -1;
  width: 100%;
  height: 16px;
  background: #6cc46c;
  opacity: 0.2;
}

.fb__how-to .how-to__enjoy {
  background: url(../images/contents/how-to_background.png) no-repeat right 0 top 0/219px auto;
}

.fb__how-to.fb__common__how-to-eat .how-to-eat__order .order__list:not(:first-of-type) {
  margin-top: 16px;
}

.fb__how-to.fb__common__how-to-eat .how-to-eat__warm__guide {
  margin-top: 24px;
  padding: 0;
  border: none;
}

.fb__delivery-guide .delivery-guide__content {
  padding-top: 30px;
  border-top: 1px solid #111;
}

.fb__delivery-guide .delivery-guide__section:not(:first-of-type) {
  margin-top: 50px;
}

.fb__delivery-guide .delivery-guide__section--search .delivery-guide__guide-list {
  margin-top: 16px;
}

.fb__delivery-guide .delivery-guide__title {
  color: #111;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 12px;
}

.fb__delivery-guide .delivery-guide__guide-list {
  font-size: 0;
}

.fb__delivery-guide .delivery-guide__guide-list .guide-list__item {
  padding-left: 10px;
  text-indent: -10px;
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}

.fb__delivery-guide .delivery-guide__guide-list .guide-list__item:not(:first-of-type) {
  margin-top: 8px;
}

.fb__delivery-guide .delivery-guide__guide-list--small .guide-list__item {
  color: #666;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.4;
}

.fb__delivery-guide .delivery-guide__guide-list--black .guide-list__item {
  color: #111;
}

.fb__delivery-guide__banner {
  width: 100%;
  height: 320px;
  padding: 80px 100px;
  border-radius: 8px;
  background: url(../images/contents/deliveryGuide/delivery_background.png) no-repeat center center/100% auto;
}

.fb__delivery-guide__banner .banner__title {
  color: #ffffff;
  font-weight: 800;
  font-size: 32px;
  line-height: 1.38;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.fb__delivery-guide__banner .banner__sub-title {
  margin-top: 24px;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.fb__delivery-guide__type {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 80px;
  padding: 30px 0;
  border-bottom: 1px solid #e8e8e8;
}

.fb__delivery-guide__type .type__box {
  display: inline-flex;
  align-items: center;
  gap: 20px;
}

.fb__delivery-guide__type .type__box--cle {
  color: #36ab36;
}

.fb__delivery-guide__type .type__box--cle .type__img {
  width: 100px;
}

.fb__delivery-guide__type .type__box--normal {
  color: #3f71e0;
}

.fb__delivery-guide__type .type__img {
  display: inline-block;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
}

.fb__delivery-guide__type .type__img--cle {
  width: 100px;
}

.fb__delivery-guide__type .type__img img {
  width: 100%;
  height: auto;
}

.fb__delivery-guide__type .type__info {
  width: 100%;
}

.fb__delivery-guide__type .type__name {
  display: block;
  color: inherit;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 12px;
}

.fb__delivery-guide__type .type__desc {
  color: #111;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.47;
}

.fb__delivery-guide__search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 40px;
  background: #36ab36;
  border-radius: 8px;
  font-size: 0;
}

.fb__delivery-guide__search .search__title {
  color: #ffffff;
  font-weight: 800;
  font-size: 18px;
  line-height: 20px;
}

.fb__delivery-guide__search .search__title--sub {
  margin-top: 12px;
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__delivery-guide__search .search__input {
  position: relative;
  display: inline-block;
}

.fb__delivery-guide__search .search__input__btn {
  position: absolute;
  top: 50%;
  right: 8px;
  z-index: 1;
  width: 32px;
  height: 32px;
  margin-top: -16px;
  font-size: 0;
}

.fb__delivery-guide__search .search__input input[type='text'] {
  width: 260px;
  padding: 0 65px 0 15px;
  border-radius: 50px;
  /* 사용법 : @include line(라인수) */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fb__delivery-guide__search .search__guide {
  margin-top: 16px;
}

.fb__delivery-guide__schedule .schedule__table td {
  padding: 10px;
}

.fb__delivery-guide__schedule .schedule__type {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
}

.fb__delivery-guide__schedule .schedule__type:before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 56px;
  margin-right: 20px;
}

.fb__delivery-guide__schedule .schedule__type--cle:before {
  background: url(../images/icon/ic_delivery_cle.png) no-repeat left 0 center/56px auto;
}

.fb__delivery-guide__schedule .schedule__type--normal:before {
  background: url(../images/icon/ic_delivery_box.png) no-repeat left 0 center/56px auto;
}

.fb__delivery-guide__schedule .delivery-guide__guide-list {
  margin-top: 16px;
}

.fb__delivery-guide__delivery {
  display: flex;
  justify-content: space-between;
}

.fb__delivery-guide__delivery .delivery__section {
  display: flex;
  flex-direction: column;
  width: 501px;
}

.fb__delivery-guide__delivery .delivery__section__title {
  flex-shrink: 0;
  padding: 11px 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #ffffff;
  font-weight: 800;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  background: #36ab36;
}

.fb__delivery-guide__delivery .delivery__section--cle {
  width: 530px;
}

.fb__delivery-guide__delivery .delivery__section--normal .delivery__section__title {
  background: #3f71e0;
}

.fb__delivery-guide__delivery .delivery__section--normal .delivery__box__section .section__title i {
  background: #3f71e0;
}

.fb__delivery-guide__delivery .delivery__section--normal .delivery__week .week__list:before {
  background-color: rgba(63, 113, 224, 0.3);
}

.fb__delivery-guide__delivery .delivery__section--normal .delivery__week .week__day {
  color: #3f71e0;
  background-color: #ebf0fc;
  border: 1px solid rgba(63, 113, 224, 0.3);
}

.fb__delivery-guide__delivery .delivery__box {
  height: 100%;
  padding: 0 24px 28px;
  border: 1px solid #e8e8e8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 0;
}

.fb__delivery-guide__delivery .delivery__box__section {
  padding: 24px 0;
}

.fb__delivery-guide__delivery .delivery__box__section:not(:first-of-type) {
  border-top: 1px solid #e8e8e8;
}

.fb__delivery-guide__delivery .delivery__box__section:last-of-type {
  padding-bottom: 0;
}

.fb__delivery-guide__delivery .delivery__box__section .section__title {
  display: flex;
  margin-bottom: 16px;
  color: #111;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__delivery-guide__delivery .delivery__box__section .section__title i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  padding-top: 1px;
  background: #36ab36;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.fb__delivery-guide__delivery .delivery__img {
  text-align: center;
}

.fb__delivery-guide__delivery .delivery__week {
  display: flex;
  gap: 26px;
  margin-bottom: 20px;
}

.fb__delivery-guide__delivery .delivery__week .week__list {
  display: flex;
  gap: 8px;
  position: relative;
}

.fb__delivery-guide__delivery .delivery__week .week__list:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 24px;
  z-index: -1;
  width: calc(48px * 6 + 8px * 6);
  height: 1px;
  background-color: rgba(108, 196, 108, 0.3);
}

.fb__delivery-guide__delivery .delivery__week .week__list--col {
  flex-direction: column;
  gap: 6px;
}

.fb__delivery-guide__delivery .delivery__week .week__list--col:before {
  left: 24px;
  top: 24px;
  width: 1px;
  height: calc(48px * 2 + 6px * 2);
}

.fb__delivery-guide__delivery .delivery__week .week__list--col .week__day {
  margin-right: 10px;
}

.fb__delivery-guide__delivery .delivery__week .week__list--col .week__item {
  display: flex;
  align-items: center;
}

.fb__delivery-guide__delivery .delivery__week .week__day {
  display: inline-block;
  width: 48px;
  height: 48px;
  background: #effaed;
  border: 1px solid rgba(108, 196, 108, 0.3);
  border-radius: 50%;
  color: #36ab36;
  font-weight: 700;
  font-size: 14px;
  line-height: 48px;
  text-align: center;
}

.fb__delivery-guide__delivery .delivery__week .week__day--blank {
  color: #aaa;
  font-weight: 700;
  border: 1px dashed #ccc;
  background: #ffffff;
}

.fb__delivery-guide__delivery .delivery__week .week__text {
  color: #666;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.fb__delivery-guide__delivery .delivery__week .week__text:not(:first-of-type) {
  margin-top: 4px;
}

.fb__delivery-guide__delivery .delivery__week .week__text--title {
  font-weight: 700;
  color: #111;
}

.fb__delivery-guide__safe {
  padding: 30px 40px 40px;
  background: #f8f8f8;
  border-radius: 4px;
}

.fb__delivery-guide__safe .safe__top {
  display: flex;
}

.fb__delivery-guide__safe .safe__type {
  flex: 0 0 50%;
}

.fb__delivery-guide__safe .safe__type .type__title {
  display: block;
  margin-bottom: 16px;
  color: #36ab36;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__delivery-guide__safe .safe__type .type__title--blue {
  color: #3f71e0;
}

.fb__delivery-guide__safe .safe__type .type__info {
  color: #111;
}

.fb__delivery-guide__safe .safe__bottom {
  display: flex;
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

.fb__delivery-guide__safe .safe__info {
  flex: 0 0 50%;
  padding-left: 48px;
}

.fb__delivery-guide__safe .safe__info .info__title {
  display: inline-flex;
  align-items: center;
  margin-left: -48px;
  margin-bottom: 12px;
  color: #111;
  font-weight: 800;
  font-size: 15px;
  line-height: 17px;
}

.fb__delivery-guide__safe .safe__info .info__title:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
}

.fb__delivery-guide__safe .safe__info .info__title--icepack:before {
  background: url(../images/contents/icepack.png) no-repeat center center/100% auto;
}

.fb__delivery-guide__safe .safe__info .info__title--bottle:before {
  background: url(../images/contents/bottle.png) no-repeat center center/100% auto;
}

.fb__delivery-guide__safe .safe__info .info__item:not(:first-of-type) {
  margin-top: 20px;
}

.fb__delivery-guide__safe .safe__info .info__text {
  max-width: 340px;
  padding-left: 10px;
  color: #111;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  box-sizing: content-box;
}

.fb__delivery-guide__safe .safe__info .info__text--single {
  padding-left: 0;
}

.fb__delivery-guide__safe .safe__info .info__text--title {
  display: block;
  margin-left: -10px;
  margin-bottom: 8px;
}

.fb__delivery-guide__safe .safe__info .info__text--sub {
  color: #666;
  font-weight: 400;
  line-height: 1.5;
}

.fb__first-time .common-tab {
  margin-bottom: 30px;
}

.fb__first-time .fb__delivery-guide .delivery-guide__content {
  padding: 0;
  border: none;
}

.fb__first-time .first-time__img-content {
  font-size: 0;
}

.fb__first-time .first-time__img-content img {
  width: 100%;
}

.fb__first-time__meal-start .meal-start__menu {
  display: flex;
  align-items: flex-end;
  width: 100%;
  height: 661px;
  padding-bottom: 88px;
  background: url(../images/contents/firstTime/mealStart/content3.png) no-repeat center center/100% auto;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider {
  width: 100%;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__item {
  width: 200px;
  font-size: 0;
  text-align: center;
  box-sizing: content-box;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__item:not(:first-of-type) {
  margin-left: 30px;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__item:first-of-type {
  padding-left: 30px;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__item:last-of-type {
  padding-right: 30px;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__img {
  display: inline-block;
  width: 100%;
  height: auto;
  font-size: 0;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__img img {
  width: 100%;
  height: auto;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__text {
  margin-top: 12px;
  color: #666;
  font-weight: 700;
  font-size: 15px;
  line-height: 17px;
  text-align: center;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__pagination {
  margin-top: 60px;
  font-size: 0;
  text-align: center;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__pagination .slider-pagination {
  display: inline-block;
  width: 600px;
  height: 4px;
  background: #ffffff;
}

.fb__first-time__meal-start .meal-start__menu .menu__slider__pagination .slider-pagination .swiper-scrollbar-drag {
  background: #999;
}

.fb__first-time__meal-start .meal-start__content {
  padding: 0 24px 120px;
  background: #fef8ef;
  font-size: 0;
}

.fb__first-time__meal-start .meal-start__content__link {
  display: flex;
  flex-wrap: wrap;
}

.fb__first-time__meal-start .meal-start__content__link:not(:first-of-type) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #e8e8e8;
}

.fb__first-time__meal-start .meal-start__content__link .link__wrapper {
  display: flex;
  gap: 12px;
  font-size: 0;
}

.fb__first-time__meal-start .meal-start__content__link .link__wrapper:not(:first-of-type) {
  margin-top: 12px;
}

.fb__first-time__meal-start .meal-start__content__link .link__wrapper--three .link__item {
  width: 33%;
}

.fb__first-time__meal-start .meal-start__content__link .link__wrapper--two .link__item {
  width: 50%;
}

.fb__first-time__meal-start .meal-start__content__link .link__img {
  display: inline-block;
  width: 100%;
}

.fb__first-time__meal-start .meal-start__content__link .link__img img {
  width: 100%;
}

.fb__first-time__meal-study .meal-study__content {
  padding: 0 24px 120px;
  background: #fffef3;
  font-size: 0;
}

.fb__first-time__meal-snack .meal-snack__content {
  padding: 0 0 120px;
  background: #fffef3;
  font-size: 0;
}

.fb__first-time__meal-snack .meal-snack__content__inner {
  border-top: 1px solid #e8e8e8;
  padding-top: 24px;
  margin: 0 24px;
}

.fb__introduce-cle .common-tab {
  margin-bottom: 30px;
}

.fb__introduce-cle .introduce-cle__img-wrapper {
  display: flex;
}

.fb__introduce-cle .introduce-cle__link {
  display: block;
}

.fb__introduce-cle .introduce-cle__img {
  font-size: 0;
}

.fb__introduce-foodcare .common-tab {
  margin-bottom: 30px;
}


/*# sourceMappingURL=contents.css.map*/