/* #wrapper.diet-menu {
    background: #f9f9f9;
} */

#wrapper.guide {
  text-align: center;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.tit-wrap {
  position: relative;
  margin-bottom: 30px;
  /* text-align: center; */
}

.tit-wrap h2 {
  font-size: 24px;
  font-weight: 600;
  display: block;
  padding: 0 0 7px;
  color: #079b59;
  border-bottom: 0px solid #000;
  line-height: 1em;
  letter-spacing: -0.05em;
}

.tit-wrap h2 span {
  margin-right: 5px;
  font-size: 24px;
}

/* .tit-wrap::after {
    display: block;
    clear: both;
    content: "";
    width: 30px;
    margin: 0 auto;
    padding-bottom: 20px;
    border-bottom: 3px solid #ff6d01;
} */

.tit-wrap p {
  font-size: 16px;
  color: #222;
}

.tit-wrap span {
  position: relative;
  top: 2px;
}

.tit-wrap .more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  padding: 10px 30px;
  border-radius: 30px;
  border: 1px solid #000;
}

.menu-wrap {
  width: 100%;
  min-height: 1987px;
  /* max-width: 1200px; */
  margin: 0 0 50px;
  padding: 0 20px;
}

.menu-wrap.main {
  min-height: auto;
  margin: 80px 0;
  padding: 0 10px; /* 20px -> 10px / 2025.06.17 */
}

.menu-wrap.main .calendar-list {
  margin-bottom: 0;
}

.menu-wrap.main .diet-list li {
  min-height: auto;
}

.yoil {
  margin: 50px 0px 5px;	/* 20px -> 0px / 2025.06.17 */
  background: rgba(255, 255, 255, 100%);
  z-index: 1;
  /* color: #666; */
}

.yoil.fixed {
  position: sticky;
  top: 73px;
  left: 0;
}

.yoil.fixed::after {
  content: "";
  position: fixed;
  top: 117px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #eee;
  z-index: 1;
}

.yoil.fixed li {
  /* border-right: 1px solid #eee; */
}

.yoil ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 40px;
}

.yoil li {
  flex: 1;
  padding: 12px 0;
  font-size: 13px;
  font-weight: 500;
  transition: 0.3s all;
  /* text-align: center; */
}

.diet-list ul {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  align-items: top;	/* center -> top : 식단주문(달력)_20250604 */
  overflow: hidden;
  column-gap: 40px;
}

.diet-list li {
  flex: 1;
  min-height: 306px;
  padding: 15px 0;
  font-size: 16px;
  border-top: 2px solid #212122;
  padding: 15px 0;
  transition: 0.3s all;
}

/* .diet-list li:hover {
  border-color: #ff6d01;
} */

.diet-list li .date {
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-size: 22px;
  font-weight: 600;
  transition: 0.3s all;
}

/* .diet-list li:hover .date {
  color: #ff6d01;
} */

.menu-wrap.main .diet-list li {
  border-color: #000;
}

.menu-wrap.main .diet-list li:hover .date {
  color: #000;
}

.diet-list li dl {
  min-height: 155px;
  /* margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee; */
}

.diet-list li dd {
  margin-bottom: 6px;
  font-size: 13px;
  color: #222;
}

/* .diet-list li dd span {
  position: relative;
  top: -1.5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: red;
  vertical-align: middle;
} */

.diet-list li dd.paper {
  color: #ff2301;
}

.diet-list li .order-btn {
  display: inline-block;
  margin-top: 10px;
  text-align: center;
}

.diet-list li .order-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  font-size: 13px;
  color: #222;
  border: 1px solid #222;
  cursor: pointer;
  border-radius: 30px;
  transition: 0.3s all;
}

.diet-list .order-btn:hover span {
  color: #fff;
  background: #079b59;
  border: 1px solid #079b59;
  transition: 0.3s all;
}

.diet-list li .order-btn.on span {
  background: #079b59;
  border-color: #079b59;
  color: #fff;
}

.diet-list li .order-btn span i {
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.menu-wrap.main .yoil {
  position: relative;
  top: 0;
  margin-top: 0;
}

.diet-cart-wrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 15px 20px;
  background: #079b59;
  border-top: 1px solid rgb(245 108 108 / 30%);
  /* box-shadow: -4px 0 6px rgba(0, 0, 0, 60%); */
  color: #fff;
  z-index: 2147483102;
}

.diet-cart-wrap .flex-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1300px;
  margin: 0 auto;
}

.diet-cart-wrap .count {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 16px;
}

.diet-cart-wrap .count::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  /* border-bottom: 1px solid #fff; */
}

/* .diet-cart-wrap .count span {
    margin-left: 10px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.6);

} */

.diet-cart-wrap .right {
  display: flex;
}

.diet-cart-wrap .count .upsale {
  display: inline-block;
  font-size: 24px;
  position: relative;
  margin-left: 25px;
  padding: 5px 0;
  overflow: hidden;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
}

.diet-cart-wrap .count .upsale::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
  animation: border-slide 2s infinite linear;
}

@keyframes border-slide {
  0%,
  100% {
    width: 0;
    opacity: 1;
  }

  50% {
    width: 100%;
    opacity: 1;
  }

  100% {
    width: 100%;
    opacity: 0;
  }
}

.diet-cart-wrap .count b {
  color: #fff;
}

.diet-cart-wrap .next-btn {
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 30px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.75);
  user-select: none;
  transition: 0.3s all;
}

.diet-cart-wrap .next-btn a {
  color: rgba(255, 255, 255, 0.75);
}

.diet-cart-wrap .next-btn i {
  position: relative;
  top: 0.5px;
  margin-right: 5px;
}

.diet-cart-wrap .next-btn:hover a {
  /* padding: 10px 25px; */
  color: #fff;
}

.diet-cart-wrap .next-btn.on {
  color: #f56c6c;
}

.diet-cart-wrap.slide-up-enter-active {
  transition: all 0.4s ease;
}

.diet-cart-wrap.slide-up-leave-active {
  transition: all 0.4s ease;
}

.diet-cart-wrap.slide-up-enter,
.slide-up-leave-to {
  transform: translateY(100%);
}

.diet-cart-info-wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #161616;
  z-index: 1001;
}

.diet-cart-info-wrap .close-btn {
  position: absolute;
  top: 20px;
  right: 0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 24px;
  cursor: pointer;
}

.diet-cart-info-wrap .close-btn:hover {
  color: #fff;
}

.diet-cart-info-wrap form {
  height: 100%;
}

.diet-cart-info-wrap .bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-filter: blur(100px);
  filter: blur(100px);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
  opacity: 0.2;
  will-change: transform;
  background-image: url(../data/item/1692871563/thumb-1414_300x300.jpg);
  /* background-image: url(../data/banner_dt/2); */
}

.diet-cart-info-wrap .flex-box {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 80px 0;
  max-width: 1300px;
  height: 100%;
  color: #fff;
  column-gap: 40px;
  z-index: 1;
}

.diet-cart-info-wrap .cart-list {
  flex: 1;
  max-width: 840px;
}

.diet-cart-info-wrap .tit {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 3px solid rgba(255, 255, 255, 0.6);
}

.diet-cart-info-wrap .cart-list .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.diet-cart-info-wrap .cart-list .tit b {
  color: #f56c6c;
}

.diet-cart-info-wrap .price-wrap {
  width: 420px;
}

.diet-cart-info-wrap .price-list ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 5px;
  color: #fff;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

.diet-cart-info-wrap .price-list li {
  flex: 1;
  padding: 12px 10px;
  text-align: center;
}

.diet-cart-info-wrap .price-list li dt {
  font-weight: 500;
}

.diet-cart-info-wrap .price-list li dd {
  font-size: 16px;
  font-weight: 600;
  color: #f56c6c;
}

.diet-cart-info-wrap .price-list span {
  display: inline-block;
  padding: 5px;
  font-size: 13px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
}

.diet-cart-info-wrap .price-list span.equal {
  background: #f56c6c;
  border-color: #f56c6c;
}

.diet-cart-info-wrap .order-btn {
  margin-top: 20px;
}

.diet-cart-info-wrap .order-btn button,
.diet-cart-info-wrap .order-btn a {
  width: 100%;
  height: 45px;
  font-size: 16px;
  background: #f56c6c;
  color: #fff;
  border-radius: 4px;
  border: 1px solid #f79393;
  box-shadow: 0 2px 8px rgb(62 7 7 / 80%);
  transition: 0.3s all;
}

.diet-cart-info-wrap .order-btn button i,
.diet-cart-info-wrap .order-btn a i {
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.diet-cart-info-wrap .order-btn button:hover,
.diet-cart-info-wrap .order-btn a:hover {
  background: #d74242;
}

.diet-cart-info-wrap .order-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.diet-cart-info-wrap .order-btn.success a {
  background: #6c93f5;
  border: 1px solid #93aff7;
}

.diet-cart-info-wrap .order-btn.success a:hover {
  background: #4c77e4;
}

/* .diet-cart-info-wrap .cart-list .tit::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    border-radius: 2px;
    width: 78px;
    height: 4px;
    background: #ff6d01;
} */

.diet-cart-info-wrap .cart-list ul {
  height: calc(100% - 50px);
  overflow: auto;
  padding-right: 10px;
}

.diet-cart-info-wrap .cart-list ul::-webkit-scrollbar,
.diet-cart-info-wrap .cart-list ul::-webkit-scrollbar-track {
  background-color: transparent;
}

.diet-cart-info-wrap .cart-list ul::-webkit-scrollbar {
  width: 12px;
  height: 10px;
  scroll-behavior: smooth;
}

.diet-cart-info-wrap .cart-list ul::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 15%);
  transition: 0.6s all;
  /* background-color: rgba(245, 108, 108, 35%); */
}

.diet-cart-info-wrap .cart-list ul::-webkit-scrollbar-thumb:hover {
  border: 3px solid transparent;
  background-color: rgba(255, 255, 255, 35%);
}

.diet-cart-info-wrap .cart-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  /* align-items: center; */
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 18px 10px;
  /* padding-bottom: 16px; */
  border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
}

.diet-cart-info-wrap .cart-list li.extra {
  background: rgba(255, 255, 255, 0.1);
}

/* .diet-cart-info-wrap .cart-list li:hover dt {
    color: #ff6d01;
} */

.diet-cart-info-wrap .cart-list dl {
  flex: 1;
}

.diet-cart-info-wrap .cart-list dt {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  column-gap: 5px;
  transition: 0.3s all;
}

.diet-cart-info-wrap .cart-list dd.paper {
  color: #ec9f93;
  /* color: #ff7d69; */
}

.diet-cart-info-wrap .cart-list dt span {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
}

.diet-cart-info-wrap .cart-list .flex {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
}

.diet-cart-info-wrap .cart-list .price {
  font-weight: 600;
  transition: 0.3s all;
}

.diet-cart-info-wrap .cart-list .x15 {
  display: inline-block;
  font-size: 12px;
  /* color: #83a0ee; */
}

.diet-cart-info-wrap .cart-list .x15 i {
  margin-right: 2px;
  font-style: normal;
}

.diet-cart-info-wrap .cart-list .sub-price {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-left: 10px;
  color: #f56c6c;
  font-size: 18px;
  font-weight: 600;
}

.diet-cart-info-wrap .cart-list .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 10px;
}

.diet-cart-info-wrap .cart-list .right .btn-wrap {
  display: flex;
  align-items: center;
}

.diet-cart-info-wrap .cart-list .x-15 {
  display: inline-block;
  margin-top: 8px;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px 4px;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.65);
  /* background: #e6a23c; */
  border: 1px solid rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: 0.3s all;
}

.diet-cart-info-wrap .cart-list .x-15.on {
  background: rgba(220, 53, 53, 0.8);
  border-color: rgba(239, 76, 76, 0.8);
}

.diet-cart-info-wrap .cart-list .x-15.on:hover {
  color: rgba(255, 255, 255, 0.65);
}

.diet-cart-info-wrap .cart-list .x-15 i {
  position: relative;
  top: 1px;
  margin-right: 3px;
}

.diet-cart-info-wrap .cart-list .x-15:hover {
  color: #ff7d69;
  /* background: #e6a23c; */
  border: 1px solid #ff7d69;
}

.diet-cart-info-wrap .cart-list .del-btn {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.65);
  cursor: pointer;
  transition: 0.3s all;
}

.diet-cart-info-wrap .cart-list .del-btn:hover {
  color: #ff7d69;
}

.diet-cart-info-wrap .cart-list .count-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 65px;
  column-gap: 7px;
  margin-left: 10px;
}

.diet-cart-info-wrap .cart-list .count-btn-wrap i {
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s all;
}

.diet-cart-info-wrap .cart-list .count-btn-wrap i:hover {
  color: #ff7d69;
}

.diet-cart-info-wrap.slide-up-enter-active {
  transition: all 0.25s ease-in;
}

.diet-cart-info-wrap.slide-up-leave-active {
  transition: all 0.25s ease-in;
}

.diet-cart-info-wrap.slide-up-enter,
.slide-up-leave-to {
  transform: translateY(100vh);
}

.help {
  padding: 20px;
  font-size: 13px;
  color: #666;
  border: 1px solid #eee;
  background: #f9f9f9;
}

.help p {
  line-height: 1.8;
}

.x15-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 300px;
  height: 300px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
  z-index: 1004;
}

.x15-modal .modal-head i {
  position: absolute;
  top: 32px;
  right: 20px;
  padding: 10px;
  font-size: 18px;
  color: #999;
  transition: 0.3s all;
  cursor: pointer;
}

.x15-modal .modal-head i:hover {
  color: #000;
}

.x15-modal .modal-con {
  position: relative;
  height: 100%;
  padding: 40px 30px;
  z-index: 1004;
}

.x15-modal .modal-body {
  padding: 20px 0;
}

.x15-modal .tit-2 {
  font-size: 16px;
  font-weight: 500;
}

.x15-modal .tit-s-1 {
  margin-top: 13px;
  font-size: 13px;
  line-height: 1.6;
  color: #666;
}

.x15-modal .tit-s-1 span {
  color: #222;
  font-weight: 500;
}

.x15-modal .count-btn-wrap {
  display: flex;
  align-items: center;
  column-gap: 5px;
  font-size: 14px;
  font-weight: 600;
}

.x15-modal .count-btn-wrap i {
  font-size: 22px;
  cursor: pointer;
  transition: 0.3s all;
}

.x15-modal .count-btn-wrap i:hover {
  color: #3b70ff;
}

.x15-modal .extra-way-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  row-gap: 15px;
  flex-direction: column;
}
.x15-modal .extra-way-wrap button {
  padding: 10px 0;
  background: transparent;
  border: 0;
  font-size: 14px;
}

.x15-modal .extra-way-wrap button span {
  padding: 10px;
  border: 1px solid #222;
  border-radius: 6px;
  transition: 0.3s all;
}

.x15-modal .extra-way-wrap button:hover span {
  background-color: #3b70ff;
  color: #fff;
  border-color: #3b70ff;
}

.x15-modal .modal-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.x15-modal .modal-footer .btn-wrap {
  display: flex;
  justify-content: flex-end;
  padding: 20px 30px;
}

.x15-modal .modal-footer .submit {
  padding: 8px 20px;
  font-size: 13px;
  color: #fff;
  border-radius: 3px;
  background: #3b70ff;
  cursor: pointer;
  transition: 0.3s all;
}

.x15-modal .modal-footer .submit:hover {
  background: #2b5ce2;
  box-shadow: 0 3px 8px rgba(20, 56, 152, 0.4);
}

.dark-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1003;
}

.guide-wrap {
  margin: 60px auto;
}

.guide-wrap img {
  width: 100%;
}

.menu-board-wrap {
  margin: 60px auto;
}

.menu-board-wrap img {
  width: 100%;
}

.order-result-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
}

.order-result-wrap i {
  display: block;
  margin: 10px 0;
  font-size: 48px;
}

.order-result-wrap .con {
  text-align: center;
}

.order-result-wrap h3 {
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: 600;
}

.order-result-wrap h3 span {
  color: #079b59;
}

.order-result-wrap p {
  font-size: 16px;
}

.order-result-wrap .order-num {
  margin: 20px 0 30px;
  padding: 10px 15px;
  background: #079b59;
  font-size: 1.2em;
  border-radius: 5px;
  color: #fff;
}

.order-result-wrap .btn-wrap a {
  display: inline-block;
  padding: 6px 15px;
  border: 1px solid #079b59;
  color: #079b59;
  font-size: 14px;
  border-radius: 5px;
}

@media all and (max-width: 1100px) {
  .menu-wrap {
    padding: 20px 6px;
  }

  .menu-wrap.main .diet-list li:last-child {
    border-bottom: 1px solid #212122;
  }

  .diet-cart-wrap {
    padding: 8px 10px;
  }

  .yoil {
    display: none;
  }
  .diet-list ul {
    margin-bottom: 0;
  }
  .diet-list li {
    min-height: auto;
    margin-bottom: 10px;
    padding: 14px 12px;
    border: 1px solid #000;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  }

  .diet-list li .con {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .diet-list li .date {
    width: 76px;
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 800;
  }

  .diet-list li dl {
    width: calc(100% - 94px);
    flex-wrap: wrap;
    /* position: relative; */
    /* padding-bottom: 40px; */
  }

  .diet-list li .order-btn span {
    border-color: #000;
    color: #000;
  }

  .diet-list li dl dd::before {
    min-width: 31px;
  }

  .diet-list li dl > dd:first-child::before {
    content: "국 :";
    display: inline-block;
    min-width: 31px;
    margin-right: 3px;
    color: #000;
    font-weight: 600;
  }

  .diet-list li dl > dd:nth-child(2)::before {
    content: "메인 :";
    display: inline-block;
    margin-right: 3px;
    color: #000;
    font-weight: 600;
  }

  .diet-list li dl dd:first-child,
  .diet-list li dl dd:nth-child(2) {
    flex-basis: 100%;
  }

  .diet-list li dl .side-dish {
    word-break: keep-all;
  }

  .diet-list li dl .side-dish dd {
    display: inline;
  }

  .diet-list li dl .side-dish dd::after {
    content: ", ";
    display: inline-block;
  }

  .diet-list li dl .side-dish dd:last-child:after {
    display: none;
  }

  .diet-list li .side-dish > dd:first-child::before {
    content: "반찬 :";
    display: inline-block;
    margin-right: 3px;
    color: #000;
    font-weight: 600;
  }

  .diet-list li dd {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.5;
  }

  .diet-list li .order-btn {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    transform: translateY(-50%);
  }

  .diet-list li .sikdan-status {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 0;
    transform: translateY(-50%);
  }
  
  .diet-cart-wrap .flex-box .area {
    font-size: 12px;
  }

  .diet-cart-wrap .count {
    flex-direction: column;
    align-items: flex-start;
  }

  .diet-cart-wrap .count .upsale {
    margin-left: 0;
  }

  .diet-cart-wrap .next-btn {
    padding: 10px 5px;
    font-size: 12px;
  }

  .diet-cart-info-wrap {
    bottom: 0;
  }

  .diet-cart-info-wrap .flex-box {
    overflow-y: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding: 70px 16px 90px;
  }

  .diet-cart-info-wrap .close-btn {
    top: 10px;
    right: 10px;
  }

  .diet-cart-info-wrap .price-wrap {
    width: 100%;
  }

  #sod_bsk #sod_bsk_tot li.sod_bsk_pt {
    background: #fff !important;
  }

  #wrapper.cart {
    background: #f5f5f5;
  }

  .m-cart > ul > li {
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
  }

  .m-cart li .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }

  .m-cart li .tit b {
    font-size: 14px !important;
    letter-spacing: -0.03em;
  }

  .m-cart li .con {
    display: flex;
  }

  .m-cart li .con .info {
    flex: 1;
  }

  .m-cart li .con li {
    margin-bottom: 4px;
  }

  .m-cart li .con li:last-child {
    margin-bottom: 0;
  }

  .m-cart li .img {
    width: 54px;
    align-self: flex-start;
    margin-right: 16px;
    overflow: hidden;
  }

  .m-cart li .img img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
  }

  .m-cart li .price {
    font-size: 14px;
    font-weight: 600;
    /* color: #ff2301; */
  }

  .menu-list-wrap {
    margin: 0;
    /* margin-bottom: 8px; */
  }

  .menu-list-wrap ul {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .m-cart li .con .menu-list-wrap li {
    margin-bottom: 0;
  }

  .m-cart li .price-wrap {
    display: flex;
    padding-top: 10px;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    border-top: 1px solid #eee;
    column-gap: 14px;
  }

  .m-cart li .count-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
    border: 1px solid #eee;
    padding: 2px 10px;
    border-radius: 13px;
    background: #f9f9f9;
  }

  .m-cart li .count-wrap span {
    min-width: 20px;
    white-space: nowrap;
    font-weight: bold;
    text-align: center;
  }

  .m-cart li .count-wrap span.qty-extra {
    color: #ff2301;
  }

  .m-cart li .count-wrap i {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s all;
  }

  .m-cart li .count-wrap i:hover {
    background: #ff2301;
    border-color: #ff2301;
    color: #fff;
  }

  .tit-wrap p {
    font-size: 14px;
  }

  .tit-wrap .more {
    top: 0;
    padding: 5px 10px;
    font-size: 12px;
    transform: none;
  }

  .tit-wrap h2 span {
    position: relative;
    top: 3px;
  }

  .sod_opt {
    margin: 0;
  }

  .sod_opt li {
    padding: 0;
  }

  .sod_opt > ul li:before {
    background: #f5f5f5;
  }

  .sod_opt > ul li:before,
  .sod_opt > ul li.x15:before,
  .sod_opt > ul li.extra:before {
    border: 0;
  }

  .sod_option_btn .mod_options {
    margin-top: 0;
  }

  .sod_option_btn .mod_options {
    height: 25px;
  }

  .btn_cart_del {
    border: 0;
  }

  .sod_opt li {
    line-height: 1.6em;
  }

  .m-order-list > ul > li {
    background: #fff;
    border: 1px solid #dcdcdc;
    margin: 0 0 20px;
    border-radius: 8px;
    overflow: hidden;
  }

  .m-order-list li .li_name {
    /* border-bottom: 1px solid #dcdcdc; */
    line-height: 1.3em;
    padding: 10px;
    padding-bottom: 5px;
    font-size: 15px;
  }

  .m-order-list li .li_op_wr {
    position: relative;
    padding: 0 10px 0 110px;
    min-height: 105px;
    padding-left: 70px;
  }

  .m-order-list li .total_img {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 54px;
    border-radius: 4px;
    overflow: hidden;
  }

  .m-order-list li .total_img img {
    max-width: 100%;
    height: auto;
  }

  .m-order-list li .change-date {
    position: absolute;
    top: 70px;
    left: 10px;
  }

  .m-order-list li .change-date button {
    width: 54px;
    padding: 2px;
    background: transparent;
    border: 1px solid #222;
    font-size: 10px;
    border-radius: 4px;
  }

  .m-order-list li .sod_opt {
    padding: 10px;
  }

  .m-order-list li .sod_opt > ul li {
    margin: 3px 0;
  }

  .m-order-list li .li_prqty {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #eee;
    border-width: 1px 0;
  }

  .m-order-list li .prqty_sc,
  .m-order-list li .prqty_price {
    border-right: 1px solid #e5e5e5;
  }

  .m-order-list li .li_prqty_sp {
    float: left;
    width: 50%;
    display: block;
    line-height: 20px;
    padding: 0 5px;
    text-align: right;
  }

  .m-order-list li .li_prqty_sp span {
    float: left;
    color: #696969;
  }

  .m-order-list li .total_price {
    /* background: #333; */
    background: #f9f9f9;
    display: block;
    clear: both;
    /* color: #fff; */
    color: #000;
    /* text-align: right; */
    padding: 10px 15px;
    line-height: 20px;
    border-radius: 4px;
  }

  .m-order-list li .total_price strong {
    font-size: 1.25em;
    /* color: #fff; */
    color: #000;
  }
}

@media all and (max-width: 768px) {
  .diet-cart-wrap {
    bottom: 60px;
  }
  .diet-list li .order-btn span {
    padding: 5px 8px;
    font-size: 10px;
  }

  .diet-list .order-btn:hover span {
    color: #888;
    border: 1px solid #bbb;
    background: transparent;
  }
}

@media all and (max-width: 375px) {
  .diet-cart-info-wrap .cart-list dt {
    flex-direction: column;
    align-items: flex-start;
  }
}