@charset "UTF-8";
/*221128 jm : 드롭다운보다 snb가 스크롤시 위에 있도록 하기위해 z-index 101로 수정*/
#page-brand-detail-dining .tab-info {
  background-color: transparent;
  border-bottom: none;
}
#page-brand-detail-dining .header-dining {
  padding: calc(( var(--uw) * 15.3846153846 ) + ( var(--uw) * 18.4615384615 )) 20px 20px;
  width: 100%;
  height: auto;
  color: #fff;
  position: relative;
  overflow: hidden;
}
#page-brand-detail-dining .header-dining.active {
  height: calc( var(--uw) * 93.5897435897 );
}
#page-brand-detail-dining .header-dining .group-text {
  z-index: 2;
}
#page-brand-detail-dining .header-dining .group-text .floor-text {
  font-style: normal;
  font-weight: 500;
  font-size: calc( var(--uw) * 3.5897435897 );
  line-height: 135%;
  letter-spacing: -0.01em;
  opacity: 0.7;
}
#page-brand-detail-dining .header-dining .group-text h5 {
  font-style: normal;
  font-weight: 700;
  font-size: calc( var(--uw) * 8.2051282051 );
  line-height: 140%;
  letter-spacing: -0.03em;
}
#page-brand-detail-dining .header-dining .group-text .information-text {
  margin-top: calc( var(--uw) * 3.0769230769 );
  position: relative;
}
#page-brand-detail-dining .header-dining .group-text .information-text .text-box {
  margin-bottom: calc( var(--uw) * 5.641025641 );
}
#page-brand-detail-dining .header-dining .group-text .information-text .text-box.hidden {
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  -webkit-mask-size: calc( var(--uw) * 89.7435897436 ) calc( var(--uw) * 12.3076923077 );
  mask-size: calc( var(--uw) * 89.7435897436 ) calc( var(--uw) * 12.3076923077 );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 80%, transparent 89%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 80%, transparent 89%);
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show {
  width: 100%;
  height: calc( var(--uw) * 6.1538461538 );
  position: absolute;
  z-index: 3;
  bottom: calc( var(--uw) * -0.3846153846 );
  right: 0;
  text-align: end;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show span {
  z-index: 3;
  display: flex;
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show span:first-of-type {
  margin-top: calc( var(--uw) * 10.2564102564 );
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show span:last-of-type {
  display: none;
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show.hidden {
  justify-content: flex-end;
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show.hidden span {
  display: flex;
}
#page-brand-detail-dining .header-dining .group-text .information-text .more-show.hidden span:first-of-type {
  display: none;
}
#page-brand-detail-dining .header-dining .group-text .information-text.active .more-show {
  position: absolute;
  z-index: 3;
  bottom: calc( var(--uw) * -5.641025641 );
  text-align: start;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 0;
}
#page-brand-detail-dining .header-dining .group-text::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  background-color: black;
  height: calc(( var(--uw) * 18.4615384615 ) * 3);
  content: "";
  display: none;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0) 100%);
}
#page-brand-detail-dining .header-dining .background-Img {
  width: 100%;
  height: calc( var(--uw) * 105.641025641 );
  position: absolute;
  z-index: -4;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
#page-brand-detail-dining .header-dining .background-Img::before {
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  position: absolute;
  z-index: 1;
}
#page-brand-detail-dining .header-dining .background-Img img {
  z-index: -3;
  object-fit: cover;
  width: 100%;
  height: auto;
}
#page-brand-detail-dining .header-dining .background-Img::after {
  width: 100%;
  height: calc( var(--uw) * 74.358974359 );
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  position: absolute;
  z-index: 0;
  backdrop-filter: blur(120px);
  -webkit-backdrop-filter: blur(120px);
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 52%, rgba(0, 0, 0, 0.9430147059) 55%, rgba(0, 0, 0, 0.6432948179) 74%, rgba(0, 0, 0, 0) 93%);
  mask-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 52%, rgba(0, 0, 0, 0.9430147059) 55%, rgba(0, 0, 0, 0.6432948179) 74%, rgba(0, 0, 0, 0) 93%);
}
#page-brand-detail-dining .container-dining-info {
  padding: 24px 20px 20px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
}
#page-brand-detail-dining .container-dining-info .dining-time {
  margin-top: calc( var(--uw) * 4.1025641026 );
  margin-bottom: calc( var(--uw) * 6.1538461538 );
  color: #333333;
}
#page-brand-detail-dining .container-dining-info .dining-time .dining-open,
#page-brand-detail-dining .container-dining-info .dining-time .dining-breakTime {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc( var(--uw) * 1.0256410256 );
}
#page-brand-detail-dining .container-dining-info .dining-time .dining-open:last-child,
#page-brand-detail-dining .container-dining-info .dining-time .dining-breakTime:last-child {
  margin-bottom: 0;
}
#page-brand-detail-dining .container-dining-info .info-time {
  color: #888;
  letter-spacing: -0.01em;
  font-weight: 400;
  word-wrap: break-word;
  word-break: break-all;
}
#page-brand-detail-dining .dining-order {
  display: block;
  padding: 20px;
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}
#page-brand-detail-dining .dining-order a span {
  height: calc( var(--uw) * 11.2820512821 );
  width: calc( var(--uw) * 89.7435897436 );
  border-radius: calc( var(--uw) * 2.0512820513 );
  background-color: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-brand-detail-dining .dining-order .btn--reserve {
  display: none;
}
#page-brand-detail-dining .dining-order[disabled] a span {
  background-color: #ccc;
  color: #fff;
  border: none;
}
#page-brand-detail-dining .slider-reviews {
  padding-bottom: calc( var(--uw) * 6.6666666667 );
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}
#page-brand-detail-dining .slider-reviews .review_info {
  display: flex;
  margin: 24px 20px calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .slider-reviews .swiper {
  padding: 0 20px;
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper {
  height: calc( var(--uw) * 59.4871794872 );
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide {
  width: calc( var(--uw) * 37.4358974359 );
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide .reviews-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  font-weight: 400;
  font-size: calc( var(--uw) * 3.3333333333 );
  line-height: 135%;
  letter-spacing: -0.01em;
  color: #666;
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide a {
  display: block;
  width: calc( var(--uw) * 37.4358974359 );
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide a span {
  width: calc( var(--uw) * 37.4358974359 );
  display: inline-block;
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide a span img {
  width: calc( var(--uw) * 37.4358974359 );
  height: calc( var(--uw) * 37.4358974359 );
  display: block;
  object-fit: cover;
  border-radius: calc( var(--uw) * 1.0256410256 );
  overflow: hidden;
}
#page-brand-detail-dining .slider-reviews .swiper-wrapper .swiper-slide a span p {
  width: calc( var(--uw) * 35.8974358974 );
}
#page-brand-detail-dining .section-dining-menu .list-underline-bar ul {
  border-top: 0;
  padding: 0 20px;
}
#page-brand-detail-dining .section-dining-menu .list-dining .img-type, #page-brand-detail-dining .section-dining-menu .list-dining .price-type {
  display: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining {
  padding-bottom: calc( var(--uw) * 13.3333333333 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type {
  display: block;
  margin-top: calc( var(--uw) * 4.6153846154 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li {
  padding: calc( var(--uw) * 1.5384615385 ) 20px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li .list-thumb {
  border-radius: calc( var(--uw) * 1.0256410256 );
  overflow: hidden;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li:last-child {
  border-bottom: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: calc( var(--uw) * 28.2051282051 );
  border-radius: calc( var(--uw) * 1.0256410256 );
  height: calc( var(--uw) * 28.2051282051 );
  background-color: rgba(0, 0, 0, 0.02);
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li span img {
  height: calc( var(--uw) * 28.2051282051 );
  width: calc( var(--uw) * 28.2051282051 );
  object-fit: cover;
  border-radius: calc( var(--uw) * 1.0256410256 );
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] {
  padding: calc( var(--uw) * 4.358974359 ) 20px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price]:last-child {
  border-bottom: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] span {
  display: block;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] span::before {
  display: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text b {
  color: #000;
  margin-right: 1px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text p {
  color: #666;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu] {
  padding: calc( var(--uw) * 4.358974359 ) 20px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu]:last-child {
  border-bottom: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu] span::before {
  display: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu] .dining-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu] .dining-text b, #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=menu] .dining-text p {
  display: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type .dining-text b {
  color: #000;
  margin-right: 1px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type .dining-text p {
  color: #666;
  font-size: calc( var(--uw) * 3.0769230769 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining {
  padding-bottom: calc( var(--uw) * 21.7948717949 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type {
  margin-top: calc( var(--uw) * 4.1025641026 );
  display: block;
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type li {
  padding: calc( var(--uw) * 4.358974359 ) 20px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type li:last-child {
  border-bottom: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type .dining-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type .dining-text b {
  color: #000;
  margin-right: 1px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=price] .list-dining .price-type .dining-text p {
  color: #666;
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining {
  padding-bottom: calc( var(--uw) * 21.7948717949 );
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type {
  margin-top: calc( var(--uw) * 4.1025641026 );
  display: block;
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type li {
  padding: calc( var(--uw) * 4.358974359 ) 20px;
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type li:last-child {
  border-bottom: none;
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type .dining-text {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type .dining-text b, #page-brand-detail-dining .section-dining-menu[data-menu=menu] .list-dining .price-type .dining-text p {
  display: none;
}
#page-brand-detail-dining .notfan__section {
  margin-top: calc( var(--uw) * 20.5128205128 );
  margin-bottom: calc( var(--uw) * 51.2820512821 );
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#page-brand-detail-dining .notfan__section.active {
  display: flex;
}
#page-brand-detail-dining .notfan__section .__desc {
  text-align: center;
  color: #888;
  margin-bottom: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .notfan__section .__fanbtn {
  padding: calc( var(--uw) * 2.8205128205 ) calc( var(--uw) * 5.1282051282 );
  background-color: #F2F2F2;
  border-radius: calc( var(--uw) * 5.1282051282 );
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-brand-detail-dining[data-dining=noActive] .dining-order {
  display: none;
}
#page-brand-detail-dining .list-dining {
  padding: calc( var(--uw) * 6.9230769231 ) 20px calc( var(--uw) * 18.2051282051 ) 20px;
  display: none;
}
#page-brand-detail-dining .list-dining.no-gutter {
  padding: 0;
}
#page-brand-detail-dining .list-dining.active {
  display: block;
}
#page-brand-detail-dining .list-dining > .__tit {
  margin-bottom: calc( var(--uw) * 3.0769230769 );
}
#page-brand-detail-dining .list-dining .img-group {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc( var(--uw) * 6.1538461538 ) calc( var(--uw) * 2.5641025641 );
  margin-bottom: calc( var(--uw) * 9.4871794872 );
}
#page-brand-detail-dining .list-dining .img-group:last-child {
  margin-bottom: 0;
}
#page-brand-detail-dining .list-dining .img-group li {
  position: relative;
  border-radius: calc( var(--uw) * 1.0256410256 );
  overflow: hidden;
}
#page-brand-detail-dining .list-dining .img-group li[data-fan=not-fan] .badge-fan-wrap .badge-fan::after {
  display: none;
}
#page-brand-detail-dining .list-dining .img-group li .disabled-dim-bg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc( var(--uw) * 43.5897435897 );
  background-color: #000;
  opacity: 0.6;
  z-index: 1;
  border-radius: calc( var(--uw) * 1.0256410256 );
}
#page-brand-detail-dining .list-dining .img-group li .disabled-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: calc( var(--uw) * 43.5897435897 );
  height: calc( var(--uw) * 43.5897435897 );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
}
#page-brand-detail-dining .list-dining .img-group li .badge-fan-wrap {
  z-index: 1;
}
#page-brand-detail-dining .list-dining .img-group li a, #page-brand-detail-dining .list-dining .img-group li img {
  display: block;
  width: 100%;
}
#page-brand-detail-dining .list-dining .img-group li img {
  max-height: calc( var(--uw) * 43.5897435897 );
  height: 100%;
  object-fit: cover;
  margin-bottom: calc( var(--uw) * 2.5641025641 );
}
#page-brand-detail-dining .list-dining .img-group li h5.__title {
  margin-bottom: calc( var(--uw) * 2.0512820513 );
}
#page-brand-detail-dining .list-dining .img-group li .__badge-cont {
  display: flex;
  gap: calc( var(--uw) * 0.5128205128 );
}
#page-brand-detail-dining .list-dining .img-group li .__badge-cont .__badge {
  display: inline-block;
  color: #fff;
  padding: calc( var(--uw) * 0.7692307692 ) calc( var(--uw) * 1.7948717949 );
  border-radius: calc( var(--uw) * 4.6153846154 );
}
#page-brand-detail-dining .list-dining .img-group li .__badge-cont .__badge.__badge-grey {
  background-color: #666;
}
#page-brand-detail-dining .list-dining .img-group li .__badge-cont .__badge.__badge-black {
  background-color: #222222;
}
#page-brand-detail-dining .list-dining .img-group li .list-thumb-wrap {
  position: relative;
}
#page-brand-detail-dining .list-dining .img-group li .list-thumb-wrap::before {
  overflow: hidden;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc( var(--uw) * 43.5897435897 );
  height: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: calc( var(--uw) * 1.0256410256 );
}
#page-brand-detail-dining .list-dining .list-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc( var(--uw) * 11.2820512821 );
  padding: 0 20px;
  border-bottom: 1px solid #f6f6f6;
}
#page-brand-detail-dining .list-dining .list-info .popup-noti {
  pointer-events: none;
  display: inline-block;
  position: absolute;
  bottom: calc( var(--uw) * -8.9743589744 );
  left: 20px;
  width: calc( var(--uw) * 71.7948717949 );
  padding: calc( var(--uw) * 2.5641025641 ) 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: calc( var(--uw) * 2.0512820513 );
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  transition: all ease 0.3s;
  z-index: 10;
  opacity: 0;
}
#page-brand-detail-dining .list-dining .list-info .popup-noti.active {
  opacity: 1;
}
#page-brand-detail-dining .list-dining .list-info .popup-noti b {
  color: #fff;
}
#page-brand-detail-dining .list-dining .list-info .popup-noti::after {
  content: "";
  display: block;
  position: absolute;
  top: calc( var(--uw) * -2.0512820513 );
  left: calc( var(--uw) * 5.1282051282 );
  width: calc( var(--uw) * 3.0769230769 );
  height: calc( var(--uw) * 2.0512820513 );
  background-image: url("/resources/img/icon/polygon2.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
#page-brand-detail-dining .list-dining .list-info .__brand {
  position: relative;
  padding-right: calc( var(--uw) * 8.0769230769 );
}
#page-brand-detail-dining .list-dining .list-info .__brand::after {
  content: "";
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  right: calc( var(--uw) * 3.2051282051 );
  display: block;
  width: calc( var(--uw) * 4.1025641026 );
  height: calc( var(--uw) * 4.1025641026 );
  background-image: url("/resources/img/icon/categorize.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
#page-brand-detail-dining .list-dining .__check-cont {
  display: flex;
  align-items: center;
  padding: calc( var(--uw) * 5.1282051282 ) 20px calc( var(--uw) * 2.0512820513 );
}
#page-brand-detail-dining .list-dining .__check-cont .__total {
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .list-dining .__check-cont .check-box {
  color: #666;
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .list-dining .__check-cont .__order {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#page-brand-detail-dining .list-dining .__check-cont .__order img {
  margin-left: calc( var(--uw) * 1.4102564103 );
  width: calc( var(--uw) * 4.1025641026 );
  height: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-dining .list-dining .review__section {
  margin: 0 20px;
}
#page-brand-detail-dining .list-dining .review__section > .__review-cont.show ~ .__review-cont.show {
  border-top: 0.5px solid rgba(0, 0, 0, 0.14);
}
#page-brand-detail-dining .list-dining .review__section .__review-cont {
  display: none;
  padding-bottom: calc( var(--uw) * 5.1282051282 );
}
#page-brand-detail-dining .list-dining .review__section .__review-cont.show {
  display: block;
}
#page-brand-detail-dining .list-dining .noresult__section {
  display: none;
  align-items: center;
  justify-content: center;
  margin: calc( var(--uw) * 40.2564102564 ) auto;
  color: #888;
}
#page-brand-detail-dining .list-dining .noresult__section.active {
  display: flex;
}

.review__star {
  display: flex;
  margin: calc( var(--uw) * 2.5641025641 ) 0 calc( var(--uw) * 2.0512820513 );
}
.review__star .__star-cont {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-right: calc( var(--uw) * 1.5384615385 );
  gap: calc( var(--uw) * 0.2564102564 );
  color: #666;
}
.review__star .__star-cont .__star {
  width: calc( var(--uw) * 4.1025641026 );
  height: calc( var(--uw) * 4.1025641026 );
}
.review__star .__star-cont .__star svg {
  display: block;
  width: 100%;
  height: 100%;
}
.review__star .__star-cont .__star svg path {
  fill: #ddd;
}
.review__star .__star-cont[data-score="1"] .__star:nth-of-type(1) svg path {
  fill: #000;
}
.review__star .__star-cont[data-score="1"]::after {
  visibility: visible;
  content: "1";
  margin-left: calc( var(--uw) * 1.2820512821 );
}
.review__star .__star-cont[data-score="2"] .__star:nth-of-type(1) svg path, .review__star .__star-cont[data-score="2"] .__star:nth-of-type(2) svg path {
  fill: #000;
}
.review__star .__star-cont[data-score="2"]::after {
  visibility: visible;
  content: "2";
  margin-left: calc( var(--uw) * 1.2820512821 );
}
.review__star .__star-cont[data-score="3"] .__star:nth-of-type(1) svg path, .review__star .__star-cont[data-score="3"] .__star:nth-of-type(2) svg path, .review__star .__star-cont[data-score="3"] .__star:nth-of-type(3) svg path {
  fill: #000;
}
.review__star .__star-cont[data-score="3"]::after {
  visibility: visible;
  content: "3";
  margin-left: calc( var(--uw) * 1.2820512821 );
}
.review__star .__star-cont[data-score="4"] .__star:nth-of-type(1) svg path, .review__star .__star-cont[data-score="4"] .__star:nth-of-type(2) svg path, .review__star .__star-cont[data-score="4"] .__star:nth-of-type(3) svg path, .review__star .__star-cont[data-score="4"] .__star:nth-of-type(4) svg path {
  fill: #000;
}
.review__star .__star-cont[data-score="4"]::after {
  visibility: visible;
  content: "4";
  margin-left: calc( var(--uw) * 1.2820512821 );
}
.review__star .__star-cont[data-score="5"] .__star svg path {
  fill: #000;
}
.review__star .__star-cont[data-score="5"]::after {
  visibility: visible;
  content: "5";
  margin-left: calc( var(--uw) * 1.2820512821 );
}

#page-brand-detail-normal {
  margin-top: calc( var(--uw) * 15.3846153846 );
}
#page-brand-detail-normal .brand-title {
  padding: calc( var(--uw) * 6.1538461538 ) 20px calc( var(--uw) * 7.4358974359 ) 20px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
}
#page-brand-detail-normal .brand-title .information-text {
  margin-top: calc( var(--uw) * 3.0769230769 );
  position: relative;
}
#page-brand-detail-normal .brand-title .information-text .text-box {
  margin-bottom: calc( var(--uw) * 5.641025641 );
}
#page-brand-detail-normal .brand-title .information-text .text-box.hidden {
  margin-bottom: 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  -webkit-mask-size: calc( var(--uw) * 89.7435897436 ) calc( var(--uw) * 12.3076923077 );
  mask-size: calc( var(--uw) * 89.7435897436 ) calc( var(--uw) * 12.3076923077 );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: bottom;
  mask-repeat: no-repeat;
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 80%, transparent 89%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 80%, transparent 89%);
}
#page-brand-detail-normal .brand-title .information-text .more-show {
  width: 100%;
  height: calc( var(--uw) * 6.1538461538 );
  position: absolute;
  z-index: 3;
  bottom: calc( var(--uw) * -0.3846153846 );
  right: 0;
  text-align: end;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #888;
}
#page-brand-detail-normal .brand-title .information-text .more-show span {
  color: #888;
  display: flex;
}
#page-brand-detail-normal .brand-title .information-text .more-show span:first-of-type {
  margin-top: calc( var(--uw) * 10.2564102564 );
}
#page-brand-detail-normal .brand-title .information-text .more-show span:last-of-type {
  display: none;
}
#page-brand-detail-normal .brand-title .information-text .more-show.hidden {
  justify-content: flex-end;
}
#page-brand-detail-normal .brand-title .information-text .more-show.hidden span {
  display: flex;
  background: #fff;
  position: relative;
}
#page-brand-detail-normal .brand-title .information-text .more-show.hidden span::after {
  content: "";
  height: 100%;
  width: calc( var(--uw) * 3.8461538462 );
  position: absolute;
  right: calc(100% - 1px);
  background: linear-gradient(to right, transparent, #fff);
}
#page-brand-detail-normal .brand-title .information-text .more-show.hidden span:first-of-type {
  display: none;
}
#page-brand-detail-normal .brand-title .information-text.active .more-show {
  position: absolute;
  z-index: 3;
  bottom: calc( var(--uw) * -5.641025641 );
  text-align: start;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  left: 0;
}
#page-brand-detail-normal .brand-title .__caption {
  color: #888;
}
#page-brand-detail-normal .brand-title .__title {
  margin-top: calc( var(--uw) * -0.5128205128 );
  font-size: calc( var(--uw) * 8.2051282051 );
  font-weight: 700;
  line-height: calc( var(--uw) * 11.4871794872 );
  margin-bottom: calc( var(--uw) * 3.0769230769 );
}
#page-brand-detail-normal .section-brand-menu {
  display: none;
}
#page-brand-detail-normal .section-brand-menu.active {
  display: block;
}
#page-brand-detail-normal .section-brand-menu .list-underline-bar ul {
  border-top: none;
  padding: 0 20px;
}
#page-brand-detail-normal .section-brand-menu .list-brand {
  padding: calc( var(--uw) * 6.9230769231 ) 20px 0 20px;
  margin-bottom: calc( var(--uw) * 13.3333333333 );
  display: none;
}
#page-brand-detail-normal .section-brand-menu .list-brand.no-gutter {
  padding: 0;
}
#page-brand-detail-normal .section-brand-menu .list-brand.active {
  display: block;
}
#page-brand-detail-normal .section-brand-menu .list-brand > .__tit {
  margin-bottom: calc( var(--uw) * 3.0769230769 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc( var(--uw) * 6.1538461538 ) calc( var(--uw) * 2.5641025641 );
  margin-bottom: calc( var(--uw) * 9.4871794872 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type:last-child {
  margin-bottom: 0;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li {
  position: relative;
  border-radius: calc( var(--uw) * 1.0256410256 );
  overflow: hidden;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .list-thumb-wrap {
  position: relative;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .list-thumb-wrap::before {
  overflow: hidden;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc( var(--uw) * 43.5897435897 );
  height: 100%;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: calc( var(--uw) * 1.0256410256 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .list-thumb {
  border-radius: calc( var(--uw) * 1.0256410256 );
  overflow: hidden;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li[data-fan=not-fan] .badge-fan-wrap .badge-fan::after {
  display: none;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .badge-fan-wrap {
  z-index: 1;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li a, #page-brand-detail-normal .section-brand-menu .list-brand .img-type li img {
  display: block;
  width: 100%;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li img {
  max-height: calc( var(--uw) * 43.5897435897 );
  height: 100%;
  object-fit: cover;
  margin-bottom: calc( var(--uw) * 2.5641025641 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li h5.__title {
  margin-bottom: calc( var(--uw) * 2.0512820513 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .disabled-dim-bg {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc( var(--uw) * 43.5897435897 );
  background-color: #000;
  opacity: 0.6;
  z-index: 1;
  border-radius: calc( var(--uw) * 1.0256410256 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .disabled-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: calc( var(--uw) * 43.5897435897 );
  height: calc( var(--uw) * 43.5897435897 );
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .__badge-cont {
  display: flex;
  gap: calc( var(--uw) * 0.5128205128 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .__badge-cont .__badge {
  display: inline-block;
  color: #fff;
  padding: calc( var(--uw) * 0.7692307692 ) calc( var(--uw) * 1.7948717949 );
  border-radius: calc( var(--uw) * 4.6153846154 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .__badge-cont .__badge.__badge-grey {
  background-color: #666;
}
#page-brand-detail-normal .section-brand-menu .list-brand .img-type li .__badge-cont .__badge.__badge-black {
  background-color: #222222;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: calc( var(--uw) * 11.2820512821 );
  padding: 0 20px;
  border-bottom: 1px solid #f6f6f6;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .popup-noti {
  pointer-events: none;
  display: inline-block;
  position: absolute;
  bottom: calc( var(--uw) * -8.9743589744 );
  left: 20px;
  width: calc( var(--uw) * 71.7948717949 );
  padding: calc( var(--uw) * 2.5641025641 ) 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: calc( var(--uw) * 2.0512820513 );
  color: rgba(255, 255, 255, 0.75);
  text-align: center;
  transition: all ease 0.3s;
  z-index: 10;
  opacity: 0;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .popup-noti.active {
  opacity: 1;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .popup-noti b {
  color: #fff;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .popup-noti::after {
  visibility: visible;
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 100%;
  left: calc( var(--uw) * 5.1282051282 );
  margin-left: calc( var(--uw) * -1.7948717949 );
  border-width: calc( var(--uw) * 1.7948717949 );
  border-style: solid;
  margin-bottom: -0.1px;
  border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .__brand {
  position: relative;
  padding-right: calc( var(--uw) * 8.0769230769 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .list-info .__brand::after {
  content: "";
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  right: calc( var(--uw) * 3.2051282051 );
  display: block;
  width: calc( var(--uw) * 4.1025641026 );
  height: calc( var(--uw) * 4.1025641026 );
  background-image: url("/resources/img/icon/categorize.svg");
  background-size: cover;
  background-repeat: no-repeat;
}
#page-brand-detail-normal .section-brand-menu .list-brand .__check-cont {
  display: flex;
  align-items: center;
  padding: calc( var(--uw) * 5.1282051282 ) 20px calc( var(--uw) * 2.0512820513 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .__check-cont .__total {
  color: #666;
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .__check-cont .check-box {
  color: #666;
  margin-right: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .__check-cont .__order {
  margin-left: auto;
  display: flex;
  align-items: center;
}
#page-brand-detail-normal .section-brand-menu .list-brand .__check-cont .__order img {
  margin-left: calc( var(--uw) * 1.4102564103 );
  width: calc( var(--uw) * 4.1025641026 );
  height: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .review__section {
  margin: 0 20px;
}
#page-brand-detail-normal .section-brand-menu .list-brand .review__section > .__review-cont.show ~ .__review-cont.show {
  border-top: 0.5px solid rgba(0, 0, 0, 0.14);
}
#page-brand-detail-normal .section-brand-menu .list-brand .review__section .__review-cont {
  display: none;
  padding-bottom: calc( var(--uw) * 5.1282051282 );
}
#page-brand-detail-normal .section-brand-menu .list-brand .review__section .__review-cont.show {
  display: block;
}
#page-brand-detail-normal .section-brand-menu .list-brand .noresult__section {
  display: none;
  align-items: center;
  justify-content: center;
  margin: calc( var(--uw) * 40.2564102564 ) auto;
  color: #888;
}
#page-brand-detail-normal .section-brand-menu .list-brand .noresult__section.active {
  display: flex;
}
#page-brand-detail-normal .notfan__section {
  margin-top: calc( var(--uw) * 20.5128205128 );
  margin-bottom: calc( var(--uw) * 51.2820512821 );
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#page-brand-detail-normal .notfan__section.active {
  display: flex;
}
#page-brand-detail-normal .notfan__section .__desc {
  text-align: center;
  color: #888;
  margin-bottom: calc( var(--uw) * 4.1025641026 );
}
#page-brand-detail-normal .notfan__section .__fanbtn {
  padding: calc( var(--uw) * 2.8205128205 ) calc( var(--uw) * 5.1282051282 );
  background-color: #F2F2F2;
  border-radius: calc( var(--uw) * 5.1282051282 );
  display: flex;
  justify-content: center;
  align-items: center;
}
#page-brand-detail-normal .brand-discount-info {
  padding: 24px 20px;
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}
#page-brand-detail-normal .brand-discount-info .info-small {
  margin-top: calc( var(--uw) * 2.0512820513 );
  margin-bottom: calc( var(--uw) * 4.1025641026 );
  color: #888;
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice {
  border-radius: calc( var(--uw) * 2.0512820513 );
  padding: 20px;
  margin-bottom: 0;
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot {
  margin-bottom: 0;
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot.__black {
  color: #000;
  font-weight: 500;
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot.__black::after {
  background-color: #000;
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot:not(:last-of-type) {
  margin-bottom: calc( var(--uw) * 1.5384615385 );
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot.__transparent {
  margin-top: calc( var(--uw) * -1.2820512821 );
}
#page-brand-detail-normal .brand-discount-info .__bottom-notice .__dot.__transparent::after {
  background-color: transparent;
}
#page-brand-detail-normal .brand-discount-info .btn--find {
  height: calc( var(--uw) * 11.2820512821 );
  width: calc( var(--uw) * 89.7435897436 );
  border-radius: calc( var(--uw) * 2.0512820513 );
  color: #000;
  border: calc( var(--uw) * 0.2564102564 ) solid rgba(0, 0, 0, 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc( var(--uw) * 5.1282051282 );
}
#page-brand-detail-normal .brand-discount-info .__capt {
  display: block;
  margin-bottom: calc( var(--uw) * 5.1282051282 );
}

[data-lang] #page-brand-detail-normal .brand-title {
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}
[data-lang] #page-brand-detail-dining .container-dining-info {
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}

.store-contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: calc( var(--uw) * 3.0769230769 ) 20px calc( var(--uw) * 2.5641025641 ) 20px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.14);
}
.store-contents[contents-length="1"] li {
  width: calc(100% / 1 - 10px * (1 - 1) / 1);
}
.store-contents[contents-length="2"] li {
  width: calc(100% / 2 - 10px * (2 - 1) / 2);
}
.store-contents[contents-length="3"] li {
  width: calc(100% / 3 - 10px * (3 - 1) / 3);
}
.store-contents[contents-length="4"] li {
  width: calc(100% / 4 - 10px * (4 - 1) / 4);
}
.store-contents li {
  height: calc( var(--uw) * 12.8205128205 );
  display: flex;
  justify-content: center;
  align-items: center;
}
.store-contents li a {
  width: calc( var(--uw) * 18.4615384615 );
  height: 100%;
}
.store-contents li span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.store-contents li span img {
  width: calc( var(--uw) * 6.1538461538 );
  height: calc( var(--uw) * 6.1538461538 );
  margin-bottom: calc( var(--uw) * 1.2820512821 );
}
.store-contents li span p {
  text-align: center;
  color: #333;
}
.store-contents li span .btn--fan-circle {
  width: calc( var(--uw) * 7.6923076923 );
  height: calc( var(--uw) * 7.6923076923 );
}
.store-contents li span .btn--fan-circle::after {
  width: 100%;
  height: 100%;
  background-image: url("/resources/img/icon/store/fan_badge.svg");
}
.store-contents li[data-fan=fan] .btn--fan-circle::after {
  background-image: url("/resources/img/mypage/fan-circle-black.svg");
}
.store-contents li[data-plus=not-plus] {
  display: none !important;
}
.container-discount .dining-discount-info {
  display: none;
  padding: 24px 20px;
  border-bottom: calc( var(--uw) * 2.0512820513 ) solid #f6f6f6;
}
.container-discount .dining-discount-info .info-small {
  margin-top: calc( var(--uw) * 2.0512820513 );
  margin-bottom: calc( var(--uw) * 4.1025641026 );
  color: #888;
}
.container-discount .dining-discount-info .info-title em {
  display: inline-block;
  margin-left: calc( var(--uw) * 1.0256410256 );
  color: #666;
}
.container-discount .dining-discount-info .__bottom-notice {
  border-radius: calc( var(--uw) * 2.0512820513 );
  padding: 20px;
  margin-bottom: 0;
}
.container-discount .dining-discount-info .__bottom-notice .__dot {
  margin-bottom: 0;
}
.container-discount .dining-discount-info .__bottom-notice .__dot.__black {
  color: #000;
  font-weight: 500;
}
.container-discount .dining-discount-info .__bottom-notice .__dot.__black::after {
  background-color: #000;
}
.container-discount .dining-discount-info .__bottom-notice .__dot:not(:last-of-type) {
  margin-bottom: calc( var(--uw) * 1.5384615385 );
}
.container-discount .dining-discount-info .__bottom-notice .__dot.__transparent {
  margin-top: calc( var(--uw) * -1.2820512821 );
}
.container-discount .dining-discount-info .__bottom-notice .__dot.__transparent::after {
  background-color: transparent;
}
.container-discount .dining-discount-info .btn--find {
  height: calc( var(--uw) * 11.2820512821 );
  width: calc( var(--uw) * 89.7435897436 );
  border-radius: calc( var(--uw) * 2.0512820513 );
  color: #000;
  border: calc( var(--uw) * 0.2564102564 ) solid rgba(0, 0, 0, 0.14);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc( var(--uw) * 5.1282051282 );
}
.container-discount .dining-discount-info .__capt {
  display: block;
  margin-bottom: calc( var(--uw) * 5.1282051282 );
}
.container-discount.normal .normal {
  display: block;
}
.container-discount.employees .employees {
  display: block;
}
.container-discount.excellent .excellent {
  display: block;
}
.container-discount.nodiscount .nodiscount {
  display: block;
}
.container-discount.nodiscount .nodiscount .btn--find {
  margin-top: calc( var(--uw) * 4.1025641026 );
}

[data-lang] #page-brand-detail-dining .header-dining .background-Img {
  height: 100%;
  min-height: calc( var(--uw) * 105.641025641 );
}
[data-lang] #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type .dining-text b {
  margin-right: calc( var(--uw) * 0.5128205128 );
}
[data-lang] #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text b {
  margin-right: calc( var(--uw) * 0.5128205128 );
}
[data-lang] #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type .dining-text h6 {
  color: #333;
}
[data-lang] #page-brand-detail-dining .header-dining .group-text .information-text .text-box.hidden {
  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 74%, transparent 83%);
  mask-image: linear-gradient(to bottom, black 50%, transparent 59%), linear-gradient(to right, black 74%, transparent 83%);
}
[data-lang] #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text p {
  max-width: calc( var(--uw) * 42.5641025641 );
  width: fit-content;
  display: flex;
  align-items: flex-end;
  white-space: nowrap;
  margin-bottom: calc( var(--uw) * 0.7692307692 );
}
[data-lang] #page-brand-detail-dining .section-dining-menu[data-menu=img] .list-dining .img-type li[data-menu=price] .dining-text p b {
  max-width: calc( var(--uw) * 17.1794871795 );
  width: fit-content;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: calc( var(--uw) * -1.2820512821 );
}