@charset "UTF-8";

@keyframes react-loading-skeleton {
  to {
    transform: translateX(100%);
  }
}
.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.react-loading-skeleton:after {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-iteration-count: infinite;
  animation-name: react-loading-skeleton;
  animation-timing-function: ease-in-out;
  background-image: linear-gradient(
    90deg,
    var(--base-color) 0,
    var(--highlight-color) 50%,
    var(--base-color) 100%
  );
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  background-repeat: no-repeat;
  content: " ";
  display: var(--pseudo-element-display);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
}
@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none;
  }
}

/*----------------------------------------------------
    ## Common
----------------------------------------------------*/
html {font-size: 10px !important;}
html[lang="en"] .product__list .soldout .product__img:after {
  content: "SOLD OUT";
}
html[lang="en"] .title-heading {
  font-size: 1.5rem;
}
html[lang="en"] .total-price__total * {
  font-size: 1.5rem !important;
}
html[lang="ja"] body * {
  word-break: break-all;
}
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
  font-size: 1.5rem;
}
html[lang="ja"] .title-heading {
  font-size: 1.5rem;
}
html[lang="ja"] .label-ui,
html[lang="ja"] .store__detail__info > dl > dt,
html[lang="ja"] .store__detail__opened .now-time,
html[lang="ja"] .store__info__name > div > p {
  font-size: 1.5rem;
}
html[lang="ja"] .product__category__list > ul > li {
  font-size: 1.4rem;
}
html[lang="ja"] .product__list .soldout .product__img:after {
  content: "品切れ";
}
html[lang="ja"] .order__notice p,
html[lang="ja"] .product__filter__search input[type="text"],
html[lang="ja"] .signature__products__all {
  font-size: 1.5rem;
}
html[lang="ja"] .order-type h2 {
  font-size: 1.125rem;
}
html[lang="ja"] .order-type__list > div > p {
  font-size: 1.5rem;
}
html[lang="ja"] .total-price__total * {
  font-size: 1.5rem !important;
}
html[lang="ja"] .popup__full__top h2 {
  font-size: 1rem;
}
html[lang="ja"] .shopping__information p {
  font-size: 1.3rem;
}
html[lang="ja"] .complate__finish {
  font-size: 1.5rem;
}
html[lang="ja"] .complate__finish h3 {
  font-size: 1rem;
}
html[lang="ja"] .complate__finish small {
  font-size: 1.3rem;
}
html[lang="ja"] .call__notice {
  font-size: 1.5rem;
}
html[lang="ja"] .btnModal > div button {
  font-size: 1.5rem;
}
html[lang="zh"] body * {
  letter-spacing: 0;
}
html[lang="zh"] .title-heading {
  font-size: 1.5rem;
}
html[lang="zh"] .store__detail__opened .now-time,
html[lang="zh"] .store__info__name > div > p {
  font-size: 1.5rem;
}
html[lang="zh"] .product__list .soldout .product__img:after {
  content: "缺货";
}
html[lang="zh"] .order__notice p {
  font-size: 1.5rem;
}
html[lang="zh"] .order-type > h2 {
  font-size: 1.25rem;
}
html[lang="zh"] .order-type__list > div > p {
  font-size: 1.5rem;
}
html[lang="zh"] .btnModal > div button {
  font-size: 1.5rem;
  font-weight: 500;
}
html[lang="zh"] .shopping__information p {
  font-size: 1.3rem;
}
html[lang="zh"] .total-price > div * {
  font-size: 1.5rem !important;
}
body,
button,
dd,
div,
dl,
dt,
fieldset,
form,
img,
input,
li,
ol,
p,
select,
table,
td,
textarea,
th,
tr,
ul {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  resize: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
html {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #595757;
  font-family: 'Pretendard', 'Noto Sans KR', 'NanumGothic';
}
body * {
  box-sizing: border-box;
  letter-spacing: -0.03rem;
  line-height: 140%;
  scroll-behavior: smooth;
  -webkit-user-select: none;
  user-select: none;
  word-break: keep-all;
}
a {
  cursor: default;
  text-decoration: none;
}
input,
select,
textarea {
  letter-spacing: -0.03rem;
}
button,
input,
select,
textarea {
  font-family: 'Pretendard', 'Noto Sans KR', 'NanumGothic';
}
button {
  background-color: initial;
  cursor: pointer;
  outline: none;
}
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"] {
  background-color: #f3f3f3;
  border-radius: 5px;
  color: #242424;
  font-size: 1.4rem;
  height: 42px;
  outline: none;
  padding: 0 10px;
  text-transform: none;
}
input[type="date"].error,
input[type="email"].error,
input[type="number"].error,
input[type="password"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="text"].error {
  border: 1px solid #d15454 !important;
}
input::placeholder {
  color: #999;
}
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {
  border-color: #ff7d00;
}
input[type="date"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled {
  background-color: #e5e5e5;
  color: #999;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 30px #f3f3f3 !important;
}
select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #f3f3f3;
  background-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-down.svg);
  background-position: center right 10px;
  background-repeat: no-repeat;
  background-size: 14px;
  border-radius: 5px;
  color: #242424;
  font-size: 1.4rem;
  height: 42px;
  outline: none;
  padding: 0 0 0 10px;
  text-transform: none;
}
select:focus {
  border-color: #ff7d00;
}
select:disabled {
  background-color: #e5e5e5;
}
textarea {
  background-color: #f3f3f3;
  border-radius: 5px;
  color: #242424;
  font-size: 1.5rem;
  outline: none;
  padding: 10px;
  text-transform: none;
  width: 100%;
}
textarea:focus {
  border-color: #ff7d00;
}
textarea::placeholder {
  color: #999;
}
textarea:disabled {
  background-color: #e5e5e5;
}
.w100p {
  width: 100% !important;
}
.w100 {
  width: 100px;
}
.w120 {
  width: 120px;
}
.h50 {
  height: 50px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.m0 {
  margin: 0 !important;
}
.p0 {
  padding: 0 !important;
}
.p15 {
  padding: 15px !important;
}
.xsmall {
  font-size: 1.3rem !important;
}
.small {
  font-size: 1.5rem !important;
}
.regular {
  font-size: 1.6rem !important;
}
.medium {
  font-size: 1.8rem !important;
}
.large {
  font-size: 2rem !important;
}
hr {
  border-top: 1px solid #e5e5e5;
}
.underline {
  text-decoration: underline;
}
html {
  overflow: auto;
  overscroll-behavior: none;
}
body {
  font-size: 1.5rem;
}
body * {
  text-transform: capitalize;
}
#root {
  margin: 0 auto;
  max-width: 540px;
  overflow: hidden;
}
#root,
#wrap {
  min-width: 320px;
  position: relative;
}
#wrap {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 0;
}
.red {
  color: #d15454 !important;
}
.mint {
  color: #2ebfba !important;
}
.skyblue {
  color: #4a82b6 !important;
}
.primary {
  color: #ff7d00 !important;
}
.lightgray {
  color: #999 !important;
}
.contents {
  animation: routerAni 0.4s ease;
  max-width: 540px;
  min-height: 100%;
  min-height: calc(100dvh - 68px);
  overflow-y: auto;
  padding: 55px 0 60px;
  margin: 0 auto;
  position: relative;
}
.contents.app {
  padding-bottom: 80px;
  padding-top: 50px;
}
.contents.main {
  min-height: calc(100% - 40px);
  padding-bottom: 0;
}
.contents.categoryList {
  height: 54px;
  padding-bottom: 0;
}
.contents.reservation__detail {
  background-color: #fff;
  padding-bottom: 54px;
}
.contents.orderList,
.contents.reservationList {
  padding-bottom: 54px;
}
@keyframes routerAni {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.set_inner {
  width: 100%;
  padding: 0 15px;
}
.is_blind{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0, 0, 0, 0);white-space:nowrap;}
.clearfix::after {display:block;clear:both;content:"";}

/*.ly_mode {overflow: hidden;z-index: 25000;position: fixed;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;height: 100dvh;min-height: 100dvh;} */

/*----------------------------------------------------
    ## header
----------------------------------------------------*/
header {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  height: 55px;
  left: 50%;
  max-width: 540px;
  min-width: 320px;
  padding: 0 10px;
  position: fixed;
  top: 0;
  transform: translate(-50%);
  width: 100%;
  z-index: 9999;
}
header,
header .header__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
header .header__title {
  gap: 10px;
}
header .header__title > h1 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000;
  display: -webkit-box;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  word-break: break-word;
}
header .header__title > h1 img {
  margin: 10px 0 0 -5px;
  width: 140px;
}
header .header__title.store {
  background: #000c;
  border-radius: 40px;
  padding: 5px 15px 5px 5px;
}
header .header__title.store > h1 {
  color: #fff;
}
header .header__title.store > .ico-back {
  margin-right: 5px;
}
header .header__title.store > .ico-back:before {
  background-color: #fff;
}
header .header__language {
  position: relative;
}
header .header__language > button {
  background-color: #fff;
  border-radius: 50%;
  height: 28px;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  width: 28px;
}
header .header__language > button:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
header .header__language > button.ko:before {
  background-image: url(/static/media/flag-ko.svg);
}
header .header__language > button.en:before {
  background-image: url(/static/media/flag-en.svg);
}
header .header__language > button.ja:before {
  background-image: url(/static/media/flag-ja.svg);
}
header .header__language > button.zh:before {
  background-image: url(/static/media/flag-zh.svg);
}
header .header__language__select {
  background-color: #242424;
  border-radius: 10px;
  box-shadow: 0 0 10px #0000001a;
  min-width: 100px;
  padding: 5px;
  position: absolute;
  right: -5px;
  top: 36px;
}
header .header__language__select:before {
  background-color: #242424;
  box-shadow: 0 0 10px #0000001a;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 15px;
  top: -4px;
  transform: rotate(45deg);
  width: 8px;
}
header .header__language__select button {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  height: 28px;
  padding: 0 20px;
  width: 100%;
}
header .header__language__select button.current {
  background-color: #ff7d00;
}
header .header__nav .ico-cart {
  height: 28px;
  width: 28px;
}
header .header__nav .ico-cart:before {
  background-color: #595757;
}
header .header__nav .ico-cart .cart__count {
  background-color: #cc7bc2;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 800;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: -4px;
  text-align: center;
  text-indent: 0;
  width: 16px;
}
header.fixed {
  background-color: #fff;
  box-shadow: 0 1px 6px #0003;
}
header.fixed .header__title {
  background: none;
}
header.fixed .header__title h1 {
  color: #ff7d00;
}
header.fixed .header__title .ico-back:before {
  background: #ff7d00;
}

/*----------------------------------------------------
    ## footer
----------------------------------------------------*/
footer {
  position: relative;
  width: 100%;
}
/*
.contents.ly_mode + footer {
  position: absolute;
  bottom: 0;
}
  */
.footer__nav {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 54px;
  justify-content: space-between;
}
.footer__nav .btn {
  background: #0000;
  border: none;
  color: #999;
  flex-direction: column;
  font-size: 1.3rem;
  font-weight: 500;
  gap: 0;
  height: 100%;
  padding: 5px;
  text-align: center;
  width: 20%;
}
.footer__nav .btn > i {
  background: none;
  border: none;
  display: block;
  height: 20px;
  height: 18px;
  margin: 0 auto 4px;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  width: 20px;
  width: 18px;
}
.footer__nav .btn > i:before {
  background-color: #595757;
  background-color: #999;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  -webkit-mask-image: "";
  mask-image: "";
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.footer__nav .btn > i.ico-home:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-home.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-home.svg);
}
.footer__nav .btn > i.ico-camera:before {
  -webkit-mask-image: url(/static/media/ico-camera.svg);
  mask-image: url(/static/media/ico-camera.svg);
}
.footer__nav .btn > i.ico-cart .cart__count {
  background-color: #cc7bc2;
  border-radius: 50%;
  bottom: 0;
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 800;
  height: 14px;
  line-height: 14px;
  position: absolute;
  right: -4px;
  text-align: center;
  text-indent: 0;
  width: 14px;
}
.footer__nav .btn > i.ico-cart:before {
  -webkit-mask-image: url(/static/media/ico-cart.svg);
  mask-image: url(/static/media/ico-cart.svg);
}
.footer__nav .btn > i.ico-history:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-history.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-history.svg);
}
.footer__nav .btn > i.ico-user:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user.svg);
}
.footer__nav .btn > i .later {
  background-color: #d15454;
  border-radius: 50%;
  display: block;
  height: 6px;
  position: absolute;
  right: -12px;
  top: 1px;
  width: 6px;
}
.footer__nav .btn.active,
.footer__nav .btn:active {
  color: #ff7d00;
}
.footer__nav .btn.active > i:before,
.footer__nav .btn:active > i:before {
  background-color: #ff7d00;
}
.footer__nav .btn.active > i.ico-home:before,
.footer__nav .btn:active > i.ico-home:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-home-active.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-home-active.svg);
}
.footer__nav .btn.active > i.ico-cart:before,
.footer__nav .btn:active > i.ico-cart:before {
  -webkit-mask-image: url(/static/media/ico-cart-active.svg);
  mask-image: url(/static/media/ico-cart-active.svg);
}
.footer__nav .btn.active > i.ico-history:before,
.footer__nav .btn:active > i.ico-history:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-history-active.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-history-active.svg);
}
.footer__nav .btn.active > i.ico-user:before,
.footer__nav .btn:active > i.ico-user:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user-active.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user-active.svg);
}
.footer__nav .btn#footer__call {
  color: #cc7bc2;
  font-weight: 700;
  position: relative;
}
.footer__nav .btn#footer__call:before {
  border: 2px solid #cc7bc2;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 40px;
  height: 46px;
  left: 50%;
  padding: 5px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  width: 46px;
  z-index: -1;
}
.footer__nav .btn#footer__call i {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}
.footer__nav .btn#footer__call i:before {
  background-color: #cc7bc2;
}
footer .set_inner {background-color: #000;}
footer .txt_copyright {
  padding: 25px 0;
  letter-spacing: 0;
  font-size: 1.3rem;
  text-align: center;
  color: #999;
}

/*----------------------------------------------------
    ## main
----------------------------------------------------*/
@keyframes homeA {
  0% {
    top: 170%;
  }
  to {
    top: 50%;
  }
}
@keyframes home {
  0% {
    background-color: #fff;
    transform: translate(-50%, -50%);
  }
  to {
    background-color: #fff;
    transform: translate(-50%, -50%);
  }
}
.home header {
  background-color: #fff;
}
.home header .header__title {
  width: 100%;
}
.home header .header__title h1 {
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.home header .header__title h1:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 14px;
  margin-left: 5px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-down.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-down.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 14px;
}
.splash {
  animation: splashAni 1s ease;
  animation-delay: 1s;
  background-color: #ff7d00;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999;
}
.splash h1 {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
}
.splash h1 img {
  width: 100%;
}
@keyframes splashAni {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.app__visual {
  background-color: #fff;
}
.app__ad {
  padding: 5px 0 10px;
}
.app__ad .slick-slider img {
  width: 100%;
}
.app__ad .slick-initialized .slick-slide {
  padding: 0 4px;
}
.app__ad .slick-initialized .slick-slide > div > div {
  aspect-ratio: 10/4.65;
  border-radius: 15px;
  overflow: hidden;
}
.app__ad .slick-initialized .slick-slide.slick-current {
  opacity: 1;
}
.app__service {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 15px 0;
}
.app__service > div {
  align-content: center;
  align-items: flex-start;
  border-radius: 10px;
  color: #242424;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 80px;
  justify-content: center;
  padding: 15px;
  width: 100%;
}
.app__service > div h2 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  transform: rotate(0.04deg);
}
.app__search {
  align-content: center;
  align-items: center;
  border: 3px solid #ff7d00;
  border-radius: 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0 15px;
  overflow: hidden;
  width: calc(100% - 30px);
}
.app__search input[type="text"] {
  background-color: #fff;
  border: none;
  font-size: 1.5rem;
  font-weight: 700;
  height: 50px;
  outline: none;
  width: calc(100% - 40px);
}
.app__search input[type="text"]::placeholder {
  font-weight: 400;
}
.app__search .ico-search {
  height: 40px;
  margin-right: 5px;
  width: 40px;
}
.app__search .ico-search:before {
  background-color: #ff7d00;
  -webkit-mask-size: 70%;
  mask-size: 70%;
}
.app__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.app__title .title-heading {
  margin: 0;
}
.app__title .ico-position {
  height: 30px;
  width: 30px;
}
.app__surrounding {
  border-top: 1px solid #dbdbdb;
  height: 100%;
  padding: 10px;
}
.app__surrounding .app__title > p {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
.app__banner a {
  aspect-ratio: 1/0.32;
  display: block;
}
.app__banner a img {
  display: block;
  width: 100%;
}
.app .category {
  padding: 0;
}
.app .category > ul > li {
  padding-top: 50px;
}
.app .category > ul > li:before {
  top: 15px;
}
.app__qr {
  background-color: #ff7d00;
  background-image: url(//bimg.mk.co.kr/2024/menu/images/main_banner.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: fit;
  height: 240px;
  overflow: hidden;
  position: relative;
}
.app__qr__img {
  animation-delay: 2.6s;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: qrFrame;
  animation-timing-function: ease-in;
  height: 100%;
  position: absolute;
  right: 55%;
  top: 50%;
  transform: translateY(-50%);
  width: 140px;
}
.app__qr__img > .img__qr {
  animation-delay: 1s;
  animation-duration: 1.4s;
  animation-fill-mode: forwards;
  animation-name: qrAni;
  animation-timing-function: ease;
  left: 50%;
  opacity: 0;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
}
.app__qr__img > .img__phone,
.app__qr__img > .img__qr {
  filter: invert(100%) sepia(89%) saturate(43%) hue-rotate(200deg)
    brightness(121%) contrast(100%);
  position: absolute;
}
.app__qr__img > .img__phone {
  animation-delay: 1.4s;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-name: phoneAni;
  animation-timing-function: ease;
  bottom: -100%;
  right: 0;
  width: 140px;
}
.app__qr__text {
  align-content: flex-start;
  align-items: flex-start;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-name: qrText;
  animation-timing-function: ease;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: flex-start;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.app__qr__text > p {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  line-height: 160%;
}
.app__qr__text > .btn-arrow {
  color: #fff;
  font-size: 1.5rem;
  height: 32px;
  padding-right: 30px;
}
.app__qr__text > .btn-arrow:after {
  background-color: #fff !important;
}
@keyframes qrText {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes qrAni {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.5);
  }
}
@keyframes phoneAni {
  0% {
    bottom: -100%;
  }
  to {
    bottom: 50%;
    transform: translateY(50%);
  }
}
@keyframes qrFrame {
  0% {
    top: 50%;
  }
  50% {
    top: 48%;
  }
  to {
    top: 50%;
  }
}
.app .store__list {
  flex-direction: row;
  gap: 5px;
  overflow-x: scroll;
}
.app .store__list .store__card {
  flex-direction: column;
  gap: 10px;
}
.app .store__list .store__card__img {
  width: 100%;
}
.app .store__list .store__card__info {
  width: 130px;
}
.app .store__list .store__card__info > p {
  display: none;
}
.app .store__list .store__card__info__option {
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
}
.app .store__list .store__card__info__option .status {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
  margin-top: 15px;
}
.app .store__list .store__card__info__option .status span {
  margin: 0;
}
.category > ul {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.category > ul > li {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  height: 80px;
  padding: 56px 10px 10px;
  position: relative;
  text-align: center;
  width: 20%;
}
.category > ul > li:before {
  background-color: #000;
  content: "";
  display: block;
  height: 32px;
  left: 50%;
  -webkit-mask-image: "";
  mask-image: "";
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 10px;
  transform: translateX(-50%);
  width: 32px;
}
.category > ul > li.category__all:before {
  -webkit-mask-image: url(/static/media/category-all.svg);
  mask-image: url(/static/media/category-all.svg);
}
.category > ul > li.category__food:before {
  -webkit-mask-image: url(/static/media/category-food.svg);
  mask-image: url(/static/media/category-food.svg);
  -webkit-mask-size: 92%;
  mask-size: 92%;
}
.category > ul > li.category__cafe:before {
  -webkit-mask-image: url(/static/media/category-cafe.svg);
  mask-image: url(/static/media/category-cafe.svg);
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.category > ul > li.category__dessert:before {
  -webkit-mask-image: url(/static/media/category-dessert.svg);
  mask-image: url(/static/media/category-dessert.svg);
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.category > ul > li.category__franchise:before {
  -webkit-mask-image: url(/static/media/category-franchise.svg);
  mask-image: url(/static/media/category-franchise.svg);
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.category > ul > li.current {
  border-bottom: 3px solid #ff7d00;
  border-radius: 0;
}
.store__length {
  background-color: #f3f3f3;
  font-size: 1.5rem;
  padding: 6px 10px;
}
.store__list {
  align-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  gap: 5px;
}
.store__list,
.store__list .store__card {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.store__list .store__card {
  align-content: center;
  align-items: flex-start;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  flex-direction: row;
  gap: 15px;
  padding: 10px;
  position: relative;
}
.store__list .store__card:first-of-type {
  margin-top: 0;
}
.store__list .store__card__img {
  aspect-ratio: 10/8.5;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
  width: 60px;
}
.store__list .store__card__img img {
  aspect-ratio: 10/8.5;
  width: 100%;
}
.store__list .store__card__info {
  width: 100%;
}
.store__list .store__card__info h3 {
  color: #000;
  font-size: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
}
.store__list .store__card__info p {
  font-size: 1.5rem;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.store__list .store__card__info__option {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.store__list .store__card__info .distance {
  color: #999;
  font-size: 1.5rem;
  font-weight: 300;
}
.store__list .store__card__info .status span {
  margin-right: 4px;
}
.store__list .store__card__info .status span[class^="status-"] {
  padding: 0 10px;
}
.store__list .store__card__info .status span[class^="status-"].status-tag {
  color: #999;
  font-size: 1.5rem;
  margin-right: 8px;
  padding-left: 0;
  position: relative;
}
.store__list
  .store__card__info
  .status
  span[class^="status-"].status-tag:before {
  background-color: #e5e5e5;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.main__img {
  aspect-ratio: 1/0.5;
  overflow: hidden;
  position: relative;
}
.main__img img {
  background-color: #fff;
  position: relative;
  transform: translateY(-30%);
  width: 100%;
}
.main__img.main__slide__big {
  aspect-ratio: 1/1;
}
.main__img.main__slide__big img {
  transform: none;
}
.main__img .ico-expand {
  background-color: #fff;
  border-radius: 50%;
  bottom: 32px;
  box-shadow: 1px 1px 4px #0000001a, -1px -1px 4px #0000001a;
  height: 32px;
  position: absolute;
  right: 10px;
  width: 32px;
  z-index: 9;
}
.main__img .ico-expand:before {
  background-color: #595757;
  height: 50%;
  width: 50%;
}
.main__img .ico-reduce {
  background-color: #fff;
  border-radius: 50%;
  bottom: 32px;
  box-shadow: 1px 1px 4px #0000001a, -1px -1px 4px #0000001a;
  height: 32px;
  position: absolute;
  right: 10px;
  width: 32px;
  z-index: 9;
}
.main__img .ico-reduce:before {
  background-color: #595757;
  height: 60%;
  width: 60%;
}
.main__slide {
  position: relative;
  width: 100%;
}
.main__slide,
.main__slide .slick-slide {
  aspect-ratio: 1/0.5;
  background-color: #fff;
}
.main__slide .slick-slide {
  outline: none;
}
.main__slide .slick-slide div {
  outline: none;
  position: relative;
}
.main__slide .slick-slide img {
  aspect-ratio: 1/1;
  transform: translateY(-30%);
  width: 100%;
}
.main__slide .slick-next,
.main__slide .slick-prev {
  display: none;
}
.main__slide .slick-dots {
  bottom: 30px;
}
.main__slide .slick-dots > li {
  height: 10px;
  margin: 0 4px;
  width: 10px;
}
.main__slide .slick-dots > li button {
  height: 100%;
  padding: 0;
  width: 100%;
}
.main__slide .slick-dots > li button:before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 100%;
  width: 100%;
}
.main__slide .slick-dots > li.slick-active button:before {
  background: #ff7d00;
}
.main__slide__big,
.main__slide__big .slick-slide {
  aspect-ratio: 1/1;
}
.main__slide__big .slick-slide img {
  transform: none;
}
.main__slide .ico-expand {
  background-color: #fff;
  border-radius: 50%;
  bottom: 32px;
  box-shadow: 1px 1px 4px #0000001a, -1px -1px 4px #0000001a;
  height: 32px;
  position: absolute;
  right: 10px;
  width: 32px;
  z-index: 9;
}
.main__slide .ico-expand:before {
  background-color: #595757;
  height: 50%;
  width: 50%;
}
.main__slide .ico-reduce {
  background-color: #fff;
  border-radius: 50%;
  bottom: 32px;
  box-shadow: 1px 1px 4px #0000001a, -1px -1px 4px #0000001a;
  height: 32px;
  position: absolute;
  right: 10px;
  width: 32px;
  z-index: 9;
}
.main__slide .ico-reduce:before {
  background-color: #595757;
  height: 60%;
  width: 60%;
}
.main__slide .no-img {
  width: 100%;
}
.main__slide + .store__info {
  border-top: 1px solid #dbdbdb;
}
.main__slide + .store__info .store__info__title h2:after {
  display: none;
}
.main__slide + .store__info {
  margin-top: -20px;
}
.main__products,
.signature__products {
  background-color: #fff;
}
.signature__products {
  border-top: 5px solid #f3f3f3;
  padding: 15px 15px 105px;
}
.signature__products .btn-arrow {
  background-color: initial;
  border: none !important;
  border-radius: 50px;
  margin-top: 10px;
  width: 140px;
}
.signature__products__all {
  color: #4a82b6;
}
.signature__products__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 15px;
}
.signature__products__list ul {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
  padding: 0 0 15px;
  position: relative;
}
.signature__products__list ul li {
  border-left: none;
  border-top: none;
  cursor: default;
  width: 100%;
}
.signature__products__list ul li .product__img {
  aspect-ratio: 10/8.5;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.signature__products__list ul li .product__img img {
  aspect-ratio: 10/8.5;
  width: 100%;
}
.signature__products__list ul li .product__img img.no-img {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
}
.signature__products__list ul li .product__info {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.signature__products__list ul li .product__info:before {
  border-top: 1px dashed #e5e5e5;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}
.signature__products__list ul li .product__info h3 {
  background-color: #fff;
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 10px 0 0;
  position: relative;
}
.signature__products__list ul li .product__info .product__price {
  background-color: #fff;
  padding: 0 0 0 10px;
  position: relative;
}
.signature__products__list ul li .product__info .product__price .price {
  color: #595757;
  font-size: 1.5rem;
}
.signature__products__list ul li .product__info .product__price .discount,
.signature__products__list ul li .product__info .product__price .price-sale {
  display: none;
}
.signature__products .product__list.grid-type {
  padding-top: 0;
}
.container__box {
  border-top: 5px solid #f3f3f3;
}
.container__box,
.store__info {
  background-color: #fff;
  padding: 15px;
}
.store__info {
  border-radius: 15px 15px 0 0;
  position: relative;
  z-index: 1;
}
.store__info__order {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 2px;
}
.store__info__order.takeout {
  color: #ff7d00;
}
.store__info__order.shop {
  color: #4a82b6;
}
.store__info__order.cancel {
  color: #d15454;
}
.store__info__title > h2 {
  color: #000;
  display: inline-block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  line-height: 100%;
  margin: 0 0 10px;
  transform: rotate(0.04deg);
  width: calc(100% - 70px);
}
.store__info__title > p {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
}
.store__info__title + .btn-purple {
  margin-top: 20px;
  width: 100%;
}
.store__info__title + .btn {
  margin-top: 20px;
}
.store__info__name {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px 15px 10px;
  position: relative;
}
.store__info__name > div {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
  width: 100%;
}
.store__info__name > div h2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #000;
  display: -webkit-box;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  transform: rotate(0.04deg);
  width: calc(100% - 70px);
  word-break: keep-all;
}
.store__info__name > div > p {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
  white-space: break-spaces;
}
.store__info__name > div > p.siksin {
  color: #999;
}
.store__info__name .ico-favorite {
  height: 24px;
  width: 24px;
}
.store__info__btns {
  margin-top: 20px;
}
.store__info .btn-arrow,
.store__info .btn-home,
.store__info .btn-info,
.store__info .btn-pork {
  margin-top: 20px;
  text-align: center !important;
  width: 100%;
}
.store__link {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
  margin-top: 10px;
}
.store__link button {
  border: 1px solid #dbdbdb;
  border-radius: 50px;
  height: 40px;
  width: 100%;
}
.store__link button.btn-tel:disabled > i:before {
  background-color: #fff;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-tel-disable.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-tel-disable.svg);
}
.opening__area {
  padding: 50px 0;
  text-align: center;
  width: 100%;
}
.opening__area h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 6px;
}
.opening__area h3 strong {
  color: #ff7d00;
}
.permit__missing {
  padding: 50px 0;
  text-align: center;
  width: 100%;
}
.permit__missing h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 4px;
}
.permit__missing h3 strong {
  color: #ff7d00;
}
.permit__missing .btn {
  display: inline-flex;
  margin-top: 20px;
}
.region {
  align-content: stretch;
  align-items: stretch;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 43px;
  justify-content: space-between;
}
.region select {
  border: none;
  border-left: 1px solid #dbdbdb;
  border-radius: 0;
  width: 100%;
}
.region select:first-child {
  border-left: none;
}
.product {
  position: relative;
}
.product__category {
  align-content: stretch;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}
.product__category .ico-gridview,
.product__category .ico-listview {
  border-right: 1px solid #e5e5e5;
}
.product__category__view {
  height: 50px;
  padding: 10px;
  width: 50px;
}
.product__category__skeleton {
  height: 40px;
  padding: 10px 0;
  width: 100%;
}
.product__category__all {
  height: 40px;
  padding: 10px;
  width: 40px;
}
.product__category__list {
  -ms-overflow-style: none;
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 8px 10px;
  position: relative;
  scrollbar-width: none;
  white-space: nowrap;
  width: calc(100% - 40px);
  z-index: 2;
}
.product__category__list::-webkit-scrollbar {
  display: none;
}
.product__category__list > ul {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  min-width: 100%;
  position: relative;
}
.product__category__list > ul > li {
  color: #999;
  display: block;
  font-size: 1.45rem;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}
.product__category__list > ul > li.on {
  background-color: #ff7d00;
  border-radius: 40px;
  color: #fff;
  font-weight: 500;
  margin: 0 5px;
  padding: 0 12px;
  position: relative;
}
.product__category__list > ul > li:first-child {
  margin-left: 0;
}
.product__category .ico-category {
  background-color: #999;
  border-radius: 50%;
  margin-right: 10px;
}
.product__category .ico-category:before {
  background-color: #fff;
  height: 50%;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  transform: translate(-50%, -50%) rotate(90deg);
  width: 50%;
}
.product__category.fixed {
  background-color: #f3f3f3;
  box-shadow: 0 1px 10px #0000004d;
  left: 50%;
  max-width: 540px;
  position: fixed;
  top: 50px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 999;
}
.product__category.fixed .product__category__list > ul > li {
  color: #999;
}
.product__category.fixed .product__category__list > ul > li.on {
  color: #fff;
}
.product__category.fixed .ico-category:before {
  background-color: #fff;
}
.product__sort {
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px 5px 5px;
}
.product__sort,
.product__sort__search {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.product__sort__search {
  background-color: #f3f3f3;
  border-radius: 50px;
  padding: 0 15px 0 5px;
  width: 100%;
}
.product__sort__search input[type="text"] {
  background: #0000;
  border: none;
}
.product__filter {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
  padding: 10px;
}
.product__filter > button {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  height: 40px;
  width: 40px;
}
.product__filter__search {
  align-content: center;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 10px 0 0;
  width: calc(100% - 40px);
}
.product__filter__search input[type="text"] {
  font-size: 1.5rem;
  width: 100%;
}
/* .product__list .soldout .product__img img {opacity: 0.5;} */
.product__list .soldout .product__img:before {
  background: rgb(0 0 0 / 50%);
  content: "";
  height: 100%;
  width: 100%;
}
.product__list .soldout .product__img:after,
.product__list .soldout .product__img:before {
  display: block;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product__list .soldout .product__img:after {
  color: #fff;
  content: "품절";
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
}
.product__list .soldout .product__info h3,
.product__list .soldout .product__info p {
  opacity: 0.3;
}
.product__list.list-type {
  padding: 5px 10px;
}
.product__list.list-type .soldout .product__img:before {
  border-radius: 10px;
  width: 100%;
}
.product__list.list-type .soldout .product__img:after {
  font-size: 1.5rem;
  line-height: 100%;
}
.product__list.list-type > ul > li {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 10px;
  position: relative;
}
.product__list.list-type > ul > li > div {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: flex-start;
}
.product__list.list-type > ul > li > div .product__img,
.product__list.grid-type > ul > li > div .product__img {
  overflow: hidden;
  aspect-ratio: 10/8.5;
  position: relative;
  text-align: center;
  background-image: url(//bimg.mk.co.kr/2024/menu/images/default_img.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f2f2f2;
  border-radius: 5px;
  flex: 0 0 60px;
}
.product__list.list-type > ul > li > div .product__img {width: 60px;}
.product__list.list-type > ul > li > div .product__img img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.product__list.list-type > ul > li > div .product__info {
  width: calc(100% - 60px);
}
.product__list.list-type > ul > li > div .product__info h3 {
  color: #242424;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 100%;
  margin-bottom: 4px;
  text-transform: capitalize;
}
.product__list.list-type > ul > li > div .product__info h3 > small {
  color: #d15454;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
  margin-right: 3px;
}
.product__list.list-type > ul > li > div .product__info p {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
.product__list.list-type > ul > li > div .product__info .product__price {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.product__list.list-type > ul > li > div .product__info .product__price__sales {
  align-content: center;
  align-items: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
}
.product__list.list-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .discount {
  color: #d15454;
  font-size: 1.5rem;
  font-weight: 700;
}
.product__list.list-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .discount
  + .price {
  color: #999;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: line-through;
}
.product__list.list-type > ul > li > div .product__info .product__price .price {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.product__list.list-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .price-sale {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 10px;
}
.product__list.list-type .signature {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNkRDRjUxMjExRTExRUVBMzQzOEQ2MjE1NjVENDA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCNkRDRjUyMjExRTExRUVBMzQzOEQ2MjE1NjVENDA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0I2RENGNEYyMTFFMTFFRUEzNDM4RDYyMTU2NUQ0MDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0I2RENGNTAyMTFFMTFFRUEzNDM4RDYyMTU2NUQ0MDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wYLbdAAAjf0lEQVR42uyd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);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  color: #000;
  font-size: 1.5rem;
  font-weight: 800;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 12px;
  text-align: center;
  text-shadow: 1px 1px 4px #ffffff4d, -1px -1px 4px #ffffff4d;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}
.product__list.grid-type {
  padding: 5px;
}
.product__list.grid-type > ul {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product__list.grid-type > ul > li {
  padding: 0 5px 10px;
  width: 50%;
}
.product__list.grid-type > ul > li > div {
  background-color: #fff;
  border-radius: 5px;
  height: 100%;
  position: relative;
}
.product__list.grid-type > ul > li > div .product__img {
  background-color: #fff;
  border: 1px solid #e5e5e5;
}
.product__list.grid-type > ul > li > div .product__img img {
  border-radius: 5px;
  height: 100%;
  width: 100%;
}
.product__list.grid-type > ul > li > div .product__info {
  padding: 8px 5px 10px;
}
.product__list.grid-type > ul > li > div .product__info h3 {
  color: #242424;
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: capitalize;
}
.product__list.grid-type > ul > li > div .product__info h3 > small {
  color: #d15454;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 1px;
  margin-right: 5px;
  vertical-align: middle;
}
.product__list.grid-type > ul > li > div .product__info p {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
}
.product__list.grid-type > ul > li > div .product__info .product__price {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-content: center;
  align-items: flex-start;
  text-align: left;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 2px;
  position: relative;
}
.product__list.grid-type > ul > li > div .product__info .product__price__sales {
  align-content: center;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: center;
}
.product__list.grid-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .discount {
  color: #d15454;
  font-size: 1.5rem;
  font-weight: 700;
}
.product__list.grid-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .discount
  + .price {
  color: #999;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: line-through;
}
.product__list.grid-type
  > ul
  > li
  > div
  .product__info
  .product__price
  .price-sale {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 5px;
}
.product__list.grid-type > ul > li > div .product__info .product__price .price {
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.5rem;
  font-weight: 700;
}
.product__list.grid-type > ul > li > div .signature {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAxIDc5LmE4ZDQ3NTM0OSwgMjAyMy8wMy8yMy0xMzowNTo0NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNkRDRjUxMjExRTExRUVBMzQzOEQ2MjE1NjVENDA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNCNkRDRjUyMjExRTExRUVBMzQzOEQ2MjE1NjVENDA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0I2RENGNEYyMTFFMTFFRUEzNDM4RDYyMTU2NUQ0MDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0I2RENGNTAyMTFFMTFFRUEzNDM4RDYyMTU2NUQ0MDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5wYLbdAAAjf0lEQVR42uyd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);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  color: #000;
  font-size: 1.5rem;
  font-weight: 800;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 12px;
  text-align: center;
  text-shadow: 1px 1px 4px #ffffff4d, -1px -1px 4px #ffffff4d;
  top: 12px;
  width: 40px;
}
.product .category__all {
  background-color: #fff;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 20;
}
.product .category__all__title {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: space-between;
}
.product .category__all__title h3 {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 15px;
}
.product .category__all__title .ico-close {
  margin-right: 10px;
}
.product .category__all__list {
  padding: 10px 15px 15px;
  position: relative;
}
.product .category__all__list > ul {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.product .category__all__list > ul > li {
  background-color: #f3f3f3;
  border-radius: 30px;
  color: #595757;
  font-size: 1.45rem;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  margin: 5px 5px 0 0;
  padding: 0 12px;
  text-transform: capitalize;
}
.product .category__all__list > ul > li.on {
  background-color: #ff7d00;
  color: #fff;
  z-index: 9999;
}
.product .category-bg {
  background: #00000080;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: absolute;
  left: 0;
  top: 50px;
  z-index: 1;
}
.product .closed {
  animation: closedEvent 0.2s ease;
  display: none;
}
.product .opened {
  animation: openedEvent 0.2s ease;
  display: block;
}
@keyframes listEvent {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes gridEvent {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes closedEvent {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes openedEvent {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.store__detail {
  padding: 10px 10px 15px;
  position: relative;
}
.store__detail__opened {
  background-color: #f3f3f3;
  border-radius: 10px;
  padding: 10px;
}
.store__detail__opened .now-time {
  color: #595757;
  font-size: 1.5rem;
  padding-left: 24px;
  position: relative;
}
.store__detail__opened .now-time:before {
  background-color: #595757;
  height: 18px;
  left: 0;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-clock.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-clock.svg);
  width: 18px;
}
.store__detail__opened .now-time:after,
.store__detail__opened .now-time:before {
  content: "";
  display: block;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.store__detail__opened .now-time:after {
  background-color: #999;
  height: 12px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  right: 0;
  width: 12px;
}
.store__detail__opened.true .now-time:after {
  transform: rotate(-90deg);
}
.store__detail__info {
  align-items: stretch;
  flex-direction: column;
  gap: 10px;
}
.store__detail__info,
.store__detail__info > dl {
  align-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.store__detail__info > dl {
  align-items: flex-start;
  border-top: 1px dashed #e5e5e5;
  color: #000;
  flex-direction: row;
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 15px;
}
.store__detail__info > dl:first-child {
  border-top: none;
  padding-top: 0;
}
.store__detail__info > dl > dt {
  font-size: 1.5rem;
  width: 94px;
}
.store__detail__info > dl > dd {
  color: #242424;
  font-size: 1.5rem;
  font-weight: 300;
  width: calc(100% - 94px);
}
.store__detail .title-text {
  max-width: calc(100% - 80px);
}
.title-heading {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px;
  transform: rotate(0.04deg);
}
.title-heading.required {
  display: inline-block;
  position: relative;
}
.title-heading.required:before {
  animation: requiredAni 1s ease infinite;
  background-color: #d15454;
  border-radius: 50%;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: -8px;
  top: 0;
  transition: all 0.4s ease;
  width: 5px;
}
@keyframes requiredAni {
  0% {
    transform: translateY(-1px);
  }
  50% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-1px);
  }
}
.title-text {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
}
.title-small {
  font-size: 1.5rem;
  font-weight: 400;
}
.open-status {
  background-color: #f7f8fc;
  border-radius: 30px;
  color: #4a82b6;
  font-size: 1.5rem;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
}
.menu__thumbnail {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}
.menu__thumbnail__img {
  aspect-ratio: 10 / 8.5;
  min-height: 120px;
  position: relative;
  transition: all 0.4s ease;
  width: 100%;
}
.menu__thumbnail__img img {
  aspect-ratio: 10/8.5;
  display: block;
  width: 100%;
}
.menu__thumbnail__img .ico {
  background-color: #fff;
  border-radius: 50%;
  bottom: 30px;
  height: 30px;
  position: absolute;
  right: 10px;
  transition: all 0.4s ease;
  width: 30px;
}
.menu__thumbnail__img .ico:before {
  height: 50%;
  width: 50%;
}
.menu__thumbnail__img#thumbnail__big {
  aspect-ratio: 10/8.5;
}
.menu__thumbnail__img#thumbnail__big img {
  height: 100%;
  transform: none;
}
.menu__thumbnail__img .no-img {
  background-image: url(/static/media/preparing-image-bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 160px;
  left: 50%;
  margin: 0 auto;
  position: relative;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 160px;
}
.menu__thumbnail__img .no-img .hourglass {
  display: block;
  height: 44px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
}
.menu__thumbnail__img .no-img .hourglass svg {
  animation: rotate 5s ease infinite;
  height: 100%;
  margin-top: -10px;
  position: relative;
  transform: rotate(-180deg);
  width: 100%;
}
.menu__thumbnail__img .no-img .hourglass svg .frame {
  fill: #595757;
}
.menu__thumbnail__img .no-img .hourglass svg .action1 {
  fill: #fff;
  animation: action1 5s ease infinite;
  transform: translate(0);
}
.menu__thumbnail__img .no-img .hourglass svg .action2 {
  fill: #fff;
  animation: action2 5s ease infinite;
  transform: translateY(-40%);
}
.menu__thumbnail__img .no-img .hourglass svg .action3 {
  fill: #fff;
  display: none;
}
.menu__thumbnail__img .no-img .hourglass svg .above {
  fill: #4a82b6;
}
.menu__thumbnail__img .no-img .hourglass svg .below {
  fill: #4a82b6;
  animation: below 5s ease infinite;
}
.menu__thumbnail__img .no-img p {
  font-size: 1.5rem;
  font-weight: 700;
  padding-top: 100px;
  text-align: center;
}
.menu__thumbnail__info {
  background-color: #fff;
  border-radius: 15px 15px 0 0;
  border-top: 1px solid #dbdbdb;
  margin-top: -20px;
  padding: 20px;
  position: relative;
  text-align: left;
}
.menu__thumbnail__info .menu__title {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: calc(100% - 100px);
}
.menu__thumbnail__info .menu__title h3 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #242424;
  display: -webkit-box;
  font-size: 1.8rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  width: 100%;
  word-break: keep-all;
}
.menu__thumbnail__info .menu__title small {
  color: #d15454;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  vertical-align: middle;
}
.menu__thumbnail__info .menu__price {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 5px;
  position: relative;
}
.menu__thumbnail__info .menu__price__won {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: center;
}
.menu__thumbnail__info .menu__price__sales {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  text-decoration: line-through;
}
.menu__thumbnail__info .discount {
  color: #d15454;
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 5px;
}
.menu__thumbnail__info .discount + .price {
  color: #999;
  font-size: 1.5rem;
  font-weight: 300;
  text-decoration: line-through;
}
.menu__thumbnail__info .price,
.menu__thumbnail__info .price-sale {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #242424;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 100%;
}
.menu__thumbnail__info .count-box {
  position: absolute;
  right: 10px;
  top: 15px;
}
@keyframes action1 {
  0% {
    transform: translateY(-80%);
  }
  to {
    transform: translate(0);
  }
}
@keyframes action2 {
  0% {
    transform: translate(0);
  }
  to {
    transform: translateY(-40%);
  }
}
@keyframes below {
  0% {
    display: none;
  }
  to {
    diplay: block;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-180deg);
  }
}
.menu__desc {
  color: #999;
  font-size: 1.5rem;
  padding: 0 20px 55px 20px;
  /* white-space: pre-wrap; */
}
.menu__desc > div img {
  width: 100%;
}
.menu__options {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
}
.menu__options > div:first-child {
  padding-top: 15px;
}
.menu__options > div > .option-title {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 15px 5px;
}
.menu__options > div .options {
  padding: 0 10px 15px;
}
.menu__options > div .options .label-ui {
  padding: 0;
}
.menu__options > div .options .label-ui.radio {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.menu__options > div .options .label-ui.radio > input[type="radio"] + span {
  align-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  color: #999;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 10px 5px 30px;
}
.menu__options
  > div
  .options
  .label-ui.radio
  > input[type="radio"]
  + span:before {
  left: 10px;
  top: 10px;
}
.menu__options
  > div
  .options
  .label-ui.radio
  > input[type="radio"]:checked
  + span {
  border-color: #ff7d00;
  color: #ff7d00;
}
.menu__options > div .options .label-ui.radio > input[type="checkbox"] + span {
  padding: 10px 10px 10px 30px;
}
.menu__options > div .options .label-ui.checkbox {
  display: block;
  margin-bottom: 5px;
}
.menu__options
  > div
  .options
  .label-ui.checkbox
  > input[type="checkbox"]
  + span {
  align-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 10px 5px 30px;
}
.menu__options
  > div
  .options
  .label-ui.checkbox
  > input[type="checkbox"]
  + span:before {
  left: 10px;
  top: 10px;
}
.menu__options
  > div
  .options
  .label-ui.checkbox
  > input[type="checkbox"]
  + span
  small {
  display: block;
}
.menu__options
  > div
  .options
  .label-ui.checkbox
  > input[type="checkbox"]:checked
  + span {
  border-color: #ff7d00;
  color: #ff7d00;
}
.menu__options > div .options .price {
  color: #242424;
  font-size: 1.5rem;
  font-weight: 400;
  text-align: right;
  width: 100px;
}
.menu__options > div.close .options {
  display: none;
}
.menu__count {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px;
}
.menu__total {
  background-color: #fff;
  border-top: 1px solid #e5e5e5;
}
.menu__total .menu__amount {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px;
}
.menu__total .menu__amount .title-heading {
  margin: 0;
}
.menu__total .menu__stamp {
  padding: 0 15px 15px;
}
.menu__total .menu__stamp > div {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.menu__total .menu__stamp .title-heading {
  font-size: 1.5rem;
  font-weight: 500;
  margin: 0;
}
.menu__total .menu__stamp .title-text {
  font-size: 1.5rem;
}
.shopping__information {
  border-top: 1px solid #dbdbdb;
  padding: 15px 10px;
}
.shopping__information p {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 160%;
}
.count-box {
  align-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 32px;
  justify-content: flex-start;
}
.count-box > span {
  color: #000;
  font-size: 1.4rem;
  line-height: 28px;
  padding: 0 5px;
  text-align: center;
  width: 24px;
}
.count-box > .ico-delete,
.count-box > .ico-minus,
.count-box > .ico-plus {
  height: 32px;
  width: 32px;
}
.count-box > .ico-delete:before,
.count-box > .ico-minus:before,
.count-box > .ico-plus:before {
  height: 50%;
  width: 50%;
}
.cart {
  padding-bottom: 160px;
}
.cart__top {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px 15px;
}
.cart__top h2 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.03rem;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 60px);
}
.cart__top p {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
}
.cart__top .btn {
  color: #d15454;
  font-weight: 400;
  text-align: right;
}
.cart__list {
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.cart__list__product {
  align-content: flex-start;
  align-items: stretch;
  border-top: 1px dashed #e5e5e5;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: flex-start;
  padding: 15px;
  position: relative;
}
.cart__list__product:first-child {
  border-top: none;
}
.cart__list__product .product {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.cart__list__product .product__thumbnail {
  aspect-ratio: 10/8.5;
  border-radius: 5px;
  margin-right: 15px;
  overflow: hidden;
  width: 60px;
}
.cart__list__product .product__thumbnail img {
  height: 100%;
  width: 100%;
}
.cart__list__product .product__thumbnail img.no-img {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.cart__list__product .product .product__menu {
  width: 100%;
}
.cart__list__product .product .product__menu h4 {
  color: #242424;
  font-size: 1rem;
  font-weight: 400;
}
.cart__list__product .product .product__menu__option {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 60px);
}
.cart__list__product .product .product__menu__option span {
  background-color: #f3f3f3;
  border-radius: 30px;
  color: #999;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  position: relative;
}
.cart__list__product .product .product__menu .count-box {
  margin-top: 10px;
}
.cart__list__product .product .cart__product__delete {
  position: absolute;
  right: 0;
  top: 0;
}
.cart__list__product .product .cart__product__delete .ico-close {
  height: 16px;
  width: 16px;
}
.cart__list__product .product .cart__product__delete .ico-close:before {
  background-color: #999;
}
.cart__list__product .price {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.cart__list__product .price .price {
  color: #000;
  text-overflow: ellipsis;
  text-align: right;
  width: 80%;
  overflow: hidden;
  display: block;
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 700;
}
.cart__price {
  align-content: center;
  align-items: center;
  background-color: #fff;
  bottom: 104px;
  box-shadow: 0 -1px 10px #0000001a;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  left: 50%;
  max-width: 540px;
  padding: 15px;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;
}
.cart__price h3 {
  margin: 0;
}
.cart__price .price {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
}
.cart__stamp {
  background-color: #fff;
  padding: 0 10px 15px;
}
.cart__stamp > div {
  align-content: center;
  align-items: center;
  background-color: #f7f8fc;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px;
}
.cart__stamp .title-heading {
  color: #595757;
  margin: 0;
}
.cart__stamp .title-heading,
.cart__stamp .title-text {
  font-size: 1.5rem;
  font-weight: 400;
}
.cart__null {
  left: 50%;
  padding: 0 20px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.cart__null img {
  opacity: 0.2;
  transform: translateX(20px);
  width: 160px;
}
.cart__null img,
.cart__null p {
  margin-bottom: 20px;
}
.cart__null button {
  display: inline-flex;
}
.order__notice {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  margin: 10px;
  padding: 10px !important;
  text-align: center;
}
.order__notice p {
  animation-direction: alternate;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: orderNotice;
  animation-timing-function: ease-in-out;
  color: #4a82b6;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
  white-space: break-spaces;
}
.order__notice p:before {
  animation-direction: alternate;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: orderNoticeIcon;
  animation-timing-function: ease-in-out;
  background-color: #4a82b6;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-alert.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-alert.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 20px;
}
.order__detail {
  background-color: #fff;
  position: relative;
}
.order__detail .btn-orderMenu {
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
  color: #595757;
  font-size: 1.5rem;
  height: 40px !important;
  justify-content: space-between;
  position: relative;
  text-align: left;
  width: 100%;
}
.order__detail .btn-orderMenu > i {
  transition: all 0.4s ease;
}
.order__detail .btn-orderMenu.open {
  border: none;
}
.order__detail .btn-orderMenu.open > i {
  transform: rotate(-180deg);
}
.order__detail__product {
  background-color: #f7f8fc;
  border-bottom: 5px solid #f3f3f3;
  padding: 10px 15px;
}
.order__detail__others {
  margin-top: 10px;
}
.order__detail__others .order__detail__type {
  background-color: #f7f8fc;
  border-radius: 20px;
  color: #4a82b6;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
}
.order__detail__name {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1rem;
  justify-content: flex-start;
  position: relative;
  width: calc(100% - 20px);
}
.order__detail__name .ico-arrow-down {
  bottom: 0;
  position: absolute;
  right: -20px;
  transition: all 0.2s ease;
}
.order__detail__name .ico-arrow-down.open {
  transform: rotate(-180deg);
}
.order__detail__menu {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 2px;
}
.order__detail__menu h3 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #595757;
  display: -webkit-box;
  font-size: 1.3rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0 20px 0 10px;
  position: relative;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  word-break: keep-all;
}
.order__detail__menu h3:before {
  background-color: #595757;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  top: 8px;
  width: 2px;
}
.order__detail__menu h3 small {
  color: #595757;
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 5px;
}
.order__detail__menu .price {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 1.3rem;
  text-align: right;
  width: 90px;
}
.order__info > div {
  border-top: 1px solid #e5e5e5;
  padding: 15px;
}
.order__info > div:first-child {
  border-top: none;
}
.order__info > div input[type="tel"],
.order__info > div input[type="text"] {
  width: 100%;
}
.order__info > div .table-number {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
}
.order__info > div .table-number > * {
  width: 100%;
}
.order__info__tel {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10px;
}
.order__info__tel .btn {
  color: #999;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 0 0 0 20px;
  position: relative;
}
.order__info__tel .btn > i {
  height: 16px !important;
  width: 16px !important;
}
.order__info__tel .btn.true > i:before {
  -webkit-mask-image: url(/static/media/ico-info-fill.svg);
  mask-image: url(/static/media/ico-info-fill.svg);
}
.order__info__notice {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 10px;
  padding: 10px;
}
.order__info__notice .list li {
  margin-bottom: 5px;
  padding: 0 0 0 15px;
  position: relative;
}
.order__info__notice .list li:before {
  background-color: #595757;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 4px;
  width: 10px;
}
.order__info__notice .list + p {
  font-size: 1.3rem;
  padding-top: 10px;
}
.order__payment {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px 10px;
}
.order__payment__type {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  margin-top: 10px;
}
.order__payment__type label {
  display: block;
  width: 100%;
}
.order__payment__type label input[type="radio"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.order__payment__type label input[type="radio"] + span {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  color: #595757;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  font-weight: 400;
  height: 100%;
  justify-content: center;
  padding: 10px;
  position: relative;
  text-align: center;
  width: 100%;
}
.order__payment__type label input[type="radio"]:checked + span {
  border-color: #000;
  color: #000;
}
.order__payment__type label input[type="radio"] + span:before {
  background-image: "";
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  margin: 0 auto 6px;
  width: 30px;
}
.order__payment__type label input[type="radio"]#CREDIT_CARD + span:before {
  background-image: url(/static/media/ico-card.svg);
}
.order__payment__type label input[type="radio"]#NAVER_PAY + span:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAABkCAYAAABXYNb5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjU2NmViYzViNCwgMjAyMi8wNS8wOS0wODoyNTo1NSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyOTk0RkYyMUEwODExRUQ4MURFOTJGN0VFQUMyNDAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyOTk0RkYzMUEwODExRUQ4MURFOTJGN0VFQUMyNDAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDI5OTRGRjAxQTA4MTFFRDgxREU5MkY3RUVBQzI0MDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDI5OTRGRjExQTA4MTFFRDgxREU5MkY3RUVBQzI0MDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5K5UlIAAAMm0lEQVR42uyd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);
}
.order__payment__type label input[type="radio"]#KAKAO_PAY + span:before {
  background-image: url(data:image/png;base64,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);
}
.order__payment__type label input[type="radio"]#paypal + span:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAzCAYAAADSDUdEAAAFR2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTIgMS4xNDk2MDIsIDIwMTIvMTAvMTAtMTg6MTA6MjQgICAgICAgICI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpkYW09Imh0dHA6Ly93d3cuZGF5LmNvbS9kYW0vMS4wIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczpQYXlQYWw9Ind3dy5wYXlwYWwuY29tL2Jhc2UvdjEiCiAgIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIgogICBkYzptb2RpZmllZD0iMjAxNC0wNy0yM1QxMzozNTo1NC4zMDMtMDc6MDAiCiAgIGRhbTpzaXplPSIyODMzIgogICBkYW06UGh5c2ljYWx3aWR0aGluaW5jaGVzPSItMS4wIgogICBkYW06ZXh0cmFjdGVkPSIyMDE0LTA3LTIzVDEzOjM1OjUwLjUzNS0wNzowMCIKICAgZGFtOnNoYTE9IjMzMDA4ZTQ0ZDRjNmNiZDgzYmUwNjhlMmQzYjM2ZjYwMTJlZTFkMmQiCiAgIGRhbTpOdW1iZXJvZnRleHR1YWxjb21tZW50cz0iMCIKICAgZGFtOkZpbGVmb3JtYXQ9IlBORyIKICAgZGFtOlByb2dyZXNzaXZlPSJubyIKICAgZGFtOlBoeXNpY2FsaGVpZ2h0aW5kcGk9Ii0xIgogICBkYW06TUlNRXR5cGU9ImltYWdlL3BuZyIKICAgZGFtOk51bWJlcm9maW1hZ2Vz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);
}
.order__payment__type label input[type="radio"]#later + span:before {
  background-image: url(/static/media/ico-deferred.svg);
}
.order__payment__card {
  margin-top: 10px;
}
.order__payment__card select {
  width: 100%;
}
.order__coupon {
  padding: 15px 10px;
}
.order__coupon__select button {
  width: 100%;
}
.order__price {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.order__price__product {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.order__price__product h2 {
  color: #000;
  color: #595757;
  font-size: 1rem;
  font-weight: 400;
}
.order__price__discount {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.order__price__discount h2 {
  color: #000;
  color: #595757;
  font-size: 1rem;
  font-weight: 400;
}
.order__total {
  align-content: center;
  align-items: center;
  background-color: #fff;
  border-top: 1px dashed #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px;
}
.order__total .title-heading {
  font-size: 1.125rem;
  margin: 0;
}
.order__total p {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.order__privacy {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px 10px;
  position: relative;
}
.order__privacy .title-heading {
  margin-bottom: 10px;
}
.order__privacy > div {
  padding: 3px 0;
}
.order__privacy__agree {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.order__privacy__agree button {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  color: #595757;
  font-size: 1rem;
  height: 24px;
  padding: 0 10px;
}
.order__privacy__consent {
  background-color: #f3f3f3;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: 300;
  margin-top: 10px;
  padding: 6px 10px;
}
.order__privacy .more {
  position: absolute;
  right: 15px;
  top: 15px;
}
.order .member-agree {
  padding-left: 18px;
  position: relative;
}
.order .member-agree:before {
  background-color: #999;
  content: "";
  display: block;
  height: 12px;
  left: 0;
  -webkit-mask-image: url(/static/media/ico-check.svg);
  mask-image: url(/static/media/ico-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 4px;
  width: 12px;
}
.call__notice {
  color: #4a82b6;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
  white-space: break-spaces;
}
.call__notice:before {
  background-color: #4a82b6;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  -webkit-mask-image: "";
  mask-image: "";
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 20px;
}
.call__notice.false {
  animation-direction: alternate;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: orderNotice;
  animation-timing-function: ease-in-out;
}
.call__notice.false:before {
  animation-direction: alternate;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: orderNoticeIcon;
  animation-timing-function: ease-in-out;
  background-color: #4a82b6;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 5px;
  -webkit-mask-image: url(/static/media/ico-alert.svg);
  mask-image: url(/static/media/ico-alert.svg);
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 20px;
}
.call__notice.true {
  color: #595757;
  position: relative;
}
.call__notice.true:before {
  background-color: #999;
  -webkit-mask-image: url(/static/media/ico-check.svg);
  mask-image: url(/static/media/ico-check.svg);
  -webkit-mask-size: 60%;
  mask-size: 60%;
}
.call__notice.true:after {
  border: 1px solid #999;
  border-radius: 50px;
  content: "";
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}
@keyframes orderNotice {
  0% {
    color: #ff7d00;
  }
  to {
    color: #d15454;
  }
}
@keyframes orderNoticeIcon {
  0% {
    background-color: #ff7d00;
  }
  to {
    background-color: #d15454;
  }
}
.call__selected1 {
  padding: 0 !important;
  text-align: center;
}
.call__selected1 .call__obj {
  align-content: center;
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 1px #0000004d;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: space-between;
  padding: 15px;
  text-align: left;
  width: 100%;
}
.call__selected1 .call__obj .label-ui {
  height: 100%;
  width: 100%;
}
.call__selected2 {
  align-items: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0 !important;
}
.call__selected2,
.call__selected2 .call__obj {
  align-content: flex-start;
  display: flex;
  text-align: center;
}
.call__selected2 .call__obj {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 0 1px #0000004d;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: center;
  padding: 10px;
  width: 33.3%;
}
.call__selected2 .call__obj .label-ui {
  height: 100%;
  padding: 0;
  width: 100%;
}
.call__selected2 .call__obj .label-ui input[type="checkbox"] + span {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: nowrap;
  gap: 5px;
  height: 100%;
  justify-content: center;
}
.call__selected2 .call__obj .label-ui input[type="checkbox"] + span:before {
  display: block;
  left: auto;
  margin: 0 auto 5px;
  position: relative;
  top: auto;
  vertical-align: middle;
}
.call__selected2
  .call__obj
  .label-ui
  input[type="checkbox"]
  + span
  + .count-box
  span {
  color: #999;
}
.call__selected2
  .call__obj
  .label-ui
  input[type="checkbox"]:checked
  + span
  + .count-box {
  border-color: #ff7d00;
}
.call__selected2
  .call__obj
  .label-ui
  input[type="checkbox"]:checked
  + span
  + .count-box
  .ico.gray:before {
  background-color: #ff7d00;
}
.call__selected2
  .call__obj
  .label-ui
  input[type="checkbox"]:checked
  + span
  + .count-box
  span {
  color: #ff7d00;
}
.call__selected2
  .call__obj
  .label-ui
  input[type="checkbox"].blind
  + span:before {
  display: none;
}
.history {
  padding-bottom: 56px;
}
.history__search {
  padding: 40px 30px;
  width: 100%;
}
.history__search input[type="tel"] {
  width: 100%;
}
.history__search button {
  margin-top: 10px;
  width: 100%;
}
.history__search ul {
  margin-top: 20px;
}
.history__null {
  left: 50%;
  padding: 0 30px;
  position: absolute;
  text-align: center;
  top:42%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.history__null p {
  font-size: 1rem;
}
.history__null img {
  display: block;
  margin: 0 auto 20px;
  opacity: 0.2;
  width: 80px;
}
.history__tabs {
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
}
.history__tabs > ul {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.history__tabs > ul > li {
  border-radius: 40px;
  color: #000;
  color: #ffffff80;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0;
  padding: 15px 10px;
  position: relative;
  text-align: center;
  transform: rotate(0.04deg);
  width: 100%;
}
.history__tabs > ul > li.current {
  color: #fff;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
}
@keyframes tabAni {
  0% {
    bottom: -5px;
  }
  to {
    bottom: 0;
  }
}
.history__tabs > ul > li.current:before {
  background-color: #fff;
  bottom: -10px;
  content: "";
  display: block;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  transform: rotate(-45deg);
  width: 14px;
}
.history__list .history__notice {
  color: #d15454;
  font-size: 1.5rem;
  margin-top: 10px;
}
.history__detail {
  padding: 50px 0 80px;
}
.history__detail .history__products {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.history__card {
  align-content: stretch;
  align-items: stretch;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  border-top: 5px solid #f3f3f3;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  position: relative;
}
.history__card:first-child {
  border-top: none;
}
.history__card .date {
  color: #999;
  font-size: 1.5rem;
}
.history__card__store {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 15px;
  justify-content: flex-start;
  padding: 15px 10px;
}
.history__card__info {
  padding-top: 2px;
  width: calc(100% - 90px);
}
.history__card__info h2 {
  color: #000;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.history__card__info > div {
  align-content: center;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 58px;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.history__card__info p {
  display: inline-block;
  color: #242424;
  font-size: 1rem;
  font-weight: 400;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history__card__info p > span {
  border-left: 1px solid #e5e5e5;
  display: inline-block;
  margin-left: 10px;
  padding-left: 10px;
}
.history__card__info p.price {
  font-size: 1.5rem;
  font-weight: 300;
}
.history__card__thumbnail {
  aspect-ratio: 10/8.5;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  overflow: hidden;
  width: 70px;
}
.history__card__thumbnail img {
  height: 100%;
  width: 100%;
}
.history__card__date {
  border-top: 1px dashed #e5e5e5;
  justify-content: space-between;
  padding: 10px;
}
.history__card__date,
.history__card__status {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.history__card__status {
  gap: 5px;
  justify-content: flex-end;
}
.history__card .btn-start {
  margin-top: 15px;
}
.history__product {
  border-top: 1px dashed #dbdbdb;
  padding: 10px 0;
}
.history__product:first-of-type {
  border-top: none;
}
.history__product:last-of-type {
  padding-bottom: 0;
}
.history__product__name {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.history__product__name > .price,
.history__product__name > h3 {
  color: #595757;
  font-size: 1.4rem;
  font-weight: 400;
}
.history__product__name > .price {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 20px;
}
.history__product__option {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin-top: 5px;
}
.history__product__option span {
  background-color: #f3f3f3;
  border-radius: 30px;
  color: #999;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  position: relative;
}
.history__eatIn {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.history__eatIn__list {
  padding: 10px 0 0;
  position: relative;
}
.history__eatIn__top {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-right: 30px;
  position: relative;
}
.history__eatIn__top label {
  color: #595757;
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 10px;
  width: calc(100% - 70px);
}
.history__eatIn__top label:first-of-type {
  margin-top: 0;
}
.history__eatIn__top label span {
  display: block;
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history__eatIn__top .price {
  text-align: right;
  width: 70px;
}
.history__eatIn .ico-arrow-down {
  height: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s ease;
  width: 16px;
}
.history__eatIn .ico-arrow-down.up {
  transform: rotate(-180deg) translateY(50%);
}
.history__eatIn__product {
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  margin: 10px 0;
  padding: 10px;
}
.history__eatIn__product > div {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
  padding-top: 10px;
  position: relative;
}
.history__eatIn__product > div:first-of-type {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.history__eatIn__product > div:first-of-type .price {
  top: 0;
}
.history__eatIn__product > div h4 {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 300;
  width: calc(100% - 70px);
}
.history__eatIn__product > div .price {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  position: absolute;
  right: 0;
  top: 10px;
}
.history__eatIn__product > div .option {
  margin-top: 5px;
  overflow: hidden;
}
.history__eatIn__product > div .option > span {
  color: #999;
  font-size: 1.5rem;
  font-weight: 400;
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
}
.history__eatIn__product > div .option > span:before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 10px;
  left: -10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.total-price {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px 10px;
}
.total-price > div {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 0;
}
.total-price > div:first-of-type {
  padding-top: 0;
}
.total-price > div h4,
.total-price > div p {
  white-space: nowrap;
  font-size: 1.4rem;
  font-weight: 400;
}
.total-price__total * {
  color: #000;
  font-size: 1rem !important;
  font-weight: 600 !important;
}
.total-payment {
  padding: 0 15px 10px;
}
.total-payment > div {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 0;
}
.total-payment > div h4 {
  font-weight: 400;
}
.total-payment > div h4,
.total-payment > div p {
  color: #000;
  font-size: 1.5rem;
  margin: 0;
}
.order-request {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.order-request__text {
  font-size: 1rem;
}
.order-status {
  align-content: center;
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 10px 15px 0;
}
.list__noti > li {
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
}
.list__noti > li:before {
  content: "※";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.complate__finish {
  background-color: #fff;
  font-size: 1rem;
  padding: 20px;
  text-align: center;
}
.complate__finish__img img {
  width: 80px;
}
.complate__finish__img img[src*="sub"] {
  width: 100px;
}
.complate__finish__img img.takeout {
  margin-bottom: 10px;
  width: 60px;
}
.complate__finish__number strong {
  color: #ff7d00;
  font-size: 1.125rem;
  font-weight: 800;
}
.complate__finish h3 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.complate__finish h3 strong {
  color: #ff7d00;
}
.complate__finish small {
  color: #d15454;
  display: block;
  font-size: 1.5rem;
}
.complate__finish__btns {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: space-between;
  margin-top: 30px;
}
.complate__finish__btns > button {
  width: 100%;
}
.complate__info {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.complate__info > div {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 0;
}
.complate__info > div:first-of-type {
  padding-top: 0;
}
.complate__info > div > h4 {
  font-size: 1.4rem;
  font-weight: 400;
}
.complate__info > div > p {
  text-align: right;
  width: 84%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
.complate__info > div > time {
  text-align: right;
  width: 84%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
[class^="status-"] {
  border-radius: 30px;
  color: #595757;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  position: relative;
}
[class^="status-"].status-success {
  background-color: #f7f8fc;
  color: #4a82b6;
}
[class^="status-"].status-cancel {
  background-color: #f9f0f0;
  color: #d15454;
}
[class^="status-"].status-approve {
  background-color: #f8fbf4;
  color: #53af36;
}
[class^="status-"].status-takeout {
  background-color: #fcf7f6;
  color: #f77900;
}
[class^="status-"].status-eatin {
  background-color: #f7f8fc;
  color: #4a82b6;
}
[class^="status-"].status-reservation {
  background-color: #f9f0f0;
  color: #f36b1e;
}
[class^="status-"].status-gray {
  background-color: #fff;
  border: 1px solid #999;
  color: #999;
}
[class^="status-"].status-line {
  border: 1px solid #595757;
  color: #595757;
}
.label-ui {
  color: #242424;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
  padding-left: 24px;
  position: relative;
}
.label-ui > input[type="radio"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.label-ui > input[type="radio"]:checked + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/radio-active.svg);
}
.label-ui > input[type="radio"]:disabled + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/radio-disabled.svg);
}
.label-ui > input[type="radio"]:checked:disabled + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/radio-disabled-check.svg);
}
.label-ui > input[type="radio"] + span {
  color: #242424;
  line-height: 24px;
  min-height: 20px;
}
.label-ui > input[type="radio"] + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/radio-inactive.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 16px;
}
.label-ui > input[type="checkbox"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.label-ui > input[type="checkbox"]:checked + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/checkbox-active.svg);
}
.label-ui > input[type="checkbox"]:disabled + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/checkbox-disabled.svg);
}
.label-ui > input[type="checkbox"]:checked:disabled + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/checkbox-disabled-check.svg);
}
.label-ui > input[type="checkbox"] + span {
  line-height: 24px;
  min-height: 24px;
}
.label-ui > input[type="checkbox"] + span:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/checkbox-inactive.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 16px;
}
.label-toggle {
  display: inline-block;
  position: relative;
}
.label-toggle input[type="radio"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.label-toggle input[type="radio"] + span {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
}
.label-toggle input[type="radio"]:disabled + span {
  background: #f3f3f3;
  color: #999;
}
.label-toggle input[type="radio"]:checked + span {
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  border-color: #0000;
  color: #fff;
}
.toggle-btns {
  align-content: stretch;
  align-items: stretch;
  background-color: #f3f3f3;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  overflow: hidden;
}
.toggle-btns > label {
  display: block;
  width: 50%;
}
.toggle-btns > label input[type="radio"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.toggle-btns > label input[type="radio"] + span {
  color: #595757;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.toggle-btns > label input[type="radio"]:checked + span {
  background-color: #fff;
  border: 1px solid #ff7d00;
  border-radius: 10px;
  color: #ff7d00;
}
.toggle-btns > label input[type="radio"]:disabled + span {
  color: #dbdbdb;
}
.input-ui {
  align-content: stretch;
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  justify-content: space-between;
}
.input-ui input {
  width: 100%;
}
.certi-input {
  position: relative;
}
.certi-input .count {
  color: #999;
  position: absolute;
  right: 140px;
  top: 50%;
  transform: translateY(-50%);
}
.btnModal {
  animation: btnModalAni 0.2s ease;
  animation-delay: 0.2s;
  animation-fill-mode: backwards;
  background-color: #fff;
  bottom: 54px;
  left: 50%;
  max-width: 540px;
  min-width: 320px;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 9999;
}
.btnModal > div {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
}
.btnModal > div button {
  border-radius: 0;
  font-size: 1rem;
  font-weight: 500;
  height: 50px;
  width: 100%;
}
.btnModal > div .price {
  background-color: #fff;
  border-radius: 50%;
  color: #ff7d00;
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.btnModal .btns__two button {
  width: 100%;
}
.btnModal .btns__tree {
  flex-wrap: wrap;
}
.btnModal .btns__tree button {
  width: 49%;
}
.btnModal .btns__tree button:last-child {
  margin-top: 2%;
  width: 100%;
}
@keyframes btnModalAni {
  0% {
    bottom: -100%;
  }
  to {
    bottom: 54px;
  }
}
.product_wrap {
  min-height: 100%;
  min-height: 100dvh;
}
.popup__wrap {
  background-color: #00000080;
  height: 100%;
  left: 50%;
  max-width: 540px;
  min-width: 320px;
  overflow: hidden;
  position: fixed;
  top: 0;
  transform: translateX(-50%);
  width: 100%;
  z-index: 999999;
}
.popup__alert {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 1px 1px 20px #0000001a, -1px -1px 20px #0000001a;
  left: 50%;
  max-height: 460px;
  min-height: 180px;
  overflow: hidden;
  padding-bottom: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
}
.popup__alert,
.popup__alert__container {
  text-align: center;
}
.popup__alert__container p {
  line-height: 160%;
  white-space: pre-wrap;
}
.popup__alert__container {
  height: calc(100% - 50px);
  padding: 0 15px 15px;
  width: 100%;
}
.popup__alert__container img {
  filter: invert(79%) sepia(0) saturate(0) hue-rotate(75deg) brightness(105%)
    contrast(90%);
  margin: 15px 0 5px;
  width: 60px;
}
.popup__alert__btns {
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  width: 100%;
}
.popup__alert__btns .btn {
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  height: 100%;
  width: 100%;
}
.popup__bottom {
  background-color: #fff;
  border-radius: 20px 20px 0 0;
  bottom: -100%;
  left: 50%;
  max-height: 80dvh;
  position: absolute;
  transform: translateX(-50%);
  transition: all 0.2s ease;
  width: 100%;
}
.popup__bottom__title {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px;
}
.popup__bottom__title > .title-heading {
  margin: 0;
}
.popup__bottom__content {
  padding: 15px;
  position: relative;
}
.popup__wrap.slide__start .popup__bottom {
  animation: slideStart 0.2s ease;
  animation-fill-mode: forwards;
}
.popup__wrap.slide__end .popup__bottom {
  animation: slideEnd 0.2s ease;
  animation-fill-mode: forwards;
}
.popup__confirm {
  align-content: stretch;
  align-items: stretch;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 1px 1px 20px #0000001a, -1px -1px 20px #0000001a;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  left: 50%;
  min-height: 220px;
  overflow: hidden;
  padding-bottom: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
}
.popup__confirm__container {
  text-align: center;
}
.popup__confirm__container p {
  line-height: 160%;
  white-space: pre-wrap;
}
.popup__confirm__container {
  align-content: stretch;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: center;
  padding: 30px 15px;
}
.popup__confirm__container img {
  filter: invert(89%) sepia(0) saturate(788%) hue-rotate(11deg) brightness(98%)
    contrast(80%);
  margin: 0 0 10px;
  width: 60px;
}
.popup__confirm__container > h4 {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  white-space: pre-wrap;
}
.popup__confirm__btns {
  align-content: stretch;
  align-items: stretch;
  bottom: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 50px;
  justify-content: space-between;
  left: 0;
  position: absolute;
  width: 100%;
}
.popup__confirm__btns .btn {
  background-color: #e5e5e5;
  border-radius: 0;
  border-top: 1px solid #dbdbdb;
  color: #595757;
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
}
.popup__ad {
  align-content: flex-start;
  align-items: stretch;
  background-color: #fff;
  border-radius: 20px;
  border-radius: 0;
  box-shadow: 1px 1px 20px #0000001a, -1px -1px 20px #0000001a;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  left: 50%;
  max-height: 90%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 280px;
  width: calc(100% - 40px);
}
.popup__ad__container {
  text-align: center;
}
.popup__ad__container p {
  line-height: 160%;
  white-space: pre-wrap;
}
.popup__ad__container {
  height: calc(100% - 40px);
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  width: 100%;
}
.popup__ad__container * {
  outline: none;
}
.popup__ad__container .img {
  display: block !important;
  height: 100%;
  overflow-y: scroll;
  width: 100%;
}
.popup__ad__container .img img {
  display: block;
  width: 100%;
}
.popup__ad__btns {
  align-content: center;
  align-items: center;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 40%;
  justify-content: flex-start;
}
.popup__ad__btns button {
  color: #595757;
  height: 40px;
  text-align: center;
  width: 50%;
}
.popup__ad__btns button + button {
  border-left: 1px solid #dbdbdb;
}
.popup__full {
  animation: layerStart 0.2s ease;
  animation-fill-mode: forwards;
  background-color: #fff;
  height: 100%;
  max-width: 540px;
  min-width: 320px;
  overflow: hidden;
  position: fixed;
  right: -100%;
  top: 0;
  transition: bottom 0.4s ease;
  width: 100%;
  z-index: 99999;
}
.popup__full__top {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  height: 55px;
  justify-content: flex-start;
  line-height: 55px;
  padding: 10px;
  width: 100%;
}
.popup__full__top h2 {
  color: #000;
  font-size: 1.7rem;
  line-height: 20px;
  font-weight: 700;
}
.popup__full__top .ico-back:before {
  background-color: #000;
}
.popup__full__content {
  position: absolute;
  height: calc(100% - 56px);
  overflow-y: scroll;
  width: 100%;
}
.popup__full__content .menu {
  padding-bottom: 100px;
}
.popup__full__content .menu__total {
  bottom: 50px;
  box-shadow: 0 -1px 10px #0000001a;
  left: 0;
  position: fixed;
  width: 100%;
}
.popup__full__content .btns {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
}
.popup__full__content .btns .btn-gradient,
.popup__full__content .btns__one button {
  border-radius: 0;
  height: 50px;
}
.popup__full__content .btns .btn-gradient i:before {
  background-color: #fff;
}
.menu__detail {
  width: 100%;
}
.menu__detail img {
  display: block;
  width: 100%;
}
.noti-popup {
  background: #333c;
  border-radius: 50px;
  left: 50%;
  max-width: 500px;
  padding: 15px;
  position: absolute;
  position: fixed;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 60px);
  z-index: 99999;
}
.noti-popup p {
  color: #fff;
  font-size: 1rem;
}
#popup {
  max-width: 540px;
  min-width: 320px;
  overflow: hidden;
}
.tooltip {
  animation-delay: 3s;
  animation-duration: 0.2s;
  animation-fill-mode: forwards;
  animation-name: tooltipAni;
  animation-timing-function: linear;
  background-color: #000c;
  border-radius: 10px;
  color: #fff;
  font-size: 1.5rem;
  left: 15px;
  opacity: 1;
  padding: 12px 10px;
  position: fixed;
  text-align: center;
  top: 96px;
  width: calc(100% - 30px);
  z-index: 999;
}
.tooltip:before {
  border: 6px solid #0000;
  border-bottom: 6px solid #000;
  border-top: none;
  content: " ";
  left: 15px;
  position: absolute;
  top: -6px;
}
@keyframes tooltipAni {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.order-type {
  left: 50%;
  padding: 30px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.order-type > h2 {
  animation: orderTypeAni 2s ease;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 40px;
  text-align: center;
}
@keyframes orderTypeAni {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.order-type__list {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: space-between;
}
.order-type__list.column {
  flex-direction: column;
}
.order-type__list.column > div {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-left: 62px;
  position: relative;
}
.order-type__list.column > div:before {
  height: 40px;
  left: 15px;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}
.order-type__list.column > div > button {
  margin: 0;
}
.order-type__list.column > div.shop:before {
  background-size: 80%;
}
.order-type__list > div {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  box-shadow: 1px 1px 4px #0000001a, -1px -1px 4px #00000003;
  min-width: 120px;
  padding: 15px;
  position: relative;
  text-align: center;
  width: 100%;
}
.order-type__list > div:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 60px;
  margin: 0 auto 10px;
  width: 60px;
}
.order-type__list > div.shop:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/img-shop.svg);
}
.order-type__list > div.shop button {
  background-color: #4a82b6;
}
.order-type__list > div.pickup:before {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/img-takeout.svg);
  background-size: 68%;
}
.order-type__list > div.delivery:before {
  background-image: url(/static/media/img-delivery.svg);
  background-size: 68%;
}
.order-type__list > div.delivery button {
  background-color: #cc7bc2;
}
.order-type__list > div > p {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 1rem;
  height: 44px;
  justify-content: center;
  line-height: 120%;
}
.order-type__list > div > button {
  background-color: #ff7d00;
  border-radius: 40px;
  color: #fff;
  display: inline-flex;
  font-size: 1.4rem;
  font-weight: 700;
  height: 40px;
  margin-top: 10px;
  padding: 0 20px;
}
.coupon {
  align-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.coupon,
.coupon__code {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.coupon__code {
  align-content: center;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  flex-direction: row;
  overflow: hidden;
}
.coupon__code input[type="text"] {
  border: none;
  border-radius: 5px 0 0 5px;
  height: 50px;
  width: calc(100% - 50px);
}
.coupon__code .ico-search {
  background-color: #fff;
  border-radius: 0 5px 5px 0;
  height: 50px;
  width: 50px;
}
.coupon__code .ico-search:before {
  background-color: #595757;
  height: 50%;
  width: 50%;
}
.coupon__list {
  overflow-y: scroll;
  padding: 15px 10px;
}
.coupon__list > div {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
}
.coupon__list .coupon__obj {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
}
.coupon__list .coupon__obj.checked {
  border-color: #ff7d00;
}
.coupon__list .coupon__text h3 {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
}
.coupon__list .coupon__text .coupon__name {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.coupon__list .coupon__text .coupon__desc {
  color: #999;
  font-size: 1.5rem;
  font-weight: 400;
  margin-top: 10px;
}
.coupon__list .coupon__check {
  position: absolute;
  right: 10px;
  text-indent: -9999px;
  top: 10px;
}
.coupon__list .coupon__check input[type="checkbox"] {
  display: none;
  height: 0;
  line-height: 0;
  position: absolute;
  width: 0;
}
.coupon__list .coupon__check input[type="checkbox"] + span {
  border-radius: 50%;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}
.coupon__list .coupon__check input[type="checkbox"] + span:before {
  background-color: #f3f3f3;
  content: "";
  display: block;
  height: 18px;
  left: 50%;
  -webkit-mask-image: url(/static/media/ico-check.svg);
  mask-image: url(/static/media/ico-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
}
.coupon__list .coupon__check input[type="checkbox"]:checked + span:before {
  background-color: #ff7d00;
}
.coupon .btn__two {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.coupon__history {
  margin-top: 10px;
}
.coupon__history > div {
  align-content: center;
  align-items: center;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 5px 5px 8px;
}
.coupon__history > div .title {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #595757;
  display: -webkit-box;
  font-size: 1.5rem;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 120px);
  word-break: keep-all;
}
.coupon__history > div .price {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  padding-right: 10px;
  text-align: right;
  width: 100px;
}
.coupon__history > div .ico-close {
  background-color: #f3f3f3;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.coupon__history > div .ico-close:before {
  background-color: #999;
  -webkit-mask-size: 60%;
  mask-size: 60%;
}
.coupon .stamp__name {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.coupon .stamp__name__user {
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 0;
}
.coupon .stamp__name__count {
  color: #595757;
  font-size: 1.5rem;
}
.coupon .stamp__name__count span {
  color: #000;
  font-weight: 700;
}
.coupon.my-coupon {
  height: calc(100% - 50px);
}
.coupon.my-coupon .coupon__obj {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 0;
}
.coupon.my-coupon .coupon__obj .coupon__text {
  padding: 10px 15px;
  width: 100%;
}
.coupon.my-coupon .coupon__obj .coupon__use {
  align-content: center;
  align-items: center;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 1.3rem;
  justify-content: center;
  padding: 10px 15px;
  position: relative;
  width: 140px;
}
.coupon.my-coupon .coupon__obj .coupon__use > span:after {
  background-color: #999;
  content: "";
  display: inline-block;
  height: 10px;
  margin-left: 5px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
  width: 10px;
}
.coupon__null {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
}
.coupon__null img {
  margin-bottom: 20px;
  opacity: 0.2;
  width: 180px;
}
.stamp {
  padding: 20px 10px;
}
.stamp h3 {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 5px;
}
.stamp h3 strong {
  color: #242424;
  font-weight: 700;
}
.stamp__card {
  grid-gap: 10px;
  align-content: stretch;
  align-items: center;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(5, 1fr);
  justify-content: center;
  justify-items: center;
  padding: 10px;
  text-align: center;
}
.stamp__card > div {
  background-color: #f3f3f3;
  border-radius: 50%;
  color: #dbdbdb;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 50px;
}
.stamp__card > div.saving {
  background-color: #fff;
  border: 1px solid #ff7d00;
  color: #ff7d00;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
  text-indent: -9999px;
}
.stamp__card > div.saving:before {
  border: 1px solid #ff7d00;
  border-radius: 50%;
  height: 82%;
  width: 82%;
}
.stamp__card > div.saving:after,
.stamp__card > div.saving:before {
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.stamp__card > div.saving:after {
  background-color: #ff7d00;
  height: 50%;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/logo-bods.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/logo-bods.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 50%;
}
.error__page {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.error__page img {
  margin-bottom: 0;
  width: 120px;
}
.error__page h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 20px 0 5px;
}
.error__page .btn {
  display: inline-flex;
  margin-top: 20px;
}
.error__page .payment__fail > img {
  filter: invert(100%) sepia(1%) saturate(832%) hue-rotate(175deg)
    brightness(90%) contrast(92%);
}
.error__page .payment__fail .btn {
  display: inline-flex;
}
.search {
  align-content: stretch;
  align-items: stretch;
  background-color: #fff;
  bottom: 0;
  flex-direction: column;
  height: 100%;
  left: 0;
  min-width: 320px;
  position: fixed;
  width: 100%;
  z-index: 999999;
}
.search,
.search__form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.search__form {
  align-content: center;
  align-items: center;
  border-bottom: 5px solid #f3f3f3;
  flex-direction: row;
  height: 68px;
  padding: 10px;
}
.search__form .ico-back {
  height: 20px;
  margin-right: 5px;
  width: 20px;
}
.search__form .ico-back:before {
  background-color: #000;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-back.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-back.svg);
  transform: rotate(0) translate(-50%, -50%);
}
.search__form__input {
  align-content: center;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow: hidden;
  padding: 0 15px 0 10px;
  width: calc(100% - 20px);
}
.search__form__input .ico-search {
  height: 18px;
  width: 18px;
}
.search__form__input .ico-search:before {
  background-color: #999;
}
.search__form__input input[type="search"] {
  border: none;
  outline: none;
  width: calc(100% - 20px);
}
.search__form__input input[type="search"]::-webkit-search-cancel-button,
.search__form__input input[type="search"]::-webkit-search-decoration,
.search__form__input input[type="search"]::-webkit-search-results-button,
.search__form__input input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
.search__form__input .ico-close {
  height: 14px;
  width: 14px;
}
.search__form__input .ico-close:before {
  background-color: #242424;
}
.search__latest {
  padding: 10px;
}
.search__latest__top {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.search__latest__top h2 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
.search__latest__top button {
  color: #d15454;
  font-size: 1.5rem;
  font-weight: 400;
}
.search__latest__list {
  -ms-overflow-style: none;
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  overflow-x: scroll;
  scrollbar-width: none;
}
.search__latest__list::-webkit-scrollbar {
  display: none;
}
.search__latest__list span {
  align-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 28px;
  justify-content: flex-start;
  line-height: 28px;
  margin: 0 5px 5px 0;
  padding: 0 15px;
}
.search__latest__list span .ico-close {
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
.search__latest__list p {
  white-space: nowrap;
}
.search__filter {
  background-color: #fff;
  height: 84px;
  left: 50%;
  margin-top: 0;
  max-width: 540px;
  position: fixed;
  top: 50px;
  transform: translateX(-50%);
  width: 100%;
  z-index: 1;
}
.search__filter .category {
  padding: 0 10px;
}
.categoryList {
  background-color: initial;
  padding-top: 135px;
}
.categoryList .category {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  padding: 0;
}
.categoryList .category > ul > li {
  font-size: 1.5rem;
  height: 40px;
  padding: 10px;
}
.categoryList .category > ul > li:before {
  display: none;
}
.categoryList .category__list {
  background-color: #fff;
  padding: 10px;
}
.categoryList .category__list__tag {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.categoryList .category__list__tag button {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 30px;
  color: #595757;
  display: block;
  font-size: 1.5rem;
  height: 24px;
  margin-right: 4px;
  padding: 0 10px;
  transition: all 0.4s ease;
}
.categoryList .category__list__tag button:before {
  background-color: #999;
  content: "";
  display: inline-block;
  height: 12px;
  margin-right: 5px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: -1px;
  transition: all 0.4s ease;
  vertical-align: middle;
  width: 12px;
}
.categoryList .category__list__tag button.active {
  background-color: #ff7d00;
  border-color: #0000;
  color: #fff;
}
.categoryList .category__list__tag button.active:before {
  background-color: #fff;
}
.copyright {
  border-top: 1px solid #dbdbdb;
}
.copyright h2 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
.copyright__menu {
  border-bottom: 1px solid #dbdbdb;
  padding: 10px;
}
.copyright__menu > ul {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  font-weight: 300;
  justify-content: center;
}
.copyright__menu > ul > li {
  color: #242424;
  padding: 0 15px;
  position: relative;
}
.copyright__menu > ul > li:before {
  background-color: #e5e5e5;
  content: "";
  display: block;
  height: 80%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.copyright__menu > ul > li:first-child {
  padding-left: 0;
}
.copyright__menu > ul > li:first-child:before {
  display: none;
}
.copyright__info {
  color: #595757;
  font-size: 1.3rem;
  font-weight: 400;
  padding: 15px;
  text-transform: none;
}
.copyright__info h2 {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.copyright__info p {
  line-height: 1.7;
  margin-bottom: 3px;
  font-size: 1.2rem;
  text-transform: none;
}
.privacy {
  height: 100%;
}
.privacy__tabs ul {
  align-content: center;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.privacy__tabs ul > li {
  background-color: #f3f3f3;
  color: #595757;
  font-size: 1rem;
  padding: 15px 10px;
  text-align: center;
  width: 100%;
}
.privacy__tabs ul > li.current {
  background-color: #ff7d00;
  color: #fff;
  font-weight: 500;
}
.privacy__content {
  height: calc(100% - 52px);
  overflow-y: scroll;
  padding: 20px;
}
.privacy__text {
  text-transform: none;
}
.privacy__text h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 30px 0 10px;
}
.privacy__text h2:first-child {
  margin-top: 0;
}
.privacy__text h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  margin: 20px 0 10px;
}
.privacy__text h3:first-child {
  margin-top: 0;
}
.privacy__text p {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.privacy__text > ol {
  counter-reset: index;
  list-style-type: none;
}
.privacy__text > ol > li {
  display: list-item;
  list-style-type: none;
  margin-bottom: 5px;
  padding-left: 20px;
  position: relative;
  text-align: -webkit-match-parent;
}
.privacy__text > ol > li:before {
  content: counters(index, ".") ". ";
  counter-increment: index;
  left: 0;
  position: absolute;
  top: 0;
}
.privacy__text > ol > li > ol {
  counter-reset: circle 0;
  margin: 10px 0;
}
.privacy__text > ol > li > ol > li {
  list-style: none;
  margin-bottom: 5px;
  padding-left: 25px;
  position: relative;
}
.privacy__text > ol > li > ol > li:before {
  content: counter(circle);
  counter-increment: circle 1;
  font-size: 0.8em;
  height: 16px;
  left: 0;
  line-height: 16px;
  position: absolute;
  text-align: center;
  top: 2px;
  width: 16px;
}
.privacy__text > ol > li > ol > li:after {
  border: 1px solid #333;
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 16px;
}
.privacy__text > ol > li > ul > li {
  padding-left: 10px;
  position: relative;
}
.privacy__text > ol > li > ul > li:before {
  background-color: #595757;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 4px;
}
.privacy__text table {
  margin-top: 10px;
  width: 100%;
}
.privacy__text table thead tr th {
  background-color: #f3f3f3;
}
.privacy__text table tbody tr th,
.privacy__text table thead tr th {
  border: 1px solid #e5e5e5;
  color: #000;
  font-size: 1.5rem;
  padding: 10px;
  text-align: center;
}
.privacy__text table tbody tr th {
  font-weight: 400;
}
.privacy__text table tbody tr td {
  border: 1px solid #e5e5e5;
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 10px;
  text-align: left;
}
.more {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
}
.more:after {
  background-color: #595757;
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 0 0 6px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: -1px;
  transform: rotate(90deg);
  transition: all 0.2s ease;
  vertical-align: middle;
  width: 12px;
}
.more.true:after {
  transform: rotate(-90deg);
}
.more2 {
  color: #595757;
  font-size: 1.5rem;
  font-weight: 400;
}
.more2:after {
  background-color: #595757;
  content: "";
  display: inline-block;
  height: 12px;
  margin: 0 0 0 6px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: relative;
  top: 1px;
  width: 12px;
}
.reservation__detail .btns .more2 {
  color: #d15454;
}
.reservation__detail .btns .more2:after {
  background-color: #d15454;
}
.reservation__detail .store__link {
  margin: 10px 0 0;
}
.list__dotted {
  border-top: 1px dashed #ccc;
  margin-top: 10px;
  padding-top: 15px;
}
.list__dotted > ul > li {
  font-size: 1.5rem;
  margin-bottom: 4px;
  padding-left: 10px;
  position: relative;
}
.list__dotted > ul > li:before {
  background-color: #595757;
  border-radius: 50%;
  content: "";
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 3px;
}
.subscribe__exceed {
  background-color: #e5e5e5;
  border-radius: 10px;
  height: 68px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.subscribe__exceed h4 {
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  color: #fff;
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  height: 20px;
  left: -22px;
  line-height: 20px;
  padding: 0 20px;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
}
.subscribe__exceed p {
  left: 50%;
  padding: 0 20px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.reservation__selection {
  background-color: #fff;
  padding: 15px;
}
.reservation__selection > div {
  border-top: 1px dashed #e5e5e5;
  padding: 20px 0;
}
.reservation__selection > div:first-of-type {
  padding-top: 0;
}
.reservation__selection .reservation-calendar {
  background-color: #fff;
  border: none;
  font-family: 'Pretendard', 'Noto Sans KR', 'NanumGothic';
  width: 100%;
}
.reservation__selection .reservation-calendar .react-calendar__navigation {
  display: block;
  height: 30px;
  margin-top: 10px;
  position: relative;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__label {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  left: 0;
  line-height: 120%;
  margin: 0;
  opacity: 1 !important;
  padding-left: 30px;
  position: absolute;
  top: 0;
  transform: rotate(0.04deg);
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__label:before {
  background-color: #000;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-calendar.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-calendar.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 2px;
  width: 20px;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__label:enabled:focus,
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__label:enabled:hover {
  background: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__prev-button {
  min-width: 30px;
  position: absolute;
  right: 40px;
  top: 0;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__prev-button:enabled:focus,
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__prev-button:enabled:hover {
  background: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__next-button {
  min-width: 30px;
  position: absolute;
  right: 0;
  top: 0;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__next-button:enabled:focus,
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  .react-calendar__navigation__next-button:enabled:hover {
  background: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__weekdays {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 100%;
  text-transform: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__weekdays
  .react-calendar__month-view__weekdays__weekday--weekend {
  color: #d15454;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__weekdays
  abbr[title] {
  text-decoration: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__days {
  color: #000;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__days
  button {
  aspect-ratio: 1/1;
  border-radius: 10px;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__days
  button.reservation__full {
  background-color: #f3f3f3;
  color: #999;
  font-weight: 300;
}
.reservation__selection .reservation-calendar .react-calendar__tile--now {
  background: none;
  color: #ff7d00 !important;
  padding: 0;
  position: relative;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--now:before {
  content: "오늘";
  display: block;
  font-size: 10px;
  font-weight: 400;
  left: 50%;
  position: absolute;
  top: 2px;
  transform: translateX(-50%);
}
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--now:enabled:focus,
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--now:enabled:hover {
  background: none;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--now:disabled {
  background: #595757 !important;
  color: #fff !important;
}
.reservation__selection .reservation-calendar .react-calendar__tile:disabled {
  background-color: initial;
  color: #000;
  opacity: 0.3;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__month-view__days__day--weekend {
  color: #d15454;
}
.reservation__selection
  .reservation-calendar
  .react-calendar__navigation
  button:disabled {
  background: none;
  opacity: 0.3;
}
.reservation__selection .reservation-calendar .react-calendar__tile--active,
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--active:enabled:focus,
.reservation__selection
  .reservation-calendar
  .react-calendar__tile--active:enabled:hover {
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  color: #fff !important;
  font-weight: 700 !important;
}
.reservation__selection .reservation__time__list {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin-top: 15px;
}
.reservation__selection .reservation__time__list label {
  font-family: 'Pretendard', 'Noto Sans KR', 'NanumGothic';
  font-weight: 400;
  letter-spacing: 0;
  width: calc(25% - 5px);
}
.reservation__selection
  .reservation__time__list
  label
  input[type="radio"]:checked
  + span {
  font-weight: 500;
}
.reservation__selection .reservation__personnel {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.reservation__selection .reservation__personnel .title-heading {
  margin: 0;
}
.reservation__menu__list {
  height: calc(100% - 70px);
  overflow-y: scroll;
}
.reservation__menu__card {
  align-content: center;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 10px;
  padding: 10px;
}
.reservation__menu__card:first-of-type {
  margin-top: 0;
}
.reservation__menu__card:last-of-type {
  margin-bottom: 60px;
}
.reservation__menu__name h3 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #595757;
  display: -webkit-box;
  font-size: 1.5rem;
  font-weight: 400;
  overflow: hidden;
  padding-right: 20px;
  text-overflow: ellipsis;
  word-break: keep-all;
}
.reservation__menu__name p {
  color: #000;
  font-size: 1rem;
  font-weight: 500;
}
.reservation__confirmation {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  padding: 15px;
  position: relative;
}
.reservation__confirmation__date {
  align-content: center;
  align-items: center;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
}
.reservation__confirmation__date p {
  padding-left: 10px;
  position: relative;
}
.reservation__confirmation__date p:before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  height: 80%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.reservation__confirmation__date p:first-of-type {
  padding-left: 0;
}
.reservation__confirmation__date p:first-of-type:before {
  display: none;
}
.reservation__confirmation__table {
  padding-top: 15px;
}
.reservation__confirmation__table dl {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-top: 5px;
}
.reservation__confirmation__table dl:first-of-type {
  margin-top: 0;
}
.reservation__confirmation__table dl dt {
  color: #000;
  font-weight: 500;
  width: 70px;
}
.reservation__confirmation__table dl dd {
  width: calc(100% - 70px);
}
.reservation__confirmation__table dl dd span {
  display: inline-block;
  margin-right: 5px;
}
.reservation__confirmation__table dl dd span:after {
  content: ", ";
}
.reservation__confirmation__table dl dd span:first-of-type {
  margin-left: 0;
}
.reservation__confirmation__table dl dd span:last-of-type:after {
  display: none;
}
.reservation__confirmation .ico-arrow {
  position: absolute;
  right: 15px;
  top: 15px;
}
.reservation__confirmation .ico-arrow:before {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.2s ease;
}
.reservation__confirmation .ico-arrow.down:before {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.reservation__scheduler {
  background-color: #fff;
  padding: 15px;
}
.reservation__scheduler dl {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 5px;
}
.reservation__scheduler dl dt {
  color: #242424;
  font-size: 1rem;
  width: 100px;
}
.reservation__scheduler dl dd {
  font-size: 1rem;
  width: calc(100% - 100px);
}
.reservation__scheduler dl dd input[type="text"] {
  width: 100%;
}
.reservation__warning label {
  color: #242424;
  display: block;
  margin-top: 10px;
}
.reservation__warning label:first-of-type {
  margin-top: 5px;
}
.reservation__warning > p {
  color: #242424;
  font-size: 1rem;
  padding: 5px 0 5px 20px;
  position: relative;
}
.reservation__warning > p:before {
  background-color: #ff7d00;
  content: "";
  display: block;
  height: 14px;
  left: 0;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-check.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 7px;
  width: 14px;
}
.reservation__price__total {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 5px 0 10px;
}
.reservation__price__total h2 {
  margin: 0;
}
.reservation__price__total p {
  margin: 0;
  padding-right: 20px;
  position: relative;
}
.reservation__price__total p:after {
  background-color: #000;
  content: "";
  display: block;
  height: 14px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-90deg);
  transition: all 0.4s ease;
  width: 14px;
}
.reservation__price__total p.false:after {
  transform: rotate(90deg);
}
.reservation__price__menu > dl {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 4px 0;
}
.reservation__finish {
  padding: 0 15px;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-56%);
}
.reservation__finish h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.reservation__finish h2 strong {
  color: #ff7d00;
}
.reservation__finish h2:before {
  background-color: #000;
  content: "";
  display: block;
  height: 80px;
  margin: 0 auto 10px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-reservation.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-reservation.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 80px;
}
.reservation__finish h2 + p {
  margin: 5px 0 20px;
}
.reservation__finish .more:after {
  transition: all 0.4s ease;
}
.reservation__finish .return-policy {
  text-align: left;
}
.reservation__finish .reservation__scheduler {
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  margin-top: 20px;
  padding: 10px 20px;
  text-align: left;
}
.reservation__finish .reservation__scheduler dl {
  font-weight: 500;
  padding: 5px 0;
}
.reservation__cancel {
  padding: 0 15px;
  position: relative;
  text-align: center;
  top: 50%;
  transform: translateY(-56%);
}
.reservation__cancel h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.reservation__cancel h2:before {
  background-color: #000;
  content: "";
  display: block;
  height: 80px;
  margin: 0 auto 10px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-reservation-cancel.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-reservation-cancel.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 80px;
}
.reservation__cancel h2 + p {
  margin-bottom: 30px;
}
.reservation__cancel .more:after {
  transition: all 0.4s ease;
}
.reservation__cancel .return-policy {
  text-align: left;
}
.reservation__cancel .reservation__scheduler {
  border: 1px solid #dbdbdb;
  border-left: none;
  border-right: none;
  margin-top: 20px;
  padding: 10px 20px;
  text-align: left;
}
.reservation__cancel .reservation__scheduler dl {
  font-weight: 500;
  padding: 5px 0;
}
.reservation__cause .label-ui {
  display: block;
  margin-top: 10px;
}
.reservation__cause .label-ui:first-of-type {
  margin-top: 0;
}
.reservation__history .history__tabs {
  margin: 0;
}
.reservation__detail > div {
  border-top: 5px solid #f2f2f2;
  margin-top: 0;
}
.reservation__detail > div:first-of-type {
  border-top: none;
}
.reservation__detail > div.store__info {
  border-top: none;
  padding-top: 10px;
}
.reservation__detail > div.total-payment {
  border-top: 1px solid #e5e5e5;
}
.reservation__detail > div:last-of-type {
  padding-bottom: 40px;
}
.reservation__detail .order-status {
  padding: 15px 15px 0;
}
.reservation__detail .order-status > p {
  font-size: 1.5rem;
  font-weight: 500;
}
.reservation__detail__schedule {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.reservation__detail__schedule > p {
  color: #ff7d00;
  font-size: 1rem;
  font-weight: 500;
  padding-left: 10px;
  position: relative;
}
.reservation__detail__schedule > p:before {
  background-color: #ff7d00;
  content: "";
  display: block;
  height: 80%;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.reservation__detail__schedule > p:first-child {
  padding-left: 0;
}
.reservation__detail__schedule > p:first-child:before {
  display: none;
}
.reservation__detail__info {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px;
}
.reservation__detail__price .total-price {
  padding-top: 0;
}
.reservation__end {
  border-top: none !important;
  padding: 15px;
}
.detail-list > dl {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 5px 0;
}
.detail-list > dl dd,
.detail-list > dl dt {
  font-size: 1rem;
}
.return-policy {
  background-color: #f3f3f3;
  border-radius: 10px;
  margin-top: 15px;
  padding: 10px 15px;
}
.return-policy h3 {
  color: #000;
  color: #595757;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 5px;
}
.amenity {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  padding: 15px 0;
}
.amenity__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0 15px;
}
.amenity__title .title-heading {
  margin: 0;
}
.amenity__list {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 15px;
}
.amenity__list > p {
  color: #242424;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 10px 0;
  text-align: center;
  width: 25%;
}
.amenity__list > p:before {
  background-color: #242424;
  content: "";
  display: block;
  height: 40px;
  margin: 0 auto 10px;
  -webkit-mask-image: "";
  mask-image: "";
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 40px;
}
.amenity__list > p.parking:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-parking.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-parking..svg);
}
.amenity__list > p.valet:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-valet.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-valet.svg);
}
.amenity__list > p.kidszone:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-kidszone.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-kidszone.svg);
  -webkit-mask-size: 80%;
  mask-size: 80%;
}
.amenity__list > p.nokidszone:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-nokidszone.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-nokidszone.svg);
  -webkit-mask-size: 80%;
  mask-size: 80%;
}
.amenity__list > p.highchair:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-highchair.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-highchair.svg);
  -webkit-mask-size: 90%;
  mask-size: 90%;
}
.amenity__list > p.dog:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-dog.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-dog.svg);
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.amenity__list > p.battery:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-battery.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-battery.svg);
  -webkit-mask-size: 88%;
  mask-size: 88%;
}
.amenity__list > p.wifi:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-wifi.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-wifi.svg);
  -webkit-mask-size: 90%;
  mask-size: 90%;
}
.amenity__list > p.organization:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-organization.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-organization.svg);
  -webkit-mask-size: 90%;
  mask-size: 90%;
}
.amenity__list > p.handicapped:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-handicapped.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-handicapped.svg);
}
.amenity__list > p.vicegerent:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-vicegerent.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-vicegerent.svg);
  -webkit-mask-size: 90%;
  mask-size: 90%;
}
.amenity__list > p.corkage:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-corkage.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-corkage.svg);
  -webkit-mask-size: 94%;
  mask-size: 94%;
}
.reservation__popup {
  height: 100%;
  padding: 0 15px;
}
.reservation__popup .amenity__card {
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  margin-top: 10px;
  padding: 15px;
  width: 100%;
}
.reservation__popup .amenity__card:first-of-type {
  margin-top: 0;
}
.reservation__popup .amenity__card:last-of-type {
  margin-bottom: 30px;
}
.reservation__popup .amenity__card h3 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
  transform: rotate(0.04deg);
}
.reservation__popup .amenity__card p {
  box-sizing: border-box;
  letter-spacing: -0.03rem;
  line-height: 140%;
  scroll-behavior: smooth;
  white-space: break-spaces;
  word-break: keep-all;
}
.login {
  position: relative;
}
.login__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  justify-content: space-between;
  margin-bottom: 10px;
}
.login__input {
  position: relative;
}
.login__input input[type="tel"] {
  width: 100%;
}
.login__input .count {
  color: #d15454;
  font-size: 1.5rem;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.login__input + button {
  margin-top: 10px;
  width: 100%;
}
.login__telephone,
.login__verification {
  gap: 0 !important;
  width: 100%;
}
.login__verification .login__title .btn {
  color: #242424;
}
.login__agree {
  padding: 15px;
}
.login__agree > .label-ui:first-of-type {
  border-bottom: 1px solid #e5e5e5;
  color: #000;
  display: block;
  font-size: 1rem;
  font-weight: 500;
  padding-bottom: 10px;
}
.login__agree__list {
  margin-top: 10px;
}
.login__agree__list > div {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  font-size: 1.5rem;
  height: 140px;
  margin-top: 10px;
  overflow-y: scroll;
  padding: 10px;
}
.login__agree .privacy__text > * {
  color: #999;
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0;
}
.login__select {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.login__phone,
.login__select {
  align-content: center;
  justify-content: center;
  padding: 20px;
}
.login__phone,
.login__phone__input,
.login__select {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
}
.login__phone__input {
  align-content: stretch;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.login__phone__menu {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: center;
}
.join > div {
  padding: 20px;
}
.join__pwFind {
  gap: 20px;
}
.join__pwFind,
.join__pwFind > div {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.join__pwFind > div {
  gap: 5px;
}
.join__agree .label-ui {
  color: #595757;
  font-size: 1.5rem;
}
.join__agree .label-ui > span strong {
  color: #ff7d00;
  cursor: pointer;
  font-weight: inherit;
  text-decoration: underline;
}
.join__agree__all {
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.join__agree__all .label-ui {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
}
.join__finish {
  gap: 20px;
  height: 100%;
}
.join__finish,
.join__finish__info {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
}
.join__finish__info {
  gap: 0;
  text-align: center;
  width: 100%;
}
.join__finish__info > img {
  margin: 0 0 20px 30px;
}
.join__input {
  gap: 20px;
}
.join__input,
.join__input > div {
  align-content: flex-start;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.join__input > div {
  gap: 5px;
}
.join__existing {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px !important;
  height: 100%;
  justify-content: center;
  justify-content: center !important;
  position: relative;
}
.join__existing__info {
  text-align: center;
  width: 100%;
}
.join__existing__info > img {
  margin: 0 0 20px;
  width: 120px;
}
.join__existing__account {
  align-items: flex-start;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  display: inline-flex;
  flex-direction: column;
  margin-top: 20px;
  padding: 10px 30px 10px 10px;
}
.join__existing__account,
.join__existing__account dl {
  align-content: center;
  flex-wrap: nowrap;
  gap: 10px;
  justify-content: flex-start;
}
.join__existing__account dl {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.join__existing__account dl dt {
  background-color: #f3f3f3;
  border-radius: 5px;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  width: 100px;
}
.join__existing__account dl dd {
  color: #000;
  font-weight: 500;
  height: 24px;
  line-height: 24px;
}
.mypage {
  height: calc(100vh - 110px);
  height: calc(var(--vh, 1vh) * 100 - 110px);
  padding: 50px 0 0;
}
.mypage__user {
  align-content: center;
  align-items: center;
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 15px;
}
.mypage__user__info {
  align-content: normal;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 5px;
  height: 60px;
  justify-content: center;
  padding-left: 5px;
  position: relative;
  width: calc(100% - 60px);
}
.mypage__user__info .title-heading {
  align-content: center;
  align-items: baseline;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
  margin-bottom: 0;
  width: 100%;
}
.mypage__user__info .title-heading p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mypage__user__info .title-heading p strong {
  font-size: 1.125rem;
  font-weight: 700;
}
.mypage__user__info .title-heading + p {
  color: #fff;
}
.mypage__user .btn-setting {
  font-size: 1.5rem;
  height: auto;
  padding: 36px 0 0;
  position: relative;
  text-align: center;
}
.mypage__user .btn-setting:before {
  height: 20px !important;
  left: 50%;
  margin: 0 0 5px !important;
  position: absolute !important;
  top: 5px !important;
  transform: translateX(-50%);
  width: 20px !important;
}
.mypage__user .btn-setting:after {
  background: #fff3;
  border-radius: 50%;
  content: "";
  display: block;
  height: 30px;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: 30px;
}
.mypage__nav {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  min-height: calc(100% - 96px);
  padding-top: 5px;
}
.mypage__nav > ul > li {
  color: #242424;
  font-size: 1rem;
  padding: 10px 20px;
  position: relative;
}
.mypage__nav > ul > li:after {
  background-color: #999;
  content: "";
  display: block;
  height: 14px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
}
.mypage__nav > ul > li:active {
  background-color: #f7f8fc;
  color: #000;
}
.favorite {
  padding-bottom: 0;
}
.favorite__null {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.favorite__null img {
  margin-bottom: 0;
  opacity: 0.2;
  width: 100px;
}
.favorite__null h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 20px 0 5px;
}
.favorite__null .btn {
  display: inline-flex;
  margin-top: 20px;
}
.favorite .store__list {
  background-color: #fff;
  min-height: calc(100vh - 110px);
  min-height: calc(var(--vh, 1vh) * 100 - 110px);
  padding: 10px;
}
.favorite .store__list .store__card {
  align-items: center;
}
.favorite .store__list .store__card__info {
  width: calc(100% - 120px);
}
.map__address {
  background-color: #fff;
  border-radius: 10px;
  bottom: 0;
  box-shadow: 1px 1px 6px #0000001a, -1px -1px 6px #0000001a;
  left: 0;
  margin: 10px;
  padding: 15px 15px 15px 30px;
  position: absolute;
  width: calc(100% - 20px);
  z-index: 9999;
}
.map__address:before {
  background-color: #595757;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-map.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-map.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 15px;
  width: 20px;
}
.profile {
  padding: 20px;
}
.profile__info {
  border-top: 1px solid #e5e5e5;
  padding: 15px 0;
}
.profile__info input[type="password"],
.profile__info input[type="tel"],
.profile__info input[type="text"] {
  width: 100%;
}
.profile__info:first-child {
  border-top: none;
  padding-top: 0;
}
.profile__info > p {
  margin-top: 10px;
}
.orderList {
  padding-top: 123px;
}
.orderList__list {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
  min-height: calc(100vh - 240px);
  min-height: calc(var(--vh, 1vh) * 100 - 240px);
  padding: 15px;
}
.reservationList {
  padding-top: 173px;
  position: relative;
}
.reservationList__list {
  background-color: #fff;
  border-top: 5px solid #f3f3f3;
}
.reservationList__default,
.reservationList__list {
  min-height: calc(100vh - 240px);
  min-height: calc(var(--vh, 1vh) * 100 - 240px);
  padding: 15px;
}
.reservationList__default {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  text-align: center;
}
.reservationList__default img {
  filter: invert(89%) sepia(1%) saturate(0) hue-rotate(203deg) brightness(96%)
    contrast(84%);
  margin-bottom: 0;
  width: 80px;
}
.reservationList__default h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 20px 0 5px;
}
.address {
  align-content: stretch;
  align-items: stretch;
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
}
.address > div {
  border-bottom: 1px solid #dbdbdb;
  height: calc(100% - 60px) !important;
}
.address .btn {
  margin: 10px;
  width: calc(100% - 20px);
}
.btns__one button {
  font-size: 1.5rem;
  font-weight: 500;
  width: 100%;
}
.btns__two {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.btns__two button {
  border-radius: 0;
  font-size: 1rem;
  font-weight: 500;
  height: 50px;
  width: 100%;
}
.btn {
  align-content: center;
  align-items: center;
  border: 1px solid #0000;
  border-radius: 5px;
  color: #595757;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-weight: 400;
  gap: 5px;
  justify-content: center;
  text-align: center;
}
.btn.sm {
  font-size: 1.3rem;
  height: 24px;
  padding: 0 10px;
}
.btn.sm > i {
  height: 12px;
  width: 12px;
}
.btn.md {
  font-size: 1.5rem;
  height: 32px;
  padding: 0 10px;
}
.btn.md > i {
  height: 14px;
  width: 14px;
}
.btn.lg {
  font-size: 1.5rem;
  font-weight: 500;
  height: 40px;
  padding: 0 20px;
}
.btn.lg > i {
  height: 16px;
  width: 16px;
}
.btn.reverse {
  flex-direction: row-reverse;
}
.btn.space {
  justify-content: space-between;
  padding: 0 10px;
}
.btn > i {
  display: block;
}
.btn.btn-text {
  color: #595757;
  font-weight: 300;
  padding: 0;
}
.btn.btn-default {
  background-color: #fff;
  border: 1px solid #dbdbdb;
  color: #242424;
}
.btn.btn-default > i:before {
  background-color: #242424;
}
.btn.btn-primary {
  background-color: #ff7d00;
  color: #fff;
}
.btn.btn-primary > i:before {
  background-color: #fff;
}
.btn.btn-gray {
  background-color: #595757;
  color: #fff;
}
.btn.btn-gray > i:before {
  background-color: #fff;
}
.btn.btn-lightgray {
  background-color: #999;
  color: #fff;
}
.btn.btn-lightgray > i:before {
  background-color: #fff;
}
.btn.btn-blue {
  background-color: #4a82b6;
  color: #fff;
}
.btn.btn-blue > i:before {
  background-color: #fff;
}
.btn.btn-blue-line {
  border: 1px solid #4a82b6;
  color: #4a82b6;
}
.btn.btn-blue-line > i:before {
  background-color: #4a82b6;
}
.btn.btn-orange {
  background-color: #f36b1e;
  color: #fff;
}
.btn.btn-orange > i:before {
  background-color: #fff;
}
.btn.btn-orange-line {
  border: 1px solid #f36b1e;
  color: #f36b1e;
}
.btn.btn-orange-line > i:before {
  background-color: #f36b1e;
}
.btn.btn-white {
  background-color: #fff;
  border-color: #ff7d00;
  color: #ff7d00;
}
.btn.btn-white > i:before {
  background-color: #ff7d00;
}
.btn.btn-white-line {
  background: #0000;
  border-color: #fff;
  color: #fff;
}
.btn.btn-white-line > i:before {
  background-color: #fff;
}
.btn.btn-purple {
  background-color: #ff7d00;
  color: #fff;
}
.btn.btn-purple-line,
.btn.btn-purple > i:before {
  background-color: #fff;
}
.btn.btn-purple-line {
  border-color: #ff7d00;
  color: #ff7d00;
}
.btn.btn-purple-line > i:before {
  background-color: #ff7d00;
}
.btn.btn-inactive {
  background-color: #dbdbdb;
  border-color: #0000;
  color: #fff;
}
.btn.btn-inactive > i:before {
  background-color: #fff;
}
.btn.btn-gradient {
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  border: none;
  color: #fff;
}
.btn.btn-gradient > i:before {
  background-color: #fff;
}
.btn.btn-kakao {
  background: #f7d928;
  border: none;
  color: #4d3435;
}
.btn.btn-kakao > i:before {
  background-color: #4d3435;
}
.btn.btn-naver {
  background: #4ab749;
  border: none;
  color: #fff;
}
.btn.btn-naver > i:before {
  background-color: #fff;
}
.btn.btn-textPrimary {
  color: #ff7d00;
}
.btn.btn-textPrimary .ico {
  height: 12px;
  width: 12px;
}
.btn.btn-textUnderline {
  padding: 0;
  text-decoration: underline;
}
.btn:disabled {
  background: #dbdbdb;
  border-color: #0000;
  color: #fff;
}
.btn:disabled > i:before {
  background-color: #fff;
}
.ico {
  background: none;
  border: none;
  display: block;
  height: 20px;
  position: relative;
  text-align: left;
  text-indent: -9999px;
  width: 20px;
}
.ico:before {
  background-color: #595757;
  content: "";
  display: block;
  height: 100%;
  left: 50%;
  -webkit-mask-image: "";
  mask-image: "";
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.ico.sm {
  height: 16px;
  width: 16px;
}
.ico.md {
  height: 20px;
  width: 20px;
}
.ico.lg {
  height: 32px;
  width: 32px;
}
.ico.black:before {
  background-color: #000;
}
.ico.gray:before {
  background-color: #595757;
}
.ico.lightgray:before {
  background-color: #999;
}
.ico.white:before {
  background-color: #fff;
}
.ico-listview {
  display: block;
  height: 50px;
  width: 50px;
}
.ico-listview:before {
  height: 50%;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-grid.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-grid.svg);
  width: 50%;
}
.ico-gridview {
  display: block;
  height: 50px;
  width: 50px;
}
.ico-gridview:before {
  height: 50%;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-list.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-list.svg);
  width: 50%;
}
.ico-close:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-close.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-close.svg);
}
.ico-back:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-back.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-back.svg);
}
.ico-minus:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-minus.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-minus.svg);
}
.ico-plus:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-plus.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-plus.svg);
}
.ico-plus-circle {
  background-color: #fff;
  border-radius: 50px;
}
.ico-plus-circle:before {
  background-color: #ff7d00;
  height: 60%;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-plus.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-plus.svg);
  width: 60%;
}
.ico-search:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-search.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-search.svg);
}
.ico-arrow-down:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-down.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-down.svg);
}
.ico-arrow:before {
  background-color: #999;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
}
.ico-position {
  height: 24px;
  width: 24px;
}
.ico-position:before {
  -webkit-mask-image: url(/static/media/ico-position.svg);
  mask-image: url(/static/media/ico-position.svg);
}
.ico-tel:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-tel.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-tel.svg);
}
.ico-location:before {
  -webkit-mask-image: url(/static/media/ico-location.svg);
  mask-image: url(/static/media/ico-location.svg);
}
.ico-share:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-share.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-share.svg);
}
.ico-favorite {
  height: 24px;
  width: 24px;
}
.ico-favorite:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-favorite.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-favorite.svg);
  transition: all 0.4s ease;
}
.ico-favorite.saved:before {
  animation: favoriteAni 0.4s ease;
  background-color: #d15454;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-favorite.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/co-favorite.svg);
}
.ico-prev:before {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.ico-next:before,
.ico-prev:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
}
.ico-setting:before {
  -webkit-mask-image: url(/static/media/ico-setting.svg);
  mask-image: url(/static/media/ico-setting.svg);
}
.ico-user:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-user.svg);
}
.ico-cart:before {
  -webkit-mask-image: url(/static/media/ico-cart.svg);
  mask-image: url(/static/media/ico-cart.svg);
}
.ico-expand:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-expand.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-expand.svg);
}
.ico-reduce:before {
  -webkit-mask-image: url(/static/media/ico-reduce.svg);
  mask-image: url(/static/media/ico-reduce.svg);
}
.ico-delete:before {
  -webkit-mask-image: url(/static/media/ico-delete.svg);
  mask-image: url(/static/media/ico-delete.svg);
}
.ico-info:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-info.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-info.svg);
}
.ico-down:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-arrow-normal.svg);
}
.ico-call:before,
.ico-down:before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.ico-call:before {
  -webkit-mask-image: url(/static/media/ico-call.svg);
  mask-image: url(/static/media/ico-call.svg);
}
.ico-refresh:before {
  -webkit-mask-image: url(/static/media/ico-refresh.svg);
  mask-image: url(/static/media/ico-refresh.svg);
  transform: translate(-50%, -50%) rotate(90deg);
}
.ico-check:before {
  -webkit-mask-image: url(/static/media/ico-check-thin.svg);
  mask-image: url(/static/media/ico-check-thin.svg);
  mask-size: 70%;
  -webkit-mask-size: 70%;
  transform: translate(-50%, -50%);
}
.ico-kakao:before {
  -webkit-mask-image: url(/static/media/ico-kakao.svg);
  mask-image: url(/static/media/ico-kakao.svg);
}
.ico-naver:before {
  -webkit-mask-image: url(/static/media/ico-naver.svg);
  mask-image: url(/static/media/ico-naver.svg);
}
.ico.ico-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  padding: 10px;
}
.ico.ico-back:before {content: none;}
.ic {
  display: block;
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ico.ico-back .ic_back {
  background-image: url(//bimg.mk.co.kr/2024/menu/images/ico-back.svg);
}
@keyframes favoriteAni {
  0% {
    background-color: #999;
  }
  50% {
    background-color: #ff7d00;
  }
  to {
    background-color: #d15454;
  }
}
@media screen and (max-width: 480px) {
  .product__list.grid-type > ul > li > div .product__info .product__price {
    align-items: flex-start;
    flex-direction: column;
  }
}

.qr {
  animation: none;
  background-color: #fff;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
  position: absolute;
  right: 50%;
  top: 0;
  transform: translateX(50%);
  width: 100%;
  z-index: 999999;
}
.qr > .ico-close {
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
  z-index: 9999;
}
.qr > .ico-close:before {
  background-color: #fff;
}
.qr.close {
  animation: qrClose 0.4s ease;
}
.qr__camera {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.qr__camera canvas,
.qr__camera video {
  height: 100%;
  object-fit: fill;
  width: 100%;
}
.qr__camera__scan {
  align-content: stretch;
  align-items: stretch;
  background-color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  justify-content: space-between;
}
.qr__camera__scan,
.qr__camera__scan * {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.qr__camera__scan * {
  height: 100%;
}
.qr__camera__guide {
  align-content: center;
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  justify-content: flex-end;
  left: 0;
  padding: 40px 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
}
.qr__camera__guide h2 {
  font-size: 1.5rem;
  font-weight: 800;
  margin-bottom: 10px;
}
.qr__camera__guide h2 strong {
  color: #ff7d00;
  font-weight: 800;
}
.qr__camera__guide p {
  font-size: 1rem;
}
.qr__camera__guide .scan {
  aspect-ratio: 1/1;
  left: 50%;
  margin-top: -10%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.qr__camera__guide .scan span {
  background-color: #fff;
  display: block;
  height: 30px;
  left: 0;
  -webkit-mask-image: url(/static/media/qr-scan.svg);
  mask-image: url(/static/media/qr-scan.svg);
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  text-align: left;
  text-indent: -9999px;
  top: 0;
  width: 30px;
}
.qr__camera__guide .scan span:nth-child(2) {
  left: auto;
  right: 0;
  transform: rotate(90deg);
}
.qr__camera__guide .scan span:nth-child(3) {
  bottom: 0;
  top: auto;
  transform: rotate(-90deg);
}
.qr__camera__guide .scan span:nth-child(4) {
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
  transform: rotate(180deg);
}
.popup-show {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
}
.fade__start {
  animation: fadeStart 0.2s ease;
  animation-fill-mode: forwards;
}
.fade__end {
  animation: fadeEnd 0.2s ease;
  animation-fill-mode: forwards;
}
@keyframes fadeStart {
  0% {
    opaicyt: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeEnd {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideStart {
  0% {
    bottom: -100%;
  }
  to {
    bottom: 0;
  }
}
@keyframes slideEnd {
  0% {
    bottom: 0;
  }
  to {
    bottom: -100%;
  }
}
@keyframes layerStart {
  0% {
    right: -100%;
  }
  to {
    right: 50%;
    transform: translateX(50%);
  }
}
@keyframes layerEnd {
  0% {
    right: 0;
  }
  to {
    right: -100%;
  }
}
.test {
  overflow: hidden;
  white-space: pre-wrap;
  word-break: break-all;
}
.member__modify {
  padding: 20px;
}
.loading {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999998;
}
.loading__icon {
  animation: loader 1s linear infinite;
  background-color: #fff;
  box-shadow: 1px 1px 10px #0000001a, -1px -1px 10px #0000001a;
  height: 50px;
  margin: -25px 0 0 -25px;
  transform: rotate(0deg);
  width: 50px;
}
.loading__icon,
.loading__name {
  left: 50%;
  position: absolute;
  top: 50%;
  z-index: 9999999;
}
.loading__name {
  height: 30px;
  margin: -15px 0 0 -15px;
  width: 30px;
}
@keyframes loader {
  0% {
    border-radius: 50%;
    transform: rotate(0deg);
  }
  50% {
    border-radius: 0;
    transform: rotate(90deg);
  }
  to {
    border-radius: 50%;
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 420px) {
  .app__search input[type="text"] {
    height: 46px;
  }
  .main__slide .slick-dots {
    bottom: 10px;
  }
  .main__slide .slick-dots > li {
    height: 8px;
    margin: 0 3px;
    width: 8px;
  }
  .product__list {
    position: relative;
  }
  .product__list.list-type > ul > li {
    padding: 10px;
  }
  .history__search {
    padding: 40px 20px;
  }
  .title-text {
    font-size: 1.5rem;
  }
  .reservation .amenity__list > p {
    font-size: 1.5rem;
    letter-spacing: -0.03rem;
  }
  .bottomPopup__modal__content {
    padding: 10px;
  }
  .privacy__tabs ul > li {
    font-size: 1.5rem;
    padding: 10px 30px;
  }
  .order-type {
    padding: 20px;
  }
  .order-type__list {
    gap: 10px;
  }
}
.skeleton .slick-slider {
  height: 240px;
  width: 100%;
}
.skeleton .app__search {
  background: none;
  border: none;
  display: block;
}
.skeleton .app__service > div {
  display: block;
  padding: 0;
}
.skeleton .category ul {
  gap: 10px;
}
.skeleton .category ul li {
  height: 80px;
  padding: 0;
}
.skeleton .app__surrounding .app__title {
  height: 22px;
}
.skeleton .app__surrounding .app__title > * {
  height: 100%;
  width: 20%;
}
.skeleton .store__list h3 {
  height: 16px;
  margin-bottom: 5px;
}
.skeleton .store__list p {
  height: 16px;
}
.skeleton .store__list .store__card {
  border: none;
  padding: 0;
}
@media screen and (max-width: 360px) {
  .category ul li,
  .reservation__finish {
    font-size: 1.5rem;
  }
  .reservation__finish h2 {
    font-size: 1rem;
  }
  .reservation__finish .more {
    font-size: 1.5rem;
  }
  .reservation__finish .reservation__scheduler dl {
    padding: 0;
  }
  .product__list.grid-type > ul > li > div .signature {
    right: 8px;
    top: 8px;
  }
  .product__list.grid-type > ul > li > div .signature,
  .product__list.list-type > ul > li > div .signature {
    font-size: 0.6rem;
    height: 32px;
    line-height: 32px;
    width: 32px;
  }
}
.number-keypad {
  grid-gap: 10px;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}
.number-keypad > button {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  color: #595757;
  font-size: 1.125rem;
  height: 60px;
  width: 100%;
}
.number-keypad > button:active {
  background-color: #cc7bc2;
  color: #fff;
}
.waiting {
  min-height: 100dvh;
  position: relative;
}
.waiting header {
  background: none;
  height: 40px;
  left: auto;
  padding: 10px;
  position: relative;
  top: auto;
  transform: none;
}
.waiting header > h1 {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
}
.waiting__content {
  align-content: center;
  flex-direction: column;
  justify-content: center;
  padding: 40px 0 0;
  width: 100%;
}
.waiting__content,
.waiting__content .btns {
  align-items: stretch;
  display: flex;
  flex-wrap: nowrap;
}
.waiting__content .btns {
  align-content: stretch;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;
  margin-top: 20px;
}
.waiting__content .btns button {
  width: 100%;
}
.waiting__info {
  color: #595757;
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.waiting__info,
.waiting__tel {
  padding: 0 20px;
  text-align: center;
}
.waiting__tel input[type="tel"] {
  background-color: #fff;
  border: none;
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  height: auto;
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  width: 100%;
}
.waiting__tel label {
  color: #999;
  font-size: 1.5rem;
  text-align: left;
}
.waiting__form {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  min-height: 240px;
  padding: 0 20px;
}
.waiting__form .count-box {
  height: 40px;
  margin-bottom: 20px;
}
.waiting__form .count-box .ico-minus,
.waiting__form .count-box .ico-plus {
  height: 40px;
  width: 40px;
}
.waiting__form .count-box > p {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  width: 100px;
}
.waiting__agree {
  color: #999;
  font-size: 1.5rem;
  margin-top: 10px;
}
.waiting__btn {
  margin-top: 20px;
}
.waiting__btn button {
  font-size: 1.25rem;
  height: 60px;
  width: 100%;
}
.waiting__team {
  color: #595757;
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 700;
  margin: 0 auto 20px;
  min-width: 100px;
  text-align: center;
}
.waiting__team strong {
  color: #ff7d00;
}
.waiting .count-box {
  height: 50px;
  justify-content: space-between;
  margin: 10px 0 0;
  padding: 0 5px;
  width: 100%;
}
.waiting .count-box > p {
  color: #000;
  font-size: 1.25rem;
  font-weight: 700;
}
.waiting__status {
  align-content: center;
  align-items: center;
  background: linear-gradient(111.34deg, #ff7d00, #cc7bc2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px;
}
.waiting__status > dl {
  color: #fff;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}
.waiting__status > dl > dt {
  font-size: 1.5rem;
  font-weight: 300;
}
.waiting__status > dl > dd {
  font-size: 1.125rem;
  font-weight: 700;
}
.waiting__status > dl > dd strong {
  font-size: 2rem;
}
.waiting__ready {
  border-radius: 5px;
  margin: 0 10px;
  padding: 20px 10px;
  text-align: center;
}
.waiting__ready > div > h2 {
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
}
.waiting__ready > div > .time {
  color: #999;
  margin: 10px 0 20px;
}
.waiting__ready__btn .btn-gray {
  background-color: #f3f3f3;
  border-radius: 50px;
  color: #595757;
  font-size: 1.5rem;
  width: 100%;
}
.waiting__finish {
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  margin: 0 10px;
  padding: 40px 15px;
  text-align: center;
}
.waiting__finish > div:first-child {
  margin-bottom: 20px;
}
.waiting__finish > div:first-child > h2 {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
}
.waiting__finish > div:first-child > h2 + p {
  color: #2ebfba;
  font-size: 1.8rem;
  font-weight: 800;
}
.waiting__finish .waiting__info {
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
.waiting__finish .waiting__info:after {
  content: "";
  display: block;
  height: 100px;
  position: absolute;
  right: 0;
  top: -100px;
  width: 90px;
  z-index: 1;
}
.waiting .btnModal {
  bottom: auto;
  left: auto;
  margin-top: 40px;
  position: relative;
  transform: none;
}
.ad__banner img {
  display: block;
  width: 100%;
}
.flex-column {
  flex-direction: column;
}
.flex-column,
.flex-row {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  justify-content: flex-start;
}
.flex-row,
.flex-space {
  flex-direction: row;
}
.flex-space {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.react-loading-skeleton {
  line-height: 140% !important;
}
@media (orientation: landscape) {
  .popup__ad__container {
    overflow-y: scroll;
  }
}
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}
.slick-list,
.slick-slider {
  display: block;
  position: relative;
}
.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid #0000;
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff
    url(data:image/gif;base64,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)
    50% no-repeat;
}
@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(//bimg.mk.co.kr/2024/menu/font/slick.eot);
  src: url(//bimg.mk.co.kr/2024/menu/font/slick.eot) format("embedded-opentype"),
    url(//bimg.mk.co.kr/2024/menu/font/slick.woff) format("woff"),
    url(//bimg.mk.co.kr/2024/menu/font/slick.ttf) format("truetype"),
}
.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: #0000;
  color: #0000;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}
.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.slick-dots li button {
  background: #0000;
  border: 0;
  color: #0000;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

/* 250110 텍스트 리스트 형 추가 */
.ico-textlistview:before {
    height: 50%;
    -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-list-text.svg);
    mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-list-text.svg);
    width: 50%;
}
.product__list.list-type.list-text-type > ul > li {position: relative;}
.product__list.list-type.list-text-type > ul > li > div .product__img {display: none;}
.product__list.list-type.list-text-type > ul > li > div .product__info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.product__list.list-type.list-text-type > ul > li > div .product__info h3 {
    margin: 0 15px 0 0;
    line-height: 140%;
}
.product__list.list-type.list-text-type > ul > li > div .product__info h3 > small {
    display: block;
    margin: 0;
}
.product__list.list-type.list-text-type > ul > li.soldout {background-color: rgb(0 0 0 / 50%);}
.product__list.list-type.list-text-type > ul > li.soldout::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    content: "품절";
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
}

/* 250304 수정 */
.footer {
    background-color: #fff;
    border-top: 1px solid #dbdbdb;
    bottom: 0;
    left: 50%;
    max-width: 540px;
    min-width: 320px;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 99999;
}
.btn.btn-gradient {
  font-size: 1.6rem;
  background: #ff7d00;
  border: none;
  color: #fff;
}
.footer__nav {
  align-content: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 54px;
  justify-content: space-evenly;
}
.btn.btn-lightgray {
  font-size: 1.6rem;
}
.cart__price .price {
  font-size: 1.6rem;
}
.title-heading {
  font-size: 1.6rem;
}
header, header .header__title {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.ico.ico-back {
  position: relative;
  padding: 0;
}
.ico.md {
  height: 20px;
  width: 20px;
}
.cart__top {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdb;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 10px 15px;
}
.cart__list__product .product .product__menu h4 {
  font-size: 1.6rem;
}
.ico-delete:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-delete.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-delete.svg);
}
.order-type > h2 {
  font-size: 2.6rem;
}
.order-type__list > div > p {
  font-size: 1.6rem;
}

.header_center {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.total-price__total * {
  font-size: 1.6rem !important;
}
.complate__finish span{
  font-size: 1.6rem;
}
.complate__finish small {
  font-size: 1.4rem;
}
.complate__finish h3 {
  font-size: 1.8rem;
}
.history__card__info h2 {
  font-size: 1.6rem;
}
.history__card__info p {
  font-size: 1.6rem;
}
.history__card__info p.price {
  font-size: 1.4rem;
}
[class^="status-"] {
  font-size: 1.28rem;
}
.history__card .date {
  font-size: 1.28rem;
}
.history__card__info p.price {
  width: 100%;
  text-align: right;
  color: #000;
  font-weight: 700;
  font-size: 1.4rem;
}
.total-price > p {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  font-weight: 700;
  font-size: 1.6rem;
  text-align: right;
}
.footer__nav .btn > i.ico-menu:before {
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-menu.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-menu.svg);
}
#wrap .footer .footer__nav .btn > i.ico-menu:before {
  width: 16px;
  -webkit-mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-menu.svg);
  mask-image: url(//bimg.mk.co.kr/2024/menu/images/ico-menu.svg);
}
footer .set_inner {
  background-color: #000;
}
footer .txt_copyright {
  padding: 25px 0;
  letter-spacing: 0;
  font-size: 1.3rem;
  text-align: center;
  color: #999;
}
.popup__full__content .menu {
  min-height: calc(100vh - 118.2px);
}
.total_flex{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.footer_bottom{
  position: absolute;
  bottom: 0;
}
.cart .btnModal {
  bottom: 0px;
}
.cart .cart__price {
  bottom: 50px;
}
.order .btnModal{
  bottom: 0;
}
.order__privacy__consent {
  padding: 16px 14px;
}
.order__privacy__consent p {
  font-weight: 400;
  font-size: 1.28rem;
}
.history__search ul {
  font-size: 1.4rem;
}
.total-price__total > p {
  font-size: 1.6rem !important;
}
.total-price > div .order-total-price{
  color: #000;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  width: 76%;
  font-weight: 700;
}
.padding_15{
  padding-right: 9px;
  padding-bottom: 10px;
}
.total_padding{
  padding: 15px 10px 0px 10px;
}
.history__null p {
  font-size: 1.6rem;
}

.product .category__all__title h2 {
  color: #000;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 0 15px;
}

.cart__list__product .product .product__menu h2 {
  color: #242424;
  font-size: 1.6rem;
  font-weight: 400;
}

.order__detail__menu h2 {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #595757;
  display: -webkit-box;
  font-size: 1.3rem;
  font-weight: 400;
  overflow: hidden;
  padding: 0 20px 0 10px;
  position: relative;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  word-break: keep-all;
}
.order__detail__menu h2:before {
  background-color: #595757;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2px;
  left: 2px;
  position: absolute;
  top: 8px;
  width: 2px;
}
.order__detail__menu h2 small {
  color: #595757;
  display: inline-block;
  font-size: 1.3rem;
  margin-left: 5px;
}

.complate__finish h2 {
  color: #000; 
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}
.order_tit h2 {
  display: inline-block;
  color: #242424;
  font-size: 1.6rem;
  font-weight: 400;
  max-width: 100%;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btnModal > div button {
  font-weight: 600;
}
.btns__one button {
  font-weight: 600;
}
.btn.btn-text {
  font-weight: 400;
}
.display_none{
  display: none;
}
.btn {
  font-weight: 500;
}
.contents {
  padding: 55px 0 136px;
}
.copyright h2 {
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
}
.add_copy {
  font-size: 1.2rem;
  line-height: 1.7;
  margin-top: 10px;
  margin-bottom: 3px;
  text-transform: none;
}
.history__card:last-child {
  border-bottom: 0px solid #e5e5e5;
}
.footer_bottom{
  position: absolute;
  bottom: 0;
}
.product__list.list-type {
  padding: 5px 10px 20px 10px;
}
.order-type__list {
  padding-bottom: 25px;
}
.order-type {
  top: 39vh;
}
.footer_wrap {
  position: absolute;
  bottom: 0;
}

@media screen and (max-height: 480px) {
  .footer_wrap{
    position: absolute;
    bottom: 0;
    background-color: #fff;
  }
  .order-type {
    top: 55%;
  }
    .order-type__list {
      padding-bottom: 164px;
  }
}


@media screen and (max-height: 360px) {
  .footer_wrap{
    position: absolute;
    bottom: 0;
    background-color: #fff;
  }
  .order-type {
    top: 81%;
  }
  .history__null {
    top: 35%;
  }
    .order-type__list {
      padding-bottom: 164px;
  }
  .history_postion {
    position: static;
}
}

@media screen and (max-width: 460px) {
  .order-type {
    top: 31vh;
  }
  .cart__null {
    top: 47%;
  }
}
@media (min-height: 480px) and (max-height: 480px) {
  .order-type {
      top: 55%;
  }
}

@media (max-height: 480px) and (max-width: 320px) {
  .history__null {
    top: 35%;
  }
  .order-type__list {
    padding-bottom: 240px;
  }
  .order-type {
    top: 66vh;
  }
}
/*// 250304 수정 */

/* 250307 수정 */
.order__info__notice .list li{
  font-size: 1.3rem;
}
.order__info__notice .list + p {
  font-size: 1.2rem;
}
.cart__null img {
  opacity: 0.2;
  transform: translate(10px, 10px);
  width: 92px;
}
.cart__null p{
  font-size: 16px;
}
.btn.lg {
  font-size: 1.4rem;
}
footer.footer_wrap_cart {
  transform: translateY(-68px);
}
.cart_null{
    min-height: calc(100dvh - 169px);
}
@media (max-height: 600px) and (min-width: 1024px) {
  #root .cart_null_wrap {
    min-height: 100vh;
  }
}


@media screen and (max-width: 460px) {
  #root .cart_null_wrap {
    min-height: 100vh;
  }
}

@media (max-height: 568px) and (max-width: 320px) {    
  .cart__null {
    top: 79%;
  }
  footer.footer_wrap_cart {
    transform: translateY(147px);
  }
}
@media (max-height: 533px) and  (max-width: 320px) {
  #root .cart_null_wrap {
    min-height: calc(var(--vh, 1vh)* 100);
  }
  footer.footer_wrap_cart {
    transform: translateY(95px);
  }    
  .cart__null {
    top: 66%;
  }
  .cart_null {
    overflow-y: visible;
  }
}

@media (max-height: 360px) and (max-width: 640px) {
  footer.footer_wrap_cart {
    bottom: 68px;
    position: absolute;
    transform: translateY(0px);
  }
  .cart_null {
    min-height: auto;
    overflow-y: visible;
  }
  .cart__null {
    top: 127%;
  }
}

@media (height: 568px) and (width: 320px) {  
  footer.footer_wrap_cart {
    transform: translateY(-68px);
  }
  .cart__null {
    top: 46%;
  }
}

@media (height: 480px) and (width: 320px) {  
  .cart__null {
    top: 74%;
  }
  footer.footer_wrap_cart {
    transform: translateY(147px);
  }
}
/*// 250307 수정 */
/* 250313 수정 */
.popup__full__content .menu__total {
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 540px;
  bottom: 50px;
  box-shadow: 0 -1px 10px #0000001a;
  left: 0;
  position: fixed;
  width: 100%;
}

.popup__full__content .btns {
  right: 0;
  margin: 0 auto;
  max-width: 540px;
  bottom: 0;
  left: 0;
  position: fixed;
  width: 100%;
}
/*// 250313 수정 */
/* 250421 수정 */
.contents {
  padding: 55px 0 0px;
  min-height: auto;
}
footer.footer_wrap_cart {
  margin-bottom: 0px;
}
.footer_wrap {
  margin-bottom: 0px;
}
footer {
  margin-bottom: 128px;
}
.cart_null, .history_postion {
  min-height: calc(100dvh - 169px);
}
.history__detail {
  padding: 50px 0 0px;
}
.history__null {
  top: 52%;
}
.cart_null, .history_postion {
  min-height: calc(100dvh - 238px);
}
/*// 250421 수정 */

.product .category-bg {
  background: #00000080;
  width: 100%;
  height: 100%;
  margin:auto;
  min-height: 100vh;
  position: fixed;
  right: auto;
  left: auto; 
  max-width: 540px;
  top: 50px;
  z-index: 1;
}