@charset "UTF-8";
.mnodr_btn.ty_xs {
  height: 25px;
}

.mnodr_btn.ty_md {
  height: 44px;
}

.mnodr_btn.ty_lg {
  height: 50px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("https://sui.ssgcdn.com/ui/common/font/Roboto-Regular-Opt.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Regular-Opt.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("https://sui.ssgcdn.com/ui/common/font/Roboto-Medium-Opt.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Medium-Opt.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("https://sui.ssgcdn.com/ui/common/font/Roboto-Bold-Opt.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/Roboto-Bold-Opt.woff") format("woff");
}
@font-face {
  font-family: "ssgotham-black";
  font-style: normal;
  font-weight: normal;
  src: url("https://sui.ssgcdn.com/ui/common/font/ssgotham-black.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/ssgotham-black.woff") format("woff");
}
@font-face {
  font-family: "ssgotham-medium";
  font-style: normal;
  font-weight: normal;
  src: url("https://sui.ssgcdn.com/ui/common/font/ssgotham-medium.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/ssgotham-medium.woff") format("woff");
}
@font-face {
  font-family: "Rubik-Light-Number";
  font-style: normal;
  font-weight: normal;
  src: url("https://sui.ssgcdn.com/ui/common/font/Rubik-Light-Number.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/Rubik-Light-Number.woff") format("woff");
}
@font-face {
  font-family: "Rubik-Regular-Number";
  font-style: normal;
  font-weight: normal;
  src: url("https://sui.ssgcdn.com/ui/common/font/Rubik-Regular-Number.woff2") format("woff2"), url("https://sui.ssgcdn.com/ui/common/font/Rubik-Regular-Number.woff") format("woff");
}
/* Pretendard */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("https://sui.ssgcdn.com/ui/common/font/pretendard/Pretendard-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("https://sui.ssgcdn.com/ui/common/font/pretendard/Pretendard-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("https://sui.ssgcdn.com/ui/common/font/pretendard/Pretendard-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("https://sui.ssgcdn.com/ui/common/font/pretendard/Pretendard-Bold.woff2") format("woff2");
}
/* PlayfairDisplay */
@font-face {
  font-family: "PlayfairDisplay";
  font-style: normal;
  font-weight: 400;
  src: url("https://sui.ssgcdn.com/ui/common/font/playfairdisplay/PlayfairDisplay-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "PlayfairDisplay";
  font-style: normal;
  font-weight: 500;
  src: url("https://sui.ssgcdn.com/ui/common/font/playfairdisplay/PlayfairDisplay-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "PlayfairDisplay";
  font-style: normal;
  font-weight: 600;
  src: url("https://sui.ssgcdn.com/ui/common/font/playfairdisplay/PlayfairDisplay-SemiBold.woff2") format("woff2");
}
/* Icon */
@font-face {
  font-family: ssgui-font-icons;
  src: url("https://sui.ssgcdn.com/ui/common/font/icons/ssgui-font-icons-1.77.4.woff2") format("woff2");
  font-display: block;
}
@font-face {
  font-family: ssgui-font-icons-eshop;
  src: url("https://sui.ssgcdn.com/ui/common/font/icons/ssgui-font-icons-eshop-1.77.4.woff2") format("woff2");
  font-display: block;
}
/* Jost */
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 400;
  src: url("https://sui.ssgcdn.com/ui/common/font/jost/Jost-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 500;
  src: url("https://sui.ssgcdn.com/ui/common/font/jost/Jost-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 600;
  src: url("https://sui.ssgcdn.com/ui/common/font/jost/Jost-SemiBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  font-style: normal;
  font-weight: 700;
  src: url("https://sui.ssgcdn.com/ui/common/font/jost/Jost-Bold.woff2") format("woff2");
  font-display: swap;
}
/* BodoniModa */
@font-face {
  font-family: "Bodoni";
  font-style: normal;
  font-weight: 400;
  src: url("https://sui.ssgcdn.com/ui/common/font/bodonimoda/BodoniModa-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Bodoni";
  font-style: normal;
  font-weight: 500;
  src: url("https://sui.ssgcdn.com/ui/common/font/bodonimoda/BodoniModa-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Bodoni";
  font-style: normal;
  font-weight: 600;
  src: url("https://sui.ssgcdn.com/ui/common/font/bodonimoda/BodoniModa-SemiBold.woff2") format("woff2");
  font-display: swap;
}
a,
button,
input,
textarea,
select,
label {
  -webkit-tap-highlight-color: transparent;
}

:focus-visible {
  outline: transparent !important;
}

:root {
  --m-colors-transparent: transparent;
  --m-colors-current: currentColor;
  --m-colors-ssg_brand: linear-gradient(270deg, #be3ffa 0%, #f43479 40.65%, #f43479 58.41%, #ff5452 100%);
  --m-colors-emart_brand: #ffd040;
  --m-colors-primary_light: #f2efe6;
  --m-colors-primary: #a59357;
  --m-colors-primary_dark: #8a7634;
  --m-colors-secondary: #222222;
  --m-colors-white: #ffffff;
  --m-colors-black: #000000;
  --m-colors-gray100: #fafafa;
  --m-colors-gray150: #f5f5f5;
  --m-colors-gray200: #f0f0f0;
  --m-colors-gray300: #e5e5e5;
  --m-colors-gray350: #cfcfcf;
  --m-colors-gray400: #969696;
  --m-colors-gray500: #888888;
  --m-colors-gray600: #777777;
  --m-colors-gray700: #666666;
  --m-colors-gray800: #444444;
  --m-colors-gray900: #222222;
  --m-colors-black_alpha3: rgba(0, 0, 0, 0.03);
  --m-colors-black_alpha4: rgba(0, 0, 0, 0.04);
  --m-colors-black_alpha8: rgba(0, 0, 0, 0.08);
  --m-colors-black_alpha20: rgba(0, 0, 0, 0.2);
  --m-colors-black_alpha45: rgba(0, 0, 0, 0.45);
  --m-colors-black_alpha60: rgba(0, 0, 0, 0.6);
  --m-colors-black_alpha80: rgba(0, 0, 0, 0.8);
  --m-colors-black_alpha95: rgba(0, 0, 0, 0.95);
  --m-colors-white_alpha20: rgba(255, 255, 255, 0.2);
  --m-colors-white_alpha45: rgba(255, 255, 255, 0.45);
  --m-colors-white_alpha60: rgba(255, 255, 255, 0.6);
  --m-colors-white_alpha80: rgba(255, 255, 255, 0.8);
  --m-colors-white_alpha95: rgba(255, 255, 255, 0.95);
  --m-colors-warning_loss: #ff5452;
  --m-colors-positive: #178aff;
  --m-colors-success: #07a740;
  --m-colors-site-shinsegaemall_primary: #f12e24;
  --m-colors-site-department_primary: #a59357;
  --m-colors-site-department_secondary_01: #222222;
  --m-colors-site-ssg_secondary3_horizontal: linear-gradient(to right, #fecc1f, #fe3a6b 39.58%, #a33ffa 59.9%, #3798fb 80.21%, #26d866);
  --m-colors-site-triip_primary: #328ca8;
  --m-colors-site-triip_secondary_01: #2e3342;
  --m-colors-site-chicor_primary: linear-gradient(180deg, #e9450c 0%, #ffd700 50%, #df0082 100%);
  --m-colors-site-starbucks_primary: #006241;
  --m-colors-delivery-emart_light: #ffe98b;
  --m-colors-delivery-emart: #ffd040;
  --m-colors-delivery-emart_dark_01: #ff9d00;
  --m-colors-delivery-emart_dark_02: #ff6200;
  --m-colors-delivery-baroquick_light: #ffeed1;
  --m-colors-delivery-baroquick: #ff9345;
  --m-colors-delivery-baroquick_dark_02: #ff6200;
  --m-colors-delivery-earlymorning_light: #d5dee8;
  --m-colors-delivery-earlymorning: #a3b7cd;
  --m-colors-delivery-earlymorning_dark_01: #6286af;
  --m-colors-delivery-earlymorning_dark_02: #44637e;
  --m-colors-delivery-traders_light: #d6ef9c;
  --m-colors-delivery-traders: #a6dd27;
  --m-colors-delivery-traders_dark: #50a800;
  --m-colors-delivery-oneday: #dcaa78;
  --m-colors-delivery-oneday_dark: #a57c58;
  --m-colors-delivery-post_light: #eceae4;
  --m-colors-delivery-post: #d6d2c4;
  --m-colors-delivery-depart_today_light: #f5edff;
  --m-colors-delivery-depart_today: #8807f3;
  --m-colors-delivery-pickup: #e1d2c8;
  --m-colors-delivery-mobilecoupon: #9ee5d2;
  --m-colors-delivery-star_gradation: linear-gradient(90deg, #7a4bfb 0%, #0d1f90 88%);
  --m-colors-delivery-star_light: #e7deff;
  --m-colors-delivery-star_light_02: #bb9dfb;
  --m-colors-delivery-star: #7a4bfb;
  --m-colors-delivery-star_dark: #0d1f90;
  --m-colors-service-universe_primary_01: linear-gradient(90deg, #002041 40%, #497cff 100%);
  --m-colors-service-universe_primary_02: #002041;
  --m-colors-service-universe_secondary_01: #497cff;
  --m-colors-service-universe_secondary_02: #dbe5ff;
  --m-colors-service-coupon_primary_01: #ff0014;
  --m-colors-service-coupon_primary_02: linear-gradient(45deg, #ff5452 20.44%, #f43479 39.93%, #be3ffa 92.36%);
  --m-colors-service-coupon_secondary_01: #002041;
  --m-colors-service-coupon_secondary_02: linear-gradient(45deg, #002041 20.44%, #002041 39.93%, #4071e7 92.36%);
  --m-colors-service-coupon_disabled: #cfcfcf;
  --m-colors-service-present_primary: #ab8f59;
  --m-colors-service-present_secondary_01: #d6d2c4;
  --m-colors-service-present_secondary_02: #5d533f;
  --m-colors-service-luxury_primary: #0b503d;
  --m-colors-service-esg_primary: #0b923b;
  --m-colors-service-esg_primary_light: #e6f6ec;
  --m-colors-service-obanjang_primary: #ffd040;
  --m-colors-service-happylounge_primary: #ff4c3c;
  --m-colors-service-mondaymoon_primary: #3e584b;
  --m-colors-service-ssgpay_primary: #e24f39;
  --m-colors-service-ssgpay_secondary: #323743;
  --m-colors-service-ssgtalk_primary: #6677c0;
  --m-colors-service-ssgfood_primary: #ebf08f;
  --m-colors-service-ssgfood_primary_light: #fdf7e5;
  --m-colors-service-ssgfood_secondary_01: #023a32;
  --m-colors-service-ssgfood_secondary_02: #139173;
  --m-colors-service-ssgfood_gradation_01: linear-gradient(180deg, #ebf08f 20%, #fff 100%);
  --m-colors-service-ssgfood_gradation_02: linear-gradient(90deg, #efff74 35%, #fcffb8 100%);
  --m-colors-service-farmersmarket_primary: #0038f0;
  --m-colors-service-biz_primary: #353dff;
  --m-colors-service-freshgreen_primary: #0b9b5b;
  --m-colors-promotion-ssgday_primary: #e60096;
  --m-colors-promotion-ssgday_secondary_01: #ff7373;
  --m-colors-promotion-ssgday_secondary_02: #ff4137;
  --m-colors-black_alpha85: rgba(0, 0, 0, 0.85);
  --m-colors-white_alpha10: rgba(255, 255, 255, 0.1);
  --m-colors-white_alpha90: rgba(255, 255, 255, 0.9);
  --m-fonts-gothic: Jost, Pretendard, sans-serif;
  --m-fonts-serif: Bodoni, PlayfairDisplay, serif;
  --m-fontSizes-3xs: 10px;
  --m-fontSizes-2xs: 11px;
  --m-fontSizes-xs: 12px;
  --m-fontSizes-sm: 13px;
  --m-fontSizes-md: 14px;
  --m-fontSizes-lg: 15px;
  --m-fontSizes-xl: 16px;
  --m-fontSizes-2xl: 18px;
  --m-fontSizes-3xl: 20px;
  --m-fontSizes-4xl: 22px;
  --m-fontSizes-5xl: 24px;
  --m-fontSizes-6xl: 26px;
  --m-fontSizes-7xl: 30px;
  --m-fontSizes-8xl: 34px;
  --m-fontSizes-9xl: 40px;
  --m-fontWeights-hairline: 100;
  --m-fontWeights-thin: 200;
  --m-fontWeights-light: 300;
  --m-fontWeights-normal: 400;
  --m-fontWeights-regular: 400;
  --m-fontWeights-medium: 500;
  --m-fontWeights-semibold: 600;
  --m-fontWeights-bold: 700;
  --m-fontWeights-extrabold: 800;
  --m-fontWeights-black: 900;
  --m-lineHeights-normal: normal;
  --m-lineHeights-none: 1;
  --m-lineHeights-shorter: 1.25;
  --m-lineHeights-short: 1.375;
  --m-lineHeights-base: 1.5;
  --m-lineHeights-tall: 1.625;
  --m-lineHeights-taller: 2;
  --m-letterSpacings-tighter: -0.05em;
  --m-letterSpacings-tight: -0.025em;
  --m-letterSpacings-normal: 0;
  --m-letterSpacings-wide: 0.025em;
  --m-letterSpacings-wider: 0.05em;
  --m-letterSpacings-widest: 0.1em;
  --m-font-icon: ssgui-font-icons-eshop;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}

body,
th,
td,
input,
select,
textarea,
button {
  font-size: 14px;
  font-family: var(--m-fonts-gothic, Pretendard);
  color: var(--m-colors-black, #000000);
}

fieldset,
img {
  border: 0 none;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: "none";
}

input,
select,
textarea,
button {
  font-size: 100%;
  vertical-align: middle;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

body {
  -webkit-text-size-adjust: none;
}

a {
  text-decoration: none;
}

a:active,
a:hover {
  text-decoration: none;
}

.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}

.blind:before {
  display: block;
  width: 0;
  height: 0;
  font-size: 0;
  content: " ";
}

caption {
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  font-size: 1px;
  line-height: 0;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
}

caption.blind {
  position: static;
  margin: -1px 0 0;
}

caption.blind:before {
  display: none;
}

caption .blind {
  position: static;
}

caption .blind:before {
  display: none;
}

.sr_toggle .sr_off {
  display: block;
}

.sr_toggle .sr_on {
  display: none;
}

.sr_toggle.on .sr_off {
  display: none;
}

.sr_toggle.on .sr_on {
  display: block;
}

.skip_navi {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  color: var(--m-colors-white, #ffffff);
  text-align: center;
}

.skip_navi:focus,
.skip_navi:active {
  width: 100%;
  height: auto;
  padding: 5px 0;
  background: var(--m-colors-primary, #a59357);
}

.body_and {
  overflow-anchor: none;
}

body,
th,
td,
input,
select,
textarea,
button {
  line-height: 1.5;
}

input[type=text],
input[type=password],
input[type=submit],
input[type=search],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=file] {
  -webkit-appearance: button;
  border-radius: 0;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

body {
  background: #fff;
}

a {
  color: inherit;
}

@-webkit-keyframes iconButtonPressAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes iconButtonPressAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.cont_loading {
  display: block;
  width: 100%;
  height: 55px;
  background: url(../img/indicator.gif) 50% 50% no-repeat;
  background-size: 32px 32px;
}

.grid_loader {
  display: none;
  margin-bottom: 50px;
}
.grid_loader.on {
  display: block;
}
.grid_loader .grid_loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
  overflow: hidden;
}
.grid_loader .grid_loading > div {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 3px;
  border-radius: 100%;
  background-color: #9880ff;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out both;
          animation: bouncedelay 1.4s infinite ease-in-out both;
}
.grid_loader .grid_loading .dot1 {
  -webkit-animation-delay: -0.32s;
          animation-delay: -0.32s;
}
.grid_loader .grid_loading .dot2 {
  -webkit-animation-delay: -0.16s;
          animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mcom_tit_renew {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  height: 56px;
  padding: 0 12px;
  z-index: 500;
  background-color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_tit_txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  overflow: hidden;
  font-size: var(--m-fontSizes-lg, 15px);
  color: var(--m-colors-gray900, #222222);
  font-weight: var(--m-fontWeights-medium, 500);
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.mcom_tit_renew .mcom_tit_txt > img {
  max-width: 100%;
  max-height: 36px;
  vertical-align: top;
}
.mcom_tit_renew .btn_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.mcom_tit_renew .btn_back .ctg_icon_back {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_back .ctg_icon_back:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_back .ctg_icon_back:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e008";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_back .ctg_icon_back:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_back .ctg_icon_back:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_cate {
  display: inline-block;
  vertical-align: middle;
}
.mcom_tit_renew .btn_search .ctg_icon_search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_search .ctg_icon_search:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_search .ctg_icon_search:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e080";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_search .ctg_icon_search:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_search .ctg_icon_search:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_clip .cmlike {
  vertical-align: middle;
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m {
  display: contents;
  background: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_clip .cmlike_btn:hover .cmlike_ico [class^=cmlike_],
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_ico [class^=cmlike_] {
  background: none;
}
.mcom_tit_renew .btn_clip .cmlike_btn:hover .cmlike_primary_m:before {
  color: var(--m-colors-primary, #a59357);
}
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_primary_m {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_primary_m:before {
  color: var(--m-colors-primary, #a59357);
}
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_primary_m:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_primary_m:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_clip ._js_cmlike.on .cmlike_primary_m:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_share .ctg_icon_share,
.mcom_tit_renew .btn_share .icon_share_sns {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_share .ctg_icon_share:before,
.mcom_tit_renew .btn_share .icon_share_sns:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_share .ctg_icon_share:before,
.mcom_tit_renew .btn_share .icon_share_sns:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e082";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_share .ctg_icon_share:active,
.mcom_tit_renew .btn_share .icon_share_sns:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_share .ctg_icon_share:active:before,
.mcom_tit_renew .btn_share .icon_share_sns:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_share .ctg_icon_share:after,
.mcom_tit_renew .btn_share .icon_share_sns:after {
  display: none;
}
.mcom_tit_renew .btn_home .ctg_icon_home {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_home .ctg_icon_home:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_home .ctg_icon_home:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e051";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_home .ctg_icon_home:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_home .ctg_icon_home:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_cart .cmnoti_push {
  position: absolute;
  top: 2px;
  right: auto;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 10px));
          transform: translateX(calc(-50% + 10px));
}
.mcom_tit_renew .btn_cart .ctg_icon_cart {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_cart .ctg_icon_cart:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_cart .ctg_icon_cart:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e01b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_cart .ctg_icon_cart:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_cart .ctg_icon_cart:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .btn_close .ctg_icon_close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .btn_close .ctg_icon_close:before {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .btn_close .ctg_icon_close:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e039";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mcom_tit_renew .btn_close .ctg_icon_close:active {
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .btn_close .ctg_icon_close:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mcom_tit_renew .mcom_tit_lft,
.mcom_tit_renew .mcom_tit_rgt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  gap: 0 4px;
  max-width: 68px;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcom_tit_renew .mcom_tit_lft {
  margin-right: 8px;
}
.mcom_tit_renew .mcom_tit_rgt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: 10px;
}
.mcom_tit_renew:not(:has(.mcom_tit_lft)) {
  padding-left: 80px;
}
.mcom_tit_renew:not(:has(.mcom_tit_rgt)) {
  padding-right: 80px;
}
.mcom_tit_renew.ty_cate {
  padding: 0 12px;
}
.mcom_tit_renew .mcom_category {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  height: 100%;
}
.mcom_tit_renew .mcom_category .cate_path {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.mcom_tit_renew .mcom_category .cate_path .depth .ctg_txt {
  display: -webkit-box;
  color: var(--m-colors-gray500, #888888);
  font-size: var(--m-fontSizes-lg, 15px);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 22px;
  font-size: var(--m-fontSizes-lg, 15px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray500, #888888);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a:before, .mcom_tit_renew .mcom_category .cate_path .depth.previous a:after {
  color: var(--m-colors-gray500, #888888);
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous .ctg_mn {
  position: relative;
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  padding: 0 4px;
  height: 22px;
  font-size: var(--m-fontSizes-lg, 15px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  white-space: inherit;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:before, .mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:after {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more.on:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more .ctg_txt {
  color: var(--m-colors-gray900, #222222);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more .ctg_icon_arr {
  display: none;
}
.mcom_tit_renew .mcom_category .cate_view {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: left;
  background-color: #fff;
}
.mcom_tit_renew .mcom_category .cate_view > .lst_cate {
  position: relative;
}
.mcom_tit_renew .mcom_category .cate_view > .lst_cate > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-color: #f5f5f5;
  border-bottom: 1px solid #e9eaeb;
}
.mcom_tit_renew .mcom_category .cate_view .cate_txt {
  display: inline-block;
  padding-left: 15px;
  height: 42px;
  line-height: 42px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #f5f5f5;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mcom_tit_renew .mcom_category .cate_view a.cate_txt {
  display: block;
}
.mcom_tit_renew .mcom_category .cate_view .selected {
  background-color: var(--m-colors-gray100, #fafafa);
}
.mcom_tit_renew .mcom_category .cate_view .selected .cate_txt {
  position: relative;
  font-weight: bold;
  border-color: var(--m-colors-gray100, #fafafa);
  padding-left: 14px;
  right: -1px;
  z-index: 10;
}
.mcom_tit_renew .mcom_category .cate_view .selected .ctg_icon_check {
  position: absolute;
  right: 0;
  top: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 10px;
  background-position: 0 -75px;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 {
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
.mcom_tit_renew .mcom_category .cate_view_lv2.selected {
  display: block;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2 {
  position: absolute;
  width: 50%;
  top: 0;
  background-color: var(--m-colors-gray100, #fafafa);
  border-left: 1px solid #f5f5f5;
  min-height: 100%;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 200%;
  height: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  left: -2px;
  z-index: -1;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2 li {
  border-bottom: 0;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2 li .cate_txt {
  font-weight: normal;
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2 li .cate_txt.cate_all:after {
  display: inline-block;
  margin-bottom: 1px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.mcom_tit_renew .mcom_category .cate_view_lv2 .lst_cate.lv2 li.selected .cate_txt {
  font-weight: bold;
}

.m_head_inparea2 .inp_ico_srch:after,
.m_head_inparea2 .inp_ico_prev {
  overflow: hidden;
  display: inline-block;
  background: url(../img/com_v2/sp_cmg.png) no-repeat;
  background-size: 150px auto;
  vertical-align: top;
}

.m_srharea {
  position: relative;
  width: 100%;
  z-index: 99;
  background: var(--m-colors-white, #ffffff);
  -webkit-backface-visibility: hidden;
}

.m_srharea .m_head_srh {
  padding: 8px 12px;
  border-bottom: 1px solid #ccc;
}

.m_srharea .m_head_srh:before,
.m_srharea .m_head_srh:after {
  display: none;
}

.m_head_inparea2 {
  position: relative;
  padding: 0 10px 10px;
}

.m_head_inparea2 .head_ipbx2 {
  display: table;
  position: relative;
  width: 100%;
  height: 30px;
  vertical-align: top;
}

.m_head_inparea2 .m_schtype2 {
  display: table-cell;
  position: relative;
  width: 110px;
  letter-spacing: -1px;
}

.m_head_inparea2 .m_schtype2 .btn_t {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 30px;
  padding: 0 10px 0 9px;
  border-radius: 4px 0 0 4px;
  background: #efefef;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  text-align: left;
  line-height: 32px;
}

.m_head_inparea2 .m_schtype2 .btn_t:before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 22px;
  margin-top: -11px;
  background: #cacaca;
  content: "";
}

.m_head_inparea2 .m_schtype2 .btn_t:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: 0;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
}

.m_head_inparea2 .m_schlayer {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: -5px;
  padding-top: 10px;
  border: 1px solid #e6e6e6;
  border-top: 0 none;
  border-radius: 0 0 4px 4px;
  background: var(--m-colors-gray100, #fafafa);
}

.m_head_inparea2 .m_schlayer:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  content: "";
}

.m_head_inparea2 .m_schlayer li {
  border-top: 1px solid #e6e6e6;
}

.m_head_inparea2 .m_schlayer li:first-child {
  border-top: 0 none;
}

.m_head_inparea2 .m_schlayer li button {
  display: block;
  width: 100%;
  padding: 8px 10px 7px;
  font-size: 12px;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
  line-height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m_head_inparea2 .m_schlayer li.active button {
  font-weight: bold;
}

.m_head_inparea2 .m_schclose .btn_t:after {
  margin-top: -3px;
  border-bottom-color: #676767;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m_head_inparea2 .m_schclose .m_schlayer {
  display: none;
}

.m_head_inparea2 .mcom_b_prev {
  position: relative;
  margin-right: 8px;
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev {
  background: none;
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev:before {
  color: var(--m-colors-gray900, #222222);
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e008";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev:active {
  -webkit-tap-highlight-color: transparent;
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}

.m_head_inparea2 .inpbx2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 40px;
  border-radius: 9999px;
  background: var(--m-colors-gray150, #f5f5f5);
  vertical-align: top;
}
.m_head_inparea2 .inpbx2 input {
  width: 100%;
  height: 100%;
  padding: 0 12px;
  border: 0;
  background: transparent;
  font-size: var(--m-fontSizes-sm, 13px);
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_head_inparea2 .inpbx2 input:focus-visible {
  border: 0;
  -webkit-box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px;
          box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px;
}

.m_head_inparea2 .mcom_b_def {
  position: absolute;
  top: 0;
  right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 38px;
  height: 100%;
}
.m_head_inparea2 .mcom_b_def .inp_ico_srch {
  background: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_head_inparea2 .mcom_b_def .inp_ico_srch:before {
  color: var(--m-colors-gray900, #222222);
}
.m_head_inparea2 .mcom_b_def .inp_ico_srch:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e080";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m_head_inparea2 .mcom_b_def .inp_ico_srch:active {
  -webkit-tap-highlight-color: transparent;
}
.m_head_inparea2 .mcom_b_def .inp_ico_srch:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}

.m_head_srh .m_head_inparea2 {
  padding: 0;
}

.m_head_srh .m_head_inparea2 .inpbx2 {
  padding-right: 76px;
}

.m_head_srh .m_head_inparea2 .addr_ipbx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 40px;
  vertical-align: top;
}

.m_head_srh .m_head_inparea2 .addr_del {
  position: absolute;
  top: 50%;
  right: 44px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_head_srh .m_head_inparea2 .addr_del:before {
  color: var(--m-colors-gray500, #888888);
}
.m_head_srh .m_head_inparea2 .addr_del:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e035";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m_head_srh .m_head_inparea2 .addr_del:active {
  -webkit-tap-highlight-color: transparent;
}
.m_head_srh .m_head_inparea2 .addr_del:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}

.m_srharea.m_srhprev .m_head_srh {
  border-bottom: 0;
}

.mcom_footer {
  padding-bottom: 120px;
  border-top: 1px solid #e7e7e7;
  background-color: #fff;
}

.mcom_footer .mcom_footer.type02 {
  padding-bottom: 50px;
}

.mcom_footer .mcom_ch_banner {
  text-align: center;
}

.mcom_footer .mcom_ch_banner img {
  width: 320px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

.mcom_footer .footer_notiwrap {
  position: relative;
  padding: 2px 15px;
}

.mcom_footer .footer_notiwrap .noti_arrow {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.mcom_footer .footer_noti {
  position: relative;
  padding: 0 30px 0 35px;
  line-height: 26px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mcom_footer .footer_noti:after {
  display: block;
  clear: both;
  content: "";
}

.mcom_footer .footer_noti .noti_tit {
  position: absolute;
  top: 50%;
  left: 0;
  width: 27px;
  height: 16px;
  margin-top: -8px;
  padding: 0;
  border: 1px solid #cacaca;
  border-radius: 3px;
  font-size: 10px;
  line-height: 14px;
  color: #767676;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mcom_footer .footer_noti .noti_dsc {
  overflow: hidden;
  height: 26px;
}

.mcom_footer .footer_noti .noti_dsc a {
  display: block;
  overflow: hidden;
  font-size: 11px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mcom_footer .os_view {
  margin-top: 15px;
}

.mcom_footer .os_view a {
  display: block;
  margin: 0 -4px;
  padding: 10px 0;
  border: 1px solid #9a9a9a;
  background: #adadad;
  font-size: 18px;
  color: #fff;
  text-align: center;
}

.mcom_footer .bar {
  margin: 0 5px;
  font-size: 10px;
  color: #cdcdd0;
}

.mcom_footer .txt_link {
  color: #414141;
  text-decoration: underline;
}

.mcom_footer .mcom_btnbx_warp {
  padding: 0 13px;
  background: #dbdbe0;
}

.mcom_footer .mcom_btnbx_list {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}

.mcom_footer .mcom_btnbx_list li {
  display: table-cell;
  position: relative;
  vertical-align: top;
}

.mcom_footer .mcom_btnbx_list li:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #b8b8be;
  content: "";
}

.mcom_footer .mcom_btnbx_list li:last-child:after {
  display: none;
}

.mcom_footer .mcom_btnbx_list li a {
  display: block;
  position: relative;
  margin: 0 10px;
  padding: 8px 0;
  font-size: 11px;
  color: #565656;
  text-align: center;
  letter-spacing: -0.05px;
}

.mcom_footer .mcom_service_wrap {
  padding: 0 15px;
  background: #717178;
}

.mcom_footer .mcom_service_area {
  display: table;
  width: 100%;
  min-height: 53px;
  padding: 12px 0;
  border-top: 1px solid #606066;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mcom_footer .mcom_service_area:first-of-type {
  border-top: 0;
}

.mcom_footer .mcom_service_area .mcom_service_info {
  display: table-cell;
  position: relative;
  padding-left: 34px;
  font-size: 10px;
  color: #fff;
  vertical-align: middle;
  line-height: 13px;
  word-wrap: break-word;
  word-break: keep-all;
}

.mcom_footer .mcom_service_area .mcom_service_info:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 29px;
  height: 27px;
  background: url(../img/v2/sp_footer.png) no-repeat;
  background-size: 50px auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}

.mcom_footer .mcom_service_area.sm .mcom_service_info:before {
  background-position: 0 0;
}

.mcom_footer .mcom_service_area.em .mcom_service_info:before {
  background-position: 0 -30px;
}

.mcom_footer .mcom_service_info .mcom_info_mall {
  letter-spacing: -0.5px;
}

.mcom_footer .mcom_service_info .mcom_tel_tx {
  font-size: 12px;
  font-weight: 500;
  color: #fcfcfd;
  vertical-align: -1px;
  letter-spacing: -0.3px;
  white-space: nowrap;
}

.mcom_footer .mcom_service_info .mcom_email_tx {
  padding-left: 1px;
  font-weight: 500;
  color: #fcfcfd;
  line-height: 1.1;
  letter-spacing: -0.3px;
}

.mcom_footer .mcom_service_btnarea {
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  text-align: right;
}

.mcom_footer .mcom_service_btnarea .mcom_service_btn {
  display: inline-block;
  min-height: 22px;
  margin: 2px 0 2px 1px;
  padding: 0 13px;
  border: 1px solid #606066;
  border-radius: 3px;
  background: #66666d;
  font-size: 10px;
  line-height: 22px;
  color: #fff;
  letter-spacing: -0.05px;
}

.mcom_footer .mcom_service_btnarea .mcom_service_btn:before {
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  vertical-align: middle;
  content: "";
}

.mcom_footer .mcom_mall_wrap {
  padding: 0 20px;
}

.mcom_footer .mcom_mall_box {
  margin-top: 7px;
}

.mcom_footer .mcom_mall_box .mcom_mall_name {
  font-size: 11px;
  color: #414141;
  letter-spacing: -0.5px;
}

.mcom_footer .mcom_mall_box address {
  margin-top: 0;
  font-size: 10px;
  color: #888;
  line-height: 1.5;
}

.mcom_footer .mcom_noti_wrap {
  margin-top: 10px;
}

.mcom_footer .mcom_noti_tip {
  font-size: 11px;
  color: #414141;
}

.mcom_footer .mcom_noti_tip .txt_link {
  display: inline-block;
  padding: 0 1px 0 4px;
}

.mcom_footer .mcom_noti_txt {
  font-size: 10px;
  color: #888;
}

.mcom_footer .mcom_noti_txt2 {
  margin-bottom: 10px;
  font-size: 10px;
  color: #888;
}

.mcom_footer .mcom_cont_info {
  margin-top: 13px;
  padding-top: 6px;
  border-top: 1px solid #d8d8dc;
  font-size: 0;
}

.mcom_footer .mcom_cont_lst:after {
  display: block;
  clear: both;
  content: "";
}

.mcom_footer .mcom_cont_lst li {
  float: left;
  margin-right: 7px;
}

.mcom_footer .mcom_cont_lst li a {
  font-size: 11px;
  color: #414141;
  letter-spacing: -0.5px;
}

.mcom_footer .mcom_cont_lst li .bar {
  margin: 0 7px 0 0;
}

.mcom_footer .mcom_cont_lst li strong {
  color: var(--m-colors-primary, #a59357);
}

.mcom_footer .mcom_copyright {
  margin-top: 4px;
  font-size: 10px;
  color: #888;
}

.mcom_footer .mcom_mall_wrap.v2 {
  padding: 0 20px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_mall_box {
  margin-top: 7px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_mall_box .mcom_mall_name {
  font-size: 11px;
  color: #414141;
  letter-spacing: -0.5px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_mall_box address {
  margin-top: 0;
  font-size: 10px;
  color: #888;
  line-height: 1.5;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_wrap {
  margin-top: 10px;
}
.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_wrap.ty2 {
  padding-right: 40px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_tip {
  font-size: 11px;
  color: #414141;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_tip .txt_link {
  display: inline-block;
  font-size: 10px;
  padding: 0 1px 0 4px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_txt {
  font-size: 10px;
  color: #888;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_noti_txt2 {
  margin-bottom: 10px;
  font-size: 10px;
  color: #888;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_info {
  margin-top: 15px;
  padding-top: 0;
  border-top: 0;
  font-size: 0;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst:after {
  display: block;
  clear: both;
  content: "";
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst li {
  float: left;
  margin-right: 7px;
}
.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst li:after {
  content: "|";
  display: inline-block;
  font-size: 10px;
  color: #cdcdd0;
  margin: 0 0 0 7px;
}
.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst li:last-child:after {
  display: none;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst li a {
  font-size: 10px;
  color: #414141;
  letter-spacing: -0.5px;
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_cont_lst li strong {
  color: var(--m-colors-primary, #a59357);
}

.mcom_footer .mcom_mall_wrap.v2 .mcom_copyright {
  margin-top: 4px;
  font-size: 10px;
  color: #888;
}

.mcom_footer_order {
  padding-top: 10px;
  border-top: 1px solid #f5f5f5;
}

.mcom_footer_order.ty_bg {
  padding-top: 10px;
  border-top: 1px solid #f5f5f5;
  background-color: #f5f5f5;
}

.mcom_footer_order .mcom_mall_wrap.v2 .mcom_noti_txt {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.3px;
  color: #888;
}

@media screen and (max-width: 320px) {
  .mcom_footer .mcom_service_wrap {
    padding: 0 13px;
  }
  .mcom_footer .mcom_service_btnarea .mcom_service_btn {
    padding: 0 4px;
  }
}
.cmitem_grid .cmitem_grid_lst {
  font-size: 0;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_thmb {
  margin: 0 8px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
  width: 50%;
  padding: 35px 7px 12px 8px;
}
@media (min-width: 750px) {
  .cmitem_grid .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
    width: 25%;
  }
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_thmbCol3 {
  padding: 0 12px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_thmbCol3 .cmitem_grid_item {
  width: 33.3333333333%;
  padding: 10px 4px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_thmbCol3 .cmitem_grid_item:nth-last-child(-n+3) {
  padding-bottom: 20px;
}
@media (min-width: 750px) {
  .cmitem_grid .cmitem_grid_lst.cmitem_ty_thmbCol3 .cmitem_grid_item {
    width: 16.6666666667%;
  }
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_list .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_big .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_deal .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_contents .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item {
  width: 100%;
}
@media (min-width: 750px) {
  .cmitem_grid .cmitem_grid_lst.cmitem_ty_list .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_big .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_deal .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_contents .cmitem_grid_item, .cmitem_grid .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item {
    width: 50%;
  }
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_list .cmitem_grid_item {
  padding: 35px 15px 12px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_big .cmitem_grid_item {
  padding: 35px 15px 12px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item {
  padding: 35px 15px 12px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_contents .cmitem_grid_item {
  padding: 5px 15px 15px;
}
.cmitem_grid .cmitem_grid_lst.cmitem_ty_deal .cmitem_grid_item {
  padding: 5px 15px 30px;
}
.cmitem_grid .cmitem_grid_item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmitem_grid.cmitem_grid_moreset .cmitem_grid_lst .cmitem_grid_item, .cmitem_grid.mssglist_moreset_v2 .cmitem_grid_lst .cmitem_grid_item {
  display: none;
}
.cmitem_grid.cmitem_grid_moreset .cmitem_grid_lst .cmitem_grid_item.spcdisplaylst, .cmitem_grid.mssglist_moreset_v2 .cmitem_grid_lst .cmitem_grid_item.spcdisplaylst {
  display: inline-block;
}

@media (min-width: 750px) {
  #_infinite_grid .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
    padding-bottom: 1px;
  }
  #_infinite_grid .cmitem_grid_lst.cmitem_ty_thmb .cmitem_detailbx {
    min-height: 220px;
  }
}

.cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt {
  position: relative;
  display: inline-block;
  margin: 0 10px 6px;
  border-radius: 2px;
  border: solid 1px var(--m-colors-primary, #a59357);
  background-color: #fff;
}
.cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt .mndmoon_buy_txt {
  padding: 0 6px;
  height: 23px;
  line-height: 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  font-weight: bold;
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
}
.cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt:before, .cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt:after {
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  content: "";
}
.cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt:before {
  left: -1px;
  border-top: 4px solid var(--m-colors-primary, #a59357);
  border-right: 4px solid transparent;
}
.cmitem_grid_mndmoon .cmunit_mndmoon_buy .mndmoon_buy_opt:after {
  left: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid transparent;
}

@media (min-width: 750px) {
  .cmitem_grid.mndmoon_native_scroll .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
    width: 50%;
  }
}

.cmitem_nodata {
  height: 350px;
  text-align: center;
  font-size: 14px;
  letter-spacing: -0.3px;
  color: #777;
}
.cmitem_nodata::before {
  content: "";
  display: inline-block;
  width: 105px;
  height: 126px;
  margin-top: 50px;
  background: url(../img/com_v2/img_nodata.png) 0 0 no-repeat;
  background-size: 100%;
}
.cmitem_nodata .nodata_tit {
  display: block;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -0.5px;
  color: var(--m-colors-gray900, #222222);
}

.cmitem_unit {
  position: relative;
  font-family: var(--m-fonts-gothic, Pretendard);
  text-align: left;
}
.cmitem_unit .adult19_img {
  background-color: transparent;
}

.cmitem_chk {
  position: relative;
  margin-right: 2px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  vertical-align: top;
  min-width: 20px;
  min-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmitem_chk input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cmitem_chk input[type=checkbox]:focus {
  outline: none !important;
}
.cmitem_chk input[type=checkbox]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.cmitem_chk input[type=checkbox] + label {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  word-break: break-word;
  cursor: pointer;
}
.cmitem_chk input[type=checkbox] + label:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray400, #969696);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray400, #969696);
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmitem_chk input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
}
.cmitem_chk input[type=checkbox] + label {
  font-size: var(--m-fontSizes-md, 14px);
}
.cmitem_chk input[type=checkbox] + label:before {
  border-radius: 0px;
}
.cmitem_chk input[type=checkbox] + label:before {
  -ms-flex-item-align: center;
      align-self: center;
}
.cmitem_chk input[type=checkbox] + label > span {
  margin-left: 4px;
}
.cmitem_chk input[type=checkbox] + label:before {
  margin: 4px 0;
}
.cmitem_chk input[type=checkbox]:checked + label:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5215 6.526L10.1094 13.938L6.47745 10.307L4.71045 12.075L10.1094 17.474L19.2894 8.294L17.5215 6.526Z' fill='var(--m-colors-white, %23ffffff)'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.cmitem_chk input[type=checkbox]:checked + label:before {
  background-color: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
}
.cmitem_chk input[type=checkbox]:checked:disabled + label:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5215 6.526L10.1094 13.938L6.47745 10.307L4.71045 12.075L10.1094 17.474L19.2894 8.294L17.5215 6.526Z' fill='var(--m-colors-gray350, %23cfcfcf)'/%3E%3C/svg%3E");
}
.cmitem_chk input[type=checkbox]:disabled + label:before {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  background-color: var(--m-colors-gray100, #fafafa);
}
.cmitem_chk input[type=checkbox]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.cmitem_chk input[type=checkbox]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}

.cmitem_tt_adinfo {
  line-height: 0;
}
.cmitem_tt_adinfo .cmitem_btn_tt_adinfo {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: 0px -94px;
  background-size: 176px 165px;
  width: 27px;
  height: 17px;
  display: inline-block;
  vertical-align: top;
}
.cmitem_tt_adinfo .cmitem_btn_tt_adinfo_gl {
  background-image: url(../img/sprites/sp_cmitem_gl_20201015@2x.png);
  background-position: 0px 0px;
  background-size: 30px 16px;
  width: 30px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
}
.cmitem_tt_adinfo .cmitem_tt_adinfo_layer {
  display: none;
  position: absolute;
  top: 100%;
  right: 2px;
  width: 144px;
  z-index: 10;
  margin: 4px 0 0;
  padding: 25px 10px 10px 10px;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.cmitem_tt_adinfo .cmitem_close_tt_adinfo {
  position: absolute;
  top: 4px;
  right: 4px;
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -136px 0px;
  background-size: 176px 165px;
  width: 17px;
  height: 16px;
}
.cmitem_tt_adinfo.on .cmitem_tt_adinfo_layer {
  display: block;
}
.cmitem_tt_adinfo.ty_em .cmitem_btn_tt_adinfo {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -37px -94px;
  background-size: 176px 165px;
  width: 23px;
  height: 16px;
}
.cmitem_tt_adinfo.ty_em .cmitem_tt_adinfo_layer {
  border: 1px solid #e1e5e9;
  color: #262b2e;
}
.cmitem_tt_adinfo.ty_em .cmitem_close_tt_adinfo {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -136px -26px;
  background-size: 176px 165px;
  width: 17px;
  height: 16px;
}

.cmitem_helper {
  position: absolute;
  bottom: 100%;
  margin-bottom: 4px;
  overflow: hidden;
  width: 100%;
  height: 20px;
  font-size: 0;
  font-weight: 500;
}
.cmitem_helper .cmitem_helper_el {
  display: inline-block;
  vertical-align: top;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
}
.cmitem_helper .cmitem_helper_el .cmbadge_mmbrs {
  margin-right: 4px;
}
.cmitem_helper .cmitem_best {
  margin-right: 3px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.cmitem_helper .cmitem_rank {
  margin-right: 6px;
  line-height: 14px;
}
.cmitem_helper .cmitem_rank_up {
  position: relative;
  padding: 3px 0 4px 12px;
  color: var(--m-colors-primary, #a59357);
}
.cmitem_helper .cmitem_rank_up:before {
  position: absolute;
  top: 8px;
  left: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 5px solid var(--m-colors-primary, #a59357);
  content: "";
}
.cmitem_helper .cmitem_rank_down {
  position: relative;
  padding: 3px 0 4px 12px;
  color: #343aa3;
}
.cmitem_helper .cmitem_rank_down:before {
  position: absolute;
  top: 8px;
  left: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #343aa3;
  border-bottom: 0 solid transparent;
  content: "";
}
.cmitem_helper .cmitem_rank_new {
  padding-top: 4px;
}
.cmitem_helper .cmitem_rank_new:before {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: 0px -121px;
  background-size: 176px 165px;
  width: 20px;
  height: 13px;
  display: block;
  content: "";
}
.cmitem_helper .cmitem_rank_same {
  padding-top: 9px;
}
.cmitem_helper .cmitem_rank_same:before {
  display: block;
  width: 12px;
  height: 2px;
  background: #777;
  content: "";
}
.cmitem_helper .cmitem_rank_num {
  font-weight: bold;
}

.cmitem_bdg {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  max-width: 100%;
  margin-right: 4px;
  padding: 0 8px 0;
  border: 1px solid var(--m-colors-primary, #a59357);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--m-colors-primary, #a59357);
  font-size: 12px;
  letter-spacing: -0.3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
}
.cmitem_bdg i.icon.ty_xs {
  margin: 1px 0 0 -2px;
  vertical-align: top;
}
.cmitem_bdg.ty_always {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}
.cmitem_bdg.ty_buydone {
  background-color: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
  color: #fff;
}
.cmitem_bdg.ty_reviewinfo {
  border-color: #767676;
  color: #767676;
}
.cmitem_bdg.ty_reviewinfo span + span:before {
  content: " · ";
}
.cmitem_bdg.ty_openmarket {
  border-color: #767676;
  color: #767676;
}
.cmitem_bdg.ty_newdate_bg {
  background-color: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
  color: #fff;
  border-radius: 4px !important;
}
.cmitem_bdg.ty_newdate {
  color: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
  border-radius: 4px !important;
}
.cmitem_bdg.ty_onair {
  background: -webkit-gradient(linear, left top, right top, color-stop(60%, #ff329b), to(#ff9100));
  background: linear-gradient(90deg, #ff329b 60%, #ff9100 100%);
  color: #fff;
}
.cmitem_bdg.ty_onairtime {
  border-color: #e5e5e5;
  color: #777;
}
.cmitem_bdg.ty_onairtime i.icon.ty_xs {
  -webkit-filter: invert(42%) sepia(67%) saturate(0%) hue-rotate(185deg) brightness(96%) contrast(85%);
          filter: invert(42%) sepia(67%) saturate(0%) hue-rotate(185deg) brightness(96%) contrast(85%);
}

.cmitem_bdg_holiday {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 20px;
  margin-right: 4px;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ff7a4f), color-stop(50%, #539190));
  background: linear-gradient(to bottom, #ff7a4f 50%, #539190 50% 100%);
  vertical-align: top;
  z-index: 1;
}
.cmitem_bdg_holiday:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to right, #3d5889 8px, transparent 8px 100%), linear-gradient(to left, #9ec165 8px, transparent 8px 100%);
  content: "";
  z-index: -1;
}
.cmitem_bdg_holiday:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to right, #fb5756 8px, transparent 8px 100%), linear-gradient(to left, #ffd25d 8px, transparent 8px 100%);
  content: "";
  z-index: -1;
}
.cmitem_bdg_holiday.ty_w4:before {
  background: linear-gradient(to right, #3d5889 8px, #ff7a4f 8px 50%, transparent 50% 100%), linear-gradient(to left, #ffa8a8 8px, #9ec165 8px 50%, transparent 50% 100%);
}
.cmitem_bdg_holiday.ty_w4:after {
  background: linear-gradient(to right, #fb5756 8px, #539190 8px 50%, transparent 50% 100%), linear-gradient(to left, #94becb 8px, #ffd25d 8px 50%, transparent 50% 100%);
}
.cmitem_bdg_holiday span {
  display: inline-block;
  margin: 2px;
  padding: 1px 4px 0;
  border-radius: 2px;
  background-color: #4e2d1c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: -0.3px;
  vertical-align: top;
  z-index: 2;
}

.cmitem_bdg_deadline {
  position: relative;
  margin-right: 4px;
  padding: 1px 6px 0;
  background-color: var(--m-colors-primary, #a59357);
  line-height: 20px;
  color: #fff;
  letter-spacing: -0.3px;
}
.cmitem_bdg_deadline:before {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: 0px -144px;
  background-size: 176px 165px;
  width: 2px;
  height: 21px;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.cmitem_bdg_deadline:after {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: 0px -144px;
  background-size: 176px 165px;
  width: 2px;
  height: 21px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  content: "";
}

.cmitem_bdg_goods {
  overflow: hidden;
  display: inline-block;
  min-width: 40px;
  margin-right: 4px;
  border-radius: 4px;
  border: solid 1px #222;
  font-size: 0;
  line-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
.cmitem_bdg_goods > span {
  display: inline-block;
  font-size: 11px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  font-weight: bold;
}
.cmitem_bdg_goods .cmitem_goods_tx {
  padding: 1px 3px 0 5px;
  line-height: 17px;
}
.cmitem_bdg_goods .cmitem_goods_num {
  padding: 0px 5px 1px 6px;
  font-size: 12px;
  font-weight: bold;
  background-color: var(--m-colors-gray900, #222222);
  color: #fff;
  line-height: 17px;
}

.cmtvshopping_helper {
  overflow: hidden;
  width: 100%;
  height: 20px;
  margin: -24px 0 4px;
  font-size: 0;
  font-weight: 500;
}
.cmtvshopping_helper .cmitem_bdg {
  vertical-align: top;
}

.body_sd_v2 .cmitem_helper .cmitem_best {
  font-size: 16px;
  margin-right: 8px;
}
.body_sd_v2 .cmitem_helper .cmitem_rank_up {
  color: #a59357;
}
.body_sd_v2 .cmitem_helper .cmitem_rank_up:before {
  border-bottom: 5px solid #a59357;
}
.body_sd_v2 .cmitem_helper .cmitem_rank_down {
  color: #a59357;
}
.body_sd_v2 .cmitem_helper .cmitem_rank_down:before {
  border-top: 5px solid #a59357;
}
.body_sd_v2 .cmitem_helper .cmitem_rank_num {
  font-weight: 500;
}

.cmitem_magicpick_area {
  font-size: 0;
}
.cmitem_magicpick_area:before {
  font-size: 12px;
}
.cmitem_magicpick_area .cmitem_magicpick {
  display: inline-block;
  position: relative;
  padding: 3px 4px 2px;
  font-size: 12px;
  vertical-align: top;
}
.cmitem_magicpick_area .cmitem_magicpick:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 6px 0 0 2px;
  border: 3px solid transparent;
  border-top: 4px solid #6c7080;
  border-bottom: 0;
  vertical-align: top;
  content: "";
}
@media screen and (max-width: 320px) {
  .cmitem_magicpick_area .cmitem_magicpick {
    font-size: 11px;
  }
}
.cmitem_magicpick_area .cmitem_btn_magicpick_tt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmitem_magicpick_area .cmitem_magicpick_tt_layer {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  margin-top: -23px;
  padding: 23px 10px 10px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.cmitem_magicpick_area .cmitem_magicpick_tt_layer:after {
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -163px -118px;
  background-size: 176px 165px;
  width: 11px;
  height: 11px;
  content: "";
}
.cmitem_benefit_lst.on .cmitem_magicpick_area .cmitem_magicpick_tt_layer {
  display: block;
}
.cmitem_magicpick_area .cmitem_magicpick_tt_layer em {
  display: inline-block;
}

.cmitem_tagtip_box.on .cmitem_tagtip_layer {
  display: block;
}
.cmitem_tagtip_box .cmitem_tagtip_tx {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}
.cmitem_tagtip_box .cmitem_tagtip_tx:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 7px 0 0 2px;
  border: 3px solid transparent;
  border-top: 4px solid #6c7080;
  border-bottom: 0;
  vertical-align: top;
  content: "";
}
@media screen and (max-width: 320px) {
  .cmitem_tagtip_box .cmitem_tagtip_tx {
    font-size: 11px;
  }
}
.cmitem_tagtip_box .cmitem_tagtip_btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmitem_tagtip_box .cmitem_tagtip_layer {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  margin-top: -23px;
  padding: 23px 10px 10px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.cmitem_tagtip_box .cmitem_tagtip_layer:after {
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -163px -118px;
  background-size: 176px 165px;
  width: 11px;
  height: 11px;
  content: "";
}
.cmitem_tagtip_box .cmitem_tagtip_layer em {
  display: inline-block;
}

.cmitem_btn_wrap .cmlike_btn {
  width: 30px;
  height: 30px;
}

.cmitem_btn_cart {
  background: url(../img/com_v2/ic_cmitemcart.svg) center no-repeat;
  background-size: 24px;
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  position: relative;
  z-index: 1;
}
.cmitem_btn_cart.disabled {
  opacity: 0.2;
}
.cmitem_btn_cart.postunit {
  width: 28px;
  height: 28px;
  margin-left: auto;
  background-size: 20px;
}

.cmitem_btn_gift {
  background: url(../img/com_v2/ic_cmitemgift.svg) 0 0 no-repeat;
  display: inline-block;
  width: 34px;
  height: 30px;
  margin-left: 2px;
  font-size: 12px;
  vertical-align: top;
}

.cmitem_goods {
  position: relative;
}

.cmitem_thmb {
  position: relative;
}
.cmitem_thmb .cmitem_thmb_link {
  display: block;
  overflow: hidden;
  position: relative;
}
.cmitem_thmb .cmitem_thmb_imgbx {
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  border-radius: 8px;
}
.cmitem_thmb .cmitem_thmb_imgbx:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  content: "";
}
.cmitem_thmb .cmitem_thmb_imgbx:has(.adult19_img_m:not(.ty_overlay)):after {
  display: none;
}
.cmitem_thmb .cmitem_thmb_imgbx.ty_ratio133 {
  padding-top: 133.33%;
}
.cmitem_thmb .cmitem_thmb_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmitem_thmb .cmitem_tt_adinfo {
  position: absolute;
  top: 4px;
  right: 4px;
}
.cmitem_thmb .cmitem_btn_play {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: 0px 0px;
  background-size: 176px 165px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.cmitem_thmb .cmitem_thmb_ctrl {
  position: absolute;
  left: 3px;
  bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cmitem_thmb .cmitem_thmb_ctrl .cmitem_btn_lens {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -50px 0px;
  background-size: 176px 165px;
  width: 34px;
  height: 34px;
  display: block;
}
.cmitem_thmb .cmitem_thmb_ctrl .badge {
  margin-left: -3px;
  margin-bottom: -3px;
}
.cmitem_thmb .cmitem_soldout {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  white-space: nowrap;
}
.cmitem_ty_thmb .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn, .cmitem_ty_list .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn {
  display: inline-block;
  width: 50%;
  background-color: #6c7080;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.cmitem_ty_thmb .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn:nth-child(2):last-child, .cmitem_ty_list .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn:nth-child(2):last-child {
  width: 100%;
}
.cmitem_ty_thmb .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn + .cmitem_ty_btn, .cmitem_ty_list .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn + .cmitem_ty_btn {
  border-left: 1px solid #818592;
}
.cmitem_ty_big .cmitem_thmb .cmitem_soldout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmitem_ty_big .cmitem_thmb .cmitem_soldout .cmitem_soldout_col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.cmitem_ty_big .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn {
  background-color: #6c7080;
}
.cmitem_ty_big .cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_btn + .cmitem_ty_btn {
  border-left: 1px solid #818592;
}
.cmitem_thmb .cmitem_soldout .cmitem_soldout_col {
  text-align: center;
}
.cmitem_thmb .cmitem_soldout .cmitem_soldout_col.cmitem_ty_tx {
  background-color: rgba(0, 0, 0, 0.6);
}
.cmitem_thmb .cmitem_soldout .cmitem_soldout_tx {
  display: inline-block;
  padding: 11px 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  color: #fff;
  vertical-align: middle;
}
.cmitem_thmb .cmitem_soldout .cmitem_btn_enter,
.cmitem_thmb .cmitem_soldout .cmitem_btn_change {
  display: block;
  width: 100%;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #fff;
}
.cmitem_thmb .cmitem_soldout .cmitem_btn_enter:before,
.cmitem_thmb .cmitem_soldout .cmitem_btn_change:before {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
  content: "";
}
.cmitem_thmb .cmitem_soldout .cmitem_btn_enter:before {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -163px 0px;
  background-size: 176px 165px;
  width: 13px;
  height: 14px;
}
.cmitem_thmb .cmitem_soldout .cmitem_btn_change:before {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -163px -50px;
  background-size: 176px 165px;
  width: 13px;
  height: 13px;
  margin-top: 1px;
}
.cmitem_thmb .cmitem_soldout_v2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 11px 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_status .cmitem_soldout_txt {
  font-size: 11px;
  font-weight: bold;
  color: #fff;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_status .cmitem_soldout_txt:only-child {
  font-size: 12px;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_status .cmitem_soldout_other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 4px 0 8px;
  margin-top: 4px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-black, #000000);
  background-color: rgba(255, 255, 255, 0.8);
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_status .cmitem_soldout_other > .icon {
  width: 12px;
  height: 12px;
  opacity: 0.8;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils .cmitem_soldout_col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #6c7080;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils .cmitem_soldout_col + .cmitem_soldout_col {
  border-left: 1px solid #818592;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils .cmitem_soldout_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 12px 0;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils .cmitem_soldout_btn > .icon {
  vertical-align: top;
  margin-right: 3px;
}
.cmitem_thmb .cmitem_soldout_v2 .cmitem_soldout_utils .cmitem_soldout_btn > .icon::after {
  -webkit-filter: invert(86%) sepia(89%) saturate(2%) hue-rotate(271deg) brightness(110%) contrast(97%);
          filter: invert(86%) sepia(89%) saturate(2%) hue-rotate(271deg) brightness(110%) contrast(97%);
}
.cmitem_ty_review .cmitem_thmb .cmitem_soldout_v2 {
  position: static;
  bottom: auto;
  left: auto;
  right: auto;
}

.cmitem_ty_thmb .cmitem_mall, .cmitem_ty_big .cmitem_mall, .cmitem_ty_review .cmitem_mall, .cmitem_ty_deal .cmitem_mall {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding-right: 70px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #f0f0f0;
}
.cmitem_ty_thmb .cmitem_mall .cmitem_btn_wrap, .cmitem_ty_big .cmitem_mall .cmitem_btn_wrap, .cmitem_ty_review .cmitem_mall .cmitem_btn_wrap, .cmitem_ty_deal .cmitem_mall .cmitem_btn_wrap {
  position: absolute;
  top: 5px;
  right: -5px;
  font-size: 0;
}

.cmitem_tx_thmb_link {
  display: block;
  padding: 8px 0 0 0;
}

.cmitem_tit {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 1.3;
  color: var(--m-colors-gray900, #222222);
  word-wrap: break-word;
  word-break: break-all;
}
@supports (-webkit-touch-callout: none) {
  .cmitem_tit .cm_mall_text {
    display: inline;
  }
  .cmitem_tit .cm_mall_text i {
    display: inline;
  }
}

.mndtl_deal_goods .cmitem_tit {
  min-height: 36px;
}

.cmitem_pricewrap {
  margin-top: 4px;
  letter-spacing: -0.3px;
}
.cmitem_pricewrap .cmitem_price_row {
  line-height: 0;
}
.cmitem_pricewrap .cmitem_price_row:after {
  clear: both;
  content: "";
  display: block;
}
.cmitem_pricewrap .cmitem_price_row.cmitem_ty_oldpr {
  overflow: hidden;
  padding-top: 1px;
}
.cmitem_pricewrap .released_price {
  display: inline-block;
  position: relative;
  color: #777;
  font-size: 12px;
  line-height: 15px;
}
.cmitem_pricewrap .old_price {
  float: left;
  margin-right: 3px;
  line-height: 16px;
  color: #777;
  font-size: 14px;
}
.cmitem_pricewrap .old_price .ssg_price {
  font-size: 12px;
}
.cmitem_pricewrap .old_price .ssg_tx {
  display: inline-block;
  font-size: 11px;
  line-height: 17px;
  vertical-align: top;
}
.cmitem_pricewrap .cmitem_prd_per {
  float: left;
  margin-right: 3px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-primary, #a59357);
}
.cmitem_pricewrap .new_price {
  float: left;
  color: var(--m-colors-gray900, #222222);
}
.cmitem_pricewrap .new_price .ssg_price {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
.cmitem_pricewrap .new_price .ssg_tx {
  display: inline-block;
  margin-top: 1px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
}
.cmitem_pricewrap .new_price .ssg_price_ko {
  margin-left: 4px;
  font-size: 12px;
}
.cmitem_pricewrap .new_price .rental_unit_tx {
  margin-right: 3px;
  font-size: 14px;
  line-height: 1.5;
}
.cmitem_pricewrap .new_price.ty_rental .ssg_price {
  font-size: 18px;
}
.cmitem_pricewrap .new_price.ty_rental .ssg_tx {
  margin-top: 2px;
}
.cmitem_pricewrap .unit_price {
  display: block;
  clear: both;
  margin-bottom: 1px;
  font-size: 12px;
  line-height: 16px;
  color: var(--m-colors-gray900, #222222);
}

.cmitem_review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  color: #777;
  font-size: 12px;
  line-height: 16px;
}
.cmitem_review .cmitem_review_score {
  position: relative;
  padding-left: 14px;
}
.cmitem_review .cmitem_review_score .icon_star_fill {
  position: absolute;
  top: 2px;
  left: 0;
  width: 11px;
  height: 11px;
  -webkit-filter: invert(62%) sepia(0%) saturate(0%) hue-rotate(67deg) brightness(95%) contrast(98%);
          filter: invert(62%) sepia(0%) saturate(0%) hue-rotate(67deg) brightness(95%) contrast(98%);
}
.cmitem_review .cmitem_review_num {
  position: relative;
  padding-left: 9px;
}
.cmitem_review .cmitem_review_num::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 4px;
  width: 1px;
  height: 11px;
  background-color: #e5e5e5;
}

.cmitem_review_area {
  margin-top: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #777;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  vertical-align: top;
  white-space: nowrap;
}
.cmitem_review_area .cmitem_ic_review {
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -163px -73px;
  background-size: 176px 165px;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-top: 1px;
  vertical-align: top;
  content: "";
}

.cmitem_sideinfo_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cmitem_sideinfo_block .cmbadge_mmbrs {
  margin: 4px 4px 0 0;
}
.cmitem_sideinfo_block .cmitem_tag {
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  height: 20px;
  margin: 4px 4px 0 0;
  padding: 1px 8px 0;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f5f5f5;
  color: #777;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.3px;
  text-overflow: ellipsis;
  font-weight: 500;
}
.cmitem_sideinfo_block .cmitem_tag.ty_outline {
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
          box-shadow: inset 0 0 0 1px #e5e5e5;
  background-color: #fff;
}
.cmitem_sideinfo_block .cmitem_tag.ty_deal {
  color: #fff;
  background-color: var(--m-colors-primary, #a59357);
}
.cmitem_sideinfo_block .cmitem_tag.ty_deal.ty_outline {
  color: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
  background-color: #fff;
}
.cmitem_sideinfo_block .cmitem_tag.cmitem_magicpick_area {
  padding: 0;
}
.cmitem_sideinfo_block .cmitem_tag.cmitem_depart_today {
  color: #6841ff;
}
.cmitem_sideinfo_block .cmitem_tag.cmitem_depart_today .cmitem_tagtip_tx:after {
  border-top-color: #6841ff;
}
@media screen and (max-width: 320px) {
  .cmitem_sideinfo_block .cmitem_tag {
    font-size: 11px;
  }
}
.cmitem_sideinfo_block .cmitem_tag_link {
  display: inline-block;
  height: 20px;
  margin: 4px 4px 0 0;
  padding: 3px 0 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #6841ff;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  vertical-align: top;
  text-overflow: ellipsis;
}
.cmitem_sideinfo_block .cmitem_tag_link.disabled {
  color: var(--m-colors-gray400, #969696);
}
@media screen and (max-width: 320px) {
  .cmitem_sideinfo_block .cmitem_tag_link {
    font-size: 11px;
  }
}

.cmitem_ty_thmb .cmitem_unit {
  background-color: #fff;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_thmb_imgbx.ty_ratio133 {
  padding-top: 133.33%;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_bdg_buycount {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 7px;
  font-size: 11px;
  line-height: 26px;
  letter-spacing: normal;
  color: var(--m-colors-white, #ffffff);
  border-radius: 8px;
  background-color: rgba(255, 65, 45, 0.6);
}
.cmitem_ty_thmb .cmitem_unit .cmitem_thmb_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_tit {
  -webkit-line-clamp: 3;
  margin-right: 8px;
  letter-spacing: -0.3px;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_goods_mall {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_mall {
  padding-right: 55px;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_review_area {
  height: 15px;
  margin-top: 6px;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block {
  overflow: hidden;
  max-height: 72px;
  font-size: 0;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmbadge_mmbrs {
  margin: 4px 0 0 0;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  height: 20px;
  margin: 4px 4px 0 0;
  padding: 3px 4px 2px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #eef2f7;
  color: #666;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  vertical-align: top;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal.cmitem_ty_urr {
  padding: 5px 4px 0;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal.cmitem_ty_urr:before {
  display: inline-block;
  background-image: url(../img/sprites/sp_cmitem_20230912@2x.png);
  background-position: -70px -94px;
  background-size: 176px 165px;
  width: 29px;
  height: 11px;
  vertical-align: top;
  content: "";
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal.cmitem_ty_obj {
  color: #7f3b0e;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal.cmitem_ty_hb {
  color: #4a90e2;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal.cmitem_ty_pre {
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
}
@media screen and (max-width: 320px) {
  .cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_deal {
    font-size: 11px;
  }
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block.cmitem_ty_deal {
  display: block;
  max-height: 23px;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block.cmitem_ty_deal .cmitem_deal_count {
  float: left;
  clear: both;
  height: 23px;
  padding: 3px 0;
  border-top: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 15px;
  letter-spacing: -0.3px;
  overflow: hidden;
  max-width: 100%;
  font-size: 11px;
  color: #666;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_btn {
  margin-top: 10px;
  font-size: 0;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_btn .cmitem_deliv_btn {
  display: inline-block;
  padding: 7px 10px 6px;
  border: 1px solid #ccc;
  border-radius: 13px;
  background: #fff;
  border-radius: 14px;
  color: var(--m-colors-gray900, #222222);
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  vertical-align: top;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_btn .cmitem_deliv_btn.ty_cart {
  position: relative;
  padding: 6px 10px 5px 28px;
  text-align: left;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_btn .cmitem_deliv_btn.ty_cart .cmitem_ic_cart {
  position: absolute;
  top: -1px;
  left: 0;
  display: inline-block;
  width: 26px;
  height: 100%;
  border-radius: 12px;
}
.cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_btn .cmitem_deliv_btn.ty_cart .cmitem_ic_cart:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 6px;
  display: inline-block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/sprites/sp_cmunitcart_20200615@2x.png);
  background-position: -44px -84px;
  background-size: 134px 114px;
  width: 20px;
  height: 20px;
}

.body_sd_v2 .cmhorizontal_scrollitem_sd .cmitem_ty_thmb .cmitem_unit .cmitem_pricewrap .new_price .ssg_price {
  font-weight: 500;
}
.body_sd_v2 .cmhorizontal_scrollitem_sd .cmitem_ty_thmb .cmitem_unit .cmitem_pricewrap .new_price .ssg_tx {
  margin-top: 1px;
}
.body_sd_v2 .cmgrid_full_box_item {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  margin-left: -5px;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb {
  padding: 15px 0 10px 5px;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_tit {
  font-size: 13px;
  color: var(--m-colors-black, #000000);
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_tx_thmb_link {
  padding: 10px 15px 0;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_goods_brand {
  display: block;
  font-weight: bold;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_pricewrap {
  margin-top: 5px;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_pricewrap .cmitem_prd_per {
  float: right;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_pricewrap .ssg_price {
  font-size: 18px;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_pricewrap .new_price .ssg_tx {
  font-size: 12px;
  margin-top: 4px;
}
.body_sd_v2 .cmgrid_item_box.cmitem_ty_thmb .cmitem_unit .cmitem_thmb_imgbx {
  padding-top: 124.329%;
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_thmb {
  border-radius: 0;
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_thmb_imgbx {
  border-radius: 0;
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_pricewrap .cmitem_prd_per {
  color: #a59357;
  font-size: 18px;
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_pricewrap .new_price {
  color: var(--m-colors-black, #000000);
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_tag {
  background-color: #f4f1ea;
}
.body_sd_v2 .cmitem_ty_thmb .cmitem_unit .cmitem_sideinfo_block .cmitem_tag.ty_outline {
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
          box-shadow: inset 0 0 0 1px #e5e5e5;
  background-color: #fff;
}

.cmhorizontal_scrollitem_sd .cmitem_unit .cmitem_pricewrap .cmitem_ty_newpr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cmhorizontal_scrollitem_sd .cmitem_unit .cmitem_pricewrap .cmitem_prd_per {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.cmhorizontal_scrollitem_sd .cmitem_unit .cmitem_pricewrap .new_price {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.cmhorizontal_scrollitem_sd .cmitem_unit .cmitem_pricewrap .unit_price {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.cmgrid_module .cmgrid_list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  margin: 0 8px;
}
.cmgrid_module .cmgrid_item_box {
  padding: 35px 7px 15px 8px;
}
.cmgrid_module .cmgrid_item_box.cmlive_ty_thmb {
  padding: 15px 7px 15px 8px;
}
.cmgrid_module .cmgrid_item_box.cmssgtv_ty_thmb {
  padding: 15px 7px 15px 8px;
}
.cmgrid_module .cmgrid_full_box {
  grid-column: span 2;
  margin: 0 -8px;
}
.cmgrid_module .cmgrid_full_box.ty_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 500;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_list {
  padding: 35px 15px 20px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_big {
  padding: 35px 15px 20px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_review {
  padding: 35px 15px 20px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_contents {
  padding: 15px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_deal {
  padding: 15px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_deal.v2 {
  padding: 15px 15px 30px;
}
.cmgrid_module .cmgrid_full_box.cmitem_ty_col3 {
  padding: 10px 16px 20px;
}
.cmgrid_module .cmgrid_full_box.cmgiftpack_ty_list {
  padding: 10px 16px 20px;
}
.cmgrid_module .native_scroll {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cmgrid_module .native_scroll::-webkit-scrollbar {
  display: none;
}

@media screen and (min-width: 750px) {
  .cmgrid_module .cmgrid_list {
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
  }
  .cmgrid_module .cmgrid_full_box {
    grid-column: span 4;
  }
  .cmgrid_module .cmgrid_full_box.cmgrid_rwd_col2, .cmgrid_module .cmgrid_full_box.cmitem_ty_list, .cmgrid_module .cmgrid_full_box.cmitem_ty_big, .cmgrid_module .cmgrid_full_box.cmitem_ty_review, .cmgrid_module .cmgrid_full_box.cmitem_ty_contents, .cmgrid_module .cmgrid_full_box.cmitem_ty_deal, .cmgrid_module .cmgrid_full_box.cmgiftpack_ty_list {
    grid-column: span 2;
  }
}
.cmtit_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
  padding: 0 16px;
  margin: 40px 0 0 0;
}
.cmtit_heading.ty_center {
  text-align: center;
}
.cmtit_heading .cmtit_maintxt {
  overflow: hidden;
  max-height: 50px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 20px;
  color: var(--main-title-color, #222);
  line-height: normal;
  word-break: keep-all;
}
.cmtit_heading .cmtit_subtxt {
  padding: 4px 0 0;
  overflow: hidden;
  max-height: 36px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: #666;
  line-height: 1.3;
  word-break: keep-all;
}
.cmtit_heading .cmtit_subtxt:empty {
  padding: 0;
}
.cmtit_heading .cmtit_sticker {
  display: block;
  width: 150px;
  height: 80px;
}
.cmtit_heading .cmtit_sticker img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.cmtit_heading .cmtit_txtbx {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  margin-right: 20px;
  max-width: 100%;
}
.cmtit_heading .cmtit_txtbtn .cmtit_txtbtn_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
  margin-right: -4px;
  margin-bottom: 0.125rem;
}
.cmtit_heading .cmtit_txtbtn .cmtit_txtbtn_link:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.cmtit_heading .cmtit_txtbtn .cmitem_tt_adinfo {
  text-align: right;
  margin-bottom: 2px;
}
.cmtit_heading .cmtit_txtbtn .cmitem_tt_adinfo .cmitem_tt_adinfo_layer {
  top: initial;
}
.cmtit_heading .cmtit_txtbtn .ssgitem_adinfo {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cmtit_heading .cmtit_txtbtn .ssgitem_adinfo .ssgitem_adinfo_txt {
  font-weight: normal;
}
.cmtit_heading .cmtit_txtbtn .ssgitem_tooltip {
  top: 100%;
}
.cmtit_heading .cmtit_txtbtn .ssgcommon_adinfo {
  position: static;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cmtit_heading .cmtit_txtbtn .ssgcommon_tooltip {
  top: 100%;
}
.cmtit_heading.ty_sticker {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 0;
  z-index: 10;
}
.cmtit_heading.ty_sticker .cmtit_txtbx {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.cmtit_heading.ty_sticker .cmtit_sticker {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0 0 -40px -55px;
  z-index: -1;
}

.cmtit_heading.ty_sd {
  padding: 0 15px;
  margin-top: 50px;
  text-align: center;
}
.cmtit_heading.ty_sd .cmtit_subtxt {
  padding: 0 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13px;
  color: var(--main-subtitle-color, #222);
  line-height: 1.3;
}
.cmtit_heading.ty_sd .cmtit_subtxt:empty {
  padding: 0;
}
.cmtit_heading.ty_sd .cmtit_maintxt {
  font-family: var(--m-fonts-serif, PlayfairDisplay);
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: bold;
  font-size: 34px;
  color: var(--main-title-color, #222);
  line-height: 1.137;
  padding: 0 0 10px;
  max-height: 77px;
}

.cmhorizontal_scrollitem .cmhorizontal_scrollitem_tit {
  padding: 10px 15px 0;
}
.cmhorizontal_scrollitem .cmhorizontal_scrollitem_tittx {
  text-align: center;
  font-size: 15px;
  line-height: 1.2;
  color: var(--m-colors-gray900, #222222);
  margin-bottom: 10px;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit {
  position: relative;
  padding: 10px 16px 20px;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit:not(:first-child) {
  padding-left: 0;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit.v2 {
  padding: 10px 8px 20px;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit.v2:not(:first-child) {
  padding-left: 0;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit.v2:first-child {
  padding-left: 16px;
}
.cmhorizontal_scrollitem .cmhorizontal_scroll .cmdeal_unit.v2:last-child {
  padding-right: 16px;
}
.cmhorizontal_scrollitem .cmitem_grid {
  padding: 0 15px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb {
  margin-right: 0;
  margin-left: 0;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
  width: 150px;
  padding: 15px 0;
  margin-left: 15px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item:first-child {
  margin-left: 0;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_tx_thmb_link {
  padding-top: 5px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper {
  -webkit-transform-origin-x: 0;
  height: 16px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el {
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  font-weight: bold;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_bdg {
  padding: 0px 6px 0;
  border-radius: 2px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_bdg_holiday {
  height: 16px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_bdg_holiday > span {
  font-size: 10px;
  line-height: 11px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_best {
  font-size: 15px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_rank {
  margin-top: -2px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_rank .cmitem_rank_num {
  font-size: 12px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_bdg_goods {
  border-radius: 2px;
  line-height: 14px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el.cmitem_bdg_goods > span {
  font-size: 10px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_btn_wrap {
  top: auto;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_btn_wrap .cmlike,
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_btn_wrap .cmitem_btn_cart,
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_btn_wrap .cmitem_btn_gift {
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.84);
          transform: scale(0.84);
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_mall {
  height: 36px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_mall .cm_mall_ship {
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.84);
          transform: scale(0.84);
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_tit {
  font-size: 13px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_sideinfo_block .cmitem_tag {
  display: none;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review {
  margin-right: 0;
  margin-left: 0;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item {
  width: 287px;
  padding: 15px 0 15px;
  margin-left: 15px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item:first-child {
  margin-left: 0;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .cmitem_postng_thmbitem:nth-child(n+4) {
  display: none;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .cmitem_postng_desc {
  -webkit-line-clamp: 2;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .mnsditem_postng_thmbitem:nth-child(n+4) {
  display: none;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.ty_rect .cmitem_thmb {
  border-radius: 0;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.ty_rect .cmitem_thmb .cmitem_thmb_imgbx {
  border-radius: 0;
}
.cmhorizontal_scrollitem .cmhorizontal_btns {
  padding-right: 15px;
}
.cmhorizontal_scrollitem .cmhorizontal_btns .cmhorizontal_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 150px;
  height: 150px;
  margin-top: 15px;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 11px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
  line-height: 13px;
  background-color: #f8f8f8;
}
.cmhorizontal_scrollitem .cmhorizontal_btns .cmhorizontal_more:before {
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-bottom: 9px;
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="19" height="19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10V9h9V0h1v9h9v1h-9v9H9v-9H0Z" fill="%23000"/></svg>');
  vertical-align: top;
  content: "";
}
.cmhorizontal_scrollitem .cmhorizontal_btns .cmhorizontal_more.ty_ratio133 {
  height: 200px;
}
.cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item, .cmhorizontal_scrollitem .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item, .cmhorizontal_scrollitem .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item {
  padding-top: 15px;
}
.cmhorizontal_scrollitem.has_cmitem_helper .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item, .cmhorizontal_scrollitem.has_cmitem_helper .cmitem_grid_lst.cmitem_ty_review .cmitem_grid_item, .cmhorizontal_scrollitem.has_cmitem_helper .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item {
  padding-top: 35px;
}
.cmhorizontal_scrollitem.has_cmitem_helper .cmhorizontal_btns .cmhorizontal_more {
  margin-top: 35px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_review .cmhorizontal_btns .cmhorizontal_more {
  width: 287px;
  height: 287px;
  margin-top: 15px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_review.has_cmitem_helper .cmhorizontal_more {
  margin-top: 35px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb {
  grid-gap: 0 5px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item {
  width: 150px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item.ty_space {
  padding: 0 0 12px 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item:nth-child(even) {
  padding-left: 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .cmitem_grid_item:nth-child(odd) {
  padding-right: 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper {
  height: 16px;
  margin: 0 0 4px 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper .mnsditem_helper_el {
  height: 16px;
  -webkit-transform-origin-x: 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper .mnsditem_helper_el.mnsditem_bdg_holiday > span {
  height: auto;
  line-height: 11px;
  font-size: 10px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper .mnsditem_helper_el.mnsditem_bdg {
  height: 16px;
  font-size: 10px;
  padding: 0px 8px 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper .mnsditem_helper_el.mnsditem_bdg_goods {
  line-height: 14px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_helper .mnsditem_helper_el.mnsditem_bdg_goods > span {
  font-size: 10px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_best {
  font-size: 15px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_detail {
  padding: 10px 15px 0 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_tit {
  padding-bottom: 3px;
  font-size: 13px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_tit .cm_mall_text > i {
  font-size: 13px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_pricewrap .new_price {
  line-height: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: 500;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmitem_grid_lst.mnsditem_ty_thmb .mnsditem_pricewrap .discount_rate {
  font-size: 16px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmhorizontal_btns.ty_space .cmhorizontal_more {
  margin-top: 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmhorizontal_btns .cmhorizontal_more {
  margin: 35px 0 0 -10px;
  border-radius: 0;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmhorizontal_btns .cmhorizontal_more.ty_ratio124 {
  height: 168px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_sd .cmhorizontal_btns .cmhorizontal_more.ty_ratio133 {
  height: 200px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_newdate .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item {
  width: 210px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_newdate .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper {
  height: 20px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_newdate .cmitem_grid_lst.cmitem_ty_thmb .cmitem_grid_item .cmitem_unit .cmitem_helper_el {
  height: 20px;
  line-height: 20px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_tester .cmitem_grid_lst .cmitem_grid_item {
  width: 287px;
}
.cmhorizontal_scrollitem.cmhorizontal_scrollitem_tester .cmitem_grid_lst .cmplan_ty_tester {
  padding: 0;
}

.cmlike {
  display: inline-block;
}
.cmlike_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: none;
}
.cmlike_ico {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  line-height: normal;
}
.cmlike_ico i {
  display: inline-block;
  vertical-align: top;
}
.cmlike_ico .cmlike_primary_xxs {
  width: 13px;
  height: 13px;
}
.cmlike_ico .cmlike_primary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_secondary_xxs {
  width: 13px;
  height: 13px;
}
.cmlike_ico .cmlike_secondary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_tertiary_xxs {
  width: 13px;
  height: 13px;
}
.cmlike_ico .cmlike_tertiary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_primary_xs {
  width: 16px;
  height: 16px;
}
.cmlike_ico .cmlike_primary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_secondary_xs {
  width: 16px;
  height: 16px;
}
.cmlike_ico .cmlike_secondary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_tertiary_xs {
  width: 16px;
  height: 16px;
}
.cmlike_ico .cmlike_tertiary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_primary_s {
  width: 20px;
  height: 20px;
}
.cmlike_ico .cmlike_primary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_secondary_s {
  width: 20px;
  height: 20px;
}
.cmlike_ico .cmlike_secondary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_tertiary_s {
  width: 20px;
  height: 20px;
}
.cmlike_ico .cmlike_tertiary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_primary_m {
  width: 24px;
  height: 24px;
}
.cmlike_ico .cmlike_primary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_secondary_m {
  width: 24px;
  height: 24px;
}
.cmlike_ico .cmlike_secondary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_tertiary_m {
  width: 24px;
  height: 24px;
}
.cmlike_ico .cmlike_tertiary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_primary_l {
  width: 28px;
  height: 28px;
}
.cmlike_ico .cmlike_primary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_secondary_l {
  width: 28px;
  height: 28px;
}
.cmlike_ico .cmlike_secondary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_tertiary_l {
  width: 28px;
  height: 28px;
}
.cmlike_ico .cmlike_tertiary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico i.cmlike_stroke:before {
  color: var(--m-colors-primary, #a59357);
}
.cmlike_ico .cmlike_etc {
  width: 48px;
  height: 48px;
}
.cmlike_ico .cmlike_etc:before {
  display: inline-block;
  width: 48px;
  height: 48px;
  font-family: var(--m-font-icon) !important;
  font-size: 48px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e055";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmlike_ico .sr_on {
  display: block;
}
.cmlike_ico .sr_off {
  display: none;
}

@media (hover: hover) {
  body:not(.body_and) .cmlike_btn:hover .cmlike_ico i[class^=cmlike_]:before {
    content: "\e055";
    color: var(--m-colors-primary, #a59357);
  }
}
._js_cmlike.on .cmlike_ico .cmlike_primary_xxs {
  width: 13px;
  height: 13px;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_xxs {
  width: 13px;
  height: 13px;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_xxs {
  width: 13px;
  height: 13px;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_xxs:before {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_xs {
  width: 16px;
  height: 16px;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_xs {
  width: 16px;
  height: 16px;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_xs {
  width: 16px;
  height: 16px;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_xs:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_s {
  width: 20px;
  height: 20px;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_s {
  width: 20px;
  height: 20px;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_s {
  width: 20px;
  height: 20px;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_s:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_m {
  width: 24px;
  height: 24px;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_m {
  width: 24px;
  height: 24px;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_m {
  width: 24px;
  height: 24px;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_m:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_l {
  width: 28px;
  height: 28px;
}
._js_cmlike.on .cmlike_ico .cmlike_primary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_l {
  width: 28px;
  height: 28px;
}
._js_cmlike.on .cmlike_ico .cmlike_secondary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_l {
  width: 28px;
  height: 28px;
}
._js_cmlike.on .cmlike_ico .cmlike_tertiary_l:before {
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .cmlike_ico .cmlike_etc {
  width: 48px;
  height: 48px;
}
._js_cmlike.on .cmlike_ico .cmlike_etc:before {
  display: inline-block;
  width: 48px;
  height: 48px;
  font-family: var(--m-font-icon) !important;
  font-size: 48px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e056";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
._js_cmlike.on .sr_off {
  display: block;
}
._js_cmlike.on .sr_on {
  display: none;
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.lazy-load,
.lazy-loaded {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
}

.lazy-loaded {
  opacity: 1;
}

.html_loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  background: url(../img/indicator.gif) 50% 50% no-repeat;
  background-size: 32px 32px;
}

.cm_mall_ic {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.cm_mall_ic.ty_circle_s > i,
.cm_mall_ic.ty_circle_m > i,
.cm_mall_ic.ty_rect_s > i {
  display: inline-block;
  overflow: hidden;
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/common/sp_cm_mall_ic_20220721.png");
  background-repeat: no-repeat;
  background-size: 200px auto;
  font-size: 12px;
  vertical-align: top;
}

/* 공통 몰아이콘 - 원형 small */
.cm_mall_ic.ty_circle_s {
  line-height: 20px;
}

.cm_mall_ic.ty_circle_s > i {
  width: 20px;
  height: 20px;
}

.cm_mall_ic.ty_circle_s > i + i {
  margin-left: 2px;
}

.cm_mall_ic.ty_circle_s > i.ssg {
  background-position: 0 0;
}

.cm_mall_ic.ty_circle_s > i.sm {
  background-position: 0 -50px;
}

.cm_mall_ic.ty_circle_s > i.sd {
  background-position: 0 -100px;
}

.cm_mall_ic.ty_circle_s > i.em {
  background-position: 0 -150px;
}

.cm_mall_ic.ty_circle_s > i.tr {
  background-position: 0 -200px;
}

.cm_mall_ic.ty_circle_s > i.mnmorning {
  background-position: 0 -250px;
}

.cm_mall_ic.ty_circle_s > i.mnstarbucks {
  background-position: 0 -300px;
}

.cm_mall_ic.ty_circle_s > i.tv {
  background-position: 0 -350px;
}

.cm_mall_ic.ty_circle_s > i.si {
  background-position: 0 -400px;
}

.cm_mall_ic.ty_circle_s > i.outlet {
  background-position: 0 -450px;
}

.cm_mall_ic.ty_circle_s > i.mncasamia {
  background-position: 0 -500px;
}

.cm_mall_ic.ty_circle_s > i.sf {
  background-position: 0 -550px;
}

.cm_mall_ic.ty_circle_s > i.hwd {
  background-position: 0 -600px;
}

.cm_mall_ic.ty_circle_s > i.mndeptfood {
  background-position: 0 -650px;
}

.cm_mall_ic.ty_circle_s > i.mnchicor {
  background-position: 0 -700px;
}

.cm_mall_ic.ty_circle_s > i.mntrip {
  background-position: 0 -750px;
}

.cm_mall_ic.ty_circle_s > i.mollys {
  background-position: 0 -800px;
}

/* 공통 몰아이콘 - 원형 medium */
.cm_mall_ic.ty_circle_m {
  line-height: 24px;
}

.cm_mall_ic.ty_circle_m > i {
  width: 24px;
  height: 24px;
}

.cm_mall_ic.ty_circle_m > i + i {
  margin-left: 2px;
}

.cm_mall_ic.ty_circle_m > i.ssg {
  background-position: -50px 0;
}

.cm_mall_ic.ty_circle_m > i.sm {
  background-position: -50px -50px;
}

.cm_mall_ic.ty_circle_m > i.sd {
  background-position: -50px -100px;
}

.cm_mall_ic.ty_circle_m > i.em {
  background-position: -50px -150px;
}

.cm_mall_ic.ty_circle_m > i.tr {
  background-position: -50px -200px;
}

.cm_mall_ic.ty_circle_m > i.mnmorning {
  background-position: -50px -250px;
}

.cm_mall_ic.ty_circle_m > i.mnstarbucks {
  background-position: -50px -300px;
}

.cm_mall_ic.ty_circle_m > i.tv {
  background-position: -50px -350px;
}

.cm_mall_ic.ty_circle_m > i.si {
  background-position: -50px -400px;
}

.cm_mall_ic.ty_circle_m > i.outlet {
  background-position: -50px -450px;
}

.cm_mall_ic.ty_circle_m > i.mncasamia {
  background-position: -50px -500px;
}

.cm_mall_ic.ty_circle_m > i.sf {
  background-position: -50px -550px;
}

.cm_mall_ic.ty_circle_m > i.hwd {
  background-position: -50px -600px;
}

.cm_mall_ic.ty_circle_m > i.mndeptfood {
  background-position: -50px -650px;
}

.cm_mall_ic.ty_circle_m > i.mnchicor {
  background-position: -50px -700px;
}

.cm_mall_ic.ty_circle_m > i.mntrip {
  background-position: -50px -750px;
}

/* 공통 몰아이콘 - 사각형 small */
.cm_mall_ic.ty_rect_s {
  line-height: 17px;
}

.cm_mall_ic.ty_rect_s > i {
  height: 17px;
  margin-right: 5px;
}

.cm_mall_ic.ty_rect_s > i.ssg {
  width: 52px;
  background-position: -100px 0;
}

.cm_mall_ic.ty_rect_s > i.sm {
  width: 49px;
  background-position: -100px -50px;
}

.cm_mall_ic.ty_rect_s > i.sd {
  width: 68px;
  background-position: -100px -100px;
}

.cm_mall_ic.ty_rect_s > i.em {
  width: 49px;
  background-position: -100px -150px;
}

.cm_mall_ic.ty_rect_s > i.tr {
  width: 59px;
  background-position: -100px -200px;
}

.cm_mall_ic.ty_rect_s > i.mnmorning {
  width: 50px;
  background-position: -100px -250px;
}

.cm_mall_ic.ty_rect_s > i.mnstarbucks {
  width: 50px;
  background-position: -100px -300px;
}

.cm_mall_ic.ty_rect_s > i.tv {
  width: 72px;
  background-position: -100px -350px;
}

.cm_mall_ic.ty_rect_s > i.si {
  width: 70px;
  background-position: -100px -400px;
}

.cm_mall_ic.ty_rect_s > i.outlet {
  width: 81px;
  background-position: -100px -450px;
}

.cm_mall_ic.ty_rect_s > i.mncasamia {
  width: 52px;
  background-position: -100px -500px;
}

.cm_mall_ic.ty_rect_s > i.hwd {
  width: 42px;
  background-position: -100px -600px;
}

.cm_mall_ic.ty_rect_s > i.mndeptfood {
  width: 68px;
  background-position: -100px -650px;
}

.cm_mall_ic.ty_rect_s > i.mnchicor {
  width: 44px;
  background-position: -100px -700px;
}

.cm_mall_ic.ty_rect_s > i.mntrip {
  width: 31px;
  background-position: -100px -750px;
}

/* 공통 몰아이콘 - 텍스트형 small */
.cm_mall_ic.ty_text_s > i {
  display: inline-block;
  margin-right: 4px;
  font-style: normal;
  font-size: 13px;
  font-weight: 500;
  vertical-align: top;
}

.cm_mall_ic.ty_text_s > i.sm {
  color: #fc1934;
}

.cm_mall_ic.ty_text_s > i.sd {
  color: #754435;
}

.cm_mall_ic.ty_text_s > i.em {
  color: #ffa516;
}

.cm_mall_ic.ty_text_s > i.tr {
  color: #9c0;
}

.cm_mall_ic.ty_text_s > i.mnmorning {
  color: #8097af;
}

.cm_mall_ic.ty_text_s > i.mnstarbucks {
  color: #006241;
}

.cm_mall_ic.ty_text_s > i.tv {
  color: #e2231a;
}

.cm_mall_ic.ty_text_s > i.si {
  color: var(--m-colors-gray900, #222222);
}

.cm_mall_ic.ty_text_s > i.outlet {
  color: #d9117c;
}

.cm_mall_ic.ty_text_s > i.mncasamia {
  color: var(--m-colors-gray900, #222222);
}

.cm_mall_ic.ty_text_s > i.hwd {
  color: var(--m-colors-black, #000000);
}

.cm_mall_ic.ty_text_s > i.mndeptfood {
  color: var(--m-colors-black, #000000);
}

.cm_mall_ic.ty_text_s > i.mnchicor {
  color: var(--m-colors-black, #000000);
}

.cm_mall_ic.ty_text_s > i.mntrip {
  color: #338ca8;
}

.cm_mall_ic.ty_text_s > i.mndutyfree {
  color: #555;
}

.cm_mall_ic.ty_text_s > i.mollys {
  color: #2e1a46;
}

.cm_mall_ic.ty_text_s > i.ssglanders {
  color: #ce0e2d;
}

.cm_mall_ic.ty_text_s > i.wconcept {
  color: var(--m-colors-black, #000000);
}

/* 공통 몰아이콘 - 몰구분 + 배송유형 딱지 */
.cm_mall_bdg {
  display: inline-block;
  padding: 0 7px;
  border-radius: 12px;
  color: #fff;
  font-size: 0;
  line-height: 24px;
  vertical-align: top;
  white-space: nowrap;
}
.cm_mall_bdg .cm_bdg_mall {
  display: inline-block;
  margin-right: 4px;
  vertical-align: top;
}
.cm_mall_bdg .cm_bdg_ic {
  display: inline-block;
  vertical-align: middle;
}
.cm_mall_bdg .cm_bdg_tx {
  display: inline-block;
  padding-top: 1px;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  letter-spacing: -0.3px;
  vertical-align: top;
}
.cm_mall_bdg.sm {
  background-color: #f12e24;
}
.cm_mall_bdg.sm .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -91px -41px;
  background-size: 101px 92px;
  width: 8px;
  height: 10px;
}
.cm_mall_bdg.sd {
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/common/bg_mallbdg_sd.png") repeat;
  background-size: 5px 5px;
}
.cm_mall_bdg.sd .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: 0px -82px;
  background-size: 101px 92px;
  width: 6px;
  height: 10px;
}
.cm_mall_bdg.em {
  background-color: #ffd040;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.em .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -91px -20px;
  background-size: 101px 92px;
  width: 9px;
  height: 11px;
  margin-top: -2px;
}
.cm_mall_bdg.em_deliv {
  padding-left: 0;
  background-color: #5cd5ff;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.em_deliv .cm_bdg_mall {
  margin-right: 2px;
}
.cm_mall_bdg.em_deliv .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: 0px 0px;
  background-size: 101px 92px;
  width: 24px;
  height: 24px;
}
.cm_mall_bdg.tr {
  background-color: #a6dd27;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.tr .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -91px -61px;
  background-size: 101px 92px;
  width: 8px;
  height: 10px;
}
.cm_mall_bdg.tr_deliv {
  padding-left: 0;
  background-color: #a6dd27;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.tr_deliv .cm_bdg_mall {
  margin-right: 2px;
}
.cm_mall_bdg.tr_deliv .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -34px 0px;
  background-size: 101px 92px;
  width: 24px;
  height: 24px;
}
.cm_mall_bdg.mnmorning_deliv {
  background-color: #8097af;
}
.cm_mall_bdg.mnmorning_deliv .cm_bdg_mall {
  margin-right: 1px;
  margin-left: -1px;
}
.cm_mall_bdg.mnmorning_deliv .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -68px 0px;
  background-size: 101px 92px;
  width: 13px;
  height: 13px;
  margin-top: -2px;
}
.cm_mall_bdg.mnstarbucks {
  padding-left: 2px;
  background-color: #037042;
}
.cm_mall_bdg.mnstarbucks .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: 0px -34px;
  background-size: 101px 92px;
  width: 20px;
  height: 20px;
}
.cm_mall_bdg.mnstarbucks_deliv {
  padding-left: 0;
  background-color: #5cd5ff;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.mnstarbucks_deliv .cm_bdg_mall {
  margin-right: 2px;
}
.cm_mall_bdg.mnstarbucks_deliv .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: 0px 0px;
  background-size: 101px 92px;
  width: 24px;
  height: 24px;
}
.cm_mall_bdg.tv {
  background-color: #e2231a;
}
.cm_mall_bdg.tv .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: 0px -64px;
  background-size: 101px 92px;
  width: 14px;
  height: 8px;
}
.cm_mall_bdg.si {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  background-color: #fff;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.si .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -24px -64px;
  background-size: 101px 92px;
  width: 12px;
  height: 8px;
}
.cm_mall_bdg.outlet {
  background-color: #d9117c;
}
.cm_mall_bdg.outlet .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -68px -43px;
  background-size: 101px 92px;
  width: 11px;
  height: 10px;
}
.cm_mall_bdg.mncasamia {
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
          box-shadow: inset 0 0 0 1px #e5e5e5;
  background-color: #fff;
  color: var(--m-colors-gray900, #222222);
}
.cm_mall_bdg.mncasamia .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -91px 0px;
  background-size: 101px 92px;
  width: 10px;
  height: 10px;
  margin-top: -2px;
}
.cm_mall_bdg.hwd {
  background-color: var(--m-colors-black, #000000);
}
.cm_mall_bdg.hwd .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -68px -23px;
  background-size: 101px 92px;
  width: 11px;
  height: 10px;
  margin-top: -2px;
}
.cm_mall_bdg.mnchicor {
  padding-left: 5px;
  background-color: var(--m-colors-black, #000000);
}
.cm_mall_bdg.mnchicor .cm_bdg_mall {
  margin-right: 3px;
}
.cm_mall_bdg.mnchicor .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -30px -34px;
  background-size: 101px 92px;
  width: 16px;
  height: 16px;
}
.cm_mall_bdg.mntrip {
  padding-left: 8px;
  background-color: #338ca8;
}
.cm_mall_bdg.mntrip .cm_bdg_ic {
  background-image: url(../img/sprites/sp_cmbdg_ico_20201022@2x.png);
  background-position: -16px -82px;
  background-size: 101px 92px;
  width: 6px;
  height: 10px;
}
.cm_mall_bdg.market {
  padding: 0 11px;
  background-color: #5d30ff;
}

/* 몰표기 텍스트형 */
.cm_mall_text {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.cm_mall_text > i {
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
}

/* 배송 아이콘 - 원형  */
.cm_deliv_ic > i {
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.cm_deliv_ic > i.i_ssgdeliv {
  background-color: #ffd040;
  background-image: url(../img/common/cmdeliv/deliv_em.png);
}
.cm_deliv_ic > i.i_ssgdeliv_oneday {
  background-color: #dcaa78;
  background-image: none;
}
.cm_deliv_ic > i.i_ssgdeliv_oneday::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='50' height='50' rx='25' fill='%23DCAA78'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2898 32.3801L10.8798 32.7301L10.5098 31.2701L12.8298 30.5801H14.0498V38.7301H12.2898V32.3801Z' fill='%23222222'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.8698 32.2401V37.1201H19.2498C20.7098 37.1201 21.6898 36.1401 21.6898 34.7001V34.6801C21.6898 33.2501 20.7098 32.2401 19.2498 32.2401H17.8698ZM16.0898 30.6301H19.2498C21.7898 30.6301 23.5498 32.3801 23.5498 34.6601V34.6801C23.5498 36.9601 21.7898 38.7301 19.2498 38.7301H16.0898V30.6301Z' fill='%23222222'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.1999 35.3401L28.1199 32.7101L27.0399 35.3401H29.1999ZM27.3299 30.5801H28.9699L32.4399 38.7301H30.5799L29.8399 36.9101H26.4199L25.6799 38.7301H23.8599L27.3299 30.5801Z' fill='%23222222'/%3e %3cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.5997 35.5401L31.4897 30.6301H33.5697L35.4997 33.8801L37.4697 30.6301H39.4897L36.3797 35.5001V38.7301H34.5997V35.5401Z' fill='%23222222'/%3e %3cpath d='M22.02 43.97H19.75V40.35H20.49V41.66H21.28V40.35H22.02V43.97ZM21.28 43.38V42.23H20.49V43.38H21.28ZM24.45 45.44H23.74V42.58H23.28V45.18H22.58V39.86H23.28V41.98H23.74V39.75H24.45V45.44Z' fill='%23222222'/%3e %3cpath d='M30.2501 43.06H25.1201V42.47H27.3101V41.74H28.0601V42.47H30.2501V43.06ZM27.6901 40.87C27.5501 41.18 27.2901 41.45 26.9001 41.66C26.5101 41.88 26.0901 42.02 25.6601 42.08L25.3501 41.5C25.8701 41.45 26.3301 41.29 26.7201 41.03C27.1101 40.77 27.3101 40.43 27.3101 40.04V39.87H28.0801V40.04C28.0801 40.31 28.1901 40.56 28.4101 40.78C28.6301 41.01 28.8901 41.18 29.1801 41.3C29.4801 41.42 29.7701 41.49 30.0501 41.5L29.7301 42.09C29.3101 42.03 28.9001 41.89 28.5001 41.67C28.1001 41.44 27.8301 41.18 27.6901 40.87ZM29.1501 43.6C29.5001 43.79 29.6701 44.05 29.6701 44.37C29.6701 44.7 29.5001 44.95 29.1501 45.14C28.8001 45.33 28.3201 45.42 27.6901 45.42C27.0601 45.42 26.5801 45.33 26.2301 45.14C25.8801 44.95 25.7101 44.7 25.7101 44.37C25.7101 44.04 25.8801 43.78 26.2301 43.6C26.5801 43.41 27.0601 43.32 27.6801 43.32C28.3101 43.32 28.8001 43.41 29.1501 43.6ZM28.5701 44.72C28.7901 44.64 28.9001 44.52 28.9001 44.38C28.9001 44.24 28.7901 44.12 28.5701 44.04C28.3501 43.96 28.0501 43.92 27.6801 43.92C27.3101 43.92 27.0201 43.96 26.8001 44.04C26.5801 44.12 26.4701 44.24 26.4701 44.38C26.4701 44.52 26.5801 44.64 26.8001 44.72C27.0201 44.8 27.3101 44.84 27.6801 44.84C28.0601 44.84 28.3601 44.8 28.5701 44.72Z' fill='%23222222'/%3e %3cpath d='M25.2097 14.67L13.1797 10.07L25.1297 5.39996L37.0297 9.90996L25.2097 14.67Z' fill='%23DCAA78'/%3e %3cpath d='M25.2095 27.64L37.0295 22.37V9.90997L25.2095 14.67V27.64Z' fill='white'/%3e %3cpath d='M7.15986 10.9299L7.66986 11.1299C7.73986 11.1599 7.80986 11.1699 7.87986 11.1699C8.11986 11.1699 8.33986 11.0299 8.42986 10.7899C8.54986 10.4899 8.38986 10.1399 8.08986 10.0299L7.57986 9.82993C7.27986 9.70993 6.92986 9.86993 6.81986 10.1699C6.69986 10.4699 6.85986 10.8199 7.15986 10.9299Z' fill='%23222222'/%3e %3cpath d='M9.27986 18.0999L8.57986 17.8299C8.27986 17.7099 7.92986 17.8699 7.81986 18.1699C7.69986 18.4699 7.85986 18.8199 8.15986 18.9299L8.85986 19.1999C8.92986 19.2299 8.99986 19.2399 9.06986 19.2399C9.30986 19.2399 9.52986 19.0999 9.61986 18.8599C9.72986 18.5599 9.57986 18.2199 9.27986 18.0999Z' fill='%23222222'/%3e %3cpath d='M29.9298 20.67C30.2598 20.67 30.5198 20.41 30.5198 20.08V17.73C30.5198 17.4 30.2598 17.14 29.9298 17.14C29.5998 17.14 29.3398 17.4 29.3398 17.73V20.08C29.3398 20.41 29.6098 20.67 29.9298 20.67Z' fill='%23222222'/%3e %3cpath d='M33.2599 19.45C33.5899 19.45 33.8499 19.19 33.8499 18.86V16.51C33.8499 16.18 33.5899 15.92 33.2599 15.92C32.9299 15.92 32.6699 16.18 32.6699 16.51V18.86C32.6699 19.19 32.9299 19.45 33.2599 19.45Z' fill='%23222222'/%3e %3cpath d='M37.6199 9.90004C37.6199 9.89004 37.6199 9.89004 37.6199 9.88004C37.6199 9.83004 37.6099 9.78004 37.5999 9.74004C37.5899 9.72004 37.5899 9.71004 37.5799 9.69004C37.5699 9.66004 37.5499 9.62004 37.5299 9.59004C37.5199 9.57004 37.5099 9.56004 37.4999 9.54004C37.4799 9.51004 37.4499 9.49004 37.4299 9.46004C37.4199 9.45004 37.3999 9.43004 37.3899 9.42004C37.3799 9.42004 37.3799 9.41004 37.3699 9.40004C37.3399 9.38004 37.3099 9.36004 37.2699 9.35004C37.2599 9.35004 37.2499 9.34004 37.2499 9.34004L25.3499 4.83004C25.2099 4.78004 25.0599 4.78004 24.9299 4.83004L13.1699 9.44004L9.69986 8.10004C9.39986 7.98004 9.04986 8.14004 8.93986 8.44004C8.81986 8.75004 8.96986 9.09004 9.26986 9.20004L12.5899 10.47L15.0599 11.42C15.3599 11.54 15.5199 11.88 15.3999 12.18C15.3099 12.41 15.0899 12.56 14.8499 12.56C14.7799 12.56 14.7099 12.55 14.6399 12.52L12.5999 11.74L10.2199 10.83C9.91986 10.71 9.56986 10.87 9.45986 11.17C9.33986 11.47 9.49986 11.82 9.79986 11.93L12.6099 13.01L12.6199 14.31L3.57986 10.85C3.27986 10.73 2.92986 10.89 2.81986 11.19C2.69986 11.49 2.85986 11.84 3.15986 11.95L12.6299 15.58L12.6399 16.85L5.44986 14.09C5.13986 13.97 4.79986 14.13 4.68986 14.43C4.56986 14.73 4.72986 15.08 5.02986 15.19L12.6499 18.11L12.6599 19.38L11.4599 18.92C11.1499 18.8 10.8099 18.96 10.6999 19.26C10.5799 19.56 10.7399 19.91 11.0399 20.02L12.6699 20.64L12.6799 22.65C12.6799 22.89 12.8199 23.1 13.0399 23.19L24.9899 28.16C24.9999 28.16 25.0099 28.16 25.0099 28.16C25.0799 28.18 25.1399 28.2 25.2099 28.2C25.2799 28.2 25.3499 28.18 25.4199 28.15C25.4299 28.15 25.4399 28.15 25.4499 28.14L37.2699 22.86C37.4799 22.77 37.6199 22.55 37.6199 22.32V9.90004C37.6199 9.91004 37.6199 9.91004 37.6199 9.90004ZM14.8199 10.06L25.1299 6.03004L29.1699 7.56004L19.0799 11.69L14.8199 10.06ZM25.1999 14.04L20.6899 12.31L30.7899 8.17004L35.4099 9.92004L25.1999 14.04ZM36.4399 21.98L25.7999 26.73V15.07L36.4399 10.78V21.98Z' fill='%23222222'/%3e %3cpath d='M21.8898 24.92V21.69L16.0098 19.43V20.7L20.7098 22.5V24.43L21.8698 24.92H21.8898Z' fill='white'/%3e %3cpath d='M2.24978 11.61C1.94978 11.49 1.59978 11.64 1.48978 11.95C1.36978 12.25 1.52978 12.6 1.82978 12.71L22.7598 20.74V19.48L2.24978 11.61Z' fill='white'/%3e %3cpath d='M17.6597 15.17C17.9397 15.82 18.3597 16.54 18.9997 17.25C19.6397 17.01 20.0597 16.59 20.3397 16.15C20.6197 16.8 21.0397 17.52 21.6797 18.23L22.2997 17.37C20.8797 15.9 20.8797 14.48 20.8797 14.11L19.7997 13.71C19.7997 14.01 19.7997 15.03 18.9997 15.62C18.1997 14.45 18.1997 13.43 18.1997 13.13L17.1197 12.73C17.1197 13.1 17.1197 14.51 15.6997 14.94L16.3197 16.26C16.9597 16.02 17.3797 15.61 17.6597 15.17Z' fill='white'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
}
.cm_deliv_ic > i.i_ssgdeliv_emplus {
  background-color: #ffd040;
  background-image: url(../img/common/cmdeliv/deliv_emplus.png);
}
.cm_deliv_ic > i.i_ssgdeliv_tr {
  background-color: #a6dd27;
  background-image: url(../img/common/cmdeliv/deliv_tr.png);
}
.cm_deliv_ic > i.i_mnmorning {
  background-color: #a3b7cd;
  background-image: url(../img/common/cmdeliv/deliv_mnmorning.png);
}
.cm_deliv_ic > i.i_holiday {
  background-color: #4e2d1c;
  background-image: url(../img/common/cmdeliv/deliv_holiday.png);
}
.cm_deliv_ic > i.i_holiday2 {
  background-color: #4e2d1c;
  background-image: url(../img/common/cmdeliv/deliv_holiday2.png);
}
.cm_deliv_ic > i.i_ssgpick {
  background-image: url(../img/common/cmdeliv/deliv_ssgpick.png);
}
.cm_deliv_ic > i.i_pickup {
  background-image: url(../img/common/cmdeliv/deliv_pickup.png);
}
.cm_deliv_ic > i.i_pickup_tr {
  background-image: url(../img/common/cmdeliv/deliv_pickup_tr.png);
}
.cm_deliv_ic > i.i_sprshp {
  background-image: url(../img/common/cmdeliv/deliv_sprshp.png);
}
.cm_deliv_ic.ty_m > i {
  width: 60px;
  height: 60px;
}

.badge_universe_simplekr,
.badge_universe_single {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.badge_universe_simplekr:before,
.badge_universe_single:before {
  content: "유니버스 클럽";
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}
.badge_universe_simplekr:after,
.badge_universe_single:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
}

.badge_universe_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
  padding: 0 6px;
}
.badge_universe_label .cm_universe_text {
  line-height: normal;
  font-weight: 500;
  line-height: 1.05;
  margin-left: 2px;
  color: #002041;
}
.badge_universe_label.ty_primary {
  background: #002041;
}
.badge_universe_label.ty_primary .cm_universe_text {
  color: #fff;
}
.badge_universe_label.ty_gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #002041), to(#497cff));
  background: linear-gradient(90deg, #002041 40%, #497cff 100%);
}
.badge_universe_label.ty_gradient .cm_universe_text {
  color: #fff;
}
.badge_universe_label.ty_secondary {
  background: #497cff;
}
.badge_universe_label.ty_secondary .cm_universe_text {
  color: #fff;
}
.badge_universe_label.ty_white .cm_universe_text {
  color: #fff;
}
.badge_universe_label.ty_gray {
  background: #f5f5f5;
}
.badge_universe_label.ty_border {
  background: #fff;
  border: 1px solid #002041;
}
.badge_universe_label.ty_text {
  padding: 0;
}
.badge_universe_label.ty_radius {
  border-radius: 10px;
}
.badge_universe_label.ty_radius.ty_h16 {
  border-radius: 2px;
}
.badge_universe_label.ty_radius.ty_h20 {
  border-radius: 4px;
}
.badge_universe_label.ty_capsule {
  border-radius: 100px;
}

.badge_universe_simplekr.ty_primary:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 8.18822V2.25H2.39977V8.0908C2.39977 9.23089 2.92052 9.95809 4.00726 9.95809C5.09401 9.95809 5.61476 9.23089 5.61476 8.0908V2.25H7.51453V8.18822C7.51453 10.349 6.2225 11.75 4.00726 11.75C1.79203 11.75 0.5 10.349 0.5 8.18822Z' fill='%23002041'/%3e %3cpath d='M17.32 2.7C17.32 3.32667 17.2933 3.91333 17.24 4.46C17.1867 5.00667 17.11 5.5 17.01 5.94H18.35V6.86H10.3V5.94H15.9C15.9333 5.82667 15.9633 5.69667 15.99 5.55C16.0167 5.39667 16.04 5.23667 16.06 5.07L11.14 5.28L11 4.42L16.14 4.2C16.1467 4.08667 16.15 3.98333 16.15 3.89C16.1567 3.79667 16.16 3.70667 16.16 3.62H11.3V2.7H17.32ZM11.2 11.17V8.86H16.19V8.29H11.2V7.37H17.35V9.67H12.38V10.23H17.68V11.17H11.2ZM25.1523 7.32V5.3H23.7723V4.34H25.1523V2.38H26.3123V7.32H25.1523ZM23.9423 6.92C23.7557 6.96667 23.5223 7.01 23.2423 7.05C22.969 7.09 22.6757 7.12333 22.3623 7.15C22.049 7.17667 21.729 7.19667 21.4023 7.21C21.0757 7.22333 20.7623 7.23 20.4623 7.23H19.2723V4.49H22.0523V3.73H19.2723V2.81H23.2323V5.37H20.4523V6.31C20.7257 6.31667 21.019 6.31667 21.3323 6.31C21.6523 6.29667 21.9657 6.28 22.2723 6.26C22.5857 6.23333 22.8757 6.2 23.1423 6.16C23.4157 6.12 23.639 6.07667 23.8123 6.03L23.9423 6.92ZM20.4523 11.18V7.75H21.6223V8.61H25.1523V7.74H26.3123V11.18H20.4523ZM25.1523 9.51H21.6223V10.25H25.1523V9.51Z' fill='%23002041'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 14px;
}
.badge_universe_simplekr.ty_white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 8.18822V2.25H2.39977V8.0908C2.39977 9.23089 2.92052 9.95809 4.00726 9.95809C5.09401 9.95809 5.61476 9.23089 5.61476 8.0908V2.25H7.51453V8.18822C7.51453 10.349 6.2225 11.75 4.00726 11.75C1.79203 11.75 0.5 10.349 0.5 8.18822Z' fill='%23002041'/%3e %3cpath d='M17.32 2.7C17.32 3.32667 17.2933 3.91333 17.24 4.46C17.1867 5.00667 17.11 5.5 17.01 5.94H18.35V6.86H10.3V5.94H15.9C15.9333 5.82667 15.9633 5.69667 15.99 5.55C16.0167 5.39667 16.04 5.23667 16.06 5.07L11.14 5.28L11 4.42L16.14 4.2C16.1467 4.08667 16.15 3.98333 16.15 3.89C16.1567 3.79667 16.16 3.70667 16.16 3.62H11.3V2.7H17.32ZM11.2 11.17V8.86H16.19V8.29H11.2V7.37H17.35V9.67H12.38V10.23H17.68V11.17H11.2ZM25.1523 7.32V5.3H23.7723V4.34H25.1523V2.38H26.3123V7.32H25.1523ZM23.9423 6.92C23.7557 6.96667 23.5223 7.01 23.2423 7.05C22.969 7.09 22.6757 7.12333 22.3623 7.15C22.049 7.17667 21.729 7.19667 21.4023 7.21C21.0757 7.22333 20.7623 7.23 20.4623 7.23H19.2723V4.49H22.0523V3.73H19.2723V2.81H23.2323V5.37H20.4523V6.31C20.7257 6.31667 21.019 6.31667 21.3323 6.31C21.6523 6.29667 21.9657 6.28 22.2723 6.26C22.5857 6.23333 22.8757 6.2 23.1423 6.16C23.4157 6.12 23.639 6.07667 23.8123 6.03L23.9423 6.92ZM20.4523 11.18V7.75H21.6223V8.61H25.1523V7.74H26.3123V11.18H20.4523ZM25.1523 9.51H21.6223V10.25H25.1523V9.51Z' fill='%23002041'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 14px;
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(109deg) brightness(104%) contrast(101%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(109deg) brightness(104%) contrast(101%);
}

.badge_universe_single:after {
  content: "";
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: contain !important;
}
.badge_universe_single.ty_primary:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 7.18822V1.25H2.39977V7.0908C2.39977 8.23089 2.92052 8.95809 4.00726 8.95809C5.09401 8.95809 5.61476 8.23089 5.61476 7.0908V1.25H7.51453V7.18822C7.51453 9.34895 6.2225 10.75 4.00726 10.75C1.79203 10.75 0.5 9.34895 0.5 7.18822Z' fill='%23002041'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 12px;
}
.badge_universe_single.ty_white:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 7.18822V1.25H2.39977V7.0908C2.39977 8.23089 2.92052 8.95809 4.00726 8.95809C5.09401 8.95809 5.61476 8.23089 5.61476 7.0908V1.25H7.51453V7.18822C7.51453 9.34895 6.2225 10.75 4.00726 10.75C1.79203 10.75 0.5 9.34895 0.5 7.18822Z' fill='white'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 12px;
}
.badge_universe_single.ty_round {
  border-radius: 50%;
  background: #002041;
  vertical-align: top;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.18em 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.badge_universe_single.ty_round:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.5 7.18822V1.25H2.39977V7.0908C2.39977 8.23089 2.92052 8.95809 4.00726 8.95809C5.09401 8.95809 5.61476 8.23089 5.61476 7.0908V1.25H7.51453V7.18822C7.51453 9.34895 6.2225 10.75 4.00726 10.75C1.79203 10.75 0.5 9.34895 0.5 7.18822Z' fill='white'/%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 8px;
  height: 12px;
}

.badge_universe_label.ty_h16 {
  height: 16px;
}
.badge_universe_label.ty_h16 .badge_universe_simplekr:after {
  width: 28px;
  height: 13px;
}
.badge_universe_label.ty_h16 .cm_universe_text {
  font-size: 10px;
  font-weight: 700;
  margin-top: 1px;
}
.badge_universe_label.ty_h17 {
  height: 17px;
}
.badge_universe_label.ty_h17 .badge_universe_simplekr:after {
  width: 28px;
  height: 13px;
}
.badge_universe_label.ty_h17 .cm_universe_text {
  font-size: 10px;
  font-weight: 700;
  margin-top: 1px;
}
.badge_universe_label.ty_h20 {
  height: 20px;
}
.badge_universe_label.ty_h20 .badge_universe_simplekr:after {
  width: 33px;
  height: 16px;
}
.badge_universe_label.ty_h20 .cm_universe_text {
  font-size: 12px;
  font-weight: 500;
  margin-top: 0.05em;
}

.badge_universe_simplekr.ty_h14:after {
  width: 37px;
  height: 14px;
}
.badge_universe_simplekr.ty_h16:after {
  width: 42px;
  height: 16px;
}
.badge_universe_simplekr.ty_h19:after {
  width: 38px;
  height: 19px;
}
.badge_universe_simplekr.ty_h24:after {
  width: 63px;
  height: 24px;
}

.badge_universe_single {
  width: 20px;
  height: 20px;
}
.badge_universe_single.ty_h12 {
  width: 12px;
  height: 12px;
}
.badge_universe_single.ty_h16 {
  width: 16px;
  height: 16px;
}
.badge_universe_single.ty_h20 {
  width: 20px;
  height: 20px;
}
.badge_universe_single.ty_h24 {
  width: 24px;
  height: 24px;
}
.badge_universe_single.ty_h28 {
  width: 28px;
  height: 28px;
}
.badge_universe_single.ty_h32 {
  width: 32px;
  height: 32px;
}

@keyframes iconButtonPressAnimation {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.bottomsheet_wrap {
  pointer-events: none;
  visibility: hidden;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: opacity, visibility 1s;
  transition: opacity, visibility 1s;
  opacity: 0;
  z-index: 1100;
}
.bottomsheet_wrap.active {
  visibility: visible;
  pointer-events: unset;
  opacity: 1;
}
.bottomsheet_scrim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
  -ms-touch-action: none;
      touch-action: none;
  z-index: 1000;
}
.bottomsheet_scrim + .bottomsheet_wrap .bottomsheet_sheet {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-box-shadow: 0px 0px 10px var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
          box-shadow: 0px 0px 10px var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
}
.bottomsheet_sheet {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  position: fixed;
  width: 100%;
  min-height: 350px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: var(--m-colors-white, #ffffff);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.22, 0.81, 0.36, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.22, 0.81, 0.36, 1);
  transition: transform 0.3s cubic-bezier(0.22, 0.81, 0.36, 1);
  transition: transform 0.3s cubic-bezier(0.22, 0.81, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.81, 0.36, 1);
}
.bottomsheet_handle {
  position: relative;
  width: 100%;
  max-width: 640px;
  min-height: 52px;
  margin: 0 auto;
  padding: 4px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 16px 16px 0 0;
  border-bottom: 1px solid #c9cfd5;
  box-sizing: border-box;
}
.bottomsheet_handle.border_none {
  border: none;
}
.bottomsheet_handle .btn_dont_show_again {
  position: absolute;
  top: -28px;
  left: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-white, #ffffff);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_handle .btn_dont_show_again:before, .bottomsheet_handle .btn_dont_show_again:after {
  color: var(--m-colors-white, #ffffff);
}
.bottomsheet_handle .btn_dont_show_again:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e030";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
}
.bottomsheet_handle .btn_dont_show_again:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.bottomsheet_handle:before {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  margin: 0 auto 8px;
  border-radius: 16px;
  background-color: var(--m-colors-gray300, #e5e5e5);
  font-size: 0;
}
.bottomsheet_title {
  padding: 7px 60px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 1.1875;
  text-align: center;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bottomsheet_btn_close {
  position: absolute;
  top: 16px;
  right: 10px;
}
.bottomsheet_btn_close .icon {
  vertical-align: top;
}
.bottomsheet_btn_close .icon_close {
  padding: 4px;
}
.bottomsheet_btn_close .icon_close:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.bottomsheet_btn_close .icon_emart_close {
  display: block;
  line-height: 0;
}
.bottomsheet_btn_close .icon_emart_close:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.bottomsheet_container {
  width: 100%;
  position: relative;
  overscroll-behavior-y: contain;
  overflow-y: auto;
  padding: 0 16px;
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_container::-webkit-scrollbar {
  display: none;
}
.bottomsheet_scroll {
  padding-bottom: 60px;
}
.bottomsheet_foot {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background-color: var(--m-colors-white, #ffffff);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.bottomsheet_foot a.bottomsheet_btn_close,
.bottomsheet_foot button.bottomsheet_btn_close {
  position: static;
}
.bottomsheet.ty_alreadyOpen .bottomsheet_wrap .bottomsheet_scroll {
  padding-bottom: 0;
}
.bottomsheet.ty_alreadyOpen .bottomsheet_wrap.fullsize .bottomsheet_scroll {
  padding-bottom: 60px;
}
.bottomsheet.ty_alreadyOpen.hasAppBar .bottomsheet_wrap {
  bottom: 0;
}
.bottomsheet.ty_alreadyOpen.hasAppBar .bottomsheet_wrap.fullsize {
  bottom: 50px;
}

.body_em .bottomsheet_wrap {
  z-index: 1900;
}
.body_em .bottomsheet_scrim {
  z-index: 1800;
}

.bottomsheetBodyfix {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
  min-height: 100%;
}

.bottomsheet.hasAppBar .bottomsheet_wrap {
  bottom: 50px;
}

.dialog_bottomsheet {
  width: 100vw;
  height: 100vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1100;
  -webkit-transition: 300ms visibility linear;
  transition: 300ms visibility linear;
  visibility: hidden;
}
.dialog_bottomsheet.is-active {
  visibility: visible;
}
.dialog_bottomsheet.offset-0 .dialog_card {
  padding-bottom: 0;
}
.dialog_bottomsheet .dialog_content {
  width: 100%;
  max-width: 640px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto;
}
.dialog_bottomsheet .dialog_underlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 800;
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
  opacity: 0;
}
.dialog_bottomsheet .dialog_card {
  width: 100%;
  max-height: 86%;
  padding-bottom: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  z-index: 900;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 16px 16px 0 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.dialog_bottomsheet .dialog_card:before {
  content: "";
  width: 40px;
  height: 4px;
  display: block;
  position: absolute;
  top: 4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--m-colors-gray300, #e5e5e5);
  border-radius: 10px;
}
.dialog_bottomsheet .dialog_card.postunit .dialog_card_content {
  height: calc(100% - 100px);
}
.dialog_bottomsheet .dialog_card.postunit:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50px;
  background-color: var(--m-colors-white, #ffffff);
}
.dialog_bottomsheet .dialog_card.filter_tab {
  height: 56%;
}
.dialog_bottomsheet .dialog_card_content {
  height: 100%;
}
.dialog_bottomsheet .dialog_card_prepend {
  width: 100%;
  height: 60px;
  padding: 24px 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid var(--m-colors-gray350, #cfcfcf);
}
.dialog_bottomsheet .dialog_card_prepend.postunit_recipe {
  height: 54px;
  border-bottom: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.dialog_bottomsheet .dialog_card_prepend.filter_tab {
  height: 52px;
}
.dialog_bottomsheet .dialog_title {
  font-size: 16px;
  font-weight: bold;
  color: var(--m-colors-black, #000000);
  line-height: 1.1875;
  text-align: center;
}
.dialog_bottomsheet .dialog_close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 20px;
  right: 15px;
  line-height: 0;
}
.dialog_bottomsheet .dialog_close .icon_close:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e039";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dialog_bottomsheet .dialog_close.postunit_recipe {
  width: 28px;
  height: 28px;
}
.dialog_bottomsheet .dialog_close.postunit_recipe .icon_close:after {
  width: 20px;
  height: 20px;
}
.dialog_bottomsheet[data-theme=emart] .dialog_close .icon_close:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}

.dialog_bottomsheet .dialog_prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 20px;
  left: 15px;
  line-height: 1;
}
.dialog_bottomsheet .dialog_prev .icon_prev:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M8.049 12l7.376-7.376-0.849-0.849-8.224 8.224 8.224 8.224 0.849-0.849-7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.dialog_bottomsheet .dialog_scrollable {
  height: 100%;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow-y: auto;
}
.dialog_bottomsheet .dialog_scrollable::-webkit-scrollbar {
  display: none;
}
.dialog_bottomsheet .dialog_scrollable.postunit_recipe {
  padding: 0;
}
.dialog_bottomsheet .dialog_scrollable.postunit_recipe ul > li {
  width: 100%;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont {
  margin-top: 8px;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li .codr_inp_rdo {
  display: inherit;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li .codr_inp_rdo input[type=radio] {
  display: block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  padding: 0;
  border: 0;
  background: none;
  vertical-align: top;
  -webkit-appearance: none;
  border-radius: 0;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li .codr_inp_rdo input:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 3px solid var(--m-colors-white, #ffffff);
  background: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0 0 0 1px #969696;
          box-shadow: 0 0 0 1px #969696;
  border-radius: 50%;
  vertical-align: middle;
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li .codr_inp_rdo input:checked:after {
  background: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
}
.dialog_bottomsheet .dialog_scrollable .codr_delivchg_cont li .codr_inp_rdo input:checked + label {
  font-weight: bold;
  text-decoration: none;
}
.dialog_bottomsheet .dialog_card_prepend + .dialog_scrollable {
  height: calc(100% - 60px);
}
.dialog_bottomsheet .dialog_sticky {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background-color: var(--m-colors-white, #ffffff);
}
.dialog_bottomsheet .dialog_sticky.postunit_recipe {
  z-index: 1;
  bottom: 50px;
  padding: 32px 16px 16px;
}
.dialog_bottomsheet .dialog_sticky.postunit_recipe:has(.discount) {
  padding-top: 8px;
}
.dialog_bottomsheet .dialog_sticky.postunit_recipe .discount {
  height: 16px;
  color: #8807f3;
  font-size: 13px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 8px;
}
.dialog_bottomsheet .dialog_sticky .postunit_recipe {
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  background: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}

.mnodr_toastpop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
  pointer-events: none;
  opacity: 0;
}
.mnodr_toastpop .mnodr_toastpop_textbox {
  position: fixed;
  top: 50%;
  left: 16px;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 430px;
  margin: 0 auto;
  padding: 16px 20px;
  background-color: var(--m-colors-black_alpha80, rgba(0, 0, 0, 0.8));
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-white, #ffffff);
  line-height: 1.289;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_toastpop .mnodr_toastpop_textbox:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 6px;
}
.mnodr_toastpop.ty_success {
  top: auto;
  bottom: 0;
  padding: 0 16px;
  margin-bottom: 10px;
  -webkit-transform: inherit;
          transform: inherit;
}
.mnodr_toastpop.ty_success .mnodr_toastpop_textbox {
  position: static;
  white-space: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  -webkit-transform: none;
          transform: none;
}
.mnodr_toastpop.ty_success .mnodr_toastpop_textbox:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%287%2C167%2C64%29' d='M2.4 12c0 5.28 4.32 9.6 9.6 9.6s9.6-4.32 9.6-9.6c0-5.28-4.32-9.6-9.6-9.6s-9.6 4.32-9.6 9.6zM3.601 12c0-4.68 3.72-8.4 8.4-8.4s8.4 3.72 8.4 8.4-3.72 8.4-8.4 8.4c-4.68 0-8.4-3.72-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%287%2C167%2C64%29' d='M10.2 15.84l-3.48-3.36 0.96-0.96 2.52 2.64 6.12-6.24 0.96 0.96-7.080 6.96z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.mnodr_toastpop.ty_success.multiline .mnodr_toastpop_textbox {
  white-space: normal;
}
.mnodr_toastpop.on {
  pointer-events: initial;
  opacity: 1;
}

.mcom_tit_renew .mcom_tit_rgt {
  margin-left: 0;
}

.mnodr_serivce_change {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_serivce_change .mnodr_btn_change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 100%;
  height: 22px;
  font-size: var(--m-fontSizes-lg, 15px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_serivce_change .mnodr_btn_change:before, .mnodr_serivce_change .mnodr_btn_change:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_serivce_change .mnodr_btn_change:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
}
.mnodr_serivce_change .mnodr_btn_change:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_serivce_change .mnodr_btn_change .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnodr_serivce_change .mnodr_btn_change .type {
  padding-right: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_serivce_change .mnodr_btn_change .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}
.mnodr_serivce_change .mnodr_btn_change .count {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_serivce_change .mnodr_btn_change .icon {
  display: none;
}
.mnodr_serivce_change .mnodr_btn_change [role=menu] {
  margin: 0;
  padding: 7px 4px;
  list-style: none;
  display: none;
  position: absolute;
  border: 2px solid #034575;
  border-radius: 5px;
  background-color: #eee;
}
.mnodr_serivce_change.on .mnodr_btn_change:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mnodr_serivce_change .mnodr_changebox {
  display: none;
}
.mnodr_serivce_change .mnodr_changebox.on {
  display: block;
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100vw;
  height: 100vh;
}
.mnodr_serivce_change .mnodr_changebox.on .dimmedArea {
  display: block;
  position: absolute;
  top: 0;
}
.mnodr_serivce_change .mnodr_changebox_cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 2px 0 9px;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 0 0 16px 16px;
}
.mnodr_serivce_change .mnodr_changebox_scroll {
  overflow-y: auto;
  max-height: 337px;
}
@media (orientation: landscape) {
  .mnodr_serivce_change .mnodr_changebox_scroll {
    max-height: calc(100vh - 130px);
  }
}
.mnodr_serivce_change .mnodr_changebox_menu {
  padding: 0 16px 0 12px;
}
.mnodr_serivce_change .mnodr_changebox_menu.spacing_none {
  padding-inline: 0;
}
.mnodr_serivce_change .mnodr_changebox_item {
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_serivce_change .mnodr_changebox_item.display_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_serivce_change .mnodr_changebox_item.active::after {
  margin-left: -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e022";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_serivce_change .mnodr_changebox_item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 8px 48px 8px 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.mnodr_serivce_change .mnodr_changebox_item a.narrow {
  padding: 0;
  padding-right: 48px;
}
.mnodr_serivce_change .mnodr_changebox_item a:focus {
  outline: 0;
}
.mnodr_serivce_change .mnodr_changebox_item a:focus-visible {
  outline: 2px solid goldenrod;
}
.mnodr_serivce_change .mnodr_changebox_item:first-child {
  border-top: 0;
}
.mnodr_serivce_change .mnodr_changebox_item.on a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3599 12.5533L1.72656 8.23997L2.26656 7.6533L6.33323 11.4333L13.7066 3.71997L14.2866 4.26664L6.3599 12.5533Z' fill='%23222222'/%3E%3C/svg%3E");
  background-size: 100%;
}
.mnodr_serivce_change .mnodr_profile {
  position: relative;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.mnodr_serivce_change .mnodr_profile img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.mnodr_serivce_change .mnodr_profileinfo_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 13px;
  font-weight: 400;
  min-width: 0;
}
.mnodr_serivce_change .mnodr_profileinfo_tit.font_xs {
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_serivce_change .mnodr_profileinfo_tit .type {
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 3px;
}
.mnodr_serivce_change .mnodr_profileinfo_tit .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  padding-right: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_serivce_change .mnodr_profileinfo_tit .count {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_serivce_change .mnodr_btn_shop_together {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: -9px;
  padding: 16px 19px;
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_serivce_change .mnodr_btn_shop_together:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 20px;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}

.mnodr_tab .mnodr_serivce_change {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 100%;
  height: 22px;
  font-size: var(--m-fontSizes-lg, 15px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  height: 100%;
  -ms-flex-item-align: center;
      align-self: center;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change:before, .mnodr_tab .mnodr_serivce_change .mnodr_btn_change:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change:after {
  display: none;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change .type {
  padding-right: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change .count {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change .icon {
  display: none;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_change [role=menu] {
  margin: 0;
  padding: 7px 4px;
  list-style: none;
  display: none;
  position: absolute;
  border: 2px solid #034575;
  border-radius: 5px;
  background-color: #eee;
}
.mnodr_tab .mnodr_serivce_change.on .mnodr_btn_change:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox {
  display: none;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox.on {
  display: block;
  position: absolute;
  top: 100%;
  left: auto;
  right: 0;
  bottom: 0;
  z-index: 990;
  width: 100vw;
  height: 100vh;
  margin-top: 1px;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox.on .dimmedArea {
  display: block;
  position: absolute;
  top: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_ctsharetooltip_cont {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 0 16px 16px;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 0 0 16px 16px;
}
.mnodr_tab .mnodr_serivce_change #mnodr_thmbtab_iscroll {
  overflow-y: auto;
  max-height: 337px;
}
@media (orientation: landscape) {
  .mnodr_tab .mnodr_serivce_change #mnodr_thmbtab_iscroll {
    max-height: calc(100vh - 130px);
  }
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_menu {
  padding: 0 16px 0 12px;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_menu.spacing_none {
  padding-inline: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item {
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item.display_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item.active::after {
  margin-left: -16px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e022";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding: 8px 48px 8px 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item a.narrow {
  padding: 0;
  padding-right: 48px;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item a:focus {
  outline: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item a:focus-visible {
  outline: 2px solid goldenrod;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item:first-child {
  border-top: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_changebox_item.on a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin-left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.3599 12.5533L1.72656 8.23997L2.26656 7.6533L6.33323 11.4333L13.7066 3.71997L14.2866 4.26664L6.3599 12.5533Z' fill='%23222222'/%3E%3C/svg%3E");
  background-size: 100%;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profile {
  position: relative;
  border-radius: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profile img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profileinfo_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 13px;
  font-weight: 400;
  min-width: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profileinfo_tit.font_xs {
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_tab .mnodr_serivce_change .mnodr_profileinfo_tit .type {
  font-weight: bold;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 3px;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profileinfo_tit .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  padding-right: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_tab .mnodr_serivce_change .mnodr_profileinfo_tit .count {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_shop_together {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-bottom: -9px;
  padding: 16px 19px;
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_tab .mnodr_serivce_change .mnodr_btn_shop_together:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 20px;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}

.mnodr_tab_wrap {
  padding: 0 16px;
}
.mnodr_tab_wrap .mnodr_tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 20px 0 10px;
  width: 100%;
}
.mnodr_tab_wrap .mnodr_tabs li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_tab_wrap .mnodr_tabs li:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  border: 1px solid #e0e0e0;
}
.mnodr_tab_wrap .mnodr_tabs li + li {
  margin-left: -1px;
}
.mnodr_tab_wrap .mnodr_tabs li.selected {
  position: relative;
  z-index: 10;
  color: var(--m-colors-black, #000000);
}
.mnodr_tab_wrap .mnodr_tabs li.selected:before {
  border: 2px solid #222222;
}
.mnodr_tab_wrap .mnodr_tabs li.selected .mnodr_tab_button {
  font-weight: bold;
}
.mnodr_tab_wrap .mnodr_tab_button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 46px;
  background-color: transparent;
  font-size: 13px;
  color: inherit;
}
.mnodr_tab_wrap .mnodr_tab_button_txt {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 3px 2px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_tab_wrap .mnodr_tab_container {
  margin: 0 -15px;
}
.mnodr_tab_wrap .mnodr_tab_container .mnodr_tab_panel {
  display: none;
}
.mnodr_tab_wrap .mnodr_tab_container .mnodr_tab_panel.selected {
  display: block;
}

.mnodr_roundtab_wrap .mnodr_roundtab_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 9px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_roundtab_wrap .mnodr_roundtab_new .mnodr_roundtab_item .mnodr_roundtab_btn {
  display: block;
  padding: 6px 11px 5px;
  border-radius: 16px;
}
.mnodr_roundtab_wrap .mnodr_roundtab_new .mnodr_roundtab_item.selected .mnodr_roundtab_btn {
  background-color: var(--m-colors-black, #000000);
}
.mnodr_roundtab_wrap .mnodr_roundtab_new .mnodr_roundtab_item.selected .mnodr_roundtab_txt {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_roundtab_wrap .mnodr_roundtab_container .mnodr_roundtab_panel {
  display: none;
}
.mnodr_roundtab_wrap .mnodr_roundtab_container .mnodr_roundtab_panel.selected {
  display: block;
}

.mnodr_boxtab_wrap {
  margin: 0 -16px;
}
.mnodr_boxtab_wrap .mnodr_boxtab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e5e5e5;
}
.mnodr_boxtab_wrap .mnodr_boxtab .mnodr_boxtab_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_boxtab_wrap .mnodr_boxtab .mnodr_boxtab_item .mnodr_boxtab_btn {
  display: block;
  width: 100%;
  padding: 16px 0;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_boxtab_wrap .mnodr_boxtab .mnodr_boxtab_item.selected .mnodr_boxtab_btn {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-shadow: inset 0 -3px 0 0 #222222;
          box-shadow: inset 0 -3px 0 0 #222222;
}
.mnodr_boxtab_wrap .mnodr_boxtab_container {
  padding: 16px 16px 0;
}

.mnodr_mall_rect > i {
  font-style: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-bold, 700);
  padding: 0 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_unit {
  font-family: var(--m-fonts-gothic, Pretendard);
  letter-spacing: -0.3px;
}
.mnodr_acdo_summary + .mnodr_unit {
  border-top: 4px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_unit.ty_unit_discount {
  border: 2px solid var(--m-colors-current, currentColor);
  border-radius: 12px;
  margin: 10px;
}
.mnodr_unit.ty_unit_discount .mnodr_unit_item {
  padding-left: 12px;
  padding-right: 12px;
}
.mnodr_unit.ty_unit_discount + .mnodr_unit.ty_unit_discount {
  margin-top: 20px;
}
.mnodr_unit.ty_unit_discount + .mnodr_unit:not(.ty_unit_discount) .mnodr_unit_item:first-child {
  border-top: 0;
}
.mnodr_unit.ty_unit_discount + .mnodr_acdo_summary {
  margin-top: 20px;
}
.mnodr_control_wrap .mnodr_unit.ty_unit_discount + .mnodr_product_recommend {
  border-top: 0;
}
.mnodr_acdo.ty_em .mnodr_unit.ty_unit_discount, .mnodr_acdo.ty_em_strpick .mnodr_unit.ty_unit_discount, .mnodr_acdo.ty_earlyday .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-emart_light, #ffe98b);
}

.mnodr_acdo.ty_mnmorning .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-earlymorning_light, #d5dee8);
}

.mnodr_acdo.ty_tr .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-traders_light, #d6ef9c);
}

.mnodr_acdo.ty_star .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-star_light, #e7deff);
}

.mnodr_acdo.ty_baroquick .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-baroquick_light, #ffeed1);
}

.mnodr_acdo.ty_parcel .mnodr_unit.ty_unit_discount {
  border-color: var(--m-colors-delivery-post_light, #eceae4);
}

.mnodr_unit_header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 36px;
  margin-bottom: -1px;
  padding: 6px 12px;
  border-radius: 10px 10px 0 0;
  font-size: 13px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_header .mnodr_icon {
  margin-right: 4px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_unit_header .mnodr_icon.icon_percent {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.7399 1.9543L12 3.54951L15.2601 1.9543L16.9609 5.16335L20.5344 5.79175L20.0262 9.38894L22.5485 12.0001L20.0262 14.6113L20.5344 18.2086L16.9609 18.8363L15.2601 22.046L12 20.4502L8.7399 22.046L7.03915 18.8363L3.46559 18.2086L3.97383 14.6113L1.45151 12.0001L3.97383 9.38893L3.46561 5.79175L7.03915 5.16335L8.7399 1.9543ZM9.25611 3.54284L7.82473 6.24361L4.81611 6.77268L5.24399 9.80123L3.11994 12.0001L5.24399 14.199L4.81613 17.2274L7.82473 17.756L9.25611 20.4573L12 19.1141L14.7439 20.4573L16.1753 17.756L19.1839 17.2274L18.756 14.199L20.8801 12.0001L18.756 9.80123L19.1839 6.77268L16.1753 6.24361L14.7439 3.54284L12 4.88547L9.25611 3.54284Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.85715 15.114L15.1475 8.89143L8.85715 15.114Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.5694 9.31798L9.2791 15.5406L8.43518 14.6875L14.7255 8.46487L15.5694 9.31798Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7428 9.89143C10.7428 10.3647 10.3589 10.7486 9.88562 10.7486C9.41237 10.7486 9.02847 10.3647 9.02847 9.89143C9.02847 9.41818 9.41237 9.03429 9.88562 9.03429C10.3589 9.03429 10.7428 9.41818 10.7428 9.89143Z' fill='%23222222'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.9113 14.0546C14.9113 14.5278 14.5274 14.9117 14.0541 14.9117C13.5809 14.9117 13.197 14.5278 13.197 14.0546C13.197 13.5813 13.5809 13.1974 14.0541 13.1974C14.5274 13.1974 14.9113 13.5813 14.9113 14.0546Z' fill='%23222222'/%3E%3C/svg%3E");
  background-size: 100%;
}
.mnodr_unit_header .mnodr_icon.icon_link {
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.988 4.536C10.5914 4.536 9.44229 5.62083 9.33417 7.00667L8.13781 6.91333C8.29369 4.91517 9.95258 3.336 11.988 3.336C14.025 3.336 15.7232 4.95449 15.8508 6.98231L14.6532 7.05769C14.5648 5.65351 13.383 4.536 11.988 4.536Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.0023 6.432H20.0102L21.0449 20.748H2.95447L4.0023 6.432ZM5.11768 7.632L4.24551 19.548H19.7551L18.8938 7.632H5.11768Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.9118 11.2007L10.5008 17.5989L6.65855 14.2015L7.45343 13.3025L10.4511 15.9531L16.0641 10.3513L16.9118 11.2007Z' fill='black'/%3E%3C/svg%3E");
  background-size: 100%;
}
.mnodr_unit_header .mnodr_icon.icon_price {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.187 4.344l-5.388-1.349-9.013 9.013 7.818 7.808 0.897-0.897 4.787 2.407 5.629-11.268-3.759-4.989 1.174-1.174-0.849-0.849-1.297 1.297zM15.198 5.334l-0.847 0.847c-0.16-0.061-0.333-0.095-0.514-0.095-0.794 0-1.44 0.646-1.44 1.44s0.646 1.44 1.44 1.44c0.807 0 1.44-0.65 1.44-1.44 0-0.172-0.030-0.336-0.085-0.489l0.871-0.871 1.215 4.28-7.675 7.675-6.12-6.112 7.684-7.684 4.030 1.009zM14.753 19.714l-3.358-1.688 7.23-7.23-0.813-2.864 1.7 2.256-4.759 9.527zM13.597 7.526c0-0.131 0.108-0.24 0.24-0.24s0.24 0.108 0.24 0.24c0 0.136-0.104 0.24-0.24 0.24-0.131 0-0.24-0.108-0.24-0.24z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_unit_header .mnodr_icon.icon_all {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M6.809 8.961l8.222 8.222-6.308 2.024-3.938-3.938 2.024-6.308zM7.351 11.2l-1.199 3.738 2.902 2.902 3.738-1.199-5.441-5.441z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M8.41 3.937l11.644 11.644-6.309 2.013-7.348-7.348 2.013-6.309zM8.955 6.178l-1.192 3.736 6.314 6.315 3.736-1.192-8.859-8.859z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M5.196 13.982l4.813 4.813-7.069 2.256 2.256-7.069zM5.74 16.224l-0.95 2.977 2.977-0.95-2.027-2.027z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M21.112 10.225l-4.089 0.72-0.208-1.182 4.089-0.72 0.208 1.182z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M18.981 5.859l-2.931 2.931-0.849-0.849 2.931-2.931 0.849 0.849z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M14.948 3.087l-0.72 4.080-1.182-0.209 0.72-4.080 1.182 0.209z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_unit_header em {
  font-weight: 600;
}
.mnodr_unit_header .mnodr_unit_header_title {
  padding-right: 30px;
}
.mnodr_unit_header .mnodr_btn_unitmore {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex: none;
      flex: none;
}
.mnodr_unit_header .mnodr_btn_unitmore:before, .mnodr_unit_header .mnodr_btn_unitmore:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_unit_header .mnodr_btn_unitmore:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_unit_header .mnodr_btn_unitmore:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo.ty_em .mnodr_unit_header, .mnodr_acdo.ty_em_strpick .mnodr_unit_header, .mnodr_acdo.ty_earlyday .mnodr_unit_header {
  background-color: var(--m-colors-delivery-emart_light, #ffe98b);
}

.mnodr_acdo.ty_mnmorning .mnodr_unit_header {
  background-color: var(--m-colors-delivery-earlymorning_light, #d5dee8);
}

.mnodr_acdo.ty_tr .mnodr_unit_header {
  background-color: var(--m-colors-delivery-traders_light, #d6ef9c);
}

.mnodr_acdo.ty_star .mnodr_unit_header {
  background-color: var(--m-colors-delivery-star_light, #e7deff);
}

.mnodr_acdo.ty_baroquick .mnodr_unit_header {
  background-color: var(--m-colors-delivery-baroquick_light, #ffeed1);
}

.mnodr_acdo.ty_parcel .mnodr_unit_header {
  background-color: var(--m-colors-delivery-post_light, #eceae4);
}

.mnodr_unit_nodata {
  margin: 60px auto 0;
  text-align: center;
}
.mnodr_unit_nodata .mnodr_tx_desc {
  color: var(--m-colors-gray400, #969696);
}

.mnodr_unit_infotit {
  font-size: 14px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_unit_review {
  margin-top: 6px;
}
.mnodr_unit_review .mnodr_unit_btnreview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 12px;
  width: 76px;
  min-height: 24px;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  font-size: 12px;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_unit.ty_thmbCol3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_item {
  width: 109px;
  border: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_thmb {
  width: 109px;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_img {
  width: 109px;
  height: 109px;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_cont {
  margin: 6px 0 0;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_tit {
  font-size: 12px;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_info {
  margin: 0 0 6px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_info2 {
  margin: 0 0 6px 0;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_prdpay {
  min-height: auto;
  margin-top: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_unit.ty_thmbCol3 .mnodr_unit_r .mnodr_unit_option {
  margin-top: 0;
}

.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 8px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_item {
  width: 109px;
  border: 0;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_thmb {
  width: 109px;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_img {
  width: 109px;
  height: 109px;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_cont {
  margin: 6px 0 0;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_tit {
  font-size: 12px;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_info {
  margin: 0 0 6px 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_info2 {
  margin: 0 0 6px 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_prdpay {
  min-height: auto;
  margin-top: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_getmoredisc.v2 .mnodr_unit.ty_thmbCol3 .mnodr_unit_r .mnodr_unit_option {
  margin-top: 0;
}

.mnodr_unit_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px 16px;
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_unit_item:first-child {
  border-top: 0;
}
.mnodr_control_wrap .mnodr_unit_item:first-child {
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_unit_item.ty_full {
  padding-left: 0;
  padding-right: 0;
}
.mnodr_unit_item.disabled .mnodr_unit_cont .mnodr_unit_tit,
.mnodr_unit_item.disabled .mnodr_unit_cont .mnodr_unit_brd,
.mnodr_unit_item.disabled .mnodr_unit_cont .mnodr_unit_name,
.mnodr_unit_item.disabled .mnodr_unit_cont .mnodr_unit_newprice {
  color: var(--m-colors-gray350, #cfcfcf);
}

.mnodr_unit_thmb {
  position: relative;
  width: 85px;
}
.mnodr_unit_thmb .mnodr_chk {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.mnodr_unit_thmb .mnodr_chk input:focus-visible + label {
  height: 100%;
  outline: 2px solid auto Highlight;
  outline: 2px solid -webkit-focus-ring-color;
}
.mnodr_unit_thmb .mnodr_chk input + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_thmb.disabled .mnodr_unit_img:before {
  background-color: var(--m-colors-white_alpha60, rgba(255, 255, 255, 0.6));
}

.mnodr_unit_img {
  display: inline-block;
  position: relative;
  width: 85px;
  height: 85px;
  text-align: center;
}
.mnodr_unit_img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--m-colors-black_alpha3, rgba(0, 0, 0, 0.03));
  content: "";
}
.mnodr_unit_img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.mnodr_unit_soldout {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 24px;
  padding: 5px 5px 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.mnodr_unit_soldout .mnodr_btn_detail {
  padding: 0;
  margin-left: 0;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_unit_soldout .icon_questionmark_circle {
  display: contents;
}
.mnodr_unit_soldout .icon_questionmark_circle::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M11.136 14.256v-1.404l0.468-0.636c0.456-0.6 1.524-2.028 1.608-2.124 0.18-0.24 0.288-0.516 0.288-0.804 0-0.756-0.684-1.38-1.524-1.38-0.192-0.012-1.176 0.048-1.5 1.224l-1.152-0.312c0.432-1.56 1.704-2.112 2.652-2.112 1.5 0 2.724 1.152 2.724 2.58 0 0.564-0.192 1.092-0.54 1.548-0.084 0.108-1.14 1.512-1.596 2.112l-0.216 0.288v1.020h-1.212z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M12.708 16.428c0 0.492-0.408 0.9-0.9 0.9s-0.9-0.408-0.9-0.9c0-0.492 0.408-0.9 0.9-0.9s0.9 0.408 0.9 0.9z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_unit_thistime .mnodr_btn_detail, .mnodr_unit_bottom_overlay .mnodr_btn_detail, .mnodr_unit_soldout_full .mnodr_btn_detail {
  display: block;
  width: 100%;
  margin-top: auto;
  height: 32px;
  border-radius: 8px;
  background-color: var(--m-colors-white, #ffffff);
  border-color: var(--m-colors-white, #ffffff);
  pointer-events: auto;
}
.mnodr_unit_thistime .mnodr_btn_detail span, .mnodr_unit_bottom_overlay .mnodr_btn_detail span, .mnodr_unit_soldout_full .mnodr_btn_detail span {
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1666666667;
}

.mnodr_unit_soldout_full {
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 4px;
  background: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  pointer-events: none;
  font-size: 14px;
  font-weight: 700;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_unit_soldout_full .mnodr_unit_soldout_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  font-weight: 700;
  color: inherit;
}

.mnodr_unit_bottom_overlay {
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: absolute;
  height: 24px;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  pointer-events: none;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-white, #ffffff);
}

.mnodr_unit_thistime {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 4px;
  border-radius: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  pointer-events: none;
}

.mnodr_unit_cont {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
  margin-left: 10px;
}

.mnodr_unit_cont.disabled > * {
  opacity: 0.3;
}

.mnodr_unit_cont .mnodr_toggle_btn {
  text-align: left;
  vertical-align: 1px;
}

.mnodr_unit_cont .mnodr_btnarea {
  margin: 0;
  padding: 0;
}

.mnodr_unit_assets {
  margin: 20px 0 10px;
}
.mnodr_unit_assets .mnodr_chk {
  padding: 10px 0;
}

.mnodr_unit_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 6px;
  line-height: 1.2;
  gap: 4px;
}
.mnodr_unit_info > em {
  margin-left: 5px;
  color: var(--m-colors-gray700, #666666);
  font-size: 12px;
  vertical-align: top;
}
.mnodr_unit_info > em:first-child {
  margin-left: 0;
}
.mnodr_unit_info .cm_mall_text > i {
  font-size: 12px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  margin-top: 0;
}
.mnodr_unit_info .cm_mall_text + em {
  margin-left: 0;
}
.mnodr_unit_info .cm_mall_text + em:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  margin-top: 6px;
  margin-right: 6px;
  background: var(--m-colors-gray700, #666666);
  vertical-align: top;
}

.mnodr_unit_info2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6px;
  line-height: 1.34;
  gap: 4px 0;
}
.mnodr_unit_info2 .mnodr_mall_rect i {
  margin-right: 8px;
}
.mnodr_unit_info2 > em {
  margin-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-regular, 400);
  padding: 0;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_info2 .ssg_mall_rect_ship,
.mnodr_unit_info2 .mnodr_unit_label_nplus {
  margin-right: 4px;
}

.mnodr_unit_util {
  position: absolute;
  top: -6px;
  right: -6px;
}
.mnodr_unit_util > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: -4px;
}
.mnodr_unit_util + .mnodr_unit_info2,
.mnodr_unit_util + .mnodr_unit_tit {
  margin-right: 57px;
  margin-bottom: 6px;
}

.mnodr_unit_suppl {
  margin-bottom: 6px;
}
.mnodr_unit_suppl .mnodr_unit_supplel {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.5;
}

.mnodr_unit_tit {
  font-size: 14px;
  line-height: 1.38;
}
.mnodr_unit_tit.alignCenterSmall {
  margin-block: auto;
  padding-right: 10px;
  font-size: var(--m-fontSizes-sm, 13px);
}
.mnodr_unit_tit a {
  display: -webkit-box;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_unit_tit .mnodr_unit_brd,
.mnodr_unit_tit .mnodr_unit_name {
  color: var(--m-colors-gray900, #222222);
}

.mnodr_unit_option {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.38;
}

.mnodr_unit_dvstate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-top: 10px;
  padding: 0 10px;
  min-height: 24px;
  border-radius: 12px;
  border: solid 1px #f0f0f0;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_unit_prdpay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100%;
  margin-top: 8px;
}
.mnodr_unit_prdpay.ty_step3 .mnodr_unit_oldprice {
  display: inline-block;
}
.mnodr_unit_prdpay.ty_step3 .mnodr_unit_newprice {
  display: inline-block;
}
.mnodr_unit_prdpay.ty_space {
  min-height: auto;
  margin-top: 5px;
}

.mnodr_unit_optionbx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 5px;
}
.mnodr_unit_optionbx .mnodr_unit_r {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media screen and (max-width: 350px) {
  .mnodr_unit_prdpay,
.mnodr_unit_optionbx {
    display: block;
  }
  .mnodr_unit_prdpay .mnodr_unit_r,
.mnodr_unit_optionbx .mnodr_unit_r {
    margin-top: 8px;
  }
}
.mnodr_unit_originprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray500, #888888);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}
.mnodr_unit_originprice button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  margin: -4px;
}
.mnodr_unit_originprice button .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_originprice button i::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_unit_oldprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -2px;
  color: var(--m-colors-gray500, #888888);
  line-height: normal;
}
.mnodr_unit_oldprice .ssg_price,
.mnodr_unit_oldprice .ssg_tx {
  font-size: 13px;
}
.mnodr_unit_oldprice del {
  display: inline-block;
}
.mnodr_unit_oldprice.ty_inline {
  display: inline-block;
  margin-right: 4px;
}
.mnodr_unit_oldprice.ty2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.mnodr_btn_detail {
  padding: 4px;
  margin-left: -4px;
  font-size: 0;
  vertical-align: middle;
}

.mnodr_unit_prdtx {
  display: block;
  color: var(--m-colors-gray700, #666666);
  font-size: 12px;
  line-height: 1.3;
}
.mnodr_unit_prdtx .ssg_price {
  font-size: 14px;
}

.mnodr_unit_newprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: normal;
  word-break: break-all;
  word-wrap: break-word;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_unit_newprice .ssg_price,
.mnodr_unit_newprice .ssg_tx {
  font-size: 18px;
  font-weight: 600;
}
.mnodr_unit_newprice .ssg_price_ko {
  font-size: 12px;
  margin-left: 2px;
}
.mnodr_unit_newprice.ty_inline {
  display: inline-block;
}
.mnodr_unit_newprice.ty2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 4px;
}
.mnodr_unit_newprice.ty2 button {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_unit_newprice.ty2:first-child {
  margin-left: 0;
}
.mnodr_unit_newprice.ty2 .ssg_price {
  font-size: 14px;
}
.mnodr_unit_newprice.ty2 .ssg_tx {
  font-size: 12px;
  font-weight: bold;
}
.mnodr_unit_newprice .mnodr_tooltip_bubble {
  width: 218px;
}

.mnodr_unit_cnt {
  display: inline-block;
}

.mnodr_amount {
  display: inline-block;
  position: relative;
  min-width: 40px;
  padding: 0 24px;
  margin-right: 0;
  text-align: center;
  vertical-align: top;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-tap-highlight-color: var(--m-colors-black, #000000);
}
.mnodr_amount .mnodr_loading + .mnodr_btn_minus:disabled, .mnodr_amount .mnodr_loading + .mnodr_btn_minus + .mnodr_btn_plus:disabled {
  opacity: 1;
}
.mnodr_amount > button {
  position: absolute;
  top: 0;
  padding: 6px;
  font-size: 0;
}
.mnodr_amount > button.mnodr_btn_minus {
  left: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_amount > button.mnodr_btn_minus:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_amount > button.mnodr_btn_minus:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e068";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_amount > button.mnodr_btn_minus:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_amount > button.mnodr_btn_minus:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_amount > button .mnodr_ic.ic_minus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.mnodr_amount > button.mnodr_btn_plus {
  right: 2px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_amount > button.mnodr_btn_plus:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_amount > button.mnodr_btn_plus:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e078";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_amount > button.mnodr_btn_plus:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_amount > button.mnodr_btn_plus:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_amount > button .mnodr_ic.ic_plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
}
.mnodr_amount > button:disabled .mnodr_ic.ic_minus:after,
.mnodr_amount > button:disabled .mnodr_ic.ic_plus:after {
  background: none;
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_amount .mnodr_opa_area {
  position: relative;
  height: 100%;
}
.mnodr_amount .mnodr_opa_tx {
  display: block;
  height: 100%;
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-semibold, 600);
  line-height: 28px;
  text-align: center;
}

.mnodr_unit_cont.disabled .mnodr_amount > button:disabled {
  opacity: 1;
}

.mnodr_unit_bubble:after {
  clear: both;
  content: "";
  display: block;
}

.mnodr_bubble {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  border: 1px solid var(--m-colors-primary, #a59357);
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-primary, #a59357);
  line-height: 24px;
  white-space: nowrap;
}
.mnodr_bubble:before {
  content: "";
  overflow: hidden;
  position: absolute;
  bottom: 100%;
  width: 7px;
  height: 7px;
  margin-bottom: -3px;
  border-top: 1px solid var(--m-colors-primary, #a59357);
  border-left: 1px solid var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-white, #ffffff);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_bubble.ty_lt {
  float: left;
  margin-top: 10px;
}
.mnodr_bubble.ty_lt:before {
  left: 10px;
}
.mnodr_bubble.ty_rt {
  float: right;
  margin-right: 5px;
}
.mnodr_bubble.ty_rt:before {
  right: 40px;
}
.mnodr_bubble p {
  padding: 0 8px;
  font-size: 12px;
  font-weight: bold;
}
.mnodr_bubble button {
  overflow: hidden;
  height: 24px;
  padding: 0 8px;
  background: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  line-height: 26px;
}

.mnodr_unit_btnarea {
  white-space: nowrap;
  font-size: 0;
  text-align: right;
}
.mnodr_unit_btnarea.ty_fillbtn {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_btnarea.ty_fillbtn .mnodr_unit_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
}

.mnodr_unit_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 52px;
  height: 36px;
  padding: 0 8px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: normal;
}
.mnodr_unit_btn:not(:first-child) {
  margin-left: -1px;
}
.mnodr_unit_btn span {
  display: inline-block;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  line-height: 17px;
  vertical-align: middle;
}
.mnodr_unit_btn.ty_point {
  font-weight: bold;
}

@media screen and (max-width: 350px) {
  .mnodr_bubble.ty_rt {
    float: left;
  }
  .mnodr_bubble.ty_rt:before {
    right: auto;
    left: 45px;
  }
  .mnodr_unit_btnarea {
    text-align: left;
  }
}
.mnodr_unit_select {
  display: inline-block;
  height: 36px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_unit_select select {
  padding: 0 16px 0 8px;
  font-size: 13px;
  width: 100%;
  height: 100%;
  line-height: 36px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: none;
  background: transparent;
}
.mnodr_unit_select .mnodr_ic.ic_arr.ty_fillgray {
  position: absolute;
  top: 50%;
  right: 6px;
  margin-top: -4px;
}

.mnodr_unit_mmbrs .cmbadge_mmbrs {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 5px;
  vertical-align: top;
}

.mnodr_unit_universe .badge_universe_label {
  margin-top: 5px;
  vertical-align: top;
}
.mnodr_unit_universe [class^=cmbadge_universe] {
  margin-top: 5px;
  vertical-align: top;
}

.mnodr_unit_detail {
  margin: 0 10px 0 1px;
}
.mnodr_unit_detail:after {
  clear: both;
  content: "";
  display: block;
}

.mnodr_unit_benetx {
  position: relative;
  display: inline-block;
  margin-top: 6px;
  padding: 0 17px 0 8px;
  border: 1px solid #323743;
  border-radius: 12px;
  background-color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  color: #323743;
  line-height: 22px;
  vertical-align: top;
}
.mnodr_unit_benetx:before {
  position: absolute;
  right: 9px;
  top: 50%;
  content: "";
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
  margin-top: -3px;
  border-right: 1px solid var(--m-colors-gray900, #222222);
  border-bottom: 1px solid var(--m-colors-gray900, #222222);
}
.mnodr_unit_benetx.ty2 {
  border-color: #eef2f7;
  background-color: #eef2f7;
  color: #323743;
  padding: 0 8px;
}
.mnodr_unit_benetx.ty2:before {
  display: none;
}

.mnodr_unit_benetx.ty3 {
  color: #bbb;
}

.mnodr_unit_profile {
  float: right;
  margin-top: 6px;
}

.mnodr_unit_profiletx {
  display: inline-block;
  color: #888;
  font-size: 12px;
  vertical-align: middle;
}

.mnodr_unit_profileimg {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 24px;
  border-radius: 0 50% 50% 50%;
  vertical-align: middle;
}
.mnodr_unit_profileimg img {
  display: block;
  width: 100%;
  height: 100%;
}

.mnodr_unit_review {
  margin-top: 6px;
}
.mnodr_unit_review .mnodr_unit_btnbx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 12px;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  font-size: 12px;
  color: #444;
}

.mnodr_unit_item.ty_bundle .mnodr_unit_img {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  border: 1px solid #eee;
  border-radius: 50%;
}
.mnodr_unit_item.ty_bundle .mnodr_unit_img + .mnodr_unit_img {
  margin-top: -20px;
}

.mnodr_unit_bundlename li {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  position: relative;
  margin-top: 2px;
  padding-left: 6px;
}
.mnodr_unit_bundlename li:first-child {
  margin-top: 0;
}
.mnodr_unit_bundlename li:before {
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background: var(--m-colors-gray900, #222222);
  content: "";
}
.mnodr_unit_bundlename li a {
  display: inline;
}

.mnodr_unit_item.ty_circle {
  font-size: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_item.ty_circle:first-child {
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
  padding-top: 20px;
  margin-top: 0;
}
.mnodr_unit_item.ty_circle .mnodr_unit_cont {
  padding-right: 35px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_thmb {
  width: 60px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_thmb .mnodr_unit_img {
  overflow: hidden;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.mnodr_unit_item.ty_circle .mnodr_unit_info {
  margin-top: 2px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_info2 {
  margin-top: 2px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_tit {
  font-size: 13px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_tit a {
  -webkit-line-clamp: 1;
}
.mnodr_unit_item.ty_circle .cm_mall_ic.ty_circle_s {
  position: absolute;
  right: -5px;
  top: 0;
}
.mnodr_unit_item.ty_circle .cm_mall_ic.ty_circle_s > i {
  border-radius: 50%;
  -webkit-box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
          box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
}
.mnodr_unit_item.ty_circle .mnodr_unit_newprice {
  margin-top: 2px;
}
.mnodr_unit_item.ty_circle .mnodr_unit_newprice .ssg_price {
  font-size: 14px;
  font-weight: normal;
}
.mnodr_unit_item.ty_circle .mnodr_unit_newprice .ssg_tx {
  font-size: 12px;
  vertical-align: 1px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_unit_cart {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_cart:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_unit_cart:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e01b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_cart:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_unit_cart:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_unit_cart .icon_cart {
  display: contents;
}
.mnodr_unit_cart .icon_cart:after {
  display: none;
}

.mnodr_unit_addtext {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 60px;
  border: 1px solid var(--m-colors-gray700, #666666);
  border-radius: 4px;
  padding: 5px 5px 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}

.mnodr_unit_item.ty_moredisc {
  font-size: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  padding: 6px 0;
}
.mnodr_unit_item.ty_moredisc.ty_top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_unit_item.ty_moredisc.ty_top .mnodr_unit_cart {
  top: 0;
  -webkit-transform: translateY(22px);
          transform: translateY(22px);
}
.mnodr_unit_item.ty_moredisc:first-child {
  padding-top: 0;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_cont {
  padding-right: 42px;
  min-width: 0;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_thmb {
  width: 90px;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_thmb .mnodr_unit_img {
  overflow: hidden;
  width: 90px;
  height: 90px;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_info {
  margin-top: 2px;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_tit {
  font-size: 13px;
  line-height: normal;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_tit a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.mnodr_unit_item.ty_moredisc .cm_mall_ic.ty_circle_s {
  position: absolute;
  right: -5px;
  top: 0;
}
.mnodr_unit_item.ty_moredisc .cm_mall_ic.ty_circle_s > i {
  border-radius: 50%;
  -webkit-box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
          box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_newprice {
  margin-top: 4px;
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_newprice .ssg_price,
.mnodr_unit_item.ty_moredisc .mnodr_unit_newprice .ssg_tx {
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-semibold, 600);
}
.mnodr_unit_item.ty_moredisc .mnodr_unit_label_wrap {
  margin-top: 4px;
}

.mnodr_unit_item.ty_moredisc2 {
  font-size: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  padding: 6px 0;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_cont {
  padding-right: 75px;
  min-width: 0;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_thmb {
  width: 75px;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_thmb .mnodr_unit_img {
  overflow: hidden;
  width: 75px;
  height: 75px;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_info {
  margin-top: 2px;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_info2 {
  margin-top: 2px;
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_tit a {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.mnodr_unit_item.ty_moredisc2 .cm_mall_ic.ty_circle_s {
  position: absolute;
  right: -5px;
  top: 0;
}
.mnodr_unit_item.ty_moredisc2 .cm_mall_ic.ty_circle_s > i {
  border-radius: 50%;
  -webkit-box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
          box-shadow: 1px 2px 3px 1px var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
}
.mnodr_unit_item.ty_moredisc2 .mnodr_unit_newprice {
  margin-top: 8px;
}

.mnodr_unit_prdtoggle {
  margin-top: 6px;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .mnodr_unit_newprice {
  display: contents;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-semibold, 600);
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .mnodr_unit_newprice .ssg_price,
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .mnodr_unit_newprice .ssg_tx {
  font-size: inherit;
  font-weight: inherit;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn.mnodr_acdo_btn .sr_off {
  display: inherit;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_on {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 24px;
  height: 24px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_on:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_on:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e033";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_on:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_on:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_off {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 24px;
  height: 24px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_off:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_off:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e031";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_off:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_unit_prdtoggle .mnodr_unit_prdtoggle_btn .sr_off:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_unit_prdtoggle.on .mnodr_acdo_btn.mnodr_unit_prdtoggle_btn .sr_on {
  display: inherit;
}
.mnodr_unit_prdtoggle.mnodr_acdo_toggle .mnodr_unit_prdtoggle_cont {
  margin-top: 0;
}
.mnodr_unit_prdtoggle .mnodr_unit_option {
  margin-top: 4px;
}
.mnodr_unit_prdtoggle .mnodr_unit_option::first-child {
  margin-top: 6px;
}

.mnodr_unit_item.ty_rect {
  padding-top: 0;
  padding-bottom: 0;
  border: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_item.ty_rect + .mnodr_unit_item.ty_rect {
  margin-top: 5px;
}
.mnodr_unit_item.ty_rect .mnodr_unit_thmb {
  width: 30px;
}
.mnodr_unit_item.ty_rect .mnodr_unit_thmb .mnodr_unit_img {
  width: 30px;
  height: 30px;
}
.mnodr_unit_item.ty_rect .mnodr_unit_tit {
  margin: 0;
  font-size: 13px;
}
.mnodr_unit_item.ty_rect .mnodr_unit_tit a {
  -webkit-line-clamp: 1;
}
.mnodr_unit_item.ty_rect .mnodr_unit_tit .mnodr_unit_brd,
.mnodr_unit_item.ty_rect .mnodr_unit_tit .mnodr_unit_name {
  color: var(--m-colors-gray600, #777777);
}

.mnodr_unit_item.ty_rect_small {
  padding: 0;
  border: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_item.ty_rect_small + .mnodr_unit_item.ty_rect_small {
  margin-top: 10px;
}
.mnodr_unit_item.ty_rect_small .mnodr_unit_thmb {
  width: 60px;
}
.mnodr_unit_item.ty_rect_small .mnodr_unit_thmb .mnodr_unit_img {
  width: 60px;
  height: 60px;
}
.mnodr_unit_item.ty_rect_small .mnodr_unit_tit {
  margin: 0;
}
.mnodr_unit_item.ty_rect_small .mnodr_unit_tit a {
  -webkit-line-clamp: 1;
}
.mnodr_unit_item.ty_rect_small .mnodr_unit_option {
  display: -webkit-box;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_unit_item.ty_rect_small.ty_border {
  padding: 20px 0 10px 0;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_unit_item.ty_rect_small.ty_border:first-child {
  padding-top: 0;
  border-top: none;
}

.mnodr_unit_item.ty_rect_small_75 {
  margin: 20px 0;
  padding: 0 16px;
  border: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_unit_item.ty_rect_small_75.text_align_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-sm, 13px);
  margin-right: 10px;
}
.mnodr_unit_item.ty_rect_small_75 + .mnodr_unit_item.ty_rect_small_75 {
  margin-top: -8px;
}
.mnodr_unit_item.ty_rect_small_75 .mnodr_unit_thmb {
  width: 75px;
}
.mnodr_unit_item.ty_rect_small_75 .mnodr_unit_thmb .mnodr_unit_img {
  width: 75px;
  height: 75px;
}
.mnodr_unit_item.ty_rect_small_75 .mnodr_unit_tit {
  margin: 0;
}
.mnodr_unit_item.ty_rect_small_75 .mnodr_unit_tit a {
  -webkit-line-clamp: 2;
}
.mnodr_unit_item.ty_rect_small_75 .mnodr_unit_option {
  display: -webkit-box;
  position: relative;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}

.mnodr_unit_item.ty_rect_xsmall {
  padding: 0;
  border: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_item.ty_rect_xsmall + .mnodr_unit_item.ty_rect_xsmall {
  margin-top: 10px;
}
.mnodr_unit_item.ty_rect_xsmall .mnodr_unit_thmb {
  width: 30px;
}
.mnodr_unit_item.ty_rect_xsmall .mnodr_unit_thmb .mnodr_unit_img {
  width: 30px;
  height: 30px;
}
.mnodr_unit_item.ty_rect_xsmall .mnodr_unit_tit {
  margin: 0;
}
.mnodr_unit_item.ty_rect_xsmall .mnodr_unit_tit a {
  -webkit-line-clamp: 1;
}

.mnodr_unit.ty_line .mnodr_unit_item:not(:first-child) {
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
  margin-top: 20px;
  padding-top: 20px;
}

.mnodr_thmbunitl {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}
.mnodr_thmbunitl .mnodr_thmbunitl_img {
  display: block;
}
.mnodr_thmbunitl .mnodr_thmbunitl_img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.02);
  content: "";
}
.mnodr_thmbunitl .mnodr_thmbunitl_img img {
  display: block;
  width: 100%;
  height: 100%;
}
.mnodr_thmbunitl.ty_bundle2 {
  padding-top: 100%;
}
.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img {
  position: absolute;
  width: 61.538%;
  height: 61.538%;
  border: 1px solid var(--m-colors-white, #ffffff);
  border-right: 0;
  border-bottom: 0;
}
.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img:first-child {
  top: 0;
  left: 0;
  border: 0;
}
.mnodr_thmbunitl.ty_bundle2 .mnodr_thmbunitl_img:last-child {
  right: 0;
  bottom: 0;
}
.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img {
  position: relative;
}
.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img .mnodr_ic.ic_bg_bundle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mnodr_thmbunitl.ty_bundle3:before, .mnodr_thmbunitl.ty_bundle3:after {
  display: block;
  position: absolute;
  background: var(--m-colors-white, #ffffff);
  z-index: 1;
  content: "";
}
.mnodr_thmbunitl.ty_bundle3:before {
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}
.mnodr_thmbunitl.ty_bundle3:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
}
.mnodr_thmbunitl.ty_bundle3 .mnodr_thmbunitl_img {
  position: relative;
  float: left;
  width: 50%;
  height: 0;
  padding-top: 50%;
}

.mnodr_thmbunits {
  overflow: hidden;
  overflow-x: auto;
  height: 30px;
  margin: 0 -15px;
  font-size: 0;
  white-space: nowrap;
}

.mnodr_thmbunits_item {
  display: inline-block;
  margin-right: 5px;
}
.mnodr_thmbunits_item:first-child {
  margin-left: 15px;
}
.mnodr_thmbunits_item:last-child {
  margin-right: 15px;
}

.mnodr_thmbunits_img {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
}
.mnodr_thmbunits_img:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.02);
  content: "";
}
.mnodr_thmbunits_img img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.mnodr_unit_orderstate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.mnodr_unit_prdpay + .mnodr_unit_orderstate {
  margin-top: 6px;
}

.mnodr_unit_today {
  position: relative;
  padding: 3px 0 1px 22px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.mnodr_unit_today:last-child {
  margin-right: 0;
}
.mnodr_unit_today:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28104%2C65%2C255%29' d='M0.78 11.75v5.84h3.070c0.37 0.84 1.21 1.43 2.18 1.43s1.81-0.59 2.18-1.43h5.11c0.37 0.84 1.21 1.43 2.18 1.43s1.81-0.59 2.18-1.43h2.18v-3.97h2.92v-1.2h-7.040v1.2h2.92v2.77h-0.82c-0.12-1.2-1.13-2.15-2.36-2.15s-2.24 0.95-2.36 2.15h-4.72v-10.22h10.26v1.66h-2.91v1.2h7.030v-1.2h-2.92v-2.86h-12.67v2.86h-2.51l-3.94 3.92h0.040zM14.29 16.64c0-0.66 0.54-1.19 1.19-1.19s1.19 0.53 1.19 1.19c0 0.66-0.53 1.19-1.19 1.19s-1.19-0.53-1.19-1.19zM4.81 16.64c0-0.66 0.53-1.19 1.19-1.19 0.65 0 1.19 0.53 1.19 1.19s-0.53 1.19-1.19 1.19c-0.66 0-1.19-0.53-1.19-1.19zM1.93 16.4v-4.16l3.23-3.22h2.020v5.55c-0.35-0.2-0.76-0.32-1.19-0.32-1.23 0-2.24 0.95-2.36 2.15h-1.7z'%3e%3c/path%3e %3cpath fill='rgb%28104%2C65%2C255%29' d='M21.29 10.13h-7.030v1.2h7.030v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.mnodr_unit_deadline {
  position: relative;
  padding: 3px 0 1px 22px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.mnodr_unit_deadline:last-child {
  margin-right: 0;
}
.mnodr_unit_deadline:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e093";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_deadline .icon_alert {
  display: none;
}

.mnodr_unit_regulardeliv {
  position: relative;
  padding: 3px 0 1px 22px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.03em;
}
.mnodr_unit_regulardeliv:last-child {
  margin-right: 0;
}
.mnodr_unit_regulardeliv:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray600, #777777);
  content: "\e010";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_paymodal_unit.ty_space {
  margin-top: 20px;
}
.mnodr_paymodal_unit .ssg_price {
  font-size: 14px;
}
.mnodr_paymodal_unit .ssg_tx {
  font-size: 12px;
  vertical-align: 0;
}
.mnodr_paymodal_unit .mnodr_unit_oldprice {
  display: inline-block;
}
.mnodr_paymodal_unit .mnodr_unit_oldprice .ssg_price {
  font-weight: normal;
}
.mnodr_paymodal_unit .mnodr_unit_newprice {
  display: inline-block;
}

.mnodr_unit_discountprice {
  color: var(--m-colors-primary, #a59357);
  font-size: 12px;
}
.mnodr_unit_discountprice .ssg_price {
  font-size: 12px;
  font-weight: normal;
}
.mnodr_unit_discountprice .ssg_tx {
  font-size: 12px;
}

.mnodr_unit_append {
  padding-left: 16px;
}

.mnodr_unit_exclude {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  border-radius: 4px;
  padding: 0 10px;
  font-size: 12px;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_unit_label_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 4px;
  margin-top: 6px;
}
.mnodr_unit_label_wrap .mnodr_label_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  padding: 0 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_wrap .mnodr_label_item > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_unit_label_wrap .mnodr_label_item.ty_line {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_unit_label_wrap .mnodr_label_item.modal-alert-open:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: currentcolor;
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_unit_label_wrap .mnodr_label_item.ty_line_warning.modal-alert-open:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-warning_loss, #ff5452);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -1px;
}
.mnodr_unit_label_wrap .mnodr_label_item.modal-fix-open:after, .mnodr_unit_label_wrap .mnodr_label_item.bottomsheet_btn_open:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: currentcolor;
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}

.mnodr_unit_label_orderstate {
  margin-top: 6px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0;
  height: 20px;
  font-size: 12px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -1px;
  margin-right: 2px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_deadline {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_deadline::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e093";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_earlymorning {
  color: var(--m-colors-delivery-earlymorning_dark_02, #44637e);
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_earlymorning::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-delivery-earlymorning_dark_02, #44637e);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_today {
  color: var(--m-colors-delivery-depart_today, #8807f3);
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_today::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-delivery-depart_today, #8807f3);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_deliv {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_deliv::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_finalsale {
  overflow: hidden;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_finalsale::before {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e065";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_finalsale strong {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 2px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_block.ty_finalsale .mnodr_marquee {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin: 0;
  white-space: normal;
}
.mnodr_unit_label_orderstate + .mnodr_unit_label_wrap {
  margin-top: 2px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer {
  padding: 2px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer > button {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-delivery-depart_today, #8807f3);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button:before, .mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button:after {
  color: var(--m-colors-delivery-depart_today, #8807f3);
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-delivery-depart_today, #8807f3);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 2px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-delivery-depart_today, #8807f3);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_today > button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_deliv > button {
  text-align: left;
  line-height: 1.2;
}
.mnodr_unit_label_orderstate .mnodr_label_item_layer.ty_deliv > button::after {
  margin-top: -1px;
  vertical-align: top;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-warning_loss, #ff5452);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_unit_label_discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4px;
}
.mnodr_unit_label_discount .mnodr_label_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  padding: 0 6px;
  background-color: var(--m-colors-primary_light, #f2efe6);
  color: var(--m-colors-primary_dark, #8a7634);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_discount .mnodr_label_item.ty_rt {
  margin-left: auto;
}
.mnodr_unit_label_discount .mnodr_label_item > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 6px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  margin: 0 -6px 0 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_label_discount .mnodr_label_item > button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_unit_label_nplus {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-regular, 400);
  padding: 0 6px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_unit_eminfo {
  margin-top: 6px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_unit_eminfo .mnodr_unit_eminfo_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 2px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-normal, 400);
  color: inherit;
  line-height: 1.25;
}
.mnodr_unit_eminfo .mnodr_unit_eminfo_txt:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e036";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_unit_eminfo.ty_gray700 {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_unit_eminfo.ty_gray700 .mnodr_unit_eminfo_txt {
  padding-bottom: 2px;
}

/* /// 주문/클레임 (_odr_old.scss) /// */
.codr_tbl_timetb {
  margin-top: 20px;
}
.codr_tbl_timetb.ty_space_btm {
  margin-bottom: 20px;
}

.codr_tbl_timetb:first-of-type {
  margin-top: 0;
}

.codr_acdo_cont3 .codr_tbl_timetb:first-of-type,
.codr_acdo_cont4 .codr_tbl_timetb:first-of-type {
  margin-top: 20px;
}

.codr_tbl_timetb.emart .codr_thead:after {
  background: var(--m-colors-delivery-emart, #ffd040);
}
.codr_tbl_timetb.emart .codr_thead .codr_cell {
  background: var(--m-colors-delivery-emart, #ffd040);
}
.codr_tbl_timetb.traders .codr_thead:after {
  background-color: var(--m-colors-delivery-traders, #a6dd27);
}
.codr_tbl_timetb.traders .codr_thead .codr_cell {
  background: var(--m-colors-delivery-traders, #a6dd27);
}
.codr_tbl_timetb.mndeptfood .codr_thead:after {
  background-color: var(--m-colors-delivery-traders, #a6dd27);
}
.codr_tbl_timetb.mndeptfood .codr_thead .codr_cell {
  background: #3e3e3f;
  color: var(--m-colors-white, #ffffff) !important;
}
.codr_tbl_timetb.mnmorning .codr_thead:after {
  background-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.codr_tbl_timetb.mnmorning .codr_thead .codr_cell {
  background: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.codr_tbl_timetb .store {
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1.15;
}
.codr_tbl_timetb .store.emart, .codr_tbl_timetb .store.traders, .codr_tbl_timetb .store.mnmorning {
  color: var(--m-colors-gray900, #222222);
  opacity: 0.7;
}

.codr_tbl_timetb .codr_table {
  display: table;
  position: relative;
  width: calc(100% + 30px);
  margin-left: -15px;
  border-bottom: 1px solid var(--m-colors-gray150, #f5f5f5);
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.codr_tbl_timetb .codr_table.codr_thead {
  position: relative;
  z-index: 0;
  border-bottom: 0;
}
.codr_tbl_timetb .codr_table.codr_thead:after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: var(--m-colors-gray150, #f5f5f5);
  position: absolute;
  top: 0;
  z-index: -1;
}
.codr_tbl_timetb .codr_table.codr_thead .codr_cell {
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.05em;
  line-height: 1.2;
  padding: 9px 0;
}
.codr_tbl_timetb .codr_table.codr_thead .codr_cell strong {
  font-weight: normal;
  font-size: 12px;
}

.codr_tbl_timetb .codr_table .codr_row {
  display: table-row;
}
.codr_tbl_timetb .codr_table .codr_row:first-child .codr_cell {
  border-top: 0;
}
.codr_tbl_timetb .codr_table .codr_row:only-child .state {
  margin: 0 auto;
  -webkit-transform: none;
          transform: none;
}

.codr_tbl_timetb .codr_table .codr_cell {
  display: table-cell;
  width: 18%;
  padding: 14px 0;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  line-height: 1;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.codr_tbl_timetb .codr_table .codr_cell.ty_soon {
  position: relative;
}
.codr_tbl_timetb .codr_table .codr_cell .codr_closing_noti {
  position: absolute;
  display: inline-block;
  top: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 32px;
  padding: 4px 6px 2px;
  background-color: var(--m-colors-primary, #a59357);
  border-radius: 18px;
  border: 1px solid var(--m-colors-primary, #a59357);
  font-size: 11px;
  font-weight: bold;
  z-index: 1;
  letter-spacing: -0.3px;
  word-spacing: -0.5px;
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
}
.codr_tbl_timetb .codr_table .codr_cell .codr_closing_noti:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 4px solid var(--m-colors-primary, #a59357);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.codr_tbl_timetb .codr_table .codr_cell .codr_tx_soon {
  display: block;
  margin: 3px 0 -11px;
  font-size: 11px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.codr_tbl_timetb .codr_table .codr_cell .ico_goodmorning {
  display: block;
  width: 22px;
  height: 17px;
  margin: 0 auto;
  background: url(../img/ico_goodmorning_bnw.png) no-repeat;
  background-size: 22px auto;
}
.codr_tbl_timetb .codr_table .codr_cell .state {
  position: absolute;
  top: 50%;
  display: block;
  width: inherit;
  min-width: 51px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.codr_tbl_timetb .codr_table .codr_cell .state:before {
  content: "";
  display: block;
  margin: 0 auto 4px;
}
.codr_tbl_timetb .codr_table .codr_cell .state.ty_finished:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: 0px 0px;
  background-size: 115px 53px;
  width: 32px;
  height: 22px;
}
.codr_tbl_timetb .codr_table .codr_cell .state.ty_closed:before, .codr_tbl_timetb .codr_table .codr_cell .state.ty_strpick_closed:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -84px 0px;
  background-size: 115px 53px;
  width: 31px;
  height: 21px;
}
.codr_tbl_timetb .codr_table .codr_cell .state.ty_ready:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -42px 0px;
  background-size: 115px 53px;
  width: 32px;
  height: 22px;
}
.codr_tbl_timetb .codr_table .codr_cell .state.ty_strpick_finished:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: 0px -32px;
  background-size: 115px 53px;
  width: 32px;
  height: 21px;
}
.codr_tbl_timetb .codr_table .codr_cell .state.ty_strpick_ready:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -42px -32px;
  background-size: 115px 53px;
  width: 32px;
  height: 21px;
}
.codr_tbl_timetb .codr_table .codr_cell:first-child {
  width: 28%;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
  word-spacing: -1.5px;
}
.codr_tbl_timetb .codr_table .codr_cell:first-child.empty {
  width: 28%;
}
.codr_tbl_timetb .codr_table .codr_cell:first-child strong {
  font-weight: normal;
}
.codr_tbl_timetb .codr_table .codr_cell.rowspan, .codr_tbl_timetb .codr_table .codr_cell.empty {
  border-left: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.codr_tbl_timetb .codr_table .codr_cell.rowspan + .codr_cell, .codr_tbl_timetb .codr_table .codr_cell.empty + .codr_cell {
  border-left: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.codr_tbl_timetb .codr_table .codr_cell.empty {
  width: 18%;
  border-top: 0;
}
.codr_tbl_timetb .codr_table .codr_cell.rowspan + .codr_cell, .codr_tbl_timetb .codr_table .codr_cell.empty + .codr_cell {
  border-left: 1px solid var(--m-colors-gray150, #f5f5f5);
}

.codr_tbl_timetb .codr_table.ty_cell6 .codr_cell:first-child,
.codr_tbl_timetb .codr_table.ty_cell6 .codr_cell:first-child.empty {
  width: 25%;
}
.codr_tbl_timetb .codr_table.ty_cell6 .codr_cell,
.codr_tbl_timetb .codr_table.ty_cell6 .codr_cell.rowspan,
.codr_tbl_timetb .codr_table.ty_cell6 .codr_cell.empty {
  width: 15%;
}
.codr_tbl_timetb .codr_table.ty_cell6 .codr_row:only-child .state {
  position: relative;
}
.codr_tbl_timetb .codr_table.ty_cell6 .codr_row:only-child .codr_closing_noti {
  top: auto;
  bottom: -4px;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_cell {
  width: 15%;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_cell:first-child, .codr_tbl_timetb .codr_table.ty_cell7 .codr_cell:first-child.empty {
  width: 15%;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_cell.rowspan, .codr_tbl_timetb .codr_table.ty_cell7 .codr_cell.empty {
  width: 15%;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_cell:last-child .codr_closing_noti {
  left: auto;
  right: 5px;
  -webkit-transform: none;
          transform: none;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_cell:last-child .codr_closing_noti:before {
  left: auto;
  right: 15px;
  -webkit-transform: none;
          transform: none;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_row:only-child .state {
  position: relative;
}
.codr_tbl_timetb .codr_table.ty_cell7 .codr_row:only-child .codr_closing_noti {
  bottom: -4px;
}
.codr_tbl_timetb .codr_table.ty_cell8 .codr_cell {
  width: 10%;
}
.codr_tbl_timetb .codr_table.ty_cell8 .codr_cell:first-child, .codr_tbl_timetb .codr_table.ty_cell8 .codr_cell:first-child.empty {
  width: 10%;
}
.codr_tbl_timetb .codr_table.ty_cell8 .codr_cell.rowspan, .codr_tbl_timetb .codr_table.ty_cell8 .codr_cell.empty {
  width: 10%;
}
.codr_tbl_timetb .codr_table.ty_cell8 .codr_cell .state {
  min-width: 40px;
}
.codr_tbl_timetb .codr_table.ty_cell8 .codr_cell .state:before {
  display: none;
}

.codr_cell_tit {
  display: block;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3;
  letter-spacing: -0.3px;
}

.codr_tbl_timetb .codr_table_tx {
  position: relative;
  padding: 10px 5px;
  border-bottom: 0 none;
  font-size: 12px;
  text-align: center;
  color: var(--m-colors-gray600, #777777);
  line-height: 1.2;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-gray150, #f5f5f5);
  margin: 0 -15px;
}

/* /// 공통 (m_sdc.scss) /// */
.sdc_tbl {
  margin: 20px -15px;
  word-break: break-word;
}

.sdc_tbl table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}

.sdc_tbl th,
.sdc_tbl td {
  position: relative;
  height: 56px;
  padding: 12px 0 11px;
  color: var(--m-colors-gray900, #222222);
  border: 1px solid var(--m-colors-gray150, #f5f5f5);
  border-width: 1px 0;
  font-size: 12px;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sdc_tbl tr:first-child th,
.sdc_tbl tr:first-child td {
  border-top: 0;
}

.sdc_tbl th {
  color: var(--m-colors-black, #000000);
  font-weight: normal;
}
.sdc_tbl th:first-child {
  width: 24%;
}

.sdc_tbl thead th {
  border: 0;
}

.sdc_tbl.emart thead th {
  background: var(--m-colors-delivery-emart, #ffd040);
}

.sdc_tbl.traders thead th {
  background: var(--m-colors-delivery-traders, #a6dd27);
}

.sdc_tbl.mnmorning thead th {
  background: var(--m-colors-delivery-earlymorning, #a3b7cd);
}

.sdc_tbl th .ico_em {
  width: 66px;
  height: 16px;
  background-position: 0 0;
}

.sdc_tbl th .ico_traders {
  width: 64px;
  height: 16px;
  background-position: 0 -16px;
}

.sdc_tbl th .cdor_tomorrow_tx {
  font-size: 12px;
}

.sdc_tbl th .cdor_tomorrow_tx em {
  font-size: 11px;
  color: var(--m-colors-gray500, #888888);
}

.sdc_tbl td .state_bookready {
  color: var(--m-colors-gray500, #888888);
}

.sdc_tbl td .state_finished {
  color: var(--m-colors-gray500, #888888);
}

.sdc_tbl td .state_impossible {
  color: var(--m-colors-gray500, #888888);
}

.sdc_tbl td .state_closingsoon {
  color: var(--m-colors-primary, #a59357);
}

.sdc_tbl td .tx_info {
  color: #666;
  font-size: 13px;
}

.sdc_tbl td.sdc_closed {
  background: #f9f9f9;
}

.sdc_tbl td.sdc_state_closed,
.sdc_tbl td.sdc_state_off,
.sdc_tbl td.sdc_state_bookready,
.sdc_tbl td.sdc_state_anytime {
  height: 80px;
  border-left: 1px solid var(--m-colors-gray150, #f5f5f5);
  border-right: 1px solid var(--m-colors-gray150, #f5f5f5);
}

.sdc_tbl tbody th {
  font-size: 13px;
}

.sdc_tbl tbody th + td[class^=sdc] {
  border-left: 0;
}

.sdc_tbl tbody td:last-child {
  border-right: 0;
}

.sdc_tbl td .state {
  position: absolute;
  top: 50%;
  min-width: 51px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}

.sdc_tbl tr:only-child td .state {
  position: relative;
  top: auto;
}

.sdc_tbl td .state:before {
  content: "";
  display: block;
  margin: 0 auto 4px;
}
.sdc_tbl td .state.ty_finished:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: 0px 0px;
  background-size: 115px 53px;
  width: 32px;
  height: 22px;
}
.sdc_tbl td .state.ty_closed:before, .sdc_tbl td .state.ty_strpick_closed:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -84px 0px;
  background-size: 115px 53px;
  width: 31px;
  height: 21px;
}
.sdc_tbl td .state.ty_ready:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -42px 0px;
  background-size: 115px 53px;
  width: 32px;
  height: 22px;
}
.sdc_tbl td .state.ty_strpick_finished:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: 0px -32px;
  background-size: 115px 53px;
  width: 32px;
  height: 21px;
}
.sdc_tbl td .state.ty_strpick_ready:before {
  background-image: url(../img/sprites/sp_odrtimetbl_20200115@2x.png);
  background-position: -42px -32px;
  background-size: 115px 53px;
  width: 32px;
  height: 21px;
}
.sdc_tbl td .state.ty_anytime:before {
  width: 20px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5 4.8999H1' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M4.90015 1V4.90001' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M16.6001 4.90001V1' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M7.34009 10.74L10.26 13.66L15.1401 8.79004' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cpath d='M20.47 1.02002H1V18.5H20.47V1.02002Z' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}

.sdc_tbl td .codr_table {
  display: table;
  position: relative;
  width: 100%;
  border-bottom: 1px solid var(--m-colors-gray150, #f5f5f5);
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sdc_tbl .sdc_table_tx {
  position: relative;
  height: 24px;
  padding: 7px 5px 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  font-size: 12px;
  text-align: center;
  color: var(--m-colors-gray600, #777777);
  line-height: 1.2;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sdc_tbl .store {
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  font-weight: normal;
  opacity: 0.7;
}

.sdc_tbl .closed {
  display: inline-block;
  width: 32px;
  height: 33px;
  background: url(../img/com_v2/sp_store_tbl.png) no-repeat 0 0;
  background-size: 32px auto;
}

.sdc_tbl .closed.emart {
  background-position: 0 0;
}

.sdc_tbl .closed.traders {
  background-position: 0 -40px;
}

.sdc_tbl .ico_goodmorning {
  display: block;
  width: 22px;
  height: 16px;
  margin: 0 auto;
  background: url(../img/ico_goodmorning_bnw.png) no-repeat;
  background-size: 22px auto;
}

.sdc_tbl .sdc_table_desc {
  display: block;
  margin-top: 2px;
}

/*//////////// 주문개편 타임테이블 ////////////*/
.mnodr_tbl_time thead th {
  border: none;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time.emart thead th {
  background: #ffdd15;
  border: 1px solid #ffdd15;
}
.mnodr_tbl_time.mnmorning thead th {
  background: #bcd1e8;
  border: 1px solid #bcd1e8;
}
.mnodr_tbl_time.traders thead th {
  background: var(--m-colors-delivery-traders, #a6dd27);
  border: 1px solid var(--m-colors-delivery-traders, #a6dd27);
}
.mnodr_tbl_time.ty_cell5 th:first-child {
  width: 23%;
}
.mnodr_tbl_time.ty_cell6 th:first-child {
  width: 16%;
}
.mnodr_tbl_time.ty_cell6 td {
  width: 14%;
}
.mnodr_tbl_time.ty_cell6 td label {
  font-size: 12px;
}

.mnodr_tbl_time table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.mnodr_tbl_time table + .mnodr_tx_desc {
  margin: 10px 0 10px 0;
}
.mnodr_tbl_time table + .mnodr_tx_desc + .mnodr_tx_desc {
  margin-top: -5px;
}

.mnodr_tbl_time tr:only-child td .state {
  position: relative;
}

.mnodr_tbl_time thead th {
  background: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_tbl_time tbody th {
  font-size: 12px;
}
.mnodr_tbl_time tbody th.ty_anytime span {
  font-weight: bold;
  white-space: nowrap;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time tbody th.state_anytime {
  background-color: #e6f6ec;
  color: #0b923b;
  font-weight: bold;
}
.mnodr_tbl_time tbody th.state_mnmorning {
  background: #f0f3f7;
  color: #44637e;
}
.mnodr_tbl_time tbody th .mnodr_cell_morning {
  position: relative;
  display: inline-block;
  padding-top: 18px;
}
.mnodr_tbl_time tbody th .mnodr_cell_morning:before {
  display: inline-block;
  position: absolute;
  content: "";
  top: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -392px;
  background-size: 472px 463px;
  width: 21px;
  height: 13px;
}

.mnodr_tbl_time th,
.mnodr_tbl_time td {
  background: var(--m-colors-white, #ffffff);
  position: relative;
  height: 45px;
  color: var(--m-colors-gray900, #222222);
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  font-size: 12px;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;
  letter-spacing: -0.05em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_tbl_time th {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}

.mnodr_tbl_time td .mnodr_rdo_rect {
  height: 100%;
}
.mnodr_tbl_time td.state_finished {
  color: #bbb;
  background: var(--m-colors-gray100, #fafafa);
  font-size: 12px;
}
.mnodr_tbl_time td.state_col_finished {
  position: relative;
  overflow: hidden;
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_tbl_time td.state_col_finished:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray300, #e5e5e5);
  content: "\e039";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
.mnodr_tbl_time td.state_col_finished.state_anytime {
  position: relative;
  overflow: hidden;
  background: #e6f6ec;
}
.mnodr_tbl_time td.state_col_finished.state_anytime:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28145%2C216%2C171%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%28145%2C216%2C171%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_tbl_time td.state_col_finished.state_mnmorning {
  position: relative;
  overflow: hidden;
  background: #f0f3f7;
}
.mnodr_tbl_time td.state_col_finished.state_mnmorning:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2868%2C99%2C126%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%2868%2C99%2C126%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_tbl_time td.mnodr_bubblebx_anytime {
  position: relative;
  height: auto;
  padding: 8px 0 7px;
  border-color: var(--m-colors-service-esg_primary, #0b923b);
  background-color: var(--m-colors-service-esg_primary, #0b923b);
  color: var(--m-colors-white, #ffffff);
  line-height: 1.2;
}
.mnodr_tbl_time td.mnodr_bubblebx_anytime > strong,
.mnodr_tbl_time td.mnodr_bubblebx_anytime > span {
  display: inline-block;
  vertical-align: top;
  margin: 2px 0;
}
.mnodr_tbl_time td.mnodr_bubblebx_anytime:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 9.6%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-right: 1px solid #0b923b;
  border-bottom: 1px solid #0b923b;
  background-color: #0b923b;
}
.mnodr_tbl_time td.state_anytime {
  background-color: #e6f6ec;
}
.mnodr_tbl_time td .state_tx_anytime {
  color: #0b923b;
}
.mnodr_tbl_time td.state_mnmorning {
  background: #f0f3f7;
  color: #3c5b7e;
}
.mnodr_tbl_time td .state_tx_mnmorning {
  color: #44637e;
}
.mnodr_tbl_time td .state_finished {
  color: #bbb;
}
.mnodr_tbl_time td .state_orderplus .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked ~ .mnodr_bubblebx_orderplus {
  display: block;
}
.mnodr_tbl_time td .mnodr_tx_soon {
  display: block;
  margin: 3px 0 -16px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: var(--m-colors-warning_loss, #ff5452);
  line-height: 14px;
}
.mnodr_tbl_time td .mnodr_tx_soon span {
  white-space: nowrap;
}
.mnodr_tbl_time td .mnodr_rdo_rect.ty_deliv_tbl .mnodr_tx_soon {
  margin: 0;
}

.mnodr_tbl_time .mnodr_bubblebx_delivery {
  top: -27px;
  left: -1px;
  position: absolute;
  opacity: 1;
  width: 130px;
}
.mnodr_tbl_time .mnodr_bubblebx_delivery:before {
  top: auto;
  bottom: -3px;
  left: 25px;
}

.mnodr_nt_albibag {
  position: relative;
  margin: 10px 0 0;
  padding-left: 50px;
}
.mnodr_nt_albibag:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -171px -299px;
  width: 40px;
  height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_nt_albibag:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_nt_albibag.albi_paper:before {
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -221px -299px;
  width: 40px;
  height: 40px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_nt_albibag.albi_paper:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_nt_albibag p {
  color: var(--m-colors-gray500, #888888);
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: bold;
}
.mnodr_nt_albibag p span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.mnodr_nt_albibag_bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
  padding: 0 10px;
  height: 60px;
  background: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_nt_albibag_bnr:before {
  position: relative;
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -313px -198px;
  width: 50px;
  height: 50px;
  content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_nt_albibag_bnr:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_nt_albibag_bnr p {
  padding-left: 10px;
  color: #666;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: bold;
}
.mnodr_nt_albibag_bnr p span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}

.mnodr_tx_ssgpay_white {
  display: inline-block;
  width: 46px;
  height: 10px;
}
.mnodr_tx_ssgpay_white:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='10' viewBox='0 0 46 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M18.9 5.023v1.134h2.737v2.046c-.478.312-1.37.639-2.472.639-1.034 0-2-.394-2.721-1.11a3.792 3.792 0 0 1-1.12-2.715 3.85 3.85 0 0 1 3.842-3.85c.968 0 1.746.296 2.524.959l.198.168.76-.868-.213-.174C21.407.399 20.4.019 19.165.019c-2.746 0-4.98 2.242-4.981 4.998 0 2.79 2.188 4.974 4.981 4.974h.002c2.087 0 3.34-.906 3.537-1.219l.071-.114V5.023h-3.874zM3.24 4.339c-1.363-.364-2.1-.739-2.1-1.678 0-.698.532-1.512 2.035-1.512.904 0 1.625.439 1.76.527l.228.148.597-.995-.221-.14C5.357.575 4.386 0 3.175 0 .982 0 0 1.336 0 2.66c0 1.835 1.393 2.37 2.944 2.797 1.51.408 2.328.822 2.328 1.842 0 .812-.97 1.525-2.073 1.525-.76 0-1.524-.29-2.15-.818L.86 7.848l-.793.811.21.188c.295.264 1.381 1.126 2.92 1.126 1.741 0 3.212-1.225 3.212-2.674.001-1.91-1.566-2.51-3.17-2.96M10.352 4.357c-1.362-.364-2.1-.74-2.1-1.678 0-.698.533-1.512 2.035-1.512.906 0 1.626.44 1.761.527l.229.15.595-.993-.215-.14a4.59 4.59 0 0 0-2.37-.693c-2.193 0-3.175 1.336-3.175 2.66 0 1.835 1.393 2.37 2.945 2.797 1.51.408 2.327.822 2.327 1.842 0 .812-.97 1.525-2.073 1.525-.77 0-1.513-.283-2.149-.817l-.186-.157-.795.81.21.187c.296.264 1.384 1.126 2.92 1.126 1.741 0 3.212-1.225 3.212-2.674 0-1.91-1.566-2.51-3.17-2.96' fill='%23FFF'/%3E%3Cpath d='M45.168 8.322a.837.837 0 0 0-.832.84c0 .462.373.838.832.838A.836.836 0 0 0 46 9.161a.837.837 0 0 0-.832-.84M27.56 5.537h-2.01V1.193h1.998c1.199 0 2.173.966 2.173 2.154 0 1.207-.969 2.19-2.16 2.19m3.299-2.19A3.311 3.311 0 0 0 27.548.044h-3.136v9.922h1.138v-3.28h2.01c1.82 0 3.3-1.498 3.3-3.34M44.425.017 41.32 4.126 38.215.017h-1.422l3.954 5.233v4.741h1.14V5.256l3.96-5.239z' fill='%23E24F39'/%3E%3Cpath fill='%23E24F39' d='M39.01 6.656V5.537h-1.902L34.723.018h-.836L29.58 9.991h1.246l3.478-8.047 1.553 3.593H34.22v1.119h2.121l1.442 3.335h1.245l-1.442-3.34z'/%3E%3C/g%3E%3C/svg%3E");
}

.mnodr_ssgpay_acdo {
  border-top: 1px solid #f5f5f5;
  letter-spacing: -0.3px;
}

.mnodr_ssgpay_acdo:first-child {
  border: 0;
}

.mnodr_ssgpay_acdohead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 15px;
  padding: 20px 0 20px 16px;
}
.mnodr_ssgpay_acdohead .mnodr_ssgpay_acdoheadtit {
  font-weight: normal;
}

.mnodr_ssgpay_acdoheadtx {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  vertical-align: middle;
}
.mnodr_ssgpay_acdoheadtx .mnodr_tx_num {
  font-size: 17px;
  font-weight: 500;
}
.mnodr_ssgpay_acdoheadtx .mnodr_tx_ssgpay {
  display: inline-block;
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -186px -359px;
  width: 56px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_ssgpay_acdoheadtx .mnodr_tx_ssgpay {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_ssgpay_acdoheadtx .mnodr_tx_ssgpay_desc {
  font-size: 16px;
  font-weight: normal;
  vertical-align: top;
}
.mnodr_ssgpay_acdoheadtx .mnodr_tx_ssgpay_bdg {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  padding: 0 5px;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  color: var(--m-colors-gray600, #777777);
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  border-radius: 2px;
  background: var(--m-colors-white, #ffffff);
  vertical-align: top;
}
.mnodr_ssgpay_acdoheadtx button.mnodr_tx_ssgpay_bdg::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28150%2C150%2C150%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
}

.mnodr_ssgpay_acdoheadtag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 6px;
  padding: 2px 8px;
  border: 1px solid var(--m-colors-primary, #a59357);
  border-radius: 10px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 15px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.mnodr_ssgpay_acdocont.mnodr_ssgpay_loading {
  position: relative;
  overflow: hidden;
  height: 200px;
  color: transparent;
  font-size: 0;
}

.mnodr_ssgpay_acdocont.mnodr_ssgpay_loading:before {
  content: "loading...";
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 24px;
  height: 24px;
  margin: -15px 0 0 -15px;
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-top-color: var(--m-colors-gray900, #222222);
  border-radius: 50%;
  -webkit-animation: mnodr_ssgpay_loading 3s linear infinite;
          animation: mnodr_ssgpay_loading 3s linear infinite;
}

.mnodr_ssgpay_acdocont.mnodr_ssgpay_loading > * {
  opacity: 0;
}

@-webkit-keyframes mnodr_ssgpay_loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes mnodr_ssgpay_loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mnodr_ssgpay_acdotoggle.ty_chk {
  border-top: 1px solid #e5e5e5;
}
.mnodr_ssgpay_acdotoggle.ty_chk .mnodr_ssgpay_acdoheadtit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
}
.mnodr_ssgpay_acdotoggle.ty_chk .mnodr_ssgpay_acdoheadtit:before {
  content: "";
  z-index: 2;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border: 1px solid #969696;
  border-radius: 3px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mnodr_ssgpay_acdotoggle.ty_chk .mnodr_ssgpay_acdoheadtit .mnodr_tx_ssgpay_desc {
  font-weight: bold;
}
.mnodr_ssgpay_acdotoggle.ty_chk .mnodr_ssgpay_acdoheadtit .mnodr_tx_desc {
  padding-left: 26px;
  margin-top: 5px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-weight: normal;
}
.mnodr_ssgpay_acdotoggle.ty_chk.on .mnodr_ssgpay_acdoheadtit:before {
  background: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mnodr_ssgpay_acdotoggle.ty_chk.on .mnodr_ssgpay_acdoheadtit:after {
  position: absolute;
  top: 4px;
  left: 6px;
  z-index: 2;
  display: inline-block;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.mnodr_ssgpay_acdotoggle .mnodr_ssgpay_acdocont {
  display: none;
}

.mnodr_ssgpay_acdotogglebtn {
  display: block;
  position: relative;
  padding-right: 16px;
}

.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdocol {
  display: block;
  position: relative;
  width: 100%;
}

.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadright {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadright .mnodr_ssgpay_card_asset {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 500;
}
.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadright .mnodr_ssgpay_card_asset::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtit:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 1px;
  margin-right: 6px;
  border: 3px solid #fff;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #969696;
          box-shadow: 0 0 0 1px #969696;
  border-radius: 50%;
  vertical-align: middle;
}

.mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheaddesc {
  margin-left: 25px;
}

:checked + .mnodr_ssgpay_acdotogglebtn + .mnodr_ssgpay_acdocont {
  display: block;
}

:checked + .mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtit:before {
  background: var(--m-colors-primary, #a59357);
  border-color: #fff;
  -webkit-box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
}

:checked + .mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtit,
:checked + .mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtx {
  font-weight: bold;
}
:checked + .mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtit .mnodr_tx_ssgpay_desc,
:checked + .mnodr_ssgpay_acdotogglebtn .mnodr_ssgpay_acdoheadtx .mnodr_tx_ssgpay_desc {
  font-weight: bold;
}

.mnodr_ssgpay_slider {
  position: relative;
  margin-top: -5px;
}

.mnodr_ssgpay_slider .swiper-container {
  overflow: hidden;
}

.mnodr_ssgpay_slider .swiper-slide {
  width: calc(100% - 60px);
}

.mnodr_ssgpay_slider .swiper-slide-active .mnodr_ssgpay_cardform,
.mnodr_ssgpay_slider .swiper-slide-active .mnodr_ssgpay_carddetail {
  opacity: 1;
}

.mnodr_ssgpay_slider .mnodr_ssgpay_carddetail {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.mnodr_ssgpay_cardrdo {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  border: 0;
  background: transparent;
  opacity: 0.1;
}

.mnodr_ssgpay_carditem {
  padding-top: 0;
}

.mnodr_ssgpay_card {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 64%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ssgpay_card:before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  height: 60px;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
  border-radius: 30px;
}

.mnodr_ssgpay_card.ty_add .mnodr_ssgpay_cardimg {
  background: #fff;
  border: 1px solid #e0e0e0;
}
.mnodr_ssgpay_card.ty_add .mnodr_ssgpay_cardimg:before, .mnodr_ssgpay_card.ty_add .mnodr_ssgpay_cardimg:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 2px;
  margin: -20px 0 0 -17px;
  background: var(--m-colors-gray900, #222222);
}
.mnodr_ssgpay_card.ty_add .mnodr_ssgpay_cardimg:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mnodr_ssgpay_card.ty_add .mnodr_article_headbubble {
  bottom: -30px;
  min-width: 180px;
  width: 65%;
}

.mnodr_ssgpay_card.ty_swipe .mnodr_ssgpay_cardimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.mnodr_ssgpay_card.ty_swipe .mnodr_ssgpay_cardimg .ic_card_swipe {
  display: block;
  margin: 0 auto;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px -299px;
  background-size: 472px 463px;
  width: 49px;
  height: 50px;
}
.mnodr_ssgpay_card.ty_swipe .mnodr_ssgpay_cardimg .mnodr_tx_desc2 {
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_card.ty_swipe .mnodr_ssgpay_cardimg .mnodr_tx_desc2 {
    margin-top: 5px;
  }
}
.mnodr_ssgpay_card.ty_swipe .mnodr_ssgpay_cardimg .mnodr_ssgpay_cardnone {
  position: static;
  margin-top: 20px;
}

.mnodr_ssgpay_card.ty_ssgpay .mnodr_ssgpay_cardimg {
  overflow: visible;
}
.mnodr_ssgpay_card.ty_ssgpay .mnodr_ssgpay_cardimg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.6);
}

.mnodr_ssgpay_cardssg {
  width: 100%;
  border: 1px solid #222;
  border-radius: 10px;
  background: #fff;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  margin-bottom: 20px;
}
.mnodr_ssgpay_cardssg.ty_account {
  border: none;
  overflow: initial;
}
.mnodr_ssgpay_cardssg.ty_account .mnodr_ssgpay_btnarea {
  max-width: initial;
  margin: 0 -25px;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_cardtit {
  padding: 20px 20px 0;
  font-size: 24px;
  letter-spacing: -0.3px;
  line-height: normal;
}
.mnodr_ssgpay_cardssg .ic_ssgcard_txt {
  display: block;
  margin-top: 5px;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_cardcont {
  margin-top: 10px;
  padding: 0 20px 20px;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_cardcont .mnodr_tx_desc2 {
  display: inline-block;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_joincont {
  min-height: 162px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 35px 0 20px 0;
  text-align: center;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_joincont .mnodr_tx_desc {
  margin-top: 17px;
  text-align: center;
}
.mnodr_ssgpay_cardssg .mnodr_bullst li + li {
  margin-top: 3px;
}
.mnodr_ssgpay_cardssg .mnodr_ssgpay_btnarea {
  max-width: none;
  margin: 0;
}
.mnodr_ssgpay_cardssg .mnodr_btn .mnodr_tx_desc {
  color: #fff;
}

.mnodr_ssgpay_cardnone {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin-top: 15px;
  text-align: center;
}

.mnodr_ssgpay_cardimg {
  display: block;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.6666666667vw;
  background-size: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardimg {
    border-radius: 10px;
  }
}
.mnodr_ssgpay_cardimg .mnodr_tx_desc {
  font-size: 3.7333333333vw;
  line-height: 1.16;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardimg .mnodr_tx_desc {
    font-size: 14px;
  }
}
.mnodr_ssgpay_cardimg .mnodr_tx_desc2 {
  font-size: 3.2vw;
  line-height: 1.16;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardimg .mnodr_tx_desc2 {
    font-size: 12px;
  }
}
.mnodr_ssgpay_cardimg .mnodr_tx_size2,
.mnodr_ssgpay_cardimg .mnodr_tx_size2 .ssg_price,
.mnodr_ssgpay_cardimg .mnodr_tx_size2 .ssg_tx {
  font-size: 3.2vw !important;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardimg .mnodr_tx_size2,
.mnodr_ssgpay_cardimg .mnodr_tx_size2 .ssg_price,
.mnodr_ssgpay_cardimg .mnodr_tx_size2 .ssg_tx {
    font-size: 12px !important;
  }
}
.mnodr_ssgpay_cardimg .mnodr_tx_size6 {
  font-size: 4.2666666667vw !important;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardimg .mnodr_tx_size6 {
    font-size: 16px !important;
  }
}

.mnodr_ssgpay_cardbi {
  position: absolute;
  top: 20px;
  left: 16px;
}
.mnodr_ssgpay_cardbi img {
  vertical-align: bottom;
  max-height: 20px;
}

.mnodr_ssgpay_cardbi_round {
  display: block;
  margin-top: 4.2666666667vw;
  margin-left: 4.2666666667vw;
  margin-right: 4.2666666667vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbi_round {
    margin-top: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbi_round {
    margin-left: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbi_round {
    margin-right: 16px;
  }
}
.mnodr_ssgpay_cardbi_round img {
  vertical-align: bottom;
  max-height: 6.4vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbi_round img {
    max-height: 24px;
  }
}

.mnodr_ssgpay_cardbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-left: 4.2666666667vw;
  margin-right: 4.2666666667vw;
  line-height: 1.16;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox {
    margin-left: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox {
    margin-right: 16px;
  }
}
.mnodr_ssgpay_cardbox .mnodr_cardbox_detail {
  min-width: 0;
  margin-top: 2.1333333333vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_detail {
    margin-top: 8px;
  }
}
.mnodr_ssgpay_cardbox .mnodr_cardbox_name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 3.7333333333vw;
  font-weight: 700;
  color: var(--m-colors-white, #ffffff);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_name {
    font-size: 14px;
  }
}
.mnodr_ssgpay_cardbox .mnodr_cardbox_nickname {
  display: block;
  margin-top: 1.0666666667vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_nickname {
    margin-top: 4px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_nickname {
    font-size: 12px;
  }
}
.mnodr_ssgpay_cardbox .mnodr_cardbox_realimg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  position: relative;
  height: 12.2666666667vw;
  margin-left: 3.2vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_realimg {
    height: 46px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardbox .mnodr_cardbox_realimg {
    margin-left: 12px;
  }
}
.mnodr_ssgpay_cardbox .mnodr_cardbox_realimg img {
  height: 100%;
  vertical-align: top;
}

.mnodr_ssgpay_cardform {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 0.2666666667vw;
  margin-top: -0.4vw;
  vertical-align: middle;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail {
    margin-left: 1px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail {
    margin-top: -1.5px;
  }
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_question:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: initial;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_question:after {
    width: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_question:after {
    height: 16px;
  }
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_chevron_down:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e031";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: initial;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_chevron_down:after {
    width: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card .mnodr_btn_info_detail .icon_circle_chevron_down:after {
    height: 16px;
  }
}
.mnodr_ssgpay_cardform .mnodr_form_sec {
  padding-bottom: 5.3333333333vw !important;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec {
    padding-bottom: 20px !important;
  }
}
.mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim {
  padding-top: 3.2vw;
  padding-bottom: 3.2vw !important;
  margin-top: -4vw;
  background: rgba(34, 34, 34, 0.15);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim {
    padding-top: 12px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim {
    padding-bottom: 12px !important;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim {
    margin-top: -15px;
  }
}
.mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim[style*="display: none;"] + .mnodr_form_sec {
  margin-top: -4vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim[style*="display: none;"] + .mnodr_form_sec {
    margin-top: -15px;
  }
}
.mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim:last-child {
  border-bottom-left-radius: 2.6666666667vw;
  border-bottom-right-radius: 2.6666666667vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim:last-child {
    border-bottom-left-radius: 10px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_form_sec.ty_dim:last-child {
    border-bottom-right-radius: 10px;
  }
}
.mnodr_ssgpay_cardform .mnodr_priceitem > dd:last-child {
  width: 40%;
}
.mnodr_ssgpay_cardform .mnodr_priceitem .ssg_tx {
  font-size: inherit;
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card dt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 100px;
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card:last-child {
  margin-bottom: -0.5333333333vw;
  opacity: 0.7;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_cardform .mnodr_priceitem.ty_card:last-child {
    margin-bottom: -2px;
  }
}
.mnodr_ssgpay_cardform .mnodr_priceitem.ty_card:only-child {
  opacity: 1;
}

.mnodr_ssgpay_cardtag {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 15px;
  padding: 3px 8px;
  color: var(--m-colors-gray900, #222222);
  font-size: 11px;
  background: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.mnodr_ssgpay_cardtag_ssgpay {
  z-index: 10;
  position: absolute;
  top: -5px;
  right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 10px 2px;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  border-radius: 5px;
  background: #323743;
  color: #fff;
}
.mnodr_ssgpay_cardtag_ssgpay .mnodr_tx_ssgpay_white {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 3px;
}

.mnodr_ssgpay_carddesc {
  position: absolute;
  bottom: 5.3333333333vw;
  left: 5.3333333333vw;
  right: 5.3333333333vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_carddesc {
    bottom: 20px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_carddesc {
    left: 20px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_carddesc {
    right: 20px;
  }
}
.mnodr_ssgpay_carddesc p + p {
  margin-top: 6px;
}
.mnodr_ssgpay_carddesc .mnodr_tx_desc {
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_carddesc .mnodr_tx_desc {
    font-size: 14px;
  }
}

.mnodr_ssgpay_carddetail {
  width: 70%;
  margin: 0 auto;
}
.mnodr_ssgpay_carddetail .mnodr_form_sec {
  margin: 20px 0;
  padding: 0;
  border: 0;
}
.mnodr_ssgpay_carddetail .mnodr_form_sec:first-child {
  margin-top: 30px;
}
.mnodr_ssgpay_carddetail .mnodr_form_sec + .mnodr_form_sec {
  border: 0;
}
.mnodr_ssgpay_carddetail .mnodr_form_sec .mnodr_tx_point {
  line-height: 18px;
}
.mnodr_ssgpay_carddetail .mnodr_form_sec .mnodr_form_lst .mnodr_form_desc {
  line-height: 15px;
}
.mnodr_ssgpay_carddetail .mnodr_card_info .icon,
.mnodr_ssgpay_carddetail .mnodr_card_info .mnodr_ic {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
  vertical-align: middle;
}
.mnodr_ssgpay_carddetail .mnodr_ssgpay_btnarea {
  max-width: 100%;
}
.mnodr_ssgpay_carddetail .mnodr_ssgpay_btnarea:not(:first-child) {
  margin-top: 10px;
}
.mnodr_ssgpay_carddetail .mnodr_tx_area {
  margin: 10px 15px 0;
  line-height: 18px;
}
.mnodr_ssgpay_carddetail .mnodr_anchordown_ssgpay_cardarea {
  overflow: hidden;
}
.mnodr_ssgpay_carddetail .mnodr_anchordown_ssgpay_cardlst {
  overflow-x: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 8px;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.mnodr_ssgpay_carddetail .mnodr_anchordown_ssgpay_cardlst::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}
.mnodr_ssgpay_carddetail .mnodr_anchordown_ssgpay_cardlst li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 12px;
}
.mnodr_ssgpay_carddetail .mnodr_anchordown_ssgpay_cardlst li .mnodr_anchordown_ssgpay_cardlink {
  padding: 3px 8px 2px;
  border: 1px solid var(--m-colors-black, #000000);
  color: inherit;
  line-height: 1.1;
}

.mnodr_tx_noti {
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.mnodr_ssgpay_cardinfo {
  display: block;
}
.mnodr_ssgpay_cardinfo + .mnodr_chk {
  margin-top: 8px;
}

.mnodr_ssgpay_cardname {
  display: block;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mnodr_ssgpay_cardnum {
  display: block;
}

.mnodr_ssgpay_disable {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3.7333333333vw;
  background-color: rgba(34, 34, 34, 0.15);
  text-align: center;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_disable {
    padding: 14px;
  }
}
.mnodr_ssgpay_disable .mnodr_tx_desc {
  font-size: 3.7333333333vw;
  line-height: 1.16;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_disable .mnodr_tx_desc {
    font-size: 14px;
  }
}

.mnodr_ssgpay_btnarea {
  max-width: 300px;
  margin: 15px auto 0;
}

.mnodr_ssgpay_btnarea .mnodr_ssgpay_btn:not(:first-child) {
  margin-top: 5px;
}

.mnodr_cardsel_btnarea {
  margin: 0 16px 25px;
}
.mnodr_cardsel_btnarea .mnodr_ic_arr:before {
  margin-top: -3px;
}

.mnodr_ssgpay_btn {
  display: block;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  letter-spacing: -0.3px;
}

.mnodr_ssgpay_btn span {
  line-height: 1.2;
}

.mnodr_ssgpay_btn.ty_blkline {
  height: 40px;
  border: 1px solid #222;
  background: #fff;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
}

.mnodr_ssgpay_linkarr {
  position: relative;
  padding-right: 5px;
  color: #888;
  font-size: 12px;
  line-height: 1.2;
}

.mnodr_ssgpay_linkarr:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}

/* 첫결제혜택 */
/* 카드UI개선 배포 후 삭제 https://project.ssgadm.com/browse/OMD2-7105 (s) */
.mnodr_ssgpay_firstbene {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 7.8%;
  text-align: center;
  letter-spacing: -0.3px;
  line-height: 1.2;
}
.mnodr_ssgpay_firstbene_tit {
  display: block;
  font-size: 5.334vw;
  color: #fff;
}
.mnodr_ssgpay_firstbene_tx {
  display: block;
  font-size: 3.2vw;
  color: #fff;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene_tx {
    font-size: 12px;
  }
}
.mnodr_ssgpay_firstbene .mnodr_ssgpay_btn_firstbene {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 52vw;
  height: 9.667vw;
  margin-top: 5%;
  border-radius: 1.6vw;
  background-color: #fff;
  font-size: 3.39vw;
}
.mnodr_ssgpay_firstbene .mnodr_ssgpay_btn_firstbene:after {
  content: "";
  display: inline-block;
  width: 2.57%;
  height: 13.8%;
  margin: 1px 0 0 3px;
  border: solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* 카드UI개선 배포 후 삭제 https://project.ssgadm.com/browse/OMD2-7105 (e) */
.mnodr_ssgpay_firstbene.v2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 4.2666666667vw;
  padding-top: 3.2vw;
  background: rgba(0, 0, 0, 0.08);
  text-align: left;
  line-height: 1.2;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 {
    padding: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 {
    padding-top: 12px;
  }
}
.mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_firstbene_tit {
  display: block;
  font-size: 4.2666666667vw;
  font-weight: 700;
  color: var(--m-colors-white, #ffffff);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_firstbene_tit {
    font-size: 16px;
  }
}
.mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_firstbene_tx {
  display: block;
  margin-top: 1.0666666667vw;
  font-size: 3.2vw;
  font-weight: 400;
  color: var(--m-colors-white, #ffffff);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_firstbene_tx {
    margin-top: 4px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_firstbene_tx {
    font-size: 12px;
  }
}
.mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 7.4666666667vw;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3.2vw;
  border-radius: 0;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-white, #ffffff);
  font-size: 3.4666666667vw;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene {
    height: 28px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene {
    margin-top: 12px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene {
    font-size: 13px;
  }
}
.mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  width: 4.2666666667vw;
  height: 4.2666666667vw;
  margin: 0;
  border: 0;
  -webkit-transform: initial;
          transform: initial;
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene:after {
    width: 16px;
  }
}
@media screen and (min-width: 460px) {
  .mnodr_ssgpay_firstbene.v2 .mnodr_ssgpay_btn_firstbene:after {
    height: 16px;
  }
}

.mnodr_ssgpay_infobx {
  width: 75%;
  margin: 30px auto 20px;
}

.mnodr_ssgpay_errorbx {
  position: relative;
  margin-bottom: 20px;
}

.mnodr_ssgpay_errorbx + .mnodr_ssgpay_carddetail {
  margin-bottom: 20px;
}

.mnodr_ssgpay_errorcontainer {
  position: relative;
  z-index: 1;
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.mnodr_ssgpay_errorcontainer:before {
  content: "";
  display: block;
  margin: 0 auto;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -121px 0px;
  background-size: 472px 463px;
  width: 97px;
  height: 74px;
}

.mnodr_ssgpay_errormsg p {
  margin-top: 10px;
}

.mnodr_ssgpay_help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}

/* 선택된 신용카드 */
.mnodr_selected_card {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_selected_card .mnodr_form_sec {
  padding: 10px 0 0 0;
}

.mnodr_selected_carditem {
  padding: 0 16px;
  margin-top: -5px;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail {
  width: 100%;
  margin-top: -10px;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail .mnodr_form_sec:first-child {
  margin-top: 20px;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail .modr_pay_descbx {
  margin: -10px 0 20px 0;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail .modr_pay_descbx .mnodr_pay_total {
  border-bottom: 1px solid #f5f5f5;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail .modr_pay_descbx .mnodr_pay_total:last-child {
  border-bottom: none;
}
.mnodr_selected_carditem .mnodr_ssgpay_carddetail .mnodr_form_lst {
  margin-bottom: 10px;
}

.mnodr_priceinfo_lst li {
  margin-top: 3px;
}
.mnodr_priceinfo_lst li:first-child {
  margin-top: 0;
}

/* SSGPAY 계좌결제 */
.mnodr_ssgpay_reg_account {
  margin: 0 32px;
}
.mnodr_ssgpay_reg_account .mnodr_ssgpay_btnarea {
  margin: 0 -25px;
}
.mnodr_ssgpay_reg_account .mnodr_ssgpay_card {
  margin-bottom: 40px;
}

.mnodr_account_num {
  display: block;
  font-size: 12px;
  color: #fff;
  opacity: 0.7;
  margin-top: 36px;
}

.mnodr_btn_addaccount {
  position: relative;
  display: block;
  height: 35px;
  margin: 15px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_addaccount:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 2px;
  background: var(--m-colors-gray900, #222222);
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_btn_addaccount:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 8px;
  background: var(--m-colors-gray900, #222222);
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_btn_addaccount .mnodr_btn_addaccount_tx {
  font-size: 14px;
  font-weight: bold;
  padding-left: 13px;
}

.mnodr_pay_desc {
  line-height: 1.33;
  margin-top: 4px;
}
.mnodr_pay_desc:first-child {
  margin-top: 0;
}
.mnodr_pay_desc .mnodr_btn_info_detail {
  line-height: 1.2;
}

.mnodr_quick_carditem {
  padding: 0 14px;
}

.mnodr_quick_card {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_quick_cardbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  padding: 20px 16px;
  height: 77px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  line-height: 1;
}

.mnodr_quick_cardtx {
  padding-left: 25px;
  font-size: 14px;
  color: var(--m-colors-white, #ffffff);
  font-weight: bold;
  line-height: 20px;
}

.mnodr_quick_cardnum {
  padding-left: 25px;
  margin-top: 5px;
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_ssgpay_noslider {
  width: calc(100% - 56px);
  margin: 0 auto 20px;
}
.mnodr_ssgpay_noslider .mnodr_ssgpay_cardimg {
  border-radius: 12px;
}
.mnodr_ssgpay_noslider .mnodr_ssgpay_cardform {
  opacity: 1;
}
.mnodr_ssgpay_noslider .mnodr_ssgpay_carddetail {
  width: 100%;
}
.mnodr_ssgpay_noslider + .mnodr_cmbtn_area {
  padding: 0 16px 20px;
}

/* SSGPAY 계좌 > 계좌변경 */
.mnodr_pay_account_rdolst {
  overflow: hidden;
  margin: -10px -3px 0;
}
.mnodr_pay_account_rdolst > li {
  display: block;
  margin-top: 10px;
}
.mnodr_pay_account_rdolst .mnodr_ssgpay_cardbi {
  position: absolute;
}
.mnodr_pay_account_rdolst .mnodr_ssgpay_cardbi img {
  vertical-align: bottom;
  max-height: 20px;
}
.mnodr_pay_account_rdolst .mnodr_account_num {
  color: rgba(255, 255, 255, 0.7);
}
.mnodr_pay_account_rdolst .mnodr_selected_cardbox.ty_account_pop {
  display: block;
  position: relative;
  overflow: hidden;
}
.mnodr_pay_account_rdolst .mnodr_selected_cardbox.ty_account_pop .mnodr_ssgpay_cardbi {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_pay_account_rdolst .mnodr_selected_cardbox.ty_account_pop input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 74px;
  padding: 25px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_pay_account_rdolst .mnodr_selected_cardbox.ty_account_pop .mnodr_account_num {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: 0;
}

/* 선택된 신용카드 */
.mnodr_selected_cardbox {
  display: block;
  position: relative;
  width: 100%;
  height: 60px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 20px;
  border-radius: 6px;
}
.mnodr_selected_cardbox .mnodr_ssgpay_cardbi_circle {
  width: 30px;
  height: 30px;
  display: inline-block;
}
.mnodr_selected_cardbox .mnodr_ssgpay_cardbi_circle img {
  width: 100%;
  height: 100%;
}
.mnodr_selected_cardbox .mnodr_cardnm {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  vertical-align: top;
  line-height: 2.3;
}
.mnodr_selected_cardbox .mnodr_card_chg_btn {
  float: right;
  vertical-align: top;
  line-height: 2;
}
.mnodr_selected_cardbox .mnodr_card_chg_btn .mnodr_tx_link {
  color: #fff;
}
.mnodr_selected_cardbox.ty_account {
  height: 85px;
  margin-bottom: 20px;
}
.mnodr_selected_cardbox.ty_account_pop {
  height: 74px;
  padding: 25px 20px;
}
.mnodr_selected_cardbox.ty_quick_order {
  height: 77px;
  padding: 20px;
}

/* 배송유형 강화 */
.mnodr_deliv_lst_sec {
  margin-top: 40px;
  padding: 0 16px;
}
.mnodr_sec_heading + .mnodr_deliv_lst_sec {
  margin-top: 0;
}
.mnodr_deliv_type {
  margin-top: 18px;
  background: #f5f5f5;
  padding: 18px 16px 16px;
  border-radius: 8px;
}
.mnodr_deliv_type:first-child {
  margin-top: 0;
}
.mnodr_deliv_type:last-child {
  margin-bottom: 18px;
}
.mnodr_deliv_type .cm_mall_ship:nth-last-of-type(2) {
  width: 24px;
  background-size: cover;
  margin-right: 0 !important;
}
.mnodr_deliv_type .cm_mall_ship:nth-last-of-type(2) ~ .cm_mall_ship {
  -webkit-box-shadow: 0px 0px 0 3px #f0f0f0;
          box-shadow: 0px 0px 0 3px #f0f0f0;
  margin-left: -3px;
}
.mnodr_deliv_tit {
  padding-bottom: 6px;
  font-weight: bold;
}
.mnodr_deliv_tit .cm_mall_ship {
  margin-right: 4px;
}
.mnodr_info_txt {
  display: inline-block;
  vertical-align: middle;
  margin-top: 1px;
  font-size: 18px;
  line-height: 22px;
}
.mnodr_deliv_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #444;
}
.mnodr_deliv_cont .cm_mall_ship {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 6px;
}
.mnodr_deliv_cont + .mnodr_deliv_cont {
  margin-top: 6px;
}
.mnodr_info_desc {
  -ms-flex-item-align: center;
      align-self: center;
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
}
.mnodr_info_desc strong {
  color: var(--m-colors-primary, #a59357);
  font-weight: normal;
}
.mnodr_deliv_etc {
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  color: #777;
  font-size: 12px;
  letter-spacing: -0.3px;
}

/* codr_sp_ico */
.codr_map {
  position: relative;
}

.codr_map_info {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 11px 5px;
  background: #1081f2;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
}

.codr_map_info > p {
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.3px;
}

.codr_map_info > p {
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.3px;
}

.codr_map_info i.icon_questionmark_circle {
  width: auto;
  height: auto;
  -webkit-filter: none;
          filter: none;
  margin-top: 1px;
}
.codr_map_info i.icon_questionmark_circle:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.codr_map_infotit {
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.3px;
}

.codr_map_infotit > em:after {
  content: "·";
  display: inline;
  margin-left: 4px;
}

.codr_map_api {
  min-height: calc(100vh - 180px);
}

.cdor_map_marker {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.cdor_map_marker.stopover:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 129, 242, 0.15)), to(rgba(16, 129, 242, 0.15)));
  background: linear-gradient(to bottom, rgba(16, 129, 242, 0.15), rgba(16, 129, 242, 0.15));
  -webkit-animation: map_stopover 1s linear infinite;
  animation: map_stopover 1s linear infinite;
}

.cdor_map_marker i {
  display: block;
  position: relative;
  z-index: 10;
  overflow: hidden;
  background: url(../img/sp_odr_map_v2.png) no-repeat;
  background-size: auto 150px;
}

.cdor_map_marker i.startpoint {
  width: 24px;
  height: 32px;
  margin-bottom: 16px;
  background-position: 0 0;
}

.cdor_map_marker i.endpoint {
  width: 24px;
  height: 32px;
  margin-bottom: 16px;
  background-position: -30px 0;
}

.cdor_map_marker i.ing {
  width: 40px;
  height: 40px;
  background-position: 0 -45px;
}

.cdor_map_marker i.ing.unconfirmed {
  background-position: -45px -45px;
}

.cdor_map_marker i.finish {
  width: 45px;
  height: 45px;
  background-position: 0 -90px;
}

.cdor_map_marker i.finish.unconfirmed {
  background-position: -45px -90px;
}

.codr_map_overlay {
  position: absolute;
  top: 33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 14px;
  background: var(--m-colors-gray900, #222222);
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 24px;
}

.codr_map_overlay em {
  font-weight: 500;
}

.codr_map_overlay .tx {
  display: inline-block;
  position: relative;
  padding: 2px 14px;
  color: #f8e71c;
}

.codr_map_overlay .tx:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  border: 6px solid transparent;
  border-bottom: 8px solid #222;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.codr_map_overlay .time {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: -12px;
  padding: 0 8px;
  border: 2px solid #222;
  border-left-width: 4px;
  border-top-right-radius: 14px;
  border-bottom-right-radius: 14px;
  background: #f8e71c;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.codr_map.mndeptfood .codr_map_info {
  background: #3e3e3f;
}

.codr_map.mndeptfood .codr_map_overlay .tx {
  color: #fff;
}

.codr_map.mndeptfood .codr_map_overlay .time {
  background: #99895e;
}

.codr_map.mndeptfood .cdor_map_marker i.startpoint {
  background-position: -60px 0;
}

.codr_map.mndeptfood .cdor_map_marker i.ing {
  background-position: -90px -45px;
}

.codr_map.mndeptfood .cdor_map_marker i.finish {
  background-position: -90px -90px;
}

@-webkit-keyframes map_stopover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes map_stopover {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.mnodr_selbox_tab2 {
  overflow: hidden;
  padding: 8px 0;
  height: 28px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mnodr_selbox_tab2 .mnodr_form_switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  gap: 0 4px;
}
.mnodr_selbox_tab2 .mnodr_selbox_tabbg {
  position: absolute;
  right: 100%;
  top: 7px;
  width: 16px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0.01%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0.01%, #ffffff 50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s ease-in;
}
.mnodr_selbox_tab2 .mnodr_selbox_scroll {
  overflow: hidden;
  overflow-x: auto;
  background-color: var(--m-colors-white, #ffffff);
  margin-bottom: 0;
  white-space: nowrap;
}
.mnodr_selbox_tab2 .mnodr_selbox_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.mnodr_selbox_tab2 .mnodr_selbox_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: top;
  background-color: var(--m-colors-white, #ffffff);
  padding-left: 4px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_selbox_tab2 .mnodr_selbox_item {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: inline-block;
  padding-left: 6px;
  vertical-align: top;
}
.mnodr_selbox_tab2 .mnodr_selbox_item .mnodr_selbox_tx {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  min-height: 28px;
  padding: 6px 11px 5px;
  font-weight: bold;
  color: inherit;
  line-height: 1.215;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_selbox_tab2 .mnodr_selbox_item .mnodr_selbox_tx:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.on .mnodr_selbox_tx {
  position: relative;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.on .mnodr_selbox_tx:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--m-colors-black, #000000);
  border-radius: inherit;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_em .mnodr_selbox_tx {
  padding: 0;
  background-color: #ffd040;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_em_strpick .mnodr_selbox_tx {
  background-color: #ffd040;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_mnmorning .mnodr_selbox_tx {
  padding: 0;
  background-color: #a3b7cd;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_tr .mnodr_selbox_tx {
  padding: 0;
  background-color: #a6dd27;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_oneday .mnodr_selbox_tx {
  padding: 0;
  background-color: #dcaa78;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_earlyday .mnodr_selbox_tx {
  padding: 0;
  background-color: #ffd040;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_star .mnodr_selbox_tx {
  padding: 0;
  background-color: #7a4bfb;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_parcel .mnodr_selbox_tx, .mnodr_selbox_tab2 .mnodr_selbox_item.ty_culture .mnodr_selbox_tx {
  background-color: #d6d2c4;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_mndept .mnodr_selbox_tx {
  background-color: #e1d2c8;
}
.mnodr_selbox_tab2 .mnodr_selbox_item.ty_mnssgcon .mnodr_selbox_tx {
  background-color: #9ee5d2;
}
.mnodr_selbox_tab2 .mnodr_selbox_set {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  padding-right: 16px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_selbox_tab2 .mnodr_selbox_set .mnodr_form_switch {
  font-size: 13px;
  padding-left: 9px;
}
.mnodr_selbox_tab2 .mnodr_selbox_set:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: var(--m-colors-black, #000000);
  opacity: 0.1;
}
.mnodr_selbox_tab2 .mnodr_selbox_tabmore_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 28px;
  margin-left: 2px;
  margin-right: 16px;
  padding: 5px 12px 4px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.215;
}
.mnodr_selbox_tab2 .mnodr_selbox_tabmore_link::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M15.719 3.96l3.24 3.24h-15.36v1.2h15.36l-3.24 3.24 0.84 0.84 4.68-4.68-4.68-4.68-0.84 0.84z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M8.28 12.36l-0.84-0.84-4.68 4.68 4.68 4.68 0.84-0.84-3.24-3.24h15.36v-1.2h-15.36l3.24-3.24z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_selbox_tab2.v2 {
  overflow: hidden;
  padding: 8px 0;
  height: 28px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mnodr_selbox_tab2.v2 .mnodr_form_switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  gap: 0 4px;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_tabbg {
  position: absolute;
  right: 100%;
  top: 7px;
  width: 16px;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(0.01%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0.01%, #ffffff 50%);
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.1s ease-in;
  transition: opacity 0.3s 0.1s ease-in;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_scroll {
  overflow: hidden;
  overflow-x: auto;
  background-color: var(--m-colors-white, #ffffff);
  margin-bottom: 0;
  white-space: nowrap;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
          appearance: none;
  display: none;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: top;
  background-color: var(--m-colors-white, #ffffff);
  padding-left: 4px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item {
  overflow: hidden;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: inline-block;
  padding-left: 6px;
  vertical-align: top;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item .mnodr_selbox_tx {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 16px;
  width: 100%;
  height: 100%;
  height: 28px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  padding: 6px 11px 5px;
  font-weight: bold;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.215;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item .mnodr_selbox_tx:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.on .mnodr_selbox_tx {
  position: relative;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.on .mnodr_selbox_tx:after {
  content: "";
  display: none;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_em_strpick.on .mnodr_selbox_tx {
  background-color: var(--m-colors-delivery-emart, #ffd040);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_parcel.on .mnodr_selbox_tx, .mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_culture.on .mnodr_selbox_tx {
  background-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_mndept.on .mnodr_selbox_tx {
  background-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_mnssgcon.on .mnodr_selbox_tx {
  background-color: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_em .mnodr_selbox_tx {
  width: 84px;
  padding: 0;
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_emart_02_off.png);
  background-size: cover;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_em.on .mnodr_selbox_tx {
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_emart_02_on.png);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_mnmorning .mnodr_selbox_tx {
  width: 84px;
  padding: 0;
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_earlymorning_02_off.png);
  background-size: cover;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_mnmorning.on .mnodr_selbox_tx {
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_earlymorning_02_on.png);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_tr .mnodr_selbox_tx {
  width: 84px;
  padding: 0;
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_traders_02_off.png);
  background-size: cover;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_tr.on .mnodr_selbox_tx {
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_traders_02_on.png);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_earlyday .mnodr_selbox_tx {
  width: 84px;
  padding: 0;
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_early_day_off.png);
  background-size: cover;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_earlyday.on .mnodr_selbox_tx {
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_early_day_on.png);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_star .mnodr_selbox_tx {
  width: 84px;
  padding: 0;
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_star_off.png);
  background-size: cover;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_item.ty_star.on .mnodr_selbox_tx {
  background-image: url(https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_filter_star_on.png);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_set {
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 2px;
  padding-right: 16px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_set .mnodr_form_switch {
  font-size: 13px;
  padding-left: 9px;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_set:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: var(--m-colors-black, #000000);
  opacity: 0.1;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_tabmore_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 28px;
  margin-left: 2px;
  margin-right: 16px;
  padding: 5px 12px 4px;
  border: 1px solid #e5e5e5;
  border-radius: 20px;
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.215;
}
.mnodr_selbox_tab2.v2 .mnodr_selbox_tabmore_link::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M15.719 3.96l3.24 3.24h-15.36v1.2h15.36l-3.24 3.24 0.84 0.84 4.68-4.68-4.68-4.68-0.84 0.84z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M8.28 12.36l-0.84-0.84-4.68 4.68 4.68 4.68 0.84-0.84-3.24-3.24h15.36v-1.2h-15.36l3.24-3.24z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_sortable_sec {
  position: relative;
  margin: 12px 0;
  padding: 0 20px;
}
.mnodr_sortable_sec .mnodr_btn_sortable_info {
  display: inline-block;
  height: 20px;
  vertical-align: top;
}
.mnodr_sortable_sec .mnodr_btn_sortable_info .icon_circle_question:after {
  content: "";
  background-image: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
}
.mnodr_sortable_sec .mnodr_sortable_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
  gap: 8px 4px;
  font-size: 13px;
}
.mnodr_sortable_sec .mnodr_sortable_item {
  position: relative;
  margin: 0;
  height: 28px;
}
.mnodr_sortable_sec .mnodr_sortable_item .mnodr_sortable_txt {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 28px;
  padding: 4px 11px;
  color: var(--m-colors-gray900, #222222);
  border-radius: 20px;
  font-weight: bold;
}
.ghost .mnodr_sortable_sec .mnodr_sortable_item .mnodr_sortable_txt {
  display: none;
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_em .mnodr_sortable_txt, .mnodr_sortable_sec .mnodr_sortable_item.ty_earlyday .mnodr_sortable_txt {
  padding: 0;
  background-color: var(--m-colors-delivery-emart, #ffd040);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_em_strpick .mnodr_sortable_txt {
  background-color: var(--m-colors-delivery-emart, #ffd040);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_mnmorning .mnodr_sortable_txt {
  padding: 0;
  background-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_tr .mnodr_sortable_txt {
  padding: 0;
  background-color: var(--m-colors-delivery-traders, #a6dd27);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_oneday .mnodr_sortable_txt {
  padding: 0;
  background-color: var(--m-colors-delivery-oneday, #dcaa78);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_star .mnodr_sortable_txt {
  padding: 0;
  background: var(--m-colors-delivery-star_gradation, linear-gradient(90deg, #7a4bfb 0%, #0d1f90 88%));
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_parcel .mnodr_sortable_txt, .mnodr_sortable_sec .mnodr_sortable_item.ty_culture .mnodr_sortable_txt {
  background-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_mnssgcon .mnodr_sortable_txt {
  background-color: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_sortable_sec .mnodr_sortable_item.ty_mndept .mnodr_sortable_txt {
  background-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_sortable_sec .mnodr_sortable_counter {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px dashed var(--m-colors-gray350, #cfcfcf);
  border-radius: 20px;
  font-size: 14px;
  color: var(--m-colors-gray500, #888888);
}
.ghost .mnodr_sortable_sec .mnodr_sortable_counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_sortable_sec .mnodr_sortable_pointer {
  position: absolute;
  top: 4px;
  left: 60px;
  width: 51px;
  height: 51px;
  background: url("../img/order/svg/icon_detail_click.svg") no-repeat;
  background-size: 100%;
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mnodr_sortable_sec .mnodr_sortable_pointer_wrap {
  position: relative;
  width: 23.34%;
  z-index: 10;
}
.mnodr_sortable_sec .mnodr_sortable_info_panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 28px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
}
.mnodr_sortable_sec .mnodr_sortable_ly_info {
  position: absolute;
  top: 64px;
  left: 0;
  z-index: 10;
  padding: 6px 9px;
  border-radius: 2px;
  border: 1px solid var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-white, #ffffff);
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.mnodr_sortable_sec .mnodr_sortable_ly_info :before {
  content: "";
  position: absolute;
  top: -4px;
  left: 20px;
  overflow: hidden;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-right: 1px solid var(--m-colors-gray900, #222222);
  border-bottom: 1px solid var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_sortable_sec .mnodr_sortable_lt {
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap {
  position: absolute;
  top: 5px;
  right: 0;
  left: 0;
  margin: 0 20px;
  max-width: 1080px;
  z-index: -1;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap[aria-hidden=false] {
  z-index: 40;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap[aria-hidden=false] .mnodr_sortable_pointer_wrap {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
  transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 1.1s;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap[aria-hidden=false] .mnodr_sortable_info_panel {
  -webkit-animation: ani_sortable_panel_fade 2.1s linear, ani_sortable_panel_position 0.3s cubic-bezier(0.17, 0.17, 0, 1) 0.8s forwards;
          animation: ani_sortable_panel_fade 2.1s linear, ani_sortable_panel_position 0.3s cubic-bezier(0.17, 0.17, 0, 1) 0.8s forwards;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap[aria-hidden=false] .mnodr_sortable_pointer {
  -webkit-animation: ani_sortable_fade 2.1s linear, ani_sortable_pointer_scale 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;
          animation: ani_sortable_fade 2.1s linear, ani_sortable_pointer_scale 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0.4s forwards;
  -webkit-transform-origin: 28px 22px;
          transform-origin: 28px 22px;
}
.mnodr_sortable_sec .mnodr_sortable_info_wrap[aria-hidden=false] .mnodr_sortable_ly_info {
  -webkit-animation: ani_sortable_fade 2.1s linear, ani_sortable_ly_scale 0.4s forwards;
          animation: ani_sortable_fade 2.1s linear, ani_sortable_ly_scale 0.4s forwards;
  -webkit-transform-origin: 55px -5px;
          transform-origin: 55px -5px;
}
.mnodr_sortable_sec .mnodr_sortable_dimmed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
}
.mnodr_sortable_sec .mnodr_sortable_dimmed.show {
  display: block;
}

@-webkit-keyframes ani_sortable_fade {
  0% {
    opacity: 0;
  }
  4.7% {
    opacity: 1;
  }
  90.4% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes ani_sortable_fade {
  0% {
    opacity: 0;
  }
  4.7% {
    opacity: 1;
  }
  90.4% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani_sortable_panel_fade {
  0% {
    opacity: 0;
  }
  38.09% {
    opacity: 0;
  }
  42.85% {
    opacity: 1;
  }
  90.4% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ani_sortable_panel_fade {
  0% {
    opacity: 0;
  }
  38.09% {
    opacity: 0;
  }
  42.85% {
    opacity: 1;
  }
  90.4% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ani_sortable_panel_position {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(-3px, -6px);
            transform: translate(-3px, -6px);
  }
  100% {
    -webkit-transform: translate(4px, -6px);
            transform: translate(4px, -6px);
  }
}
@keyframes ani_sortable_panel_position {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  75% {
    -webkit-transform: translate(-3px, -6px);
            transform: translate(-3px, -6px);
  }
  100% {
    -webkit-transform: translate(4px, -6px);
            transform: translate(4px, -6px);
  }
}
@-webkit-keyframes ani_sortable_pointer_scale {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes ani_sortable_pointer_scale {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@-webkit-keyframes ani_sortable_ly_scale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@keyframes ani_sortable_ly_scale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
            animation-timing-function: cubic-bezier(0.8, 0, 0.6, 1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
.mnodr_container_step .mnodr_cardrgst#m_content {
  padding-bottom: 0;
}
.mnodr_cardrgst_sec {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: calc(100vh - 45px);
  padding: 76px 28px 62px 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.18;
}
.mnodr_cardrgst_sec:before {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.mnodr_cardrgst_heading {
  position: relative;
  z-index: 20;
  text-align: center;
  font-size: 18px;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cardrgst_desc {
  position: relative;
  z-index: 20;
  text-align: center;
  margin-top: 4px;
  font-size: 14px;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cardrgst_btnarea {
  margin-top: auto;
  position: relative;
  z-index: 9998;
}
.mnodr_cardrgst_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 44px;
  border-radius: 8px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray800, #444444);
}
.mnodr_cardrgst_btn:not(:first-child) {
  margin-top: 8px;
}

#mnodr_modal_card_registration.mnodr_modal {
  background: none;
}
#mnodr_modal_card_registration .mnodr_form_sec {
  padding: 0;
}
#mnodr_modal_card_registration .mnodr_form_tit {
  font-weight: normal;
}
#mnodr_modal_card_registration .mnodr_inp_txt input:focus {
  color: #222222 !important;
}
#mnodr_modal_card_registration .mnodr_inp_txt input#valid_thru {
  width: 26.16%;
}

#mnodr_cardrgst_layer #canvas_extracted_roi {
  display: none;
}

.mnodr_giftsvc_unit .mnodr_unit_item.ty_rect_small {
  border-top: 1px solid #f0f0f0;
  padding: 20px 0 10px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_giftsvc_unit .mnodr_unit_item.ty_rect_small:first-child {
  border-top: 0;
  padding-top: 4px;
}
.mnodr_giftsvc_unit .mnodr_unit_item.ty_rect_small:last-child {
  padding-bottom: 0;
}
.mnodr_giftsvc_unit .mnodr_unit_item.ty_rect_small .mnodr_unit_info {
  margin-right: 0;
}

.mnodr_bubble_bx .mnodr_bubble_desc {
  position: relative;
  padding-left: 22px;
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_bubble_bx .mnodr_bubble_desc:not(:first-child) {
  margin-top: 6px;
}
.mnodr_bubble_bx .mnodr_bubble_desc.ty_exclamation:before, .mnodr_bubble_bx .mnodr_bubble_desc.ty_delivcar:before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
}
.mnodr_bubble_bx .mnodr_bubble_desc.ty_exclamation:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12 14.916c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M11.4 13.404h1.2v-6.84h-1.2v6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_bubble_bx .mnodr_bubble_desc.ty_delivcar::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M0.78 11.75v5.84h3.070c0.37 0.84 1.21 1.43 2.18 1.43s1.81-0.59 2.18-1.43h5.11c0.37 0.84 1.21 1.43 2.18 1.43s1.81-0.59 2.18-1.43h2.18v-3.97h2.92v-1.2h-7.040v1.2h2.92v2.77h-0.82c-0.12-1.2-1.13-2.15-2.36-2.15s-2.24 0.95-2.36 2.15h-4.72v-10.22h10.26v1.66h-2.91v1.2h7.030v-1.2h-2.92v-2.86h-12.67v2.86h-2.51l-3.94 3.92h0.040zM14.29 16.64c0-0.66 0.54-1.19 1.19-1.19s1.19 0.53 1.19 1.19c0 0.66-0.53 1.19-1.19 1.19s-1.19-0.53-1.19-1.19zM4.81 16.64c0-0.66 0.53-1.19 1.19-1.19 0.65 0 1.19 0.53 1.19 1.19s-0.53 1.19-1.19 1.19c-0.66 0-1.19-0.53-1.19-1.19zM1.93 16.4v-4.16l3.23-3.22h2.020v5.55c-0.35-0.2-0.76-0.32-1.19-0.32-1.23 0-2.24 0.95-2.36 2.15h-1.7z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M21.29 10.13h-7.030v1.2h7.030v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_giftsvc_headsec {
  margin: 20px 16px 12px;
}
.mnodr_giftsvc_headsec .mnodr_giftsvc_headtxt {
  font-size: 20px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  letter-spacing: -0.5px;
}
.mnodr_giftsvc_headsec .mnodr_giftsvc_subtxt {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1875;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}

.mnodr_giftsvc_sectit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 8px;
  padding: 0 16px;
}
.mnodr_giftsvc_sectit_area .mnodr_giftsvc_sectit_l {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.mnodr_giftsvc_sectit_area .mnodr_giftsvc_sectit_r {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_giftsvc_sectit_area .mnodr_info_headbubble {
  position: absolute;
  margin-bottom: 10px;
  bottom: 100%;
  right: 0;
}
.mnodr_giftsvc_sectit_area .mnodr_info_headbubble > p {
  max-width: 350px;
  white-space: nowrap;
  background: var(--m-colors-gray900, #222222);
  border-radius: 4px;
  padding: 6px 7px;
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-white, #ffffff);
  line-height: 1.1666666667;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_sectit_area .mnodr_info_headbubble:after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  width: 8px;
  height: 6px;
  background: var(--m-colors-gray900, #222222);
  margin-bottom: -6px;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.mnodr_giftsvc_sectit_area .mnodr_giftsvc_sectit {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1666666667;
}
.mnodr_giftsvc_sectit_area .mnodr_giftsvc_secsubtit {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}

.giftsvc_msg .giftsvc_msg_img {
  position: relative;
  padding-bottom: 45.625%;
  text-align: center;
  border-radius: 20px 20px 0 0;
  background-size: cover;
  background-color: #fff;
  background-position: 50% 3%;
  background-repeat: no-repeat;
}
.giftsvc_msg .giftsvc_msg_imgbox {
  position: relative;
  width: 100%;
  max-height: 480px;
  aspect-ratio: 1;
  text-align: center;
  border-radius: 20px 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.giftsvc_msg .giftsvc_msg_imgbox img {
  height: 100%;
}
.giftsvc_msg .giftsvc_msg_cont {
  padding: 40px 30px;
  border-radius: 20px;
  background: #fff;
  color: var(--m-colors-black, #000000);
  line-height: 1.2;
  word-wrap: break-word;
  word-break: break-all;
}
.giftsvc_msg .giftsvc_msg_tx {
  overflow: hidden;
  margin-top: 15px;
  height: 90px;
  background: url("../img/giftsvc/bg_letter.gif") repeat;
  background-size: auto 30px;
  font-size: 15px;
  color: var(--m-colors-gray600, #777777);
  line-height: 30px;
}
.giftsvc_msg .giftsvc_unit_to {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.giftsvc_msg .giftsvc_unit_date {
  float: right;
  margin-top: 20px;
  font-size: 14px;
  color: var(--m-colors-gray600, #777777);
  text-align: right;
}
.giftsvc_msg .giftsvc_unit_from {
  display: inline-block;
  margin-top: 20px;
  font-size: 14px;
}

.mnodr_giftsvc_msgsec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: calc(100vh - 97px);
}
.mnodr_giftsvc_msgsec .giftsvc_msg_new {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_giftsvc .giftsvc_msg_new {
  position: relative;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
  background-color: inherit;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_img img,
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_img .giftsvc_msg_mycard_btn {
  max-width: 600px;
  max-height: 600px;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_img .giftsvc_msg_mycard {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  vertical-align: top;
  max-width: 600px;
  max-height: 600px;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: static;
  width: auto;
  margin: 0;
  padding: 16px 0 30px;
  background-color: transparent;
  border-radius: 0;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-black, #000000);
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_tx {
  max-width: 290px;
  margin: 0 auto;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_tx .giftsvc_textarea {
  outline: 0px solid transparent;
  resize: none;
  overflow-y: hidden;
  font-size: 18px;
  font-weight: 500;
  color: inherit;
  line-height: normal;
  text-align: center;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_tx .giftsvc_textarea:focus {
  padding-top: 16px;
  padding-bottom: 16px;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_tx .giftsvc_textarea:empty::before {
  content: attr(placeholder);
  color: var(--m-colors-gray400, #969696);
  mix-blend-mode: multiply;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_tx_byte {
  margin-top: 16px;
  color: inherit;
  opacity: 0.4;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}
.mnodr_giftsvc .giftsvc_msg_new .mnodr_bar {
  display: inline-block;
  width: 1px;
  margin: 0 8px;
  opacity: 0.3;
}
.mnodr_giftsvc .giftsvc_msg_new .mnodr_bar:before {
  content: "|";
  color: inherit;
  vertical-align: top;
  display: inline-block;
  font-size: 10px;
  margin-top: 5px;
  line-height: 1;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_btn_editmsg {
  margin-top: 20px;
  width: 88px;
  height: 34px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid rgba(102, 102, 102, 0.3);
  font-size: 13px;
  font-weight: 600;
  line-height: normal;
  color: inherit;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_btn_editmsg * {
  opacity: initial;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_btn_editmsg::after {
  content: "";
  margin-left: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M20.64 7.44l-4.080-4.080-12.96 12.96v4.080h4.080l12.96-12.96zM7.2 19.2h-2.4v-2.4l9.6-9.6 2.4 2.4-9.6 9.6zM15.24 6.36l1.32-1.32 2.4 2.4-1.32 1.32-2.4-2.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_giftsvc .giftsvc_msg_new .mnodr_msguser_from {
  -ms-flex-item-align: center;
      align-self: center;
  margin-top: 20px;
  font-size: 14px;
  line-height: normal;
  font-weight: 500;
  color: inherit;
}
.mnodr_giftsvc .giftsvc_msg_new .mnodr_msguser_to {
  -ms-flex-item-align: center;
      align-self: center;
  margin-bottom: 20px;
  padding: 5px 14px 4px;
  border-radius: 12px;
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-gray900, #222222);
  line-height: 1.25;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255,255,255)"] .giftsvc_btn_editmsg,
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255, 255, 255)"] .giftsvc_btn_editmsg {
  border-color: rgba(255, 255, 255, 0.3);
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255,255,255)"] .giftsvc_btn_editmsg:after,
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255, 255, 255)"] .giftsvc_btn_editmsg:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M20.64 7.44l-4.080-4.080-12.96 12.96v4.080h4.080l12.96-12.96zM7.2 19.2h-2.4v-2.4l9.6-9.6 2.4 2.4-9.6 9.6zM15.24 6.36l1.32-1.32 2.4 2.4-1.32 1.32-2.4-2.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255,255,255)"] .giftsvc_tx_byte,
.mnodr_giftsvc .giftsvc_msg_new .giftsvc_msg_bx[style*="rgb(255, 255, 255)"] .giftsvc_tx_byte {
  opacity: 0.6;
}

.mnodr_giftsvc .giftsvc_msg_boxarea {
  padding: 16px 0;
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_inp_bdrrdo {
  display: block;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_inp_bdrrdo input + label {
  border-radius: 0;
  border: 2px solid var(--m-colors-gray100, #fafafa);
  background-color: #f2f2f2; /* 스켈레톤 색상 설정 */
  -webkit-animation: skeleton-loading 1s infinite linear;
          animation: skeleton-loading 1s infinite linear;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_inp_bdrrdo input + label img {
  width: 100%;
  vertical-align: top;
  aspect-ratio: 1;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_inp_bdrrdo input:checked + label {
  border-color: var(--m-colors-gray900, #222222);
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_inp_bdrrdo input:checked + label:after {
  display: none;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 14px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item:not(:first-child) {
  padding-left: 8px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item:last-child {
  padding-right: 16px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item .giftsvc_btn_msg_category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  color: var(--m-colors-gray800, #444444);
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 20px;
  line-height: 1.05;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item .giftsvc_btn_msg_category.ty_mycard::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.68 6.36l-0.72-3h-7.92l-0.72 3h-5.16v14.52h19.68v-14.52h-5.16zM9 4.68h6l0.48 1.8h-6.96l0.48-1.8zM20.64 19.8h-17.28v-12.24h17.28v12.24z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12 17.76c-1.080 0-2.040-0.36-2.88-1.2-0.72-0.72-1.2-1.8-1.2-2.88 0-2.28 1.8-4.080 3.96-4.080 2.28 0 4.080 1.8 4.080 3.96 0 1.080-0.36 2.16-1.2 2.88-0.6 0.96-1.68 1.32-2.76 1.32zM12 10.92c-1.68 0-2.88 1.32-2.88 2.88 0 0.72 0.36 1.44 0.84 2.040 0.48 0.48 1.2 0.84 2.040 0.84 0.72 0 1.44-0.36 2.040-0.84 0.48-0.6 0.84-1.32 0.84-2.040 0-1.68-1.32-2.88-2.88-2.88z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M10.92 13.68h-1.2c0-1.2 0.96-2.28 2.28-2.28v1.2c-0.48 0-1.080 0.48-1.080 1.080z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M18.48 10.56c0 0.48-0.36 0.84-0.84 0.84s-0.84-0.36-0.84-0.84c0-0.48 0.36-0.84 0.84-0.84s0.84 0.36 0.84 0.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item.selected .giftsvc_btn_msg_category {
  background-color: var(--m-colors-black, #000000);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category_item.selected .giftsvc_btn_msg_category.ty_mycard::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M16.68 6.36l-0.72-3h-7.92l-0.72 3h-5.16v14.52h19.68v-14.52h-5.16zM9 4.68h6l0.48 1.8h-6.96l0.48-1.8zM20.64 19.8h-17.28v-12.24h17.28v12.24z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M12 17.76c-1.080 0-2.040-0.36-2.88-1.2-0.72-0.72-1.2-1.8-1.2-2.88 0-2.28 1.8-4.080 3.96-4.080 2.28 0 4.080 1.8 4.080 3.96 0 1.080-0.36 2.16-1.2 2.88-0.6 0.96-1.68 1.32-2.76 1.32zM12 10.92c-1.68 0-2.88 1.32-2.88 2.88 0 0.72 0.36 1.44 0.84 2.040 0.48 0.48 1.2 0.84 2.040 0.84 0.72 0 1.44-0.36 2.040-0.84 0.48-0.6 0.84-1.32 0.84-2.040 0-1.68-1.32-2.88-2.88-2.88z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M10.92 13.68h-1.2c0-1.2 0.96-2.28 2.28-2.28v1.2c-0.48 0-1.080 0.48-1.080 1.080z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M18.48 10.56c0 0.48-0.36 0.84-0.84 0.84s-0.84-0.36-0.84-0.84c0-0.48 0.36-0.84 0.84-0.84s0.84 0.36 0.84 0.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_tabwrap {
  overflow: hidden;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_tabcont {
  margin-top: 12px;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_tabpanel {
  outline: 0px solid transparent;
  display: none;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_tabpanel.selected {
  display: block;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_imglst {
  margin-top: 0;
}
.mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_imglst li {
  display: inline-block;
  position: relative;
  width: 60px;
  height: 60px;
  padding-right: 8px;
  vertical-align: top;
}

.mnodr_giftsvc.mnodr_giftsvc_step1_msg .giftsvc_msg_new .giftsvc_msg_cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 6px 40px 24px;
}
.mnodr_giftsvc.mnodr_giftsvc_step1_msg .giftsvc_msg_new .giftsvc_msg_tx .giftsvc_textarea:not(:focus) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_giftsvc.mnodr_giftsvc_step1_msg .giftsvc_msg_new .giftsvc_msg_tx .giftsvc_textarea:not(:focus) > div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.mnodr_giftsvc.mnodr_ct_step3 .mnodr_giftsvc_msgsec {
  min-height: unset;
}
.mnodr_giftsvc.mnodr_ct_step3 .giftsvc_msg_new {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.mnodr_giftsvc.mnodr_ct_step3 .giftsvc_msg_new .giftsvc_msg_img {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.mnodr_giftsvc.textarea_focused .giftsvc_msg_new .giftsvc_msg_tx, .mnodr_giftsvc:has(.giftsvc_textarea:focus) .giftsvc_msg_new .giftsvc_msg_tx {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 10px;
  padding-left: 16px;
  padding-right: 16px;
}
.mnodr_giftsvc.textarea_focused .giftsvc_msg_new .giftsvc_msg_tx + .giftsvc_btn_editmsg, .mnodr_giftsvc:has(.giftsvc_textarea:focus) .giftsvc_msg_new .giftsvc_msg_tx + .giftsvc_btn_editmsg {
  display: none;
}
.mnodr_giftsvc.textarea_focused .giftsvc_msg_new .giftsvc_msg_cont, .mnodr_giftsvc:has(.giftsvc_textarea:focus) .giftsvc_msg_new .giftsvc_msg_cont {
  padding: 6px 24px 24px;
}
.mnodr_giftsvc:not(.textarea_focused).mnodr_giftsvc_step1_msg .giftsvc_msg_bx .giftsvc_tx_byte, .mnodr_giftsvc:not(:has(.giftsvc_textarea:focus)).mnodr_giftsvc_step1_msg .giftsvc_msg_bx .giftsvc_tx_byte {
  display: none;
}

.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont {
  background-color: inherit;
  max-height: 130px;
  overflow-y: scroll;
  padding: 10px 30px 20px;
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont > * {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: inherit;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont .giftsvc_unit_to {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 16px;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont .giftsvc_unit_to .giftsvc_name {
  font-weight: 600;
  font-size: 12px;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont .giftsvc_unit_from {
  margin-top: 15px;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont .giftsvc_unit_from .giftsvc_name {
  font-size: 14px;
  font-weight: 500;
}
.mnodr_modal_giftsvc_msgsend .giftsvc_msg_cont .giftsvc_msg_tx {
  min-height: 36px;
  max-height: unset;
  height: unset;
  background: none;
  font-size: 15px;
  line-height: normal;
  margin-top: 10px;
}

@-webkit-keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  } /* 초기 위치 설정 */
  100% {
    background-position: 200px 0;
  } /* 애니메이션 종료 위치 설정 */
}

@keyframes skeleton-loading {
  0% {
    background-position: -200px 0;
  } /* 초기 위치 설정 */
  100% {
    background-position: 200px 0;
  } /* 애니메이션 종료 위치 설정 */
}
@media screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_category {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mnodr_giftsvc .giftsvc_msg_boxarea .giftsvc_msg_imglst {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) {
    padding-bottom: 0;
  }
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .mnodr_giftsvc_msgsec, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .mnodr_giftsvc_msgsec {
    min-height: calc(100vh - 45px);
  }
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .giftsvc_msg_new, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .giftsvc_msg_new {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .giftsvc_msg_img,
.mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .giftsvc_msg_cont, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .giftsvc_msg_img,
.mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .giftsvc_msg_cont {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .giftsvc_msg_boxarea,
.mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused .mnodr_toolbar2, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .giftsvc_msg_boxarea,
.mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) .mnodr_toolbar2 {
    display: none;
  }
  .mnodr_giftsvc.mnodr_giftsvc_step1_msg.textarea_focused + .mnodr_toolbar2, .mnodr_giftsvc.mnodr_giftsvc_step1_msg:has(.giftsvc_textarea:focus) + .mnodr_toolbar2 {
    display: none;
  }
}
.giftsvc_msg_mycard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  aspect-ratio: 1;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_img, .giftsvc_msg_mycard .giftsvc_msg_mycard_btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
  vertical-align: top;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_layer {
  position: relative;
  width: 100%;
  pointer-events: none;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_btn {
  background-color: #4C4C4C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_btn::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28207%2C207%2C207%29' d='M15.089 10.072c0.201 0 0.398-0.060 0.566-0.171s0.298-0.271 0.375-0.457c0.077-0.186 0.097-0.391 0.058-0.588s-0.136-0.379-0.278-0.521-0.324-0.239-0.521-0.279c-0.197-0.039-0.402-0.019-0.588 0.058s-0.345 0.207-0.457 0.375c-0.112 0.167-0.172 0.364-0.172 0.565-0 0.134 0.026 0.266 0.077 0.39s0.126 0.236 0.22 0.33c0.095 0.095 0.207 0.17 0.33 0.221s0.256 0.078 0.39 0.078z'%3e%3c/path%3e %3cpath fill='rgb%28207%2C207%2C207%29' d='M2.614 5.014v14.057h18.747v-14.057h-18.747zM20.161 6.214v8.169l-2.964-2.967-3.202 3.207-5.403-5.41-4.778 4.783v-7.782h16.347zM3.814 15.696l4.778-4.784 6.95 6.959h-11.728v-2.175zM17.238 17.871l-2.395-2.398 2.354-2.357 2.964 2.966v1.79l-2.923-0z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 28px;
  margin-bottom: 2px;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_btn strong {
  color: var(--m-colors-gray350, #cfcfcf);
  font-size: 15px;
  line-height: normal;
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_imgbtn {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 36px;
  height: 36px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100%;
  background-color: var(--m-colors-black_alpha20, rgba(0, 0, 0, 0.2));
}
.giftsvc_msg_mycard .giftsvc_msg_mycard_imgbtn i {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M15.089 10.072c0.201 0 0.398-0.060 0.566-0.171s0.298-0.271 0.375-0.457c0.077-0.186 0.097-0.391 0.058-0.588s-0.136-0.379-0.278-0.521-0.324-0.239-0.521-0.279c-0.197-0.039-0.402-0.019-0.588 0.058s-0.345 0.207-0.457 0.375c-0.112 0.167-0.172 0.364-0.172 0.565-0 0.134 0.026 0.266 0.077 0.39s0.126 0.236 0.22 0.33c0.095 0.095 0.207 0.17 0.33 0.221s0.256 0.078 0.39 0.078z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M2.614 5.014v14.057h18.747v-14.057h-18.747zM20.161 6.214v8.169l-2.964-2.967-3.202 3.207-5.403-5.41-4.778 4.783v-7.782h16.347zM3.814 15.696l4.778-4.784 6.95 6.959h-11.728v-2.175zM17.238 17.871l-2.395-2.398 2.354-2.357 2.964 2.966v1.79l-2.923-0z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.giftsvc_msg_mycard.ty_30 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_30 .giftsvc_msg_mycard_btn {
  width: calc(30% + 0px) !important;
  height: calc(30% + 0px) !important;
}
.giftsvc_msg_mycard.ty_30 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((70% + 20px) / 2);
  right: calc((70% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_31 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_31 .giftsvc_msg_mycard_btn {
  width: calc(31% + 0px) !important;
  height: calc(31% + 0px) !important;
}
.giftsvc_msg_mycard.ty_31 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((69% + 20px) / 2);
  right: calc((69% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_32 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_32 .giftsvc_msg_mycard_btn {
  width: calc(32% + 0px) !important;
  height: calc(32% + 0px) !important;
}
.giftsvc_msg_mycard.ty_32 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((68% + 20px) / 2);
  right: calc((68% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_33 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_33 .giftsvc_msg_mycard_btn {
  width: calc(33% + 0px) !important;
  height: calc(33% + 0px) !important;
}
.giftsvc_msg_mycard.ty_33 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((67% + 20px) / 2);
  right: calc((67% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_34 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_34 .giftsvc_msg_mycard_btn {
  width: calc(34% + 0px) !important;
  height: calc(34% + 0px) !important;
}
.giftsvc_msg_mycard.ty_34 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((66% + 20px) / 2);
  right: calc((66% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_35 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_35 .giftsvc_msg_mycard_btn {
  width: calc(35% + 0px) !important;
  height: calc(35% + 0px) !important;
}
.giftsvc_msg_mycard.ty_35 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((65% + 20px) / 2);
  right: calc((65% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_36 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_36 .giftsvc_msg_mycard_btn {
  width: calc(36% + 0px) !important;
  height: calc(36% + 0px) !important;
}
.giftsvc_msg_mycard.ty_36 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((64% + 20px) / 2);
  right: calc((64% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_37 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_37 .giftsvc_msg_mycard_btn {
  width: calc(37% + 0px) !important;
  height: calc(37% + 0px) !important;
}
.giftsvc_msg_mycard.ty_37 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((63% + 20px) / 2);
  right: calc((63% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_38 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_38 .giftsvc_msg_mycard_btn {
  width: calc(38% + 0px) !important;
  height: calc(38% + 0px) !important;
}
.giftsvc_msg_mycard.ty_38 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((62% + 20px) / 2);
  right: calc((62% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_39 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_39 .giftsvc_msg_mycard_btn {
  width: calc(39% + 0px) !important;
  height: calc(39% + 0px) !important;
}
.giftsvc_msg_mycard.ty_39 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((61% + 20px) / 2);
  right: calc((61% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_40 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_40 .giftsvc_msg_mycard_btn {
  width: calc(40% + 0px) !important;
  height: calc(40% + 0px) !important;
}
.giftsvc_msg_mycard.ty_40 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((60% + 20px) / 2);
  right: calc((60% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_41 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_41 .giftsvc_msg_mycard_btn {
  width: calc(41% + 0px) !important;
  height: calc(41% + 0px) !important;
}
.giftsvc_msg_mycard.ty_41 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((59% + 20px) / 2);
  right: calc((59% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_42 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_42 .giftsvc_msg_mycard_btn {
  width: calc(42% + 0px) !important;
  height: calc(42% + 0px) !important;
}
.giftsvc_msg_mycard.ty_42 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((58% + 20px) / 2);
  right: calc((58% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_43 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_43 .giftsvc_msg_mycard_btn {
  width: calc(43% + 0px) !important;
  height: calc(43% + 0px) !important;
}
.giftsvc_msg_mycard.ty_43 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((57% + 20px) / 2);
  right: calc((57% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_44 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_44 .giftsvc_msg_mycard_btn {
  width: calc(44% + 0px) !important;
  height: calc(44% + 0px) !important;
}
.giftsvc_msg_mycard.ty_44 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((56% + 20px) / 2);
  right: calc((56% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_45 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_45 .giftsvc_msg_mycard_btn {
  width: calc(45% + 0px) !important;
  height: calc(45% + 0px) !important;
}
.giftsvc_msg_mycard.ty_45 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((55% + 20px) / 2);
  right: calc((55% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_46 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_46 .giftsvc_msg_mycard_btn {
  width: calc(46% + 0px) !important;
  height: calc(46% + 0px) !important;
}
.giftsvc_msg_mycard.ty_46 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((54% + 20px) / 2);
  right: calc((54% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_47 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_47 .giftsvc_msg_mycard_btn {
  width: calc(47% + 0px) !important;
  height: calc(47% + 0px) !important;
}
.giftsvc_msg_mycard.ty_47 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((53% + 20px) / 2);
  right: calc((53% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_48 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_48 .giftsvc_msg_mycard_btn {
  width: calc(48% + 0px) !important;
  height: calc(48% + 0px) !important;
}
.giftsvc_msg_mycard.ty_48 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((52% + 20px) / 2);
  right: calc((52% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_49 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_49 .giftsvc_msg_mycard_btn {
  width: calc(49% + 0px) !important;
  height: calc(49% + 0px) !important;
}
.giftsvc_msg_mycard.ty_49 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((51% + 20px) / 2);
  right: calc((51% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_50 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_50 .giftsvc_msg_mycard_btn {
  width: calc(50% + 0px) !important;
  height: calc(50% + 0px) !important;
}
.giftsvc_msg_mycard.ty_50 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((50% + 20px) / 2);
  right: calc((50% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_51 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_51 .giftsvc_msg_mycard_btn {
  width: calc(51% + 0px) !important;
  height: calc(51% + 0px) !important;
}
.giftsvc_msg_mycard.ty_51 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((49% + 20px) / 2);
  right: calc((49% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_52 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_52 .giftsvc_msg_mycard_btn {
  width: calc(52% + 0px) !important;
  height: calc(52% + 0px) !important;
}
.giftsvc_msg_mycard.ty_52 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((48% + 20px) / 2);
  right: calc((48% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_53 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_53 .giftsvc_msg_mycard_btn {
  width: calc(53% + 0px) !important;
  height: calc(53% + 0px) !important;
}
.giftsvc_msg_mycard.ty_53 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((47% + 20px) / 2);
  right: calc((47% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_54 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_54 .giftsvc_msg_mycard_btn {
  width: calc(54% + 0px) !important;
  height: calc(54% + 0px) !important;
}
.giftsvc_msg_mycard.ty_54 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((46% + 20px) / 2);
  right: calc((46% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_55 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_55 .giftsvc_msg_mycard_btn {
  width: calc(55% + 0px) !important;
  height: calc(55% + 0px) !important;
}
.giftsvc_msg_mycard.ty_55 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((45% + 20px) / 2);
  right: calc((45% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_56 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_56 .giftsvc_msg_mycard_btn {
  width: calc(56% + 0px) !important;
  height: calc(56% + 0px) !important;
}
.giftsvc_msg_mycard.ty_56 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((44% + 20px) / 2);
  right: calc((44% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_57 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_57 .giftsvc_msg_mycard_btn {
  width: calc(57% + 0px) !important;
  height: calc(57% + 0px) !important;
}
.giftsvc_msg_mycard.ty_57 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((43% + 20px) / 2);
  right: calc((43% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_58 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_58 .giftsvc_msg_mycard_btn {
  width: calc(58% + 0px) !important;
  height: calc(58% + 0px) !important;
}
.giftsvc_msg_mycard.ty_58 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((42% + 20px) / 2);
  right: calc((42% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_59 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_59 .giftsvc_msg_mycard_btn {
  width: calc(59% + 0px) !important;
  height: calc(59% + 0px) !important;
}
.giftsvc_msg_mycard.ty_59 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((41% + 20px) / 2);
  right: calc((41% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_60 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_60 .giftsvc_msg_mycard_btn {
  width: calc(60% + 0px) !important;
  height: calc(60% + 0px) !important;
}
.giftsvc_msg_mycard.ty_60 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((40% + 20px) / 2);
  right: calc((40% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_61 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_61 .giftsvc_msg_mycard_btn {
  width: calc(61% + 0px) !important;
  height: calc(61% + 0px) !important;
}
.giftsvc_msg_mycard.ty_61 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((39% + 20px) / 2);
  right: calc((39% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_62 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_62 .giftsvc_msg_mycard_btn {
  width: calc(62% + 0px) !important;
  height: calc(62% + 0px) !important;
}
.giftsvc_msg_mycard.ty_62 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((38% + 20px) / 2);
  right: calc((38% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_63 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_63 .giftsvc_msg_mycard_btn {
  width: calc(63% + 0px) !important;
  height: calc(63% + 0px) !important;
}
.giftsvc_msg_mycard.ty_63 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((37% + 20px) / 2);
  right: calc((37% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_64 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_64 .giftsvc_msg_mycard_btn {
  width: calc(64% + 0px) !important;
  height: calc(64% + 0px) !important;
}
.giftsvc_msg_mycard.ty_64 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((36% + 20px) / 2);
  right: calc((36% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_65 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_65 .giftsvc_msg_mycard_btn {
  width: calc(65% + 0px) !important;
  height: calc(65% + 0px) !important;
}
.giftsvc_msg_mycard.ty_65 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((35% + 20px) / 2);
  right: calc((35% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_66 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_66 .giftsvc_msg_mycard_btn {
  width: calc(66% + 0px) !important;
  height: calc(66% + 0px) !important;
}
.giftsvc_msg_mycard.ty_66 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((34% + 20px) / 2);
  right: calc((34% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_67 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_67 .giftsvc_msg_mycard_btn {
  width: calc(67% + 0px) !important;
  height: calc(67% + 0px) !important;
}
.giftsvc_msg_mycard.ty_67 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((33% + 20px) / 2);
  right: calc((33% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_68 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_68 .giftsvc_msg_mycard_btn {
  width: calc(68% + 0px) !important;
  height: calc(68% + 0px) !important;
}
.giftsvc_msg_mycard.ty_68 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((32% + 20px) / 2);
  right: calc((32% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_69 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_69 .giftsvc_msg_mycard_btn {
  width: calc(69% + 0px) !important;
  height: calc(69% + 0px) !important;
}
.giftsvc_msg_mycard.ty_69 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((31% + 20px) / 2);
  right: calc((31% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_70 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_70 .giftsvc_msg_mycard_btn {
  width: calc(70% + 0px) !important;
  height: calc(70% + 0px) !important;
}
.giftsvc_msg_mycard.ty_70 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((30% + 20px) / 2);
  right: calc((30% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_71 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_71 .giftsvc_msg_mycard_btn {
  width: calc(71% + 0px) !important;
  height: calc(71% + 0px) !important;
}
.giftsvc_msg_mycard.ty_71 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((29% + 20px) / 2);
  right: calc((29% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_72 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_72 .giftsvc_msg_mycard_btn {
  width: calc(72% + 0px) !important;
  height: calc(72% + 0px) !important;
}
.giftsvc_msg_mycard.ty_72 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((28% + 20px) / 2);
  right: calc((28% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_73 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_73 .giftsvc_msg_mycard_btn {
  width: calc(73% + 0px) !important;
  height: calc(73% + 0px) !important;
}
.giftsvc_msg_mycard.ty_73 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((27% + 20px) / 2);
  right: calc((27% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_74 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_74 .giftsvc_msg_mycard_btn {
  width: calc(74% + 0px) !important;
  height: calc(74% + 0px) !important;
}
.giftsvc_msg_mycard.ty_74 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((26% + 20px) / 2);
  right: calc((26% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_75 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_75 .giftsvc_msg_mycard_btn {
  width: calc(75% + 0px) !important;
  height: calc(75% + 0px) !important;
}
.giftsvc_msg_mycard.ty_75 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((25% + 20px) / 2);
  right: calc((25% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_76 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_76 .giftsvc_msg_mycard_btn {
  width: calc(76% + 0px) !important;
  height: calc(76% + 0px) !important;
}
.giftsvc_msg_mycard.ty_76 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((24% + 20px) / 2);
  right: calc((24% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_77 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_77 .giftsvc_msg_mycard_btn {
  width: calc(77% + 0px) !important;
  height: calc(77% + 0px) !important;
}
.giftsvc_msg_mycard.ty_77 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((23% + 20px) / 2);
  right: calc((23% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_78 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_78 .giftsvc_msg_mycard_btn {
  width: calc(78% + 0px) !important;
  height: calc(78% + 0px) !important;
}
.giftsvc_msg_mycard.ty_78 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((22% + 20px) / 2);
  right: calc((22% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_79 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_79 .giftsvc_msg_mycard_btn {
  width: calc(79% + 0px) !important;
  height: calc(79% + 0px) !important;
}
.giftsvc_msg_mycard.ty_79 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((21% + 20px) / 2);
  right: calc((21% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_80 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_80 .giftsvc_msg_mycard_btn {
  width: calc(80% + 0px) !important;
  height: calc(80% + 0px) !important;
}
.giftsvc_msg_mycard.ty_80 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((20% + 20px) / 2);
  right: calc((20% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_81 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_81 .giftsvc_msg_mycard_btn {
  width: calc(81% + 0px) !important;
  height: calc(81% + 0px) !important;
}
.giftsvc_msg_mycard.ty_81 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((19% + 20px) / 2);
  right: calc((19% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_82 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_82 .giftsvc_msg_mycard_btn {
  width: calc(82% + 0px) !important;
  height: calc(82% + 0px) !important;
}
.giftsvc_msg_mycard.ty_82 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((18% + 20px) / 2);
  right: calc((18% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_83 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_83 .giftsvc_msg_mycard_btn {
  width: calc(83% + 0px) !important;
  height: calc(83% + 0px) !important;
}
.giftsvc_msg_mycard.ty_83 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((17% + 20px) / 2);
  right: calc((17% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_84 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_84 .giftsvc_msg_mycard_btn {
  width: calc(84% + 0px) !important;
  height: calc(84% + 0px) !important;
}
.giftsvc_msg_mycard.ty_84 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((16% + 20px) / 2);
  right: calc((16% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_85 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_85 .giftsvc_msg_mycard_btn {
  width: calc(85% + 0px) !important;
  height: calc(85% + 0px) !important;
}
.giftsvc_msg_mycard.ty_85 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((15% + 20px) / 2);
  right: calc((15% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_86 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_86 .giftsvc_msg_mycard_btn {
  width: calc(86% + 0px) !important;
  height: calc(86% + 0px) !important;
}
.giftsvc_msg_mycard.ty_86 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((14% + 20px) / 2);
  right: calc((14% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_87 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_87 .giftsvc_msg_mycard_btn {
  width: calc(87% + 0px) !important;
  height: calc(87% + 0px) !important;
}
.giftsvc_msg_mycard.ty_87 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((13% + 20px) / 2);
  right: calc((13% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_88 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_88 .giftsvc_msg_mycard_btn {
  width: calc(88% + 0px) !important;
  height: calc(88% + 0px) !important;
}
.giftsvc_msg_mycard.ty_88 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((12% + 20px) / 2);
  right: calc((12% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_89 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_89 .giftsvc_msg_mycard_btn {
  width: calc(89% + 0px) !important;
  height: calc(89% + 0px) !important;
}
.giftsvc_msg_mycard.ty_89 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((11% + 20px) / 2);
  right: calc((11% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_90 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_90 .giftsvc_msg_mycard_btn {
  width: calc(90% + 0px) !important;
  height: calc(90% + 0px) !important;
}
.giftsvc_msg_mycard.ty_90 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((10% + 20px) / 2);
  right: calc((10% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_91 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_91 .giftsvc_msg_mycard_btn {
  width: calc(91% + 0px) !important;
  height: calc(91% + 0px) !important;
}
.giftsvc_msg_mycard.ty_91 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((9% + 20px) / 2);
  right: calc((9% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_92 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_92 .giftsvc_msg_mycard_btn {
  width: calc(92% + 0px) !important;
  height: calc(92% + 0px) !important;
}
.giftsvc_msg_mycard.ty_92 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((8% + 20px) / 2);
  right: calc((8% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_93 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_93 .giftsvc_msg_mycard_btn {
  width: calc(93% + 0px) !important;
  height: calc(93% + 0px) !important;
}
.giftsvc_msg_mycard.ty_93 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((7% + 20px) / 2);
  right: calc((7% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_94 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_94 .giftsvc_msg_mycard_btn {
  width: calc(94% + 0px) !important;
  height: calc(94% + 0px) !important;
}
.giftsvc_msg_mycard.ty_94 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((6% + 20px) / 2);
  right: calc((6% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_95 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_95 .giftsvc_msg_mycard_btn {
  width: calc(95% + 0px) !important;
  height: calc(95% + 0px) !important;
}
.giftsvc_msg_mycard.ty_95 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((5% + 20px) / 2);
  right: calc((5% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_96 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_96 .giftsvc_msg_mycard_btn {
  width: calc(96% + 0px) !important;
  height: calc(96% + 0px) !important;
}
.giftsvc_msg_mycard.ty_96 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((4% + 20px) / 2);
  right: calc((4% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_97 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_97 .giftsvc_msg_mycard_btn {
  width: calc(97% + 0px) !important;
  height: calc(97% + 0px) !important;
}
.giftsvc_msg_mycard.ty_97 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((3% + 20px) / 2);
  right: calc((3% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_98 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_98 .giftsvc_msg_mycard_btn {
  width: calc(98% + 0px) !important;
  height: calc(98% + 0px) !important;
}
.giftsvc_msg_mycard.ty_98 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((2% + 20px) / 2);
  right: calc((2% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_99 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_99 .giftsvc_msg_mycard_btn {
  width: calc(99% + 0px) !important;
  height: calc(99% + 0px) !important;
}
.giftsvc_msg_mycard.ty_99 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((1% + 20px) / 2);
  right: calc((1% + 20px) / 2);
}
.giftsvc_msg_mycard.ty_100 .giftsvc_msg_mycard_img, .giftsvc_msg_mycard.ty_100 .giftsvc_msg_mycard_btn {
  width: calc(100% + 0px) !important;
  height: calc(100% + 0px) !important;
}
.giftsvc_msg_mycard.ty_100 .giftsvc_msg_mycard_imgbtn.ty_rect {
  top: calc((0% + 20px) / 2);
  right: calc((0% + 20px) / 2);
}

.mnodr_cmbtn_area,
.mnodr_modalbtn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* four items */
  /* direction column */
  /* 버튼 말풍선 추가 */
}
.m_content.ty_bg .mnodr_cmbtn_area,
.m_content.ty_bg .mnodr_modalbtn_area {
  background-color: transparent;
}
.mnodr_cmbtn_area button,
.mnodr_cmbtn_area a,
.mnodr_modalbtn_area button,
.mnodr_modalbtn_area a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.mnodr_cmbtn_area.ty_space,
.mnodr_modalbtn_area.ty_space {
  gap: 5px;
}
.mnodr_cmbtn_area.ty_space2,
.mnodr_modalbtn_area.ty_space2 {
  gap: 8px;
}
.mnodr_cmbtn_area.ty_line,
.mnodr_modalbtn_area.ty_line {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_cmbtn_area.ty_fixed .mnodr_btn,
.mnodr_cmbtn_area.ty_fixed .mnodr_btn_rect,
.mnodr_cmbtn_area.ty_fixed .mnodr_btn_round,
.mnodr_cmbtn_area.ty_fixed .mnodr_btn_oval,
.mnodr_modalbtn_area.ty_fixed .mnodr_btn,
.mnodr_modalbtn_area.ty_fixed .mnodr_btn_rect,
.mnodr_modalbtn_area.ty_fixed .mnodr_btn_round,
.mnodr_modalbtn_area.ty_fixed .mnodr_btn_oval {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
}
.mnodr_cmbtn_area.ty_fill_group,
.mnodr_modalbtn_area.ty_fill_group {
  gap: 12px 0;
}
.mnodr_cmbtn_area.ty_fill_group .mnodr_btn,
.mnodr_cmbtn_area.ty_fill_group .mnodr_btn_rect,
.mnodr_cmbtn_area.ty_fill_group .mnodr_btn_round,
.mnodr_cmbtn_area.ty_fill_group .mnodr_btn_oval,
.mnodr_modalbtn_area.ty_fill_group .mnodr_btn,
.mnodr_modalbtn_area.ty_fill_group .mnodr_btn_rect,
.mnodr_modalbtn_area.ty_fill_group .mnodr_btn_round,
.mnodr_modalbtn_area.ty_fill_group .mnodr_btn_oval {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.mnodr_cmbtn_area.ty_inline_group,
.mnodr_modalbtn_area.ty_inline_group {
  gap: 4px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mnodr_cmbtn_area.ty_inline_group .mnodr_btn,
.mnodr_cmbtn_area.ty_inline_group .mnodr_btn_rect,
.mnodr_cmbtn_area.ty_inline_group .mnodr_btn_round,
.mnodr_cmbtn_area.ty_inline_group .mnodr_btn_oval,
.mnodr_modalbtn_area.ty_inline_group .mnodr_btn,
.mnodr_modalbtn_area.ty_inline_group .mnodr_btn_rect,
.mnodr_modalbtn_area.ty_inline_group .mnodr_btn_round,
.mnodr_modalbtn_area.ty_inline_group .mnodr_btn_oval {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
}
.mnodr_cmbtn_area + .mnodr_cmbtn_area,
.mnodr_cmbtn_area + .mnodr_modalbtn_area,
.mnodr_modalbtn_area + .mnodr_cmbtn_area,
.mnodr_modalbtn_area + .mnodr_modalbtn_area {
  margin-top: 4px;
}
.mnodr_cmbtn_area .mnodr_btn + .mnodr_btn,
.mnodr_modalbtn_area .mnodr_btn + .mnodr_btn {
  margin-left: -1px;
}
.mnodr_cmbtn_area .mnodr_btn,
.mnodr_cmbtn_area .mnodr_btn_rect,
.mnodr_cmbtn_area .mnodr_btn_round,
.mnodr_cmbtn_area .mnodr_btn_oval,
.mnodr_modalbtn_area .mnodr_btn,
.mnodr_modalbtn_area .mnodr_btn_rect,
.mnodr_modalbtn_area .mnodr_btn_round,
.mnodr_modalbtn_area .mnodr_btn_oval {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_cmbtn_area .mnodr_btn .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_rect .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_round .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_oval .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_rect .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_round .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_oval .mnodr_icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mnodr_cmbtn_area .mnodr_btn .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_cmbtn_area .mnodr_btn_rect .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_cmbtn_area .mnodr_btn_round .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_cmbtn_area .mnodr_btn_oval .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_modalbtn_area .mnodr_btn .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_modalbtn_area .mnodr_btn_rect .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_modalbtn_area .mnodr_btn_round .mnodr_icon.mnodr_icon_chevronRightSmall,
.mnodr_modalbtn_area .mnodr_btn_oval .mnodr_icon.mnodr_icon_chevronRightSmall {
  background: none;
}
.mnodr_cmbtn_area .mnodr_btn .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_cmbtn_area .mnodr_btn_rect .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_cmbtn_area .mnodr_btn_round .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_cmbtn_area .mnodr_btn_oval .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_modalbtn_area .mnodr_btn .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_modalbtn_area .mnodr_btn_rect .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_modalbtn_area .mnodr_btn_round .mnodr_icon.mnodr_icon_chevronRightSmall:after,
.mnodr_modalbtn_area .mnodr_btn_oval .mnodr_icon.mnodr_icon_chevronRightSmall:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_cmbtn_area .mnodr_btn .mnodr_btn_tx,
.mnodr_cmbtn_area .mnodr_btn_rect .mnodr_btn_tx,
.mnodr_cmbtn_area .mnodr_btn_round .mnodr_btn_tx,
.mnodr_cmbtn_area .mnodr_btn_oval .mnodr_btn_tx,
.mnodr_modalbtn_area .mnodr_btn .mnodr_btn_tx,
.mnodr_modalbtn_area .mnodr_btn_rect .mnodr_btn_tx,
.mnodr_modalbtn_area .mnodr_btn_round .mnodr_btn_tx,
.mnodr_modalbtn_area .mnodr_btn_oval .mnodr_btn_tx {
  font-size: inherit;
}
.mnodr_cmbtn_area .mnodr_btn.ty_btn_gift, .mnodr_cmbtn_area .mnodr_btn.ty_btn_regulardeliv,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_btn_gift,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_btn_regulardeliv,
.mnodr_cmbtn_area .mnodr_btn_round.ty_btn_gift,
.mnodr_cmbtn_area .mnodr_btn_round.ty_btn_regulardeliv,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_btn_gift,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_btn_regulardeliv,
.mnodr_modalbtn_area .mnodr_btn.ty_btn_gift,
.mnodr_modalbtn_area .mnodr_btn.ty_btn_regulardeliv,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_btn_gift,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_btn_regulardeliv,
.mnodr_modalbtn_area .mnodr_btn_round.ty_btn_gift,
.mnodr_modalbtn_area .mnodr_btn_round.ty_btn_regulardeliv,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_btn_gift,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_btn_regulardeliv {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 86px;
}
.mnodr_cmbtn_area .mnodr_btn.ty_btn_refresh,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_btn_refresh,
.mnodr_cmbtn_area .mnodr_btn_round.ty_btn_refresh,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_btn_refresh,
.mnodr_modalbtn_area .mnodr_btn.ty_btn_refresh,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_btn_refresh,
.mnodr_modalbtn_area .mnodr_btn_round.ty_btn_refresh,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_btn_refresh {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 60px;
}
.mnodr_cmbtn_area .mnodr_btn.ty_xs,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_xs,
.mnodr_cmbtn_area .mnodr_btn_round.ty_xs,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_xs,
.mnodr_modalbtn_area .mnodr_btn.ty_xs,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_xs,
.mnodr_modalbtn_area .mnodr_btn_round.ty_xs,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_xs {
  height: 24px;
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_cmbtn_area .mnodr_btn.ty_sm,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_sm,
.mnodr_cmbtn_area .mnodr_btn_round.ty_sm,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_sm,
.mnodr_modalbtn_area .mnodr_btn.ty_sm,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_sm,
.mnodr_modalbtn_area .mnodr_btn_round.ty_sm,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_sm {
  height: 32px;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3846153846;
}
.mnodr_cmbtn_area .mnodr_btn.ty_md,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_md,
.mnodr_cmbtn_area .mnodr_btn_round.ty_md,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_md,
.mnodr_modalbtn_area .mnodr_btn.ty_md,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_md,
.mnodr_modalbtn_area .mnodr_btn_round.ty_md,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_md {
  height: 40px;
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_cmbtn_area .mnodr_btn.ty_lg,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_lg,
.mnodr_cmbtn_area .mnodr_btn_round.ty_lg,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_lg,
.mnodr_modalbtn_area .mnodr_btn.ty_lg,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_lg,
.mnodr_modalbtn_area .mnodr_btn_round.ty_lg,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_lg {
  height: 52px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_cmbtn_area .mnodr_btn.ty_xl,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_xl,
.mnodr_cmbtn_area .mnodr_btn_round.ty_xl,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_xl,
.mnodr_modalbtn_area .mnodr_btn.ty_xl,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_xl,
.mnodr_modalbtn_area .mnodr_btn_round.ty_xl,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_xl {
  height: 60px;
  font-size: var(--m-fontSizes-2xl, 18px);
}
.mnodr_cmbtn_area .mnodr_btn.ty_linebox,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_linebox,
.mnodr_cmbtn_area .mnodr_btn_round.ty_linebox,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_linebox,
.mnodr_modalbtn_area .mnodr_btn.ty_linebox,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_linebox,
.mnodr_modalbtn_area .mnodr_btn_round.ty_linebox,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_linebox {
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray800, #444444);
}
.mnodr_cmbtn_area .mnodr_btn.ty_rline,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_rline,
.mnodr_cmbtn_area .mnodr_btn_round.ty_rline,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_rline,
.mnodr_modalbtn_area .mnodr_btn.ty_rline,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_rline,
.mnodr_modalbtn_area .mnodr_btn_round.ty_rline,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_rline {
  border: 1px solid var(--m-colors-gray900, #222222);
  color: var(--m-colors-gray900, #222222);
  border-radius: 8px;
}
.mnodr_cmbtn_area .mnodr_btn.ty_fill,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_fill,
.mnodr_cmbtn_area .mnodr_btn_round.ty_fill,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_fill,
.mnodr_modalbtn_area .mnodr_btn.ty_fill,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_fill,
.mnodr_modalbtn_area .mnodr_btn_round.ty_fill,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_fill {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.mnodr_cmbtn_area .mnodr_btn.ty_universe,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_universe,
.mnodr_cmbtn_area .mnodr_btn_round.ty_universe,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_universe,
.mnodr_modalbtn_area .mnodr_btn.ty_universe,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_universe,
.mnodr_modalbtn_area .mnodr_btn_round.ty_universe,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_universe {
  background-color: var(--m-colors-service-universe_primary_02, #002041);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_fill,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_fill,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_fill,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_fill,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_fill,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_fill,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_fill,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_fill {
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_fill .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_fill .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_fill .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_fill .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_fill .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_fill .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_fill .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_fill .mnodr_icon {
  background: none;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_fill .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_fill .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_fill .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_fill .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_fill .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_fill .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_fill .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_fill .mnodr_icon:after {
  color: inherit;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_fill:disabled,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_fill:disabled,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_fill:disabled,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_fill:disabled,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_fill:disabled,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_fill:disabled,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_fill:disabled,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_fill:disabled {
  border-color: #ffd8d8;
  background-color: #ffd8d8;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_disabled,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_disabled,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_disabled,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_disabled,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_disabled,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_disabled,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_disabled,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_disabled {
  color: var(--m-colors-gray400, #969696);
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_line,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_line,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_line,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_line,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_line,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_line,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_line,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_line {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_line .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_line .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_line .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_line .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_line .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_line .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_line .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_line .mnodr_icon {
  background: none;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_line .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_line .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_line .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_line .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_line .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_line .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_line .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_line .mnodr_icon:after {
  color: inherit;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_light,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_light,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_light,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_light,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_light,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_light,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_light,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_light {
  border: 1px solid #ffecec;
  background-color: #ffecec;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_light .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_light .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_light .mnodr_icon,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_light .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_light .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_light .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_light .mnodr_icon,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_light .mnodr_icon {
  background: none;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary1_light .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary1_light .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary1_light .mnodr_icon:after,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary1_light .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn.ty_primary1_light .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary1_light .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary1_light .mnodr_icon:after,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary1_light .mnodr_icon:after {
  color: inherit;
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary2_fill,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary2_fill,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary2_fill,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary2_fill,
.mnodr_modalbtn_area .mnodr_btn.ty_primary2_fill,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary2_fill,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary2_fill,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary2_fill {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cmbtn_area .mnodr_btn.ty_primary2_line,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_primary2_line,
.mnodr_cmbtn_area .mnodr_btn_round.ty_primary2_line,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_primary2_line,
.mnodr_modalbtn_area .mnodr_btn.ty_primary2_line,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_primary2_line,
.mnodr_modalbtn_area .mnodr_btn_round.ty_primary2_line,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_primary2_line {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_cmbtn_area .mnodr_btn.ty_tertiary2_fill,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_tertiary2_fill,
.mnodr_cmbtn_area .mnodr_btn_round.ty_tertiary2_fill,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_tertiary2_fill,
.mnodr_modalbtn_area .mnodr_btn.ty_tertiary2_fill,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_tertiary2_fill,
.mnodr_modalbtn_area .mnodr_btn_round.ty_tertiary2_fill,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_tertiary2_fill {
  background-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_cmbtn_area .mnodr_btn.ty_tertiary1_line,
.mnodr_cmbtn_area .mnodr_btn_rect.ty_tertiary1_line,
.mnodr_cmbtn_area .mnodr_btn_round.ty_tertiary1_line,
.mnodr_cmbtn_area .mnodr_btn_oval.ty_tertiary1_line,
.mnodr_modalbtn_area .mnodr_btn.ty_tertiary1_line,
.mnodr_modalbtn_area .mnodr_btn_rect.ty_tertiary1_line,
.mnodr_modalbtn_area .mnodr_btn_round.ty_tertiary1_line,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_tertiary1_line {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
}
.mnodr_cmbtn_area .mnodr_btn_round.ty_xs,
.mnodr_modalbtn_area .mnodr_btn_round.ty_xs {
  border-radius: 4px;
}
.mnodr_cmbtn_area .mnodr_btn_round.ty_sm,
.mnodr_modalbtn_area .mnodr_btn_round.ty_sm {
  border-radius: 6px;
}
.mnodr_cmbtn_area .mnodr_btn_round.ty_md, .mnodr_cmbtn_area .mnodr_btn_round.ty_lg, .mnodr_cmbtn_area .mnodr_btn_round.ty_xl,
.mnodr_modalbtn_area .mnodr_btn_round.ty_md,
.mnodr_modalbtn_area .mnodr_btn_round.ty_lg,
.mnodr_modalbtn_area .mnodr_btn_round.ty_xl {
  border-radius: 8px;
}
.mnodr_cmbtn_area .mnodr_btn_oval.ty_xs,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_xs {
  border-radius: 12px;
}
.mnodr_cmbtn_area .mnodr_btn_oval.ty_sm,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_sm {
  border-radius: 16px;
}
.mnodr_cmbtn_area .mnodr_btn_oval.ty_md,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_md {
  border-radius: 22px;
}
.mnodr_cmbtn_area .mnodr_btn_oval.ty_lg,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_lg {
  border-radius: 26px;
}
.mnodr_cmbtn_area .mnodr_btn_oval.ty_xl,
.mnodr_modalbtn_area .mnodr_btn_oval.ty_xl {
  border-radius: 30px;
}
.mnodr_cmbtn_area .mnodr_btn_text,
.mnodr_modalbtn_area .mnodr_btn_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
.mnodr_cmbtn_area .mnodr_btn_oddcart,
.mnodr_modalbtn_area .mnodr_btn_oddcart {
  padding-right: 20px;
}
.mnodr_cmbtn_area .mnodr_btn_oddcart .mnodr_article_headbubble,
.mnodr_modalbtn_area .mnodr_btn_oddcart .mnodr_article_headbubble {
  top: 50%;
  left: auto;
  -webkit-transform: translateX(-7px);
          transform: translateX(-7px);
}
.mnodr_cmbtn_area.ty_four.ty_space2,
.mnodr_modalbtn_area.ty_four.ty_space2 {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_cmbtn_area.ty_four.ty_space2 .mnodr_btn,
.mnodr_modalbtn_area.ty_four.ty_space2 .mnodr_btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 calc(50% - 4px);
          flex: 0 1 calc(50% - 4px);
}
.mnodr_cmbtn_area.ty_vertical,
.mnodr_modalbtn_area.ty_vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.mnodr_cmbtn_area.ty_vertical .mnodr_btn,
.mnodr_modalbtn_area.ty_vertical .mnodr_btn {
  min-height: 32px;
}
.mnodr_cmbtn_area .mnodr_article_headbubble,
.mnodr_modalbtn_area .mnodr_article_headbubble {
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  margin: 2px auto 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
}
.mnodr_cmbtn_area .mnodr_btn_bubble,
.mnodr_modalbtn_area .mnodr_btn_bubble {
  text-align: center;
}
.mnodr_cmbtn_area .mnodr_btn_bubble p,
.mnodr_modalbtn_area .mnodr_btn_bubble p {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 2px;
  padding: 5px 10px 6px;
  border-radius: 2px;
  background-color: #323743;
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_cmbtn_area .mnodr_btn_bubble p:before,
.mnodr_modalbtn_area .mnodr_btn_bubble p:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 5px;
  height: 5px;
  border-right: 1px solid #323743;
  border-top: 1px solid #323743;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #323743;
}

.mnodr_cmbtn_area_full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-top: 36px !important;
}
.mnodr_cmbtn_area_full .mnodr_btn_solid_gray01 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_cmbtn_area_full .mnodr_btn_solid_gray01:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_cmbtn_area_full .mnodr_btn_outline_gray03 {
  -webkit-box-flex: 1 !important;
      -ms-flex: 1 !important;
          flex: 1 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_cmbtn_area_full .mnodr_btn_outline_gray03:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_cmbtn_info_desc {
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-xs, 12px);
  padding: 12px 0;
  text-align: center;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1000;
}

.mnodr_modalbtn_area {
  margin-top: 20px;
}
.mnodr_modalbtn_area ul {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.mnodr_modalbtn_area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.mnodr_modalbtn_area li:not(:first-child) {
  margin-top: 10px;
}

.cmctg_nav.ty2_rect {
  position: relative;
  background-color: var(--m-colors-white, #ffffff);
}
.cmctg_nav.ty2_rect.has_toggle_btn {
  padding-right: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmctg_nav.ty2_rect .cmctg_top h3 {
  display: none;
}
.cmctg_nav.ty2_rect .cmctg_top .cmctg_toggle {
  width: 76px;
  padding: 0 16px 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 10;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(21.05%, #ffffff));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 21.05%);
}
.cmctg_nav.ty2_rect .cmctg_top .cmctg_toggle:before {
  content: none;
}
.cmctg_nav.ty2_rect .cmctg_top .cmctg_toggle button {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #e1e5e9;
}
.cmctg_nav.ty2_rect .cmctg_top .cmctg_toggle button:before {
  content: none;
}
.cmctg_nav.ty2_rect .cmctg_top .cmctg_toggle button:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M7.332 10.308l0.852-0.852 3.816 3.816 3.816-3.816 0.852 0.852-4.668 4.656-4.668-4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 28px;
  margin: 0;
  border: none;
  -webkit-transform: none;
          transform: none;
}
.cmctg_nav.ty2_rect .cmctg_scroll {
  height: auto;
  -webkit-transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  transition: height 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  will-change: height;
  overflow: hidden;
  overflow-x: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}
.cmctg_nav.ty2_rect .cmctg_scroll::-webkit-scrollbar {
  display: none;
}
.cmctg_nav.ty2_rect .cmctg_menu {
  padding: 10px 0;
  font-size: 0;
}
.cmctg_nav.ty2_rect .cmctg_item {
  display: inline-block;
  vertical-align: top;
  padding: 0 3px;
}
.cmctg_nav.ty2_rect .cmctg_item:first-child {
  padding-left: 16px;
}
.cmctg_nav.ty2_rect .cmctg_item:last-child {
  padding-right: 10px;
}
.cmctg_nav.ty2_rect .cmctg_lnk {
  display: block;
  line-height: 15px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  padding: 10px 10px 9px;
  height: auto;
}
.cmctg_nav.ty2_rect .cmctg_lnk.on {
  padding: 10px 10px 9px;
  color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-gray900, #222222);
  border: 1px solid #222222;
}

.overflowBehavior {
  overflow: hidden;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.mnodr_modal {
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
  overflow: hidden;
  position: absolute;
  top: env(safe-area-inset-top, 0px);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3100;
  font-family: var(--m-fonts-gothic, Pretendard);
  color: var(--m-colors-black, #000000);
  letter-spacing: -0.3px;
  display: none;
}
.mnodr_modal.show {
  display: block;
}
.mnodr_modal .cmtit_heading {
  margin-top: 35px;
}

.mnodr_modal_cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  max-height: 100%;
  overscroll-behavior-y: contain;
  overflow-y: scroll !important;
  -ms-touch-action: auto !important;
      touch-action: auto !important;
}
.mnodr_modal_cont.ty_spacing_top {
  margin-top: 20px;
}
.mnodr_modal_cont.ty_bg {
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_modal_cont .mnodr_bullst {
  padding-inline: 16px;
}
.mnodr_modal_cont .mnodr_bullst.ty_gray700 li {
  color: var(--m-colors-gray700, #666666);
}

.mnodr_modal.ty_full .mnodr_modal_scroll {
  padding-bottom: 30px;
}
.mnodr_modal.ty_full .mnodr_modal_foot {
  background-color: var(--m-colors-white, #ffffff);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.mnodr_modal_scroll {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_modal_scroll.ty2 {
  padding-bottom: 0;
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  overflow-y: auto;
}

.mnodr_modal_iframe {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border: 0;
}
.mnodr_modal_iframe iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.mnodr_modal_foot .mnodr_btn_area #mnodr_btn_refresh {
  width: 60px;
  max-width: 60px;
}
.mnodr_modal_foot .mnodr_btn_area.ty2 #mnodr_btn_refresh {
  width: 125px;
  max-width: 125px;
}
.mnodr_modal_foot .mnodr_btn_area .mnodr_btn_tx .ssg_price {
  font-size: 20px;
  font-weight: bold;
}

.mnodr_modal.ty_full .mnodr_modal_wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 28px !important;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 10px 10px 0 0;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_modal.ty_full .mnodr_modal_wrap:focus {
  outline: none;
}
.mnodr_modal.ty_full .mnodr_modal_wrap.height_40p {
  top: 40% !important;
}
.mnodr_modal.ty_full .mnodr_modal_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 56px;
  border-bottom: 1px solid #d1d1d1;
  text-align: center;
}
.mnodr_modal.ty_full .mnodr_modal_head.border_none {
  border-bottom: none;
}
.mnodr_modal.ty_full .mnodr_modal_head .mnodr_modal_tit {
  font-size: 16px;
}
.mnodr_modal.ty_full .mnodr_modal_close {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 20px;
  height: 20px;
}

.mnodr_modal.ty_alert .mnodr_modal_tit {
  font-size: var(--m-fontSizes-3xl, 20px);
}
.mnodr_modal.ty_alert .mnodr_tx_tit {
  font-size: var(--m-fontSizes-3xl, 20px);
  margin-bottom: 12px;
  line-height: 1.2;
}
.mnodr_modal.ty_alert .mnodr_tx_tit:only-child {
  margin-bottom: 0;
}
.mnodr_modal.ty_alert .mnodr_tx_tit + .mnodr_tx_desc {
  margin-top: 8px;
}
.mnodr_modal.ty_alert .mnodr_modal_wrap {
  position: fixed;
  border-radius: 20px;
  background: #fff;
}
.mnodr_modal.ty_alert .mnodr_modal_cont {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 40px 30px 30px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  min-width: auto;
  max-width: auto;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.ty_nopd {
  padding: 0;
}
.mnodr_modal.ty_alert .mnodr_btn_area {
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
}
.mnodr_modal.ty_alert .mnodr_modal_foot .mnodr_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 52px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_modal.ty_alert .mnodr_modal_foot .mnodr_btn.ty_gray {
  background-color: var(--m-colors-gray200, #f0f0f0);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_modal.ty_alert .mnodr_modal_foot .mnodr_btn.ty_point {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_modal.ty_alert .mnodr_modal_title {
  margin-bottom: 20px;
  font-size: var(--m-fontSizes-3xl, 20px);
  color: var(--m-colors-gray900, #222222);
  font-weight: var(--m-fontWeights-bold, 700);
  line-height: 1.2;
}
.mnodr_modal.ty_alert .mnodr_modal_title2 {
  margin-bottom: 14px;
  font-size: var(--m-fontSizes-2xl, 18px);
  color: var(--m-colors-black, #000000);
  font-weight: var(--m-fontWeights-bold, 700);
  line-height: 1.2;
}
.mnodr_modal.ty_alert .mnodr_modal_subtitle {
  margin-top: 20px;
  font-weight: var(--m-fontWeights-bold, 700);
  font-size: var(--m-fontSizes-lg, 15px);
  color: var(--m-colors-gray800, #444444);
}
.mnodr_modal.ty_alert .mnodr_modal_desc {
  margin-top: 16px;
  font-weight: var(--m-fontWeights-normal, 400);
  font-size: var(--m-fontSizes-lg, 15px);
  color: var(--m-colors-gray600, #777777);
  line-height: 18px;
}
.mnodr_modal.ty_alert .mnodr_modal_desc2 {
  font-size: var(--m-fontSizes-md, 14px);
  line-height: 1.2;
}
.mnodr_modal.ty_alert .mnodr_modal_desc2 + .mnodr_modal_desc2 {
  margin-top: 6px;
}
.mnodr_modal.ty_alert .mnodr_modal_desc3 {
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray500, #888888);
  line-height: 1.2;
}
.mnodr_modal.ty_alert .mnodr_modal_desc3 + .mnodr_modal_desc3 {
  margin-top: 16px;
}
.mnodr_modal.ty_alert .mnodr_cmbtn_area {
  overflow: hidden;
  border-radius: 0 0 20px 20px;
  background-color: var(--m-colors-black_alpha60, rgba(0, 0, 0, 0.6));
}

.bottomsheet_sheet .mnodr_border,
.mnodr_modal .mnodr_border {
  margin: 0 -16px;
}
.bottomsheet_sheet .mnodr_hr2,
.mnodr_modal .mnodr_hr2 {
  margin: 20px 0;
  height: auto;
}
.bottomsheet_sheet .mnodr_acdo_header,
.mnodr_modal .mnodr_acdo_header {
  z-index: auto;
}
.bottomsheet_sheet .mnodr_btn_rbox,
.mnodr_modal .mnodr_btn_rbox {
  display: inline-block;
  height: 24px;
  padding: 1px 12px 0;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  font-size: 12px;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_btn_rbox:disabled,
.bottomsheet_sheet .mnodr_btn_rbox .disalbed,
.mnodr_modal .mnodr_btn_rbox:disabled,
.mnodr_modal .mnodr_btn_rbox .disalbed {
  opacity: 0.2;
}
.bottomsheet_sheet .mnodr_contit2,
.mnodr_modal .mnodr_contit2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  margin-top: 20px;
  margin-bottom: 4px;
}
.bottomsheet_sheet .mnodr_contit2 .mnodr_contit2_tx,
.mnodr_modal .mnodr_contit2 .mnodr_contit2_tx {
  font-size: 14px;
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_contit2 .mnodr_btnarea_rgt,
.mnodr_modal .mnodr_contit2 .mnodr_btnarea_rgt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.bottomsheet_sheet .mnodr_contit2 + .mnodr_contxt_large,
.mnodr_modal .mnodr_contit2 + .mnodr_contxt_large {
  margin-top: -4px;
}
.bottomsheet_sheet .mnodr_contit2.ty_line,
.mnodr_modal .mnodr_contit2.ty_line {
  margin: 32px 0 0;
  border-bottom: 1px solid #e5e5e5;
}
.bottomsheet_sheet .mnodr_contit2.ty_line:first-child,
.mnodr_modal .mnodr_contit2.ty_line:first-child {
  margin: 24px 0 0;
}
.bottomsheet_sheet .mnodr_explain,
.mnodr_modal .mnodr_explain {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.215;
  word-break: break-word;
  word-wrap: break-word;
}
.bottomsheet_sheet .mnodr_explain + .mnodr_explain,
.mnodr_modal .mnodr_explain + .mnodr_explain {
  margin-top: 14px;
}
.bottomsheet_sheet .mnodr_contxt,
.mnodr_modal .mnodr_contxt {
  margin-top: 4px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.215;
}
.bottomsheet_sheet .mnodr_contxt:first-child,
.mnodr_modal .mnodr_contxt:first-child {
  margin-top: 0;
}
.bottomsheet_sheet .mnodr_contxt2,
.mnodr_modal .mnodr_contxt2 {
  padding-right: 51px;
}
.bottomsheet_sheet .mnodr_contxt_desc,
.mnodr_modal .mnodr_contxt_desc {
  margin-top: 4px;
  font-size: 13px;
  color: var(--m-colors-gray500, #888888);
  line-height: 1.231;
}
.bottomsheet_sheet .mnodr_contxt_desc.ty_dot,
.mnodr_modal .mnodr_contxt_desc.ty_dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bottomsheet_sheet .mnodr_contxt_desc.ty_dot:before,
.mnodr_modal .mnodr_contxt_desc.ty_dot:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2px;
  height: 2px;
  margin: 6px 4px 0 0;
  border-radius: 50%;
  background-color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_contxt_desc2,
.mnodr_modal .mnodr_contxt_desc2 {
  margin-top: 6px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  line-height: 1.231;
}
.bottomsheet_sheet .mnodr_contxt_large,
.mnodr_modal .mnodr_contxt_large {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_contxt_dot,
.mnodr_modal .mnodr_contxt_dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin-top: 4px;
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.231;
}
.bottomsheet_sheet .mnodr_contxt_dot:before,
.mnodr_modal .mnodr_contxt_dot:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2px;
  height: 2px;
  margin: 6px 4px 0 0;
  border-radius: 50%;
  background-color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_info_lst,
.mnodr_modal .mnodr_info_lst {
  position: relative;
  margin-top: 20px;
  color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_info_lst li,
.mnodr_modal .mnodr_info_lst li {
  margin-top: 20px;
}
.bottomsheet_sheet .mnodr_info_lst.ty_dot li,
.mnodr_modal .mnodr_info_lst.ty_dot li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bottomsheet_sheet .mnodr_info_lst.ty_dot li:before,
.mnodr_modal .mnodr_info_lst.ty_dot li:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2px;
  height: 2px;
  margin: 6px 4px 0 0;
  border-radius: 50%;
  background-color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_transit_header,
.mnodr_modal .mnodr_transit_header {
  padding: 24px 0;
}
.bottomsheet_sheet .mnodr_transit_header .mnodr_transit_tit,
.mnodr_modal .mnodr_transit_header .mnodr_transit_tit {
  font-weight: 700;
  font-size: 20px;
  text-align: center;
  line-height: 24px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_infoarea,
.mnodr_modal .mnodr_transit .mnodr_transit_infoarea {
  padding: 20px 0;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_infoarea .mnodr_transit_area,
.mnodr_modal .mnodr_transit .mnodr_transit_infoarea .mnodr_transit_area {
  padding-bottom: 0;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_infotit,
.mnodr_modal .mnodr_transit .mnodr_transit_infotit {
  font-weight: 700;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info,
.mnodr_modal .mnodr_transit .mnodr_transit_info {
  overflow: hidden;
  margin-top: 5px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.38;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info dt,
.mnodr_modal .mnodr_transit .mnodr_transit_info dt {
  float: left;
  margin-top: 4px;
  padding-right: 10px;
  color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info dd,
.mnodr_modal .mnodr_transit .mnodr_transit_info dd {
  float: none;
  margin-top: 4px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info .mnodr_btn_tel,
.mnodr_modal .mnodr_transit .mnodr_transit_info .mnodr_btn_tel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  font-weight: normal;
  text-decoration: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info .mnodr_btn_tel .icon_phone_wave,
.mnodr_modal .mnodr_transit .mnodr_transit_info .mnodr_btn_tel .icon_phone_wave {
  margin-left: 5px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_info .mnodr_btn_tel .txt_underline,
.mnodr_modal .mnodr_transit .mnodr_transit_info .mnodr_btn_tel .txt_underline {
  text-decoration: underline;
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail li,
.mnodr_modal .mnodr_transit .mnodr_item_detail li {
  margin-top: 5px;
  color: var(--m-colors-gray500, #888888);
  font-size: 13px;
  line-height: 1.38;
  letter-spacing: -0.3px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info,
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_opt,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_opt {
  display: inline-block;
  position: relative;
  padding-right: 12px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info strong,
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_opt strong,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info strong,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_opt strong {
  padding-right: 5px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info em,
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_opt em,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info em,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_opt em {
  padding-left: 5px;
  color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info:after,
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_opt:after,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info:after,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_opt:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  width: 2px;
  height: 2px;
  margin-top: -1px;
  background: var(--m-colors-gray500, #888888);
  content: "";
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info:only-child,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info:only-child {
  padding: 0;
}
.bottomsheet_sheet .mnodr_transit .mnodr_item_detail .unit_info:only-child:after,
.mnodr_modal .mnodr_transit .mnodr_item_detail .unit_info:only-child:after {
  display: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_area,
.mnodr_modal .mnodr_transit .mnodr_transit_area {
  padding: 20px 0;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst,
.mnodr_modal .mnodr_transit .mnodr_transit_lst {
  position: relative;
  margin: -26px 0 13px;
  padding: 0 0 0 139px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst:before,
.mnodr_modal .mnodr_transit .mnodr_transit_lst:before {
  content: "";
  position: absolute;
  top: 0;
  left: 119px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: #6841ff;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li {
  display: table;
  position: relative;
  margin-top: 36px;
  width: 100%;
  color: var(--m-colors-gray900, #222222);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico {
  background-color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico:before,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:first-child .deliv_time,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:first-child .deliv_time {
  color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:first-child .deliv_state,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:first-child .deliv_state {
  margin-top: 1px;
  font-weight: bold;
  color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:last-child .deliv_ico:before,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:last-child .deliv_ico:before {
  display: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_ico,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -10px;
  left: -40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #6841ff;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_ico:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='rgb%28255%2C255%2C255%29'%3E%3Cpath fill='none' d='M0 0h20v20H0z'/%3E%3Cpath d='M7 4v2H4.3L1 9.7V15h3.3c.3.6 1 1 1.7 1s1.4-.4 1.7-1h5.6c.3.6 1 1 1.7 1s1.4-.4 1.7-1H19V4H7zM2 14v-3.9L4.7 7H7v5.3c-.3-.2-.6-.3-1-.3-1.1 0-2 .9-2 2H2zm4 1c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm9 0c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1zm3-1h-1c0-1.1-.9-2-2-2s-2 .9-2 2H8V5h10v9z'/%3E%3C/svg%3E");
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li.stock .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li.stock .deliv_ico:after {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath d='M21.75 4.65v14.7H2.25V4.65h19.5zm-1.5 1.5h-5.7v4.8h-5.1l-.001-4.8H3.75v11.7h16.5V6.15zm-7.2 0h-2.1v3.3h2.1v-3.3z' fill='rgb%28255%2C255%2C255%29' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E");
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_time,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_time {
  position: absolute;
  top: 2px;
  left: -139px;
  display: block;
  width: 99px;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.3px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_state,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_state {
  margin-left: 10px;
  font-size: 13px;
  line-height: 1.29;
  letter-spacing: -0.3px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_state em,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_state em {
  color: #6841ff;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle {
  margin-top: 26px;
  text-align: center;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_off,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_off {
  display: block;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_on,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_on {
  display: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .codr_sp_ico,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .codr_sp_ico {
  display: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn::after,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M7.332 10.308l0.852-0.852 3.816 3.816 3.816-3.816 0.852 0.852-4.668 4.656-4.668-4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_off,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_off {
  display: none;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_on,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_on {
  display: block;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn::after,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.668 13.692l-0.852 0.852-3.816-3.816-3.816 3.816-0.852-0.852 4.668-4.656 4.668 4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_cont,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_cont {
  display: block;
}
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_cont,
.bottomsheet_sheet .mnodr_transit .mnodr_delivdetail_toggle .mnodr_acdo_cont,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_cont,
.mnodr_modal .mnodr_transit .mnodr_delivdetail_toggle .mnodr_acdo_cont {
  display: none;
  margin-top: 4px;
  text-align: left;
}
.bottomsheet_sheet .mnodr_impossible,
.mnodr_modal .mnodr_impossible {
  padding-top: 60px;
}
.bottomsheet_sheet .mnodr_impossible .mnodr_impossible_icon,
.mnodr_modal .mnodr_impossible .mnodr_impossible_icon {
  display: block;
  text-align: center;
}
.bottomsheet_sheet .mnodr_impossible .mnodr_impossible_icon:after,
.mnodr_modal .mnodr_impossible .mnodr_impossible_icon:after {
  content: "";
  display: inline-block;
  width: 63px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="67" height="49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.298 42.003H24.68V2H65v40.003h-6.386M12.194 42.003H2V24.505l12.6-12.49h10.08" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/><path d="M18.38 47c3.48 0 6.3-2.794 6.3-6.24s-2.82-6.24-6.3-6.24-6.3 2.794-6.3 6.24S14.9 47 18.38 47ZM51.713 47c3.479 0 6.3-2.794 6.3-6.24s-2.821-6.24-6.3-6.24c-3.48 0-6.3 2.794-6.3 6.24s2.82 6.24 6.3 6.24ZM37.48 14.772l7.36 7.23 7.36-7.23" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/><path d="m37.48 29.231 7.36-7.23 7.36 7.23" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/></svg>');
  vertical-align: top;
}
.bottomsheet_sheet .mnodr_impossible .mnodr_impossible_tx,
.mnodr_modal .mnodr_impossible .mnodr_impossible_tx {
  margin-top: 20px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  text-align: center;
}
.bottomsheet_sheet .mnodr_impossible .mnodr_impossible_tx em,
.mnodr_modal .mnodr_impossible .mnodr_impossible_tx em {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_impossible .mnodr_impossible_desc,
.mnodr_modal .mnodr_impossible .mnodr_impossible_desc {
  margin-top: 8px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_impossible .mnodr_cmbtn_area,
.mnodr_modal .mnodr_impossible .mnodr_cmbtn_area {
  margin-top: 20px;
}
.bottomsheet_sheet .mnodr_payinfo_totalprice,
.mnodr_modal .mnodr_payinfo_totalprice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottomsheet_sheet .mnodr_payinfo_totalprice em,
.mnodr_modal .mnodr_payinfo_totalprice em {
  font-size: 24px;
  font-weight: bold;
}
.bottomsheet_sheet .mnodr_payinfo_totalprice .mnodr_btn_receipt,
.mnodr_modal .mnodr_payinfo_totalprice .mnodr_btn_receipt {
  display: inline-block;
  width: 74px;
  height: 32px;
  padding-top: 1px;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  font-size: 13px;
  color: var(--m-colors-gray800, #444444);
}
.bottomsheet_sheet .mnodr_payinfo_benefit,
.mnodr_modal .mnodr_payinfo_benefit {
  padding: 20px 15px;
  border-radius: 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.bottomsheet_sheet .mnodr_payinfo_benefit:first-child,
.mnodr_modal .mnodr_payinfo_benefit:first-child {
  margin-top: 15px;
}
.bottomsheet_sheet .mnodr_payinfo_benefit .mnodr_payinfo_benefit_summary,
.mnodr_modal .mnodr_payinfo_benefit .mnodr_payinfo_benefit_summary {
  padding-bottom: 20px;
  text-align: center;
}
.bottomsheet_sheet .mnodr_payinfo_benefit .mnodr_payinfo_benefit_price,
.mnodr_modal .mnodr_payinfo_benefit .mnodr_payinfo_benefit_price {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_payinfo_benefit .mnodr_payinfo_benefit_price strong,
.mnodr_modal .mnodr_payinfo_benefit .mnodr_payinfo_benefit_price strong {
  font-size: 24px;
}
.bottomsheet_sheet .mnodr_payinfo_benefit .mnodr_payinfo_benefit_tx,
.mnodr_modal .mnodr_payinfo_benefit .mnodr_payinfo_benefit_tx {
  margin-top: 7px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_payinfo_benefit .mnodr_payinfo_area .mnodr_payinfo_benefit_tx,
.mnodr_modal .mnodr_payinfo_benefit .mnodr_payinfo_area .mnodr_payinfo_benefit_tx {
  margin-top: 4px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_payinfo_area,
.mnodr_modal .mnodr_payinfo_area {
  margin-top: 8px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle {
  position: relative;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_cont,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_cont {
  display: none;
  margin-top: 0;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_btn,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-tap-highlight-color: transparent;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_btn ~ .mnodr_payinfodtl_row .icon,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_acdo_btn ~ .mnodr_payinfodtl_row .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .icon,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .icon {
  display: none;
  margin-top: -4px;
  vertical-align: top;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle.on .mnodr_acdo_cont,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle.on .mnodr_acdo_cont {
  display: block;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle.on .mnodr_payinfodtl_row .icon,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle.on .mnodr_payinfodtl_row .icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_payinfodtl_row:first-child,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_payinfodtl_row:first-child {
  margin-top: 6px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_payinfodtl_tx,
.mnodr_modal .mnodr_payinfo_area .mnodr_acdo_toggle .mnodr_payinfodtl_tx {
  padding-right: 25px;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 20px;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  line-height: var(--m-lineHeights-normal, normal);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row:not(:first-child),
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row:not(:first-child) {
  margin-top: 6px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row:not(.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row ~ .mnodr_payinfodtl_eco_row,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row ~ .mnodr_payinfodtl_eco_row),
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row:not(.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row ~ .mnodr_payinfodtl_eco_row,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row.mnodr_payinfodtl_eco_row ~ .mnodr_payinfodtl_eco_row) {
  margin-top: 20px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-size: var(--m-fontSizes-md, 14px);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: 2px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .mnodr_btn_content,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .mnodr_btn_content {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .mnodr_btn_content:before,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .mnodr_btn_content:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .icon_circle_question,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_tooltip_btn_open .icon_circle_question {
  display: none;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .cmbadge_universe_oval,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_eco,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_kbliiv,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_refresh_item,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .cmbadge_universe_oval,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_eco,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_kbliiv,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_tx .mnodr_ico_refresh_item {
  margin-right: 4px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_money,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_money {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: right;
  font-weight: bold;
  letter-spacing: -0.3px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_row,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_paydetail_sublst,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_toggle,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_btn,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_payinfodtl_row,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_paydetail_sublst,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_toggle,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100%;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_btn,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_acdo_btn {
  text-align: left;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:before, .bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:after,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:before,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:after {
  color: var(--m-colors-gray900, #222222);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:after,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:active,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row .mnodr_pay_arrlink:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row.ty_depth .mnodr_payinfodtl_row, .bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row.ty_depth .mnodr_paydetail_sublst,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row.ty_depth .mnodr_payinfodtl_row,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row.ty_depth .mnodr_paydetail_sublst {
  padding-left: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paydetail_sublst,
.mnodr_modal .mnodr_payinfo_area .mnodr_paydetail_sublst {
  padding-top: 4px;
  font-size: 14px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paydetail_sublst li,
.mnodr_modal .mnodr_payinfo_area .mnodr_paydetail_sublst li {
  line-height: 1.215;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paydetail_sublst li:not(:first-child),
.mnodr_modal .mnodr_payinfo_area .mnodr_paydetail_sublst li:not(:first-child) {
  margin-top: 5px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paydetail_sublst .mnodr_paydetail_tx:only-child,
.mnodr_modal .mnodr_payinfo_area .mnodr_paydetail_sublst .mnodr_paydetail_tx:only-child {
  -webkit-line-clamp: initial;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paydetail_sublst .mnodr_paydetail_money,
.mnodr_modal .mnodr_payinfo_area .mnodr_paydetail_sublst .mnodr_paydetail_money {
  font-weight: bold;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_row_desc,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_row_desc {
  font-size: 12px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paychg,
.mnodr_modal .mnodr_payinfo_area .mnodr_paychg {
  margin: 8px 0;
  font-size: 14px;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_paychg .tx_date,
.mnodr_modal .mnodr_payinfo_area .mnodr_paychg .tx_date {
  font-size: 15px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_stats,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_stats {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  min-width: 58px;
  min-height: 18px;
  font-size: 12px;
  margin-left: 4px;
  padding: 3px 2px 1px;
  border: 1px solid currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_stats.ty_refund,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_stats.ty_refund {
  border-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_lst,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_lst {
  margin-top: 4px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 13px;
  line-height: 1.1;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_lst li,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_lst li {
  margin-top: 3px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_btnarea,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_btnarea {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 3px;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_btnarea button,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_btnarea a,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_btnarea button,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_btnarea a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_btnarea .mnodr_btn_change_deposit,
.bottomsheet_sheet .mnodr_payinfo_area .mnodr_payinfodtl_btnarea .mnodr_btn_pay_card,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_btnarea .mnodr_btn_change_deposit,
.mnodr_modal .mnodr_payinfo_area .mnodr_payinfodtl_btnarea .mnodr_btn_pay_card {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  padding: 1px 16px 0;
  border: 1px solid #cfcfcf;
  border-radius: 6px;
  font-size: 13px;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .mnodr_goods_info,
.mnodr_modal .mnodr_modal_goodsinfo .mnodr_goods_info {
  position: relative;
  background: #fff;
  font-size: 14px;
  color: var(--m-colors-black, #000000);
  text-align: center;
  line-height: 1.57;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .mnodr_goods_info .tx_state,
.mnodr_modal .mnodr_modal_goodsinfo .mnodr_goods_info .tx_state {
  padding: 20px;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .mnodr_goods_info .tx_detail,
.mnodr_modal .mnodr_modal_goodsinfo .mnodr_goods_info .tx_detail {
  display: block;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit {
  padding: 0;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_area,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_thmb,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_thmb {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_cont,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_cont {
  min-width: 0;
  margin-left: 12px;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_others,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_others {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 36px;
  margin-left: auto;
  text-align: right;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_type.ty_top,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_type.ty_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bottomsheet_sheet .mnodr_modal_goodsinfo .codr_unit_type.ty_top > span,
.mnodr_modal .mnodr_modal_goodsinfo .codr_unit_type.ty_top > span {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.bottomsheet_sheet .v2 .mnodr_modal_goodsinfo .codr_unit_area,
.mnodr_modal .v2 .mnodr_modal_goodsinfo .codr_unit_area {
  margin-top: 20px;
  padding: 0;
  border-top: 0;
}
.bottomsheet_sheet .mnodr_contxt_large .mnodr_contel,
.mnodr_modal .mnodr_contxt_large .mnodr_contel {
  letter-spacing: -0.3px;
}
.bottomsheet_sheet .mnodr_contxt_large .mnodr_contxt_desc,
.mnodr_modal .mnodr_contxt_large .mnodr_contxt_desc {
  display: block;
  margin-top: 0;
  font-weight: normal;
}
.bottomsheet_sheet .mnodr_refund_pricebx,
.mnodr_modal .mnodr_refund_pricebx {
  margin-top: 20px;
}
.bottomsheet_sheet .mnodr_point_item_total,
.bottomsheet_sheet .mnodr_point_item,
.mnodr_modal .mnodr_point_item_total,
.mnodr_modal .mnodr_point_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bottomsheet_sheet .mnodr_point_item_total > dd,
.bottomsheet_sheet .mnodr_point_item > dd,
.mnodr_modal .mnodr_point_item_total > dd,
.mnodr_modal .mnodr_point_item > dd {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 105px;
  text-align: right;
}
.bottomsheet_sheet .mnodr_point_item_total,
.mnodr_modal .mnodr_point_item_total {
  font-weight: bold;
}
.bottomsheet_sheet .mnodr_point_item,
.mnodr_modal .mnodr_point_item {
  margin-top: 1px;
  color: var(--m-colors-gray500, #888888);
}
.bottomsheet_sheet .mnodr_point_item:first-child,
.mnodr_modal .mnodr_point_item:first-child {
  margin-top: 4px;
}
.bottomsheet_sheet .mnodr_unit_photolst,
.mnodr_modal .mnodr_unit_photolst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  grid-gap: 15px;
  margin-top: 15px;
}
.bottomsheet_sheet .mnodr_unit_photolst .img_area,
.mnodr_modal .mnodr_unit_photolst .img_area {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: block;
  width: 55px;
  height: 55px;
}
.bottomsheet_sheet .mnodr_unit_photolst .img_area img,
.mnodr_modal .mnodr_unit_photolst .img_area img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.bottomsheet_sheet .mnodr_telinfo_wrap .mnodr_btn_tel,
.mnodr_modal .mnodr_telinfo_wrap .mnodr_btn_tel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0;
  font-weight: normal;
}
.bottomsheet_sheet .mnodr_telinfo_wrap .mnodr_btn_tel .icon_phone_wave,
.mnodr_modal .mnodr_telinfo_wrap .mnodr_btn_tel .icon_phone_wave {
  margin-left: 6px;
}
.bottomsheet_sheet .mnodr_modalhead_sellerinfo,
.mnodr_modal .mnodr_modalhead_sellerinfo {
  position: relative;
  min-height: 80px;
  margin: 0 -16px;
  padding: 20px 0;
  background: #6841ff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.bottomsheet_sheet .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_nm,
.mnodr_modal .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_nm {
  color: #fff;
  font-size: 20px;
}
.bottomsheet_sheet .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel,
.mnodr_modal .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel {
  position: absolute;
  left: 50%;
  bottom: -17px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 92px;
  border: 1px solid #6841ff;
  max-width: calc(100% - 20px);
  height: 39px;
  padding: 0 16px 0 18px;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel .icon_phone_wave,
.mnodr_modal .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel .icon_phone_wave {
  margin-right: 7px;
}
.bottomsheet_sheet .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel .mnodr_sellerinfo_teltx,
.mnodr_modal .mnodr_modalhead_sellerinfo .mnodr_sellerinfo_tel .mnodr_sellerinfo_teltx {
  padding-top: 2px;
  font-size: 14px;
}
.bottomsheet_sheet .mnodr_modalcont_sellerinfo,
.mnodr_modal .mnodr_modalcont_sellerinfo {
  margin-top: 35px;
}
.bottomsheet_sheet .mnodr_modalcont_sellerinfo dl,
.mnodr_modal .mnodr_modalcont_sellerinfo dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  margin-top: 16px;
}
.bottomsheet_sheet .mnodr_modalcont_sellerinfo dl dt,
.mnodr_modal .mnodr_modalcont_sellerinfo dl dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 89px;
  color: var(--m-colors-gray600, #777777);
  margin-right: 20px;
}
.bottomsheet_sheet .mnodr_modalcont_sellerinfo dl dd,
.mnodr_modal .mnodr_modalcont_sellerinfo dl dd {
  color: var(--m-colors-gray900, #222222);
  word-break: break-all;
}
.bottomsheet_sheet .mnodr_faq_wrap,
.mnodr_modal .mnodr_faq_wrap {
  margin: 0 -16px;
}
.bottomsheet_sheet .mnodr_faq_wrap + .mnodr_cmbtn_area,
.mnodr_modal .mnodr_faq_wrap + .mnodr_cmbtn_area {
  margin-top: 8px;
}
.bottomsheet_sheet .mnodr_faq_lst,
.mnodr_modal .mnodr_faq_lst {
  color: var(--m-colors-gray900, #222222);
}
.bottomsheet_sheet .mnodr_faq_lst li:not(:first-child),
.mnodr_modal .mnodr_faq_lst li:not(:first-child) {
  border-top: 1px solid #f0f0f0;
}
.bottomsheet_sheet .mnodr_faq_lst a,
.bottomsheet_sheet .mnodr_faq_lst button,
.mnodr_modal .mnodr_faq_lst a,
.mnodr_modal .mnodr_faq_lst button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 14px 16px 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_faq_lst a .icon,
.bottomsheet_sheet .mnodr_faq_lst button .icon,
.mnodr_modal .mnodr_faq_lst a .icon,
.mnodr_modal .mnodr_faq_lst button .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: -5px;
}
.bottomsheet_sheet .mnodr_step_lst,
.mnodr_modal .mnodr_step_lst {
  margin-top: 8px;
}
.bottomsheet_sheet .mnodr_step_lst li,
.mnodr_modal .mnodr_step_lst li {
  position: relative;
  padding: 0 0 20px 55px;
  font-size: 14px;
  line-height: 1.215;
  color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_step_lst li:after,
.mnodr_modal .mnodr_step_lst li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 19px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
  height: 12px;
  margin: 10px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="8" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path stroke="%23222" d="M4 0v11"/><path d="m1 9 3 2 3-2" stroke="%23222" stroke-linecap="square"/></svg>');
}
.bottomsheet_sheet .mnodr_step_lst li:last-child,
.mnodr_modal .mnodr_step_lst li:last-child {
  padding-bottom: 0;
}
.bottomsheet_sheet .mnodr_step_lst li:last-child:after,
.mnodr_modal .mnodr_step_lst li:last-child:after {
  display: none;
}
.bottomsheet_sheet .mnodr_step_lst li .tx_step,
.mnodr_modal .mnodr_step_lst li .tx_step {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 21px;
  padding-top: 5px;
  border-radius: 2px;
  background-color: var(--m-colors-gray800, #444444);
  font-size: 10px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: uppercase;
}
.bottomsheet_sheet .mnodr_step_lst li .tx_dtl,
.mnodr_modal .mnodr_step_lst li .tx_dtl {
  word-break: keep-all;
  word-wrap: break-word;
}
.bottomsheet_sheet .mnodr_step_lst li .tx_dtl:not(:first-of-type),
.mnodr_modal .mnodr_step_lst li .tx_dtl:not(:first-of-type) {
  margin-top: 6px;
}
.bottomsheet_sheet .mnodr_infodl,
.mnodr_modal .mnodr_infodl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  line-height: 1.22;
}
.bottomsheet_sheet .mnodr_infodl .mnodr_infodt,
.mnodr_modal .mnodr_infodl .mnodr_infodt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100px;
}
.bottomsheet_sheet .mnodr_infodl .mnodr_infodd,
.mnodr_modal .mnodr_infodl .mnodr_infodd {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  text-align: right;
  font-weight: 500;
  word-break: keep-all;
  word-wrap: break-word;
}
.bottomsheet_sheet .mnodr_coupon_info,
.mnodr_modal .mnodr_coupon_info {
  position: relative;
  margin-top: 20px;
  color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet .mnodr_coupon_info.ty_dot,
.mnodr_modal .mnodr_coupon_info.ty_dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.bottomsheet_sheet .mnodr_coupon_info.ty_dot:before,
.mnodr_modal .mnodr_coupon_info.ty_dot:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2px;
  height: 2px;
  margin: 6px 4px 0 0;
  border-radius: 50%;
  background-color: var(--m-colors-gray700, #666666);
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row {
  background-color: transparent;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_modal_cont,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_modal_cont {
  padding: 0;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_wrap,
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_cont,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_wrap,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_cont {
  background-color: var(--m-colors-white, #ffffff);
  padding: 30px;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_wrap,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_wrap {
  margin-bottom: 1px;
  border-radius: 20px;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_time,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_time {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_img img,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_img img {
  width: 100%;
  vertical-align: top;
}
.bottomsheet_sheet.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_cont,
.mnodr_modal.ty_alert .mnodr_modal_wrap.ty_2row .mnodr_barcode_cont {
  border-radius: 20px 20px 0 0;
}
.bottomsheet_sheet .mnodr_resend_btnarea,
.mnodr_modal .mnodr_resend_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
.bottomsheet_sheet .mnodr_resend_btn,
.mnodr_modal .mnodr_resend_btn {
  display: block;
  width: 100%;
  height: 52px;
  border-radius: 8px;
  font-size: 15px;
}
.bottomsheet_sheet .mnodr_resend_btn:not(:first-child),
.mnodr_modal .mnodr_resend_btn:not(:first-child) {
  margin-top: 10px;
}
.bottomsheet_sheet .mnodr_resend_btn.ty_kakao,
.mnodr_modal .mnodr_resend_btn.ty_kakao {
  background-color: #ffd040;
  color: var(--m-colors-black, #000000);
}
.bottomsheet_sheet .mnodr_resend_btn.ty_sns,
.mnodr_modal .mnodr_resend_btn.ty_sns {
  background-color: var(--m-colors-gray800, #444444);
  color: var(--m-colors-white, #ffffff);
}
.bottomsheet_sheet .mnodr_resend_btnline,
.mnodr_modal .mnodr_resend_btnline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 42px;
  border-radius: 8px;
  font-size: 14px;
  border: 1px solid #222222;
  color: var(--m-colors-gray900, #222222);
}
.bottomsheet_sheet .mnodr_resend_btnline:not(:first-child),
.mnodr_modal .mnodr_resend_btnline:not(:first-child) {
  margin-top: 10px;
}
.bottomsheet_sheet .mnodr_resend_btnline.ty_kakao:before,
.mnodr_modal .mnodr_resend_btnline.ty_kakao:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none"><path fill="%23222" d="M14.5 17h-12V5h6v1h-5v10h10v-2h1v3Z"/><path fill="%23222" d="M7.5 12h-1v-.5C6.5 9 8.5 7 11 7h7.2v1H11c-1.9 0-3.5 1.6-3.5 3.5v.5Z"/><path fill="%23222" d="m14.4 12.1-.8-.7 3.9-3.9-3.9-3.9.8-.7 4.5 4.6-4.5 4.6Z"/></svg>');
  margin-right: 5px;
}
.bottomsheet_sheet .mnodr_resend_btnline.ty_sns:before,
.mnodr_modal .mnodr_resend_btnline.ty_sns:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M2.4 4.8h19.2v14.4h-19.2v-14.4zM19.552 6h-15.103l7.552 7.552 7.552-7.552zM3.601 6.849v11.152h16.8v-11.152l-8.4 8.4-8.4-8.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.bottomsheet_sheet.mnodr_modal_addgiftbox,
.mnodr_modal.mnodr_modal_addgiftbox {
  text-align: center;
}
.bottomsheet_sheet.mnodr_modal_addgiftbox .mnodr_addgift_icon,
.mnodr_modal.mnodr_modal_addgiftbox .mnodr_addgift_icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 10px;
}
.bottomsheet_sheet.mnodr_modal_addgiftbox .mnodr_addgift_icon img,
.mnodr_modal.mnodr_modal_addgiftbox .mnodr_addgift_icon img {
  width: 100%;
  vertical-align: top;
}
.bottomsheet_sheet.mnodr_modal_addgiftbox .mnodr_addgift_link,
.mnodr_modal.mnodr_modal_addgiftbox .mnodr_addgift_link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 31px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 17px;
}
.bottomsheet_sheet.mnodr_modal_addgiftbox .mnodr_addgift_link .icon,
.mnodr_modal.mnodr_modal_addgiftbox .mnodr_addgift_link .icon {
  -webkit-filter: invert(54%) sepia(13%) saturate(13%) hue-rotate(358deg) brightness(98%) contrast(85%);
          filter: invert(54%) sepia(13%) saturate(13%) hue-rotate(358deg) brightness(98%) contrast(85%);
}
.bottomsheet_sheet.mnodr_modal_giftsvc_msgsend .mnodr_modal_wrap .mnodr_modal_cont,
.mnodr_modal.mnodr_modal_giftsvc_msgsend .mnodr_modal_wrap .mnodr_modal_cont {
  padding: 0;
}

.bottomsheet_sheet .mnodr_bottomsheet_head {
  padding: 20px 0;
}
.bottomsheet_sheet .mnodr_bottomsheet_headtit {
  font-size: 20px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2142857143;
}
.bottomsheet_sheet .mnodr_contit2:first-of-type {
  padding-top: 24px;
  margin-top: 0;
}
.bottomsheet_sheet .mnodr_contxt:first-child {
  padding-top: 24px;
  margin-top: 0;
}
.bottomsheet_sheet .mnodr_form_sec {
  padding: 24px 0 0;
}
.bottomsheet_sheet .mnodr_contxt_wrap {
  margin-bottom: 32px;
}
.bottomsheet_sheet .mnodr_contxt_wrap .mnodr_contxt {
  margin-top: 12px;
}
.bottomsheet_sheet .mnodr_contxt_wrap .mnodr_contxt:first-child {
  margin-top: 0;
}
.bottomsheet_sheet .mnodr_tx_tit2:first-of-type {
  margin-bottom: 16px;
  padding-top: 30px;
  line-height: 1.2;
}
.bottomsheet_sheet .mnodr_bullst:only-child {
  margin: 30px 0;
}
.bottomsheet_sheet .mnodr_control_wrap_bottomSheet {
  margin: 0 -16px;
}

.bottomsheet_wrap.mnodr_modal_subgoods .mnodr_unit {
  padding-top: 14px;
}
.bottomsheet_wrap.mnodr_modal_discountCharge .bottomsheet_container {
  padding: 0;
}
.bottomsheet_wrap.mnodr_modal_discountCharge .bottomsheet_scroll {
  padding-bottom: 0;
}

.mnodr_modal.mnodr_modal_premiumdeliv .mnodr_step_lst > li {
  padding: 0;
}
.mnodr_modal.mnodr_modal_premiumdeliv .mnodr_step_lst > li:after {
  display: none;
}
.mnodr_modal.mnodr_modal_premiumdeliv .mnodr_bullst > li {
  padding: 0 0 0 6px;
}
.mnodr_modal.mnodr_modal_premiumdeliv .mnodr_bullst > li:after {
  display: none;
}
.mnodr_modal.mnodr_modal_freebies .mnodr_frbsitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  letter-spacing: -0.3px;
  line-height: 1.3;
}
.mnodr_modal.mnodr_modal_freebies .mnodr_frbsitem > dt {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.mnodr_modal.mnodr_modal_freebies .mnodr_frbsitem > dd:not(:last-child) {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-negative: 2;
      flex-shrink: 2;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_modal.mnodr_modal_freebies .mnodr_frbsitem > dd:last-child {
  width: 75px;
  text-align: right;
  word-wrap: break-word;
  word-break: keep-all;
}
.mnodr_modal.mnodr_modal_giftrefusal .mnodr_tx_tit {
  word-break: keep-all;
}
.mnodr_modal.mnodr_modal_giftrefusal .mnodr_form_sec {
  padding: 0;
}
.mnodr_modal.modal_postpon_deliv .mnodr_tx_desc3 {
  margin-bottom: 20px;
}
.mnodr_modal.mnodr_modal_push_settings .mnodr_btn.ty_gray {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 40%;
}
.mnodr_modal.mnodr_modal_fresh .mnodr_modal_cont {
  padding: 40px 30px;
}
.mnodr_modal.mnodr_modal_fresh .mnodr_fresh_form_list {
  margin-top: 20px;
}
.mnodr_modal.mnodr_modal_fresh .mnodr_fresh_form_item:not(:first-child) {
  margin-top: 12px;
}
.mnodr_modal.mnodr_modal_fresh .mnodr_rdo input[type=radio]:checked + label {
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_modal.mnodr_modal_fresh .mnodr_rdo input[type=radio]:checked + label .mnodr_fresh_tx_desc {
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_modal.mnodr_modal_fresh .mnodr_fresh_tx_desc {
  display: block;
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-primary, #a59357);
}

/*! name: @uvarov.frontend/vanilla-calendar | url: https://github.com/uvarov-frontend/vanilla-calendar 
v 2.4.0 */
.vanilla-calendar {
  position: relative;
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 1fr;
}

.vanilla-calendar_multiple .vanilla-calendar-month {
  cursor: default;
}

.vanilla-calendar_multiple .vanilla-calendar-month_disabled {
  pointer-events: auto;
}

.vanilla-calendar_multiple .vanilla-calendar-year {
  cursor: default;
}

.vanilla-calendar_multiple .vanilla-calendar-year:hover {
  color: var(--m-colors-black, #000000);
}

.vanilla-calendar_multiple .vanilla-calendar-year_disabled {
  pointer-events: auto;
}

.vanilla-calendar-controls {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 12px;
  pointer-events: none;
}

.vanilla-calendar-grid {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 30px;
  gap: 30px;
}

.vanilla-calendar-column {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: 1fr;
}

.vanilla-calendar-header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vanilla-calendar-header__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 15px;
  white-space: pre-wrap;
}

.vanilla-calendar-week-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vanilla-calendar-week-numbers__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  width: 28px;
  height: 18px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.vanilla-calendar-week-numbers__content {
  display: grid;
  grid-auto-flow: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vanilla-calendar-wrapper {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}

.vanilla-calendar-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vanilla-calendar-arrow {
  position: relative;
  pointer-events: auto;
  right: 2px;
  display: block;
  font-size: 0;
  width: 18px;
  height: 18px;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  border-radius: 4px;
  border: 0;
}

.vanilla-calendar-arrow::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 1px;
  background-color: var(--m-colors-black, #000000);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.vanilla-calendar-arrow::after {
  content: "";
  position: absolute;
  left: 5px;
  bottom: 5px;
  width: 10px;
  height: 1px;
  background-color: var(--m-colors-black, #000000);
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.vanilla-calendar-arrow_prev {
  right: 0;
  left: 4px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.vanilla-calendar-months {
  border-radius: 4px;
  display: grid;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
  grid-row-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(4, 1fr);
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month {
  cursor: pointer;
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month_disabled {
  cursor: default;
}

.vanilla-calendar-months__month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  background-color: #fff;
  padding: 2px;
  border-radius: 4px;
  border: 0;
  word-break: break-all;
}

.vanilla-calendar-months__month:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-months__month_selected {
  color: #fff;
}

.vanilla-calendar-months__month_selected:hover {
  color: #fff;
}

.vanilla-calendar-months__month_disabled {
  pointer-events: none;
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-months__month_disabled:hover {
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-month {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: var(--m-colors-black, #000000);
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-month:hover {
  color: #20b2aa;
}

.vanilla-calendar-month_not-active {
  color: silver;
}

.vanilla-calendar-month_disabled {
  pointer-events: none;
  color: silver;
}

.vanilla-calendar-years {
  border-radius: 4px;
  display: grid;
  grid-column-gap: 6px;
  -webkit-column-gap: 6px;
  -moz-column-gap: 6px;
       column-gap: 6px;
  grid-row-gap: 12px;
  row-gap: 12px;
  grid-template-columns: repeat(5, 1fr);
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
  cursor: pointer;
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year_disabled {
  cursor: default;
}

.vanilla-calendar-years__year {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 700;
  background-color: #fff;
  padding: 2px;
  border-radius: 4px;
  border: 0;
  word-break: break-all;
}

.vanilla-calendar-years__year:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-years__year_selected {
  color: #fff;
}

.vanilla-calendar-years__year_selected:hover {
  color: #fff;
}

.vanilla-calendar-years__year_disabled {
  pointer-events: none;
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-years__year_disabled:hover {
  background-color: #fff;
  color: silver;
}

.vanilla-calendar-year {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: var(--m-colors-black, #000000);
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-year:hover {
  color: #20b2aa;
}

.vanilla-calendar-year_not-active {
  color: silver;
}

.vanilla-calendar-year_disabled {
  pointer-events: none;
  color: silver;
}

.vanilla-calendar-week {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  margin-bottom: 5px;
}

.vanilla-calendar-week__day {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
  width: 28px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.vanilla-calendar-week__day_weekend {
  color: var(--m-colors-gray900, #222222);
}

.vanilla-calendar-week-number {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.vanilla-calendar-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
  cursor: pointer;
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
  cursor: default;
}

.vanilla-calendar-day {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.vanilla-calendar-day.focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day:focus-visible .vanilla-calendar-day__popup,
.vanilla-calendar-day:hover .vanilla-calendar-day__popup {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day_selected-first .vanilla-calendar-day__btn_selected {
  border-radius: 0;
  width: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.vanilla-calendar-day_selected-last .vanilla-calendar-day__btn_selected {
  border-radius: 0;
  width: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.vanilla-calendar-day_selected-intermediate .vanilla-calendar-day__btn_intermediate {
  border-radius: 0;
  width: 100%;
}

.vanilla-calendar-day__btn {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--m-colors-black, #000000);
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  border: 0;
  cursor: default;
}

.vanilla-calendar-day__btn:hover {
  background-color: #f0f8ff;
}

.vanilla-calendar-day__btn_today {
  background-color: #f0f8ff;
  color: #20b2aa;
  font-weight: 600;
}

.vanilla-calendar-day__btn_today:hover {
  color: #20b2aa;
  background-color: #f0f8ff;
}

.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_selected {
  background-color: #289b95;
  color: #fff;
}

.vanilla-calendar-day__btn_selected:hover {
  background-color: #289b95;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
  background-color: #68cec9;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
  background-color: #68cec9;
  color: #fff;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend,
.vanilla-calendar-day__btn_holiday {
  color: coral;
}

.vanilla-calendar-day__btn_weekend:hover,
.vanilla-calendar-day__btn_holiday:hover {
  background-color: #fff5ee;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today {
  color: coral;
  background-color: #fff5ee;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
  color: #a9a9a9;
  background-color: #f5f5f5;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #d3d3d3;
  background-color: #f5f5f5;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
  color: #d3d3d3;
  background-color: #f5f5f5;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected {
  background-color: coral;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected:hover,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected:hover {
  background-color: coral;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
  background-color: #ffaa8a;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
  background-color: #ffaa8a;
  color: #fff;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
  background-color: #f5f5f5;
  color: gray;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev.vanilla-calendar-day__btn_disabled,
.vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next.vanilla-calendar-day__btn_disabled {
  color: #d3d3d3;
}

.vanilla-calendar-day__btn_prev,
.vanilla-calendar-day__btn_next {
  background-color: #fff;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_prev:hover,
.vanilla-calendar-day__btn_next:hover {
  background-color: #fff;
  color: #a9a9a9;
}

.vanilla-calendar-day__btn_disabled {
  pointer-events: none;
  background-color: #fff;
  color: #d3d3d3;
}

.vanilla-calendar-day__btn_disabled:hover {
  background-color: #fff;
  color: #d3d3d3;
}

.vanilla-calendar-day__btn_hover {
  border: 1px solid rgba(89, 137, 135, 0.5);
}

.vanilla-calendar-day__popup {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 130px;
  padding: 16px 12px 8px;
  color: var(--m-colors-black, #000000);
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  opacity: 0;
  pointer-events: none;
}

.vanilla-calendar-day__popup:hover {
  opacity: 1;
  pointer-events: auto;
}

.vanilla-calendar-day__popup::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 8px);
  display: block;
  border-radius: 4px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

.vanilla-calendar-day__popup::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 2px;
  display: block;
  height: 0;
  width: 0;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
  border-style: solid;
  border-width: 0 10px 8px;
}

.vanilla-calendar-time {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 12px;
  gap: 12px;
  border-top: 1px solid #dcdcdc;
  padding: 12px 6px 0;
}

.vanilla-calendar-time__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vanilla-calendar-time__content input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  text-align: center;
  color: var(--m-colors-black, #000000);
  background-color: #fff;
  width: 100%;
  padding: 2px;
  margin: 0;
  border: 0;
  border-radius: 4px;
}

.vanilla-calendar-time__content input:hover {
  background-color: #faebd7;
}

.vanilla-calendar-time__content input:disabled {
  cursor: default;
}

.vanilla-calendar-time__content input:disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-time__content input.focus-visible {
  outline: 1px solid #ff8c00;
  background-color: #fff;
}

.vanilla-calendar-time__content input:focus-visible {
  outline: 1px solid #ff8c00;
  background-color: #fff;
}

.vanilla-calendar-time__content input.vanilla-calendar-is-focus {
  background-color: #faebd7;
}

.vanilla-calendar-time__hours {
  position: relative;
  width: 25px;
  margin-right: 6px;
}

.vanilla-calendar-time__hours::after {
  content: ":";
  display: block;
  position: absolute;
  right: -5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -1px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  color: var(--m-colors-black, #000000);
}

.vanilla-calendar-time__minutes {
  width: 25px;
}

.vanilla-calendar-time__keeping {
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  color: gray;
  margin-left: 1px;
  margin-top: 5px;
  padding: 2px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 4px;
  width: 22px;
}

.vanilla-calendar-time__keeping:hover {
  background-color: #faebd7;
}

.vanilla-calendar-time__keeping:disabled {
  cursor: default;
}

.vanilla-calendar-time__keeping:disabled:hover {
  background-color: rgba(0, 0, 0, 0);
}

.vanilla-calendar-time__ranges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.vanilla-calendar-time__range {
  font-size: 0;
  position: relative;
  z-index: 1;
}

.vanilla-calendar-time__range::before {
  content: "";
  width: 1px;
  height: 8px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  left: 0;
  top: 5px;
  margin-top: 1px;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range::after {
  content: "";
  width: 1px;
  height: 8px;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  right: 0;
  top: 5px;
  margin-top: 1px;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
  border-color: gray;
}

.vanilla-calendar-time__range:hover input::-moz-range-thumb {
  border-color: gray;
}

.vanilla-calendar-time__range input {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 20px;
  cursor: pointer;
  margin: 0;
  outline: none;
}

.vanilla-calendar-time__range input.focus-visible::-webkit-slider-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input.focus-visible::-moz-range-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
  border-color: #ff8c00;
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: -8px;
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: 16px;
  width: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
}

.vanilla-calendar-time__range input::-moz-range-thumb {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  border: 1px solid #dcdcdc;
  height: 16px;
  width: 10px;
  box-shadow: none;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  cursor: pointer;
  background-color: #dcdcdc;
}

.vanilla-calendar-time__range input::-moz-range-track {
  box-sizing: border-box;
  width: 100%;
  height: 1px;
  margin-top: 1px;
  cursor: pointer;
  background-color: #dcdcdc;
}

/* 공통 몰메인 팝업 */
.cmnotipop_wrap.v2 {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5100;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0;
  text-align: center;
}
.cmnotipop_wrap.v2:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.cmnotipop_wrap.v2 .cmnotipop {
  display: inline-block;
  width: calc(100% - 55px);
  max-width: 320px;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  vertical-align: middle;
}
.cmnotipop_wrap.v2 .swiper-container {
  padding-top: 25px;
}
.cmnotipop_wrap.v2 .cmnotipop_cont {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 116vw !important;
  max-height: 435px;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.cmnotipop_wrap.v2 .cmnotipop_img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.cmnotipop_wrap.v2 .cmnotipop_img img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmnotipop_wrap.v2 .cmnotipop_detail {
  overflow-y: auto;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 56px 30px;
  border-bottom: 0;
  font-size: 0;
  -webkit-overflow-scrolling: touch;
}
.cmnotipop_wrap.v2 .cmnotipop_detail_inr {
  font-size: 14px;
}
.cmnotipop_wrap.v2 .cmnotipop_tit {
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -1px;
  color: var(--m-colors-black, #000000);
}
.cmnotipop_wrap.v2 .cmnotipop_tx {
  margin-top: 24px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--m-colors-gray900, #222222);
}
.cmnotipop_wrap.v2 .cmnotipop_subtx {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -1px;
  color: #777;
}
.cmnotipop_wrap.v2 .cmnotipop_link_inr {
  margin-top: 14px;
}
.cmnotipop_wrap.v2 .cmnotipop_link_inr.rgt {
  text-align: right;
}
.cmnotipop_wrap.v2 .cmnotipop_link {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--m-colors-gray900, #222222);
  text-decoration: underline;
  vertical-align: top;
}
.cmnotipop_wrap.v2 .cmnotipop_pager {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding-bottom: 15px;
  font-size: 0;
  text-align: center;
}
.cmnotipop_wrap.v2 .cmnotipop_pager_bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-radius: 50%;
  background: #c6c6c6;
  font-size: 14px;
  vertical-align: top;
}
.cmnotipop_wrap.v2 .cmnotipop_pager_bullet:first-chlid {
  margin-left: 0;
}
.cmnotipop_wrap.v2 .cmnotipop_pager_bullet_active {
  background: var(--m-colors-primary, #a59357);
}
.cmnotipop_wrap.v2 .cmnotipop_foot {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0 0 8px 8px;
}
.cmnotipop_wrap.v2 .cmnotipop_fitem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 52px;
  border-left: 1px solid #d0d0d0;
}
.cmnotipop_wrap.v2 .cmnotipop_fitem:first-child {
  border-left: 0;
}
.cmnotipop_wrap.v2 .cmnotipop_fbtn {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background: #e5e5e5;
  font-size: 15px;
  letter-spacing: -1px;
  color: #444;
}

/* #484588 배포 후 삭제 예정(s) */
.cmnotipop_wrap.v3 {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5100;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  font-size: 0;
  text-align: center;
}
.cmnotipop_wrap.v3:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.cmnotipop_wrap.v3 .cmnotipop {
  display: inline-block;
  width: 85.33%;
  max-width: 320px;
  font-size: 14px;
  text-align: left;
  word-break: break-all;
  vertical-align: middle;
}
.cmnotipop_wrap.v3 .swiper-container {
  padding-top: 25px;
}
.cmnotipop_wrap.v3 .cmnotipop_cont {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 116vw !important;
  max-height: 435px;
  background: #fff;
}
.cmnotipop_wrap.v3 .cmnotipop_img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.cmnotipop_wrap.v3 .cmnotipop_img img {
  vertical-align: top;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cmnotipop_wrap.v3 .cmnotipop_detail {
  overflow-y: auto;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 56px 30px;
  border-bottom: 0;
  font-size: 0;
  -webkit-overflow-scrolling: touch;
}
.cmnotipop_wrap.v3 .cmnotipop_detail_inr {
  font-size: 14px;
}
.cmnotipop_wrap.v3 .cmnotipop_tit {
  display: block;
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -1px;
  color: var(--m-colors-black, #000000);
}
.cmnotipop_wrap.v3 .cmnotipop_tx {
  margin-top: 24px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--m-colors-gray900, #222222);
}
.cmnotipop_wrap.v3 .cmnotipop_subtx {
  margin-top: 20px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -1px;
  color: #777;
}
.cmnotipop_wrap.v3 .cmnotipop_link_inr {
  margin-top: 14px;
}
.cmnotipop_wrap.v3 .cmnotipop_link_inr.rgt {
  text-align: right;
}
.cmnotipop_wrap.v3 .cmnotipop_link {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--m-colors-gray900, #222222);
  text-decoration: underline;
  vertical-align: top;
}
.cmnotipop_wrap.v3 .cmnotipop_pager {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 10;
  padding-bottom: 15px;
  font-size: 0;
  text-align: center;
}
.cmnotipop_wrap.v3 .cmnotipop_pager_bullet {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-radius: 50%;
  background: #c6c6c6;
  font-size: 14px;
  vertical-align: top;
}
.cmnotipop_wrap.v3 .cmnotipop_pager_bullet:first-chlid {
  margin-left: 0;
}
.cmnotipop_wrap.v3 .cmnotipop_pager_bullet_active {
  background: var(--m-colors-primary, #a59357);
}
.cmnotipop_wrap.v3 .cmnotipop_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmnotipop_wrap.v3 .cmnotipop_fitem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 60px;
  border-left: 1px solid #d0d0d0;
}
.cmnotipop_wrap.v3 .cmnotipop_fitem:first-child {
  border-left: 0;
}
.cmnotipop_wrap.v3 .cmnotipop_fbtn {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background: #e7e7e7;
  font-size: 15px;
  letter-spacing: -1px;
  color: var(--m-colors-black, #000000);
}

/* #484588 배포 후 삭제 예정(e) */
.ly_cmnotipop_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  text-align: center;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ly_cmnotipop_wrap:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.ly_cmnotipop_wrap .ly_cmnotipop {
  overflow: hidden;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  z-index: 1;
  width: calc(100% - 55px);
  max-width: 320px;
  border-radius: 8px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btnarea {
  margin: 0;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btnarea ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btnarea li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 52px;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 1.15;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btn.btn_gray {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  color: #444;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btn.btn_orange {
  border: 1px solid var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
  color: #fff;
}
.ly_cmnotipop_wrap .ly_cmnotipop .cm_btn.btn_black {
  border: 1px solid #222;
  background: var(--m-colors-gray900, #222222);
  color: #fff;
}

/* 넷퍼넬 팝업 */
.ly_cmnotipop_wrap.ly_netfunnel {
  display: none;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop {
  position: relative;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_tbtn {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 20px;
  height: 20px;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 30px 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_tit {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
  color: var(--m-colors-gray900, #222222);
  line-height: normal;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_img {
  width: 100%;
  margin: 8px auto 0;
  line-height: 1vh;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_img img {
  width: 100%;
  vertical-align: top;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_dsc {
  color: #777;
  line-height: 18px;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_subtx {
  margin: 30px 0;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_subtx_inr {
  text-align: center;
  color: var(--m-colors-primary, #a59357);
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_subdsc {
  font-size: 14px;
}
.ly_cmnotipop_wrap.ly_netfunnel .ly_cmnotipop .cmnotipop_subdsc_time {
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
}

.cpay_acdo {
  border-top: 1px solid #f5f5f5;
  letter-spacing: -0.3px;
}
.cpay_acdo input[type=radio]:focus-visible,
.cpay_acdo input[type=radio]:focus-visible + label {
  outline: -webkit-focus-ring-color auto 1px;
}

.cpay_acdo:first-child {
  border: 0;
}

.cpay_acdo_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  padding: 0 16px;
}
.cpay_acdo_head.ty2 {
  position: relative;
  margin-bottom: 33px;
}

.cpay_acdo_headtit {
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  font-weight: bold;
  white-space: nowrap;
}

.cpay_acdo_headtx {
  color: var(--m-colors-gray600, #777777);
  font-size: 12px;
}

.cpay_acdo_headtit .cpay_acdo_ico {
  display: inline-block;
  height: 24px;
  background: url(../img/com_v2/sp_payment_ico.png) no-repeat;
  background-size: 450px auto;
  vertical-align: top;
}

.cpay_acdo_headtit .cpay_acdo_ico.ssgcom {
  width: 74px;
  background-position: -360px 0;
}

.cpay_acdo_togglebtn .cpay_acdo_ico.ssgpay {
  width: 65px;
  background-position: 0 0;
}

.cpay_acdo_cont.cpay_loading {
  position: relative;
  overflow: hidden;
  height: 200px;
  color: transparent;
  font-size: 0;
}

.cpay_acdo_cont.cpay_loading:before {
  content: "loading...";
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 24px;
  height: 24px;
  margin: -15px 0 0 -15px;
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-top-color: var(--m-colors-gray900, #222222);
  border-radius: 50%;
  -webkit-animation: cpay_loading 3s linear infinite;
          animation: cpay_loading 3s linear infinite;
}

.cpay_acdo_cont.cpay_loading > * {
  opacity: 0;
}

@-webkit-keyframes cpay_loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes cpay_loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.cpay_acdo_toggle .cpay_acdo_cont {
  display: none;
}

.cpay_acdo_togglebtn {
  display: block;
  position: relative;
  padding-right: 16px;
}

.cpay_acdo_togglebtn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  width: 6px;
  height: 6px;
  margin-top: -5px;
  border-top: 1px solid #222;
  border-left: 1px solid #222;
}

.cpay_acdo_togglebtn .cpay_acdo_headtit:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 1px;
  margin-right: 10px;
  border: 3px solid #fff;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 1px #969696;
          box-shadow: 0 0 0 1px #969696;
  border-radius: 50%;
  vertical-align: middle;
}

:checked + .cpay_acdo_togglebtn:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: -2px;
}

:checked + .cpay_acdo_togglebtn + .cpay_acdo_cont {
  display: block;
}

:checked + .cpay_acdo_togglebtn .cpay_acdo_headtit:before {
  background: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
}

:checked + .cpay_acdo_togglebtn .cpay_acdo_headtx {
  color: var(--m-colors-primary, #a59357);
  font-weight: bold;
}

.cpay_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.cpay_btn_area.ty2 {
  margin-top: 10px;
}

.cpay_btn_area .cpay_btn {
  margin-left: 5px;
}

.cpay_btn_area .cpay_btn:first-child {
  margin-left: 0;
}

.cpay_btn {
  display: block;
  width: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  letter-spacing: -0.3px;
}

.cpay_btn span {
  line-height: 1.2;
}

.cpay_btn.ty_blkline {
  height: 40px;
  border: 1px solid #d8d8d8;
  background: #f9f9f9;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
}

.cpay_btn.ty_gray {
  height: 40px;
  background: #666;
  color: #fff;
  font-size: 13px;
}

.cpay_link_arr {
  position: relative;
  padding-right: 5px;
  color: #888;
  font-size: 12px;
  line-height: 1.2;
}

.cpay_link_arr:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border-top: 1px solid #888;
  border-left: 1px solid #888;
}

.cpay_tx_point {
  color: var(--m-colors-primary, #a59357);
}

.cpay_tx_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  letter-spacing: -0.3px;
  word-break: break-all;
}

.cpay_tx_tit.ty_white {
  color: #fff;
}

.cpay_tx_tit2 {
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.3px;
  word-break: break-all;
}

.cpay_tx_desc {
  margin-top: 10px;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  word-break: break-all;
}

.cpay_tx_desc:first-child {
  margin: 0;
}

.cpay_tx_desc.ty_light {
  color: #888;
}

.cpay_tx_desc2 {
  margin-top: 4px;
  color: #888;
  font-size: 13px;
  letter-spacing: -0.3px;
  word-break: break-all;
}

.cpay_tx_link {
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -0.3px;
  text-decoration: underline;
}

.cpay_tx_dot {
  display: inline-block;
  position: relative;
  padding-left: 7px;
  color: #888;
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 15px;
  word-break: break-all;
}

.cpay_tx_dot:before {
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #888;
  content: "";
}

.cpay_lst_dot {
  margin-top: 10px;
}

.cpay_lst_dot:first-child {
  margin: 0;
}

.cpay_lst_dot li {
  position: relative;
  margin-top: 4px;
  padding-left: 7px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  line-height: 1.2;
}

.cpay_lst_dot li:first-child {
  margin-top: 0;
}

.cpay_lst_dot li:before {
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background: var(--m-colors-gray900, #222222);
  content: "";
}

.cpay_error_bx {
  position: relative;
  margin-bottom: 20px;
}

.cpay_error_bx + .cpay_card_detail {
  margin-bottom: 20px;
}

.cpay_error_bx:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  opacity: 0.9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceef0));
  background-image: linear-gradient(to bottom, #ffffff, #eceef0);
}

.cpay_error_container {
  position: relative;
  z-index: 1;
  width: 70%;
  min-width: 265px;
  margin: 0 auto;
  padding-bottom: 36.8%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cpay_error_msg {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cpay_error_msg .cpay_tx_tit {
  margin-top: 10px;
}

.cpay_error_msg .cpay_btn_area {
  margin-left: 20px;
  margin-right: 20px;
}

.cpay_ssgcard_bx {
  position: relative;
}

.cpay_ssgcard_bx:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 25px;
  opacity: 0.9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eceef0));
  background-image: linear-gradient(to bottom, #ffffff, #eceef0);
}

.cpay_ssgcard_bx .cpay_ssgcard {
  position: relative;
  z-index: 1;
  width: 154px;
  margin: 0 auto;
  height: 208px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: url("../img/com_v2/card_plcc3.png") 50% 0 no-repeat;
  background-size: 100%;
}

.cpay_ssgcard_bx .cpay_ssgcard.disabled:before {
  content: "";
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -55px;
  width: 265px;
  background-color: rgba(34, 34, 34, 0.85);
}

.cpay_ssgcard_bx .cpay_ssgcard.disabled .cpay_card_disable {
  display: block;
  left: -25px;
  right: -25px;
}

.cpay_ssgcard_config {
  padding: 0 15px 20px 45px;
  letter-spacing: -0.3px;
}

.cpay_ssgcard_config:after {
  display: block;
  clear: both;
  content: "";
}

.cpay_ssgcard_config .cpay_ssgcard_thmb {
  float: left;
  width: 90px;
  height: 136px;
  margin-right: 10px;
  background: url("../img/com_v2/card_plcc2.png") 0 0 no-repeat;
  background-size: 100%;
}

.cpay_ssgcard_config .cpay_ssgcard_detail {
  overflow: hidden;
}

.cpay_ssgcard_config .cpay_ssgcard_logo {
  width: 74px;
  vertical-align: middle;
}

.cpay_ssgcard_config .cpay_btn_area {
  margin-right: 25px;
}

.cpay_card_slider {
  position: relative;
}

.cpay_card_slider:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding-bottom: 36.4%;
  opacity: 0.9;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(80%, #ffffff), to(#eceef0));
  background-image: linear-gradient(to bottom, #ffffff 80%, #eceef0 100%);
}

.cpay_card_slider .swiper-container {
  overflow: hidden;
}

.cpay_card_slider .swiper-slide {
  width: 70%;
}

.cpay_card_slider .swiper-slide-active .cpay_card_detail {
  opacity: 1;
}

.cpay_card_slider .cpay_card_detail {
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.cpay_card_rdo {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  margin-top: -1px;
  border: 0;
  background: transparent;
  opacity: 0.1;
}

:disabled + .cpay_card_item .cpay_card:before {
  content: "";
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(34, 34, 34, 0.85);
}

:disabled + .cpay_card_item .cpay_card_disable {
  display: block;
}

.cpay_card_disable {
  display: none;
  z-index: 20;
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cpay_card {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 52%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-position: 50% 0;
  background-repeat: no-repeat;
}

.cpay_card.ty_add {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
}

.cpay_card.ty_add > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 6px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  letter-spacing: -0.3px;
  text-align: center;
}

.cpay_card.ty_add > span:before,
.cpay_card.ty_add > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 21px;
  height: 1px;
  margin: -32px 0 0 -10px;
  background: var(--m-colors-gray900, #222222);
}

.cpay_card.ty_add > span:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cpay_card.ty_none {
  background: #f9f9f9;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
  border-radius: 8px;
}

.cpay_card.ty_none > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #888;
  font-size: 15px;
  letter-spacing: -0.3px;
  text-align: center;
}

.cpay_card .cpay_card_default {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top-left-radius: 3vw;
  border-top-right-radius: 3vw;
  background-image: url("../img/com_v2/bg_cpay_card.png");
  background-size: 100%;
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cpay_card .cpay_card_default .cpay_card_bi {
  position: absolute;
  top: 54%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
}

.cpay_card .cpay_card_default .cpay_card_bi img {
  width: 50%;
}

.cpay_card .cpay_card_img {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  text-align: center;
  z-index: 5;
}

.cpay_card .cpay_card_img img {
  display: block;
  width: 100%;
}

.cpay_card .cpay_card_tag {
  z-index: 10;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 11px;
  background: #e24f39;
}

.cpay_card.ty_vertical .cpay_card_img {
  width: 63.39%;
}

.cpay_card_detail {
  width: 70%;
  margin: 0 auto;
}

.cpay_form_sec {
  padding: 20px 0;
}

.cpay_form_sec + .cpay_form_sec {
  border-top: 1px solid #e5e5e5;
}

.cpay_form_sec .cpay_tx_dot {
  display: block;
  margin-top: 7px;
}

.cpay_form_dl {
  display: table;
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
}

.cpay_form_dl:first-child {
  margin-top: 0;
}

.cpay_form_dl dt {
  display: table-cell;
  padding-right: 5px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  vertical-align: top;
  line-height: 20px;
}

.cpay_form_dl dd {
  display: table-cell;
  width: 130px;
  color: #666;
  font-size: 13px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  font-size: 0;
}

.cpay_form_dl dd.cpay_form_switch {
  width: 50px;
}

.cpay_switch_info {
  display: block;
  margin-right: 10px;
  color: var(--m-colors-primary, #a59357);
  font-size: 13px;
}

.cpay_switch_info .cpay_num {
  font-size: 14px;
}

.cpay_card_info {
  display: block;
}

.cpay_card_info strong {
  overflow: hidden;
  display: block;
  font-weight: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cpay_card_info em {
  display: block;
}

.cpay_help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
}

.cpay_inp_switch {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 20px;
}

.cpay_inp_switch .switch_button {
  position: relative;
  width: 46px;
  height: 20px;
  border: none;
  border-radius: 999rem;
  background: #d8d8d8;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  vertical-align: top;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  z-index: 1;
}

.cpay_inp_switch .switch_button:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  content: "";
}

.cpay_inp_switch .switch_button:checked {
  border-color: var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
}

.cpay_inp_switch .switch_button:checked:after {
  left: 23px;
}

.cpay_inp_switch .switch_button:disabled {
  border-color: #eee;
  background-color: #f2f2f2;
}

.cpay_inp_sel {
  position: relative;
  display: block;
  height: 40px;
}

.cpay_inp_sel select {
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 27px 0 10px;
  border: 1px solid #aaa;
  background: #fff url(../img/com_v2/codr_ico_slct2.png) 100% 50% no-repeat;
  background-size: 27px 7px;
  font-size: 14px;
  line-height: 38px;
  color: #666;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

.cpay_inp_sel select::-ms-expand {
  display: none;
}

.cpay_inp_sel select:disabled {
  opacity: 0.5;
}

.cpay_inp_sel.ty_black select {
  border-color: var(--m-colors-gray400, #969696);
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}

.cpay_inp_lst {
  margin: 5px 0 20px;
  padding: 10px 0;
  background: #f5f5f5;
  text-align: center;
}

.cpay_inp_lst li {
  display: inline-block;
  margin-left: 30px;
}

.cpay_inp_lst li:first-child {
  margin: 0;
}

.cpay_inp_rdo {
  position: relative;
  min-width: 20px;
  display: inline-block;
  min-height: 20px;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}

.cpay_inp_rdo input[type=radio] {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  vertical-align: top;
  -webkit-appearance: none;
  border-radius: 0;
}

.cpay_inp_rdo input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  background: #fff;
  -webkit-box-shadow: 0 0 0 1px #d1d1d1;
          box-shadow: 0 0 0 1px #d1d1d1;
  border-radius: 50%;
  vertical-align: middle;
}

.cpay_inp_rdo input:checked:after {
  background: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: 0 0 0 1px var(--m-colors-primary, #a59357);
}

.cpay_inp_rdo input + label {
  display: inline-block;
  padding-left: 25px;
  line-height: 20px;
  font-size: 13px;
  color: #666;
  vertical-align: top;
}

.cpay_inp_rdo input:disabled:after {
  background: var(--m-colors-gray100, #fafafa);
  border-color: var(--m-colors-gray100, #fafafa);
}

.cpay_inp_rdo input:disabled + label {
  color: #bbb;
}

.cpay_acdo_tagtx {
  position: absolute;
  top: 50px;
}
.cpay_acdo_tagtx .cpay_acdo_tagtx_desc {
  position: relative;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px;
  text-align: center;
  background: var(--m-colors-primary, #a59357);
  line-height: 21px;
  margin: 3px 0 0 27px;
}
.cpay_acdo_tagtx .cpay_acdo_tagtx_desc:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 12px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid transparent;
  border-bottom: 6px solid var(--m-colors-primary, #a59357);
}

.mnodr_ic.ic_toolbar_up {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -181px -204px;
  background-size: 472px 463px;
  width: 86px;
  height: 33px;
}
.mnodr_ic.ic_toolbar_down {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -85px -204px;
  background-size: 472px 463px;
  width: 86px;
  height: 33px;
}
.mnodr_toolbar2 .mnodr_ic.ic_toolbar_up {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 24V0h24v24z'/%3E%3Cpath fill='rgb(0,0,0)' fill-rule='nonzero' d='M3.07 15.67L12 6.74l8.93 8.93-1.06 1.06L12 8.86l-7.87 7.87z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
}
.mnodr_toolbar2 .mnodr_ic.ic_toolbar_down {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M12 17.64 2.52 8.28l.96-.96L12 15.96l8.52-8.64.96.96z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
}

.mnodr_toolbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
}
.mnodr_toolbar .ic_toolbar_up {
  display: none;
}
.mnodr_toolbar .ic_toolbar_down {
  display: block;
}
.mnodr_toolbar .mnodr_toolbar_toggle {
  display: block;
}
.mnodr_toolbar.on .ic_toolbar_up {
  display: block;
}
.mnodr_toolbar.on .ic_toolbar_down {
  display: none;
}
.mnodr_toolbar.on .mnodr_toolbar_toggle {
  display: none;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_calc {
  max-width: 90px;
  width: 90px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_gift {
  width: 80px;
  max-width: 80px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_gift .mnodr_txt_gift {
  font-size: 17px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_gift2 {
  width: 109px;
  max-width: 109px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_gift2 .mnodr_txt_gift2 {
  font-size: 17px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_chat {
  width: 125px;
  max-width: 125px;
}
.mnodr_toolbar .mnodr_btn_area #mnodr_btn_refresh,
.mnodr_toolbar .mnodr_btn_area .mnodr_btn_refresh {
  width: 60px;
  max-width: 60px;
}
.mnodr_toolbar .mnodr_btn_area .mnodr_btn_tx {
  font-weight: bold;
}
.mnodr_toolbar .mnodr_btn_area .mnodr_btn_tx .ssg_price {
  font-weight: bold;
  font-size: 20px;
}

.mnodr_toolbar2 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-color: var(--m-colors-white, #ffffff);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.mnodr_toolbar2 .ic_toolbar_up {
  display: none;
}
.mnodr_toolbar2 .ic_toolbar_down {
  display: block;
}
.mnodr_toolbar2 .icon_chevron_up {
  display: none;
}
.mnodr_toolbar2 .icon_chevron_down {
  display: block;
}
.mnodr_toolbar2 .mnodr_toolbar_toggle {
  display: block;
}
.mnodr_toolbar2.on .ic_toolbar_up {
  display: block;
}
.mnodr_toolbar2.on .ic_toolbar_down {
  display: none;
}
.mnodr_toolbar2.on .icon_chevron_up {
  display: block;
}
.mnodr_toolbar2.on .icon_chevron_down {
  display: none;
}
.mnodr_toolbar2.on .mnodr_toolbar_toggle {
  display: none;
}
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn.ty_m {
  height: 52px;
  font-size: 17px;
  font-weight: normal;
}
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn.ty_lg,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn .mnodr_btn_tx5 {
  font-size: 17px;
  font-weight: normal;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_calc {
  max-width: 90px;
  width: 90px;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_gift2 {
  width: 109px;
  max-width: 109px;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_gift2 .mnodr_txt_gift {
  position: relative;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_gift2 .mnodr_txt_gift2 {
  position: relative;
  font-size: 17px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_chat {
  width: 125px;
  max-width: 125px;
}
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_refresh {
  width: 60px;
  max-width: 60px;
}
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_tx {
  font-weight: normal;
}
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_tx .ssg_price,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_tx .ssg_tx {
  font-weight: bold;
  font-size: 17px;
}
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_tx2 {
  letter-spacing: -0.3px;
}
.mnodr_toolbar2 .mnodr_cmbtn_area .mnodr_txt_gift2 {
  position: relative;
}

.mnodr_toolbar_float {
  position: absolute;
  right: 0;
  bottom: 100%;
  z-index: 10;
  padding: 0 10px 10px 0;
}

.mnodr_toolbar_floatlt {
  float: right;
}

.mnodr_toolbar_bubble {
  text-align: center;
}
.mnodr_toolbar_bubble p {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 2px;
  padding: 5px 10px 6px;
  border-radius: 2px;
  background-color: #323743;
  font-size: 12px;
  color: #fff;
}
.mnodr_toolbar_bubble p:before {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  overflow: hidden;
  width: 5px;
  height: 5px;
  border-right: 1px solid #323743;
  border-bottom: 1px solid #323743;
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #323743;
}
.mnodr_toolbar_bubble .mnodr_tx_ssgpay_white {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 3px;
}

@-webkit-keyframes cart_guide_open {
  from {
    max-width: 44px;
  }
  to {
    max-width: 375px;
  }
}

@keyframes cart_guide_open {
  from {
    max-width: 44px;
  }
  to {
    max-width: 375px;
  }
}
@-webkit-keyframes cart_guide_close {
  from {
    max-width: 375px;
  }
  to {
    max-width: 44px;
  }
}
@keyframes cart_guide_close {
  from {
    max-width: 375px;
  }
  to {
    max-width: 44px;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.mnodr_toolbar_fitem {
  display: none;
  margin-left: auto;
  margin-right: auto;
}
.mnodr_toolbar_fitem.on {
  display: block;
}
.mnodr_toolbar_fitem + .mnodr_toolbar_fitem {
  margin-top: 4px;
}
.mnodr_toolbar_fitem.guide {
  position: relative;
  width: 44px;
  height: 40px;
}
.mnodr_toolbar_fitem.guide .mnodr_toolbar_fanimate {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-gray900, #222222);
  border-radius: 20px;
  border-top-left-radius: 0;
  padding: 4px 0 8px;
  letter-spacing: -0.3px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.mnodr_toolbar_fitem.guide .mnodr_toolbar_animation_tx {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: transparent;
  opacity: 0;
  white-space: nowrap;
}
.mnodr_toolbar_fitem.guide.animate .mnodr_toolbar_fanimate {
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-animation: cart_guide_open 0.5s ease-out forwards, cart_guide_close 0.7s ease-out 4.1s forwards;
          animation: cart_guide_open 0.5s ease-out forwards, cart_guide_close 0.7s ease-out 4.1s forwards;
  border-radius: 20px;
  position: absolute;
  right: 0;
  padding: 0 5px;
  line-height: 40px;
  text-align: center;
}
.mnodr_toolbar_fitem.guide.animate .mnodr_toolbar_animation_tx {
  display: inline-block;
  color: white;
  padding: 0 20px;
  text-align: center;
  white-space: nowrap;
  -webkit-animation: fadeIn 0.8s ease-out normal 0.3s forwards, fadeOut 0.8s ease-in 3.9s forwards;
          animation: fadeIn 0.8s ease-out normal 0.3s forwards, fadeOut 0.8s ease-in 3.9s forwards;
}
.mnodr_toolbar_fitem.guide.animate .mnodr_toolbar_point,
.mnodr_toolbar_fitem.guide.animate .mnodr_toolbar_tx {
  display: none;
}
.mnodr_toolbar_fitem.guide .mnodr_toolbar_point {
  color: #ffd040;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  line-height: 1.3;
}
.mnodr_toolbar_fitem.guide .mnodr_toolbar_tx {
  color: white;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
}
.mnodr_toolbar_fitem .floating_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  margin: 8px auto 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.95);
  background-color: rgba(255, 255, 255, 0.9);
}
.mnodr_toolbar_fitem .floating_btn .icon_arrow_top {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_toolbar_fitem .floating_btn .icon_arrow_top:after {
  content: "";
  background: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e00a";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_toolbar_ctn {
  position: relative;
  border-top: 1px solid #222;
}

.mnodr_toolbar2 .mnodr_toolbar_ctn {
  position: relative;
  border-top: 0;
}
.mnodr_toolbar2 .mnodr_toolbar_ctn:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  height: 24px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  opacity: 0.15;
}

.mnodr_toolbar_togglebtn {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: -8px;
  -webkit-user-select: none;
}
.mnodr_toolbar_togglebtn:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mnodr_toolbar2 .mnodr_toolbar_togglebtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 29px;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  -webkit-transform: inherit;
          transform: inherit;
  padding-top: 5px;
  padding-bottom: 10px;
  margin: 0;
  border-radius: 6px 6px 0 0;
  background-color: #fff;
  -webkit-user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_toolbar2 .mnodr_toolbar_togglebtn:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mnodr_toolbar_cont {
  display: block;
  background: #fff;
  padding: 10px 16px;
}
.mnodr_toolbar_cont + .mnodr_toolbar_cont {
  margin-top: -10px;
}
.mnodr_toolbar_cont .mnodr_thmbunits {
  margin-bottom: 5px;
}

.mnodr_toolbar2 .mnodr_toolbar_cont {
  display: block;
  background: #fff;
  padding: 5px 16px 16px;
}
.mnodr_toolbar2 .mnodr_toolbar_cont:first-child {
  position: relative;
  padding-top: 16px;
  border-radius: 6px 6px 0 0;
}
.mnodr_toolbar2 .mnodr_toolbar_cont + .mnodr_toolbar2 .mnodr_toolbar_cont {
  margin-top: -10px;
}
.mnodr_toolbar2 .mnodr_toolbar_cont .mnodr_tx_desc + .mnodr_tx_desc {
  margin-top: 2px;
}
.mnodr_toolbar2 .mnodr_toolbar_cont.mnodr_toolbar_toggle + .mnodr_toolbar_cont {
  margin-top: 0px;
}
.mnodr_toolbar2 .mnodr_toolbar_cont .mnodr_thmbunits {
  margin-bottom: 10px;
}
.mnodr_toolbar2 .mnodr_toolbar_cont .mnodr_tx_total {
  font-weight: 700;
}
.mnodr_toolbar2 .mnodr_toolbar_cont .mnodr_tx_total .ssg_price {
  font-weight: 700;
}

.mnodr_toolbar_state p {
  font-size: 12px;
  line-height: 16px;
}
.mnodr_toolbar_state p.ty_center {
  text-align: center;
}
.mnodr_toolbar_state .mnodr_pay_summ {
  white-space: nowrap;
}
.mnodr_toolbar_state .mnodr_tx_total .ssg_price,
.mnodr_toolbar_state .mnodr_tx_total .ssg_tx {
  font-weight: bold;
}

.mnodr_toolbar2 .mnodr_toolbar_state p {
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
}
.mnodr_toolbar2 .mnodr_toolbar_state p.ty_center {
  text-align: center;
}
.mnodr_toolbar2 .mnodr_toolbar_state .mnodr_pay_summ {
  white-space: nowrap;
}
.mnodr_toolbar2 .mnodr_toolbar_state .mnodr_tx_total .ssg_price,
.mnodr_toolbar2 .mnodr_toolbar_state .mnodr_tx_total .ssg_tx {
  font-weight: bold;
}
.mnodr_toolbar2 .mnodr_toolbar_state .mnodr_tx_desc:first-child {
  margin-top: 10px;
}
.mnodr_toolbar2 .mnodr_toolbar_state .mnodr_tx_desc:not(:first-child) {
  margin-top: 3px;
}

.mnodr_toolbar_agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_toolbar_agreebtn {
  position: relative;
}
.mnodr_toolbar_agreebtn:before {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mnodr_toolbar_descbox {
  margin-bottom: 12px;
  padding: 8px 18px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  border-radius: 6px;
  text-align: center;
}

.icon_delivery::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M22.8 18h-3v-1.2h1.8v-10.8h-12v10.8h7.2v1.2h-8.4v-13.2h14.4v13.2z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M6 18h-4.8v-6.24l3.96-4.56h4.32v1.2h-3.84l-3.24 3.72v4.68h3.6v1.2z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M16.8 16.8C16.8 17.52 17.28 18 18 18S19.2 17.52 19.2 16.8 18.72 15.6 18 15.6 16.8 16.08 16.8 16.8ZM15.6 16.8C15.6 15.48 16.68 14.4 18 14.4S20.4 15.48 20.4 16.8C20.4 18.12 19.32 19.2 18 19.2S15.6 18.12 15.6 16.8Z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M6 16.8C6 17.52 6.48 18 7.2 18S8.4 17.52 8.4 16.8 7.92 15.6 7.2 15.6 6 16.08 6 16.8ZM4.8 16.8C4.8 15.48 5.88 14.4 7.2 14.4S9.6 15.48 9.6 16.8C9.6 18.12 8.52 19.2 7.2 19.2 5.88 19.2 4.8 18.12 4.8 16.8Z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_airplane::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M23.22 8.808c-0.348-0.84-1.044-1.5-1.896-1.812s-1.812-0.252-2.628 0.168l-3.456 1.788-7.572-4.344-3.636 1.86 4.92 5.736-2.076 1.068-3.24-1.8-3.168 1.548 5.868 6.372 5.856-2.448-0.12 2.412 4.272-0.024 1.824-4.872 3.288-1.38c1.668-0.684 2.46-2.604 1.764-4.272zM15.504 18.144l-2.184 0.012 0.084-1.716 3.24-1.356-1.14 3.060zM21 11.976l-14.352 5.988-4.212-4.572 1.164-0.564 3.252 1.8 3.996-2.064-4.92-5.724 1.704-0.876 7.572 4.344 4.044-2.088c0.516-0.276 1.116-0.3 1.656-0.108 0.552 0.204 0.972 0.612 1.2 1.152 0.444 1.056-0.048 2.28-1.104 2.712z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_gift::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M17.034 7.2h3.365v4.8h-1.2v8.4l-14.4 0.002v-8.402h-1.2v-4.8h3.365c-0.552-0.879-0.525-2.003 0.070-2.853 0.39-0.559 0.987-0.939 1.658-1.056s1.361 0.038 1.918 0.431c0.572 0.468 0.975 1.109 1.151 1.826l0.239 0.67 0.239-0.669c0.175-0.718 0.579-1.359 1.151-1.827 0.556-0.393 1.246-0.548 1.917-0.431s1.267 0.497 1.657 1.056c0.594 0.851 0.622 1.975 0.070 2.853zM13.372 5.945l-0.448 1.255h1.97c0.271-0.005 0.535-0.091 0.756-0.249 0.619-0.439 0.768-1.295 0.333-1.917-0.207-0.297-0.524-0.5-0.881-0.562s-0.724 0.020-1.020 0.229c-0.358 0.332-0.606 0.767-0.71 1.244zM8.016 5.034c-0.435 0.621-0.287 1.477 0.332 1.916 0.223 0.159 0.49 0.246 0.764 0.25h1.963l-0.448-1.255c-0.104-0.477-0.352-0.911-0.71-1.244-0.228-0.162-0.502-0.25-0.782-0.25-0.079 0-0.158 0.007-0.235 0.021-0.358 0.062-0.676 0.264-0.883 0.562zM4.8 8.4v2.4h6.6v-2.4h-6.6zM11.4 12h-5.4v7.202l5.4-0.001v-7.201zM18 19.2v-7.2h-5.4v7.201l5.4-0.001zM12.6 10.8h6.6v-2.4h-6.6v2.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_plus::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12.6 11.4v-6.6h-1.2v6.6h-6.6v1.2h6.6v6.6h1.2v-6.6h6.6v-1.2h-6.6z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.icon_close::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 18.788l14.425-14.425 0.849 0.849-14.425 14.425-0.849-0.849z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M4.362 5.212l0.849-0.849 14.425 14.425-0.849 0.849-14.425-14.425z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_card::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M18.984 5.388h-13.968c-1.32 0-2.4 1.080-2.4 2.4v7.968c0 1.32 1.080 2.4 2.4 2.4h13.968c1.32 0 2.4-1.080 2.4-2.4v-7.968c0-1.32-1.080-2.4-2.4-2.4zM5.016 6.588h13.968c0.66 0 1.2 0.54 1.2 1.2v0.912h-16.368v-0.912c0-0.66 0.54-1.2 1.2-1.2zM18.984 16.956h-13.968c-0.66 0-1.2-0.54-1.2-1.2v-5.856h16.368v5.856c0 0.672-0.54 1.2-1.2 1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_pencil::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M20.64 7.44l-4.080-4.080-12.96 12.96v4.080h4.080l12.96-12.96zM7.2 19.2h-2.4v-2.4l9.6-9.6 2.4 2.4-9.6 9.6zM15.24 6.36l1.32-1.32 2.4 2.4-1.32 1.32-2.4-2.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_power::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M14.328 6.216v1.272c2.676 0.96 4.608 3.504 4.608 6.504 0 3.804-3.12 6.912-6.948 6.912s-6.948-3.096-6.948-6.912c0-2.988 1.92-5.544 4.608-6.504v-1.272c-3.36 0.996-5.808 4.092-5.808 7.764 0 4.476 3.648 8.112 8.136 8.112 4.5 0 8.148-3.636 8.148-8.112 0.012-3.672-2.436-6.768-5.796-7.764z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M11.399 2.124v10.044h1.2v-10.044h-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.icon_ssgmoney::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12 3.6c4.632 0 8.4 3.768 8.4 8.4s-3.768 8.4-8.4 8.4c-4.632 0-8.4-3.768-8.4-8.4s3.768-8.4 8.4-8.4zM12 2.4c-5.304 0-9.6 4.296-9.6 9.6s4.296 9.6 9.6 9.6c5.304 0 9.6-4.296 9.6-9.6s-4.296-9.6-9.6-9.6z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M14.724 12.72c-0.108-0.228-0.264-0.444-0.456-0.612s-0.444-0.324-0.744-0.444c-0.288-0.12-0.636-0.228-1.020-0.324-0.348-0.084-0.636-0.168-0.852-0.24-0.216-0.060-0.396-0.144-0.516-0.216-0.108-0.084-0.192-0.168-0.24-0.264-0.036-0.096-0.060-0.204-0.060-0.336v-0.024c0-0.216 0.096-0.396 0.288-0.552 0.18-0.156 0.468-0.228 0.816-0.228 0.324 0 0.636 0.060 0.96 0.18 0.312 0.12 0.636 0.3 0.96 0.54l0.060 0.048 0.756-1.068-0.048-0.036c-0.372-0.3-0.78-0.528-1.212-0.684s-0.912-0.24-1.452-0.24c-0.36 0-0.708 0.048-1.008 0.156-0.312 0.096-0.588 0.24-0.804 0.432-0.228 0.192-0.408 0.42-0.528 0.684-0.132 0.264-0.192 0.564-0.192 0.888v0.024c0 0.336 0.060 0.636 0.168 0.876s0.276 0.456 0.48 0.624c0.204 0.168 0.468 0.312 0.78 0.42 0.3 0.108 0.648 0.216 1.044 0.312 0.336 0.072 0.612 0.144 0.816 0.228 0.204 0.072 0.36 0.156 0.48 0.24 0.108 0.084 0.192 0.168 0.228 0.252 0.036 0.096 0.060 0.204 0.060 0.312v0.024c0 0.252-0.108 0.456-0.312 0.6-0.216 0.156-0.516 0.24-0.888 0.24-0.444 0-0.84-0.084-1.188-0.24s-0.708-0.396-1.044-0.684l-0.060-0.048-0.852 1.020 0.048 0.048c0.444 0.396 0.924 0.696 1.44 0.888s1.056 0.288 1.62 0.288c0.384 0 0.744-0.048 1.068-0.144s0.6-0.24 0.84-0.432c0.228-0.192 0.42-0.432 0.54-0.708 0.132-0.276 0.192-0.588 0.192-0.936v-0.024c-0.012-0.336-0.060-0.6-0.168-0.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.icon_ssgpaper::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M19.22 20.98c0 0-0.040 0-0.1 0h-14.24c-1.57 0.080-2.91-1.21-2.91-2.78v-3.54h4.41v-11.59h15.65v15.13c0 1.53-1.26 2.78-2.81 2.78zM7.080 19.78h11.44c0.15-0.010 0.37-0.010 0.71 0 0.88 0 1.6-0.71 1.6-1.58v-13.93h-13.25v13.93c0 0.59-0.18 1.13-0.5 1.58zM3.17 15.86v2.34c0 0.87 0.72 1.58 1.6 1.58s1.6-0.71 1.6-1.58v-2.34h-3.2z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M14.64 13.16h-5.010v-5.71h5.010v5.71zM10.83 11.96h2.61v-3.31h-2.61v3.31z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M18.78 7.44h-2.87v1.2h2.87v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M18.78 11.080h-2.87v1.2h2.87v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M18.79 14.72h-9.21v1.2h9.21v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}

.mnodr_ic {
  display: inline-block;
  vertical-align: middle;
}
.mnodr_ic.ic_document {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -21px -447px;
  background-size: 472px 463px;
  width: 11px;
  height: 14px;
}
.mnodr_ic.ic_del {
  display: contents;
  background: none;
}
.mnodr_ic.ic_del:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e03e";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_ic.ic_detail {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -383px -131px;
  background-size: 472px 463px;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28136%2C136%2C136%29' d='M2.4 12c0 5.28 4.32 9.6 9.6 9.6s9.6-4.32 9.6-9.6c0-5.28-4.32-9.6-9.6-9.6s-9.6 4.32-9.6 9.6zM3.601 12c0-4.68 3.72-8.4 8.4-8.4s8.4 3.72 8.4 8.4-3.72 8.4-8.4 8.4c-4.68 0-8.4-3.72-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28136%2C136%2C136%29' d='M12 15l-4.68-4.68 0.96-0.84 3.72 3.72 3.72-3.72 0.96 0.84-4.68 4.68z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
}
.mnodr_ic.ic_detail_light {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -192px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
}
.mnodr_ic.ic_minus {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -144px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 14px;
}
.mnodr_ic.ic_plus {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -168px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 14px;
}
.mnodr_ic.ic_plus_css {
  display: inline-block;
  width: 11px;
  height: 11px;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#222)), -webkit-gradient(linear, left top, left bottom, from(#222), to(#222));
  background: linear-gradient(#222, #222), linear-gradient(#222, #222);
  background-position: 50%, 50%;
  background-size: 100% 1px, 1px 100%;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.mnodr_ic.ic_exclamation {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -72px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 14px;
}
.mnodr_ic.ic_gift {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -135px;
  background-size: 472px 463px;
  width: 18px;
  height: 23px;
  margin-bottom: 2px;
}
.mnodr_ic.ic_arr {
  margin-left: 2px;
}
.mnodr_ic.ic_arr.ty_arr_right {
  width: 5.6px;
  height: 5.6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
  margin-top: -2px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}
.mnodr_ic.ic_arr.ty_arr_bottom {
  width: 5.6px;
  height: 5.6px;
  -webkit-transform: translate(50%, -2px) rotate(45deg);
          transform: translate(50%, -2px) rotate(45deg);
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  margin-left: 3px;
}
.mnodr_ic.ic_arr.ty_arr_bottom.ty_space {
  margin-top: -6px;
}
.mnodr_ic.ic_arr.ty_arr_up {
  width: 5.6px;
  height: 5.6px;
  -webkit-transform: translate(50%, 50%) rotate(-135deg);
          transform: translate(50%, 50%) rotate(-135deg);
  margin-top: -2px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}
.mnodr_ic.ic_arr.ty_arr_up.ty_space {
  margin-top: -6px;
}
.mnodr_ic.ic_arr.ty_arr_gray {
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}
.mnodr_ic.ic_arr.ty_fillgray {
  display: inline-block;
  border-right: 3px solid #777;
  border-bottom: 3px solid #777;
  border-top: 3px solid transparent;
  border-left: 3px solid transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_ic.ic_arr.ty_arrup_gray {
  width: 5px;
  height: 5px;
  -webkit-transform: translate(50%, 50%) rotate(-135deg);
          transform: translate(50%, 50%) rotate(-135deg);
  margin-top: -2px;
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  margin-top: -7px;
}
.mnodr_ic.ic_arr.ty_arrbottom_gray {
  width: 5px;
  height: 5px;
  -webkit-transform: translate(50%, -2px) rotate(45deg);
          transform: translate(50%, -2px) rotate(45deg);
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  margin-left: 3px;
  margin-top: -3px;
}
.mnodr_ic.ic_location {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px -447px;
  background-size: 472px 463px;
  width: 11px;
  height: 16px;
  margin-top: -1px;
}
.mnodr_ic.ic_cross {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -381px -259px;
  background-size: 472px 463px;
  width: 12px;
  height: 14px;
  margin-top: -1px;
}
.mnodr_ic.ic_close {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -168px;
  background-size: 472px 463px;
  width: 20px;
  height: 20px;
}
.mnodr_ic.ic_basket {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px 0px;
  background-size: 472px 463px;
  width: 111px;
  height: 95px;
  margin: 40px 0 20px;
}
.mnodr_ic.ic_cart {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -403px -56px;
  background-size: 472px 463px;
  width: 34px;
  height: 30px;
}
.mnodr_ic.ic_bag {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 16px;
}
.mnodr_ic.ic_bg_bundle {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -403px -136px;
  background-size: 472px 463px;
  width: 29px;
  height: 29px;
}
.mnodr_ic.ic_refresh {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -102px;
  background-size: 472px 463px;
  width: 23px;
  height: 23px;
}
.mnodr_ic.ic_ssgconbn {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -403px 0px;
  background-size: 472px 463px;
  width: 35px;
  height: 46px;
}
.mnodr_ic.ic_topfloat {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -117px -299px;
  background-size: 472px 463px;
  width: 44px;
  height: 44px;
}
.mnodr_ic.ic_ssgtalk {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -59px -299px;
  background-size: 472px 463px;
  width: 48px;
  height: 48px;
}
.mnodr_ic.ic_closefillgray {
  display: block;
  width: 24px;
  height: 24px;
  background: var(--m-colors-gray500, #888888);
  border-radius: 50%;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ic.ic_closefillgray:before, .mnodr_ic.ic_closefillgray:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ic.ic_closefillgray:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.mnodr_ic.ic_closefillgray:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.mnodr_ic.ic_gear {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -96px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 14px;
}
.mnodr_ic.ic_letter {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -293px -390px;
  background-size: 472px 463px;
  width: 14px;
  height: 11px;
}
.mnodr_ic.ic_crown_sm {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -409px -359px;
  background-size: 472px 463px;
  width: 17px;
  height: 12px;
}
.mnodr_ic.ic_crown {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -403px -175px;
  background-size: 472px 463px;
  width: 30px;
  height: 24px;
}
.mnodr_ic.ic_pencil {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -364px;
  background-size: 472px 463px;
  width: 16px;
  height: 18px;
  margin-top: -1px;
}
.mnodr_ic.ic_pencil_sm {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -353px -421px;
  background-size: 472px 463px;
  width: 12px;
  height: 12px;
  margin-top: -1px;
}
.mnodr_ic.ic_home {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -373px -198px;
  background-size: 472px 463px;
  width: 18px;
  height: 15px;
  margin-right: 3px;
}
.mnodr_ic.ic_kakao {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -228px 0px;
  background-size: 472px 463px;
  width: 75px;
  height: 75px;
}
.mnodr_ic.ic_ssgpay {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -186px -359px;
  background-size: 472px 463px;
  width: 56px;
  height: 12px;
}
.mnodr_ic.ic_kakaopay {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -58px -359px;
  background-size: 472px 463px;
  width: 54px;
  height: 18px;
}
.mnodr_ic.ic_payco {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -252px -359px;
  background-size: 472px 463px;
  width: 54px;
  height: 12px;
}
.mnodr_ic.ic_samsungpay {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -192px -259px;
  background-size: 472px 463px;
  width: 104px;
  height: 15px;
}
.mnodr_ic.ic_samsungpay_sm {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -271px -299px;
  background-size: 472px 463px;
  width: 52px;
  height: 24px;
}
.mnodr_ic.ic_url {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px -174px;
  background-size: 472px 463px;
  width: 75px;
  height: 75px;
}
.mnodr_ic.ic_sms {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -228px -85px;
  background-size: 472px 463px;
  width: 75px;
  height: 75px;
}
.mnodr_ic.ic_exchange {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -173px -84px;
  background-size: 472px 463px;
  width: 12px;
  height: 9px;
}
.mnodr_ic.ic_message {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -203px -105px;
  background-size: 472px 463px;
  width: 15px;
  height: 15px;
}
.mnodr_ic.ic_delete {
  position: relative;
  overflow: hidden;
  width: 12px;
  height: 12px;
}
.mnodr_ic.ic_delete:before, .mnodr_ic.ic_delete:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 1px;
  background: var(--m-colors-gray900, #222222);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.mnodr_ic.ic_delete:before {
  top: 0;
  left: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_ic.ic_delete:after {
  bottom: 0;
  left: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.mnodr_ic.ic_chat {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -78px -390px;
  background-size: 472px 463px;
  width: 25px;
  height: 16px;
  line-height: 1.3;
  color: #6677c0;
  font-size: 12px;
  margin-top: -2px;
}
.mnodr_ic.ic_chat:before {
  display: inline-block;
  margin-left: 2px;
  content: "";
}
.mnodr_ic.ic_chat_loading {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -41px -390px;
  background-size: 472px 463px;
  width: 27px;
  height: 17px;
  margin-left: -2px;
}
.mnodr_ic.ic_close_circle {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px 0px;
  background-size: 472px 463px;
  width: 24px;
  height: 24px;
}
.mnodr_ic.ic_exit {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -267px -390px;
  background-size: 472px 463px;
  width: 16px;
  height: 12px;
}
.mnodr_ic.ic_giftbox {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: 0px -105px;
  background-size: 472px 463px;
  width: 95px;
  height: 59px;
}
.mnodr_ic.ic_power {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -48px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 15px;
}
.mnodr_ic.ic_pin {
  display: contents;
  background: none;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_ic.ic_pin:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e077";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_ic.ic_pin.on {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_ic.ic_pin.on:after {
  -webkit-animation: clipOpen 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation: clipOpen 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.mnodr_ic.ic_info {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -120px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 14px;
  margin: 0 2px 2px 0;
}
.mnodr_ic.ic_card_icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_ic.ic_card_icon::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e013";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_ic.ic_join {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -373px -223px;
  background-size: 472px 463px;
  width: 18px;
  height: 15px;
  margin-top: -2px;
}
.mnodr_ic.ic_login {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -24px -421px;
  background-size: 472px 463px;
  width: 14px;
  height: 15px;
}
.mnodr_ic.ic_new {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -277px -204px;
  background-size: 472px 463px;
  width: 26px;
  height: 26px;
  width: 22px;
  height: 22px;
}
.mnodr_ic.ic_list {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -240px -390px;
  background-size: 472px 463px;
  width: 17px;
  height: 12px;
}
.mnodr_ic.ic_alternative {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -139px -390px;
  background-size: 472px 463px;
  width: 16px;
  height: 14px;
}
.mnodr_ic.ic_info_detail {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -215px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
  vertical-align: top;
}
.mnodr_ic.ic_info_detail_red {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -307px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
  vertical-align: top;
}
.mnodr_ic.ic_info_detail_red.ty_space {
  margin-top: -5px;
}
.mnodr_ic.ic_info_detail_gray {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -238px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
  vertical-align: top;
}
.mnodr_ic.ic_phone_red {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -383px -173px;
  background-size: 472px 463px;
  width: 8px;
  height: 12px;
}
.mnodr_ic.ic_qmark {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -284px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
  height: 14px;
}
.mnodr_ic.ic_ssgcard_txt {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -85px -174px;
  background-size: 472px 463px;
  width: 203px;
  height: 20px;
}
.mnodr_ic.ic_giftbox_plain {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -313px -131px;
  background-size: 472px 463px;
  width: 60px;
  height: 57px;
}
.mnodr_ic.ic_ssgcard_join {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -105px -105px;
  background-size: 472px 463px;
  width: 88px;
  height: 58px;
}
.mnodr_ic.ic_ssgcard {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -313px 0px;
  background-size: 472px 463px;
  width: 80px;
  height: 60px;
}
.mnodr_ic.ic_ssgmoney_sm {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -198px;
  background-size: 472px 463px;
  width: 20px;
  height: 20px;
}
.mnodr_ic.ic_truck {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -68px;
  background-size: 472px 463px;
  width: 24px;
  height: 24px;
}
.mnodr_ic.ic_giftbox_package {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -34px;
  background-size: 472px 463px;
  width: 24px;
  height: 24px;
}

@-webkit-keyframes clipOpen {
  0% {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
  }
  50% {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
}

@keyframes clipOpen {
  0% {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0.3;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
  }
  50% {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
  100% {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 28px;
    height: 28px;
    color: var(--m-colors-white, #ffffff);
    background-color: var(--m-colors-primary, #a59357);
    border-radius: 100%;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
}
.mnodr_ico_eco {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/order/svg/ico_eco.svg") no-repeat;
}

.mnodr_ico_kbliiv {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/order/svg/ico_kbliiv.svg") no-repeat;
}

.mnodr_ico_refresh_item {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../img/order/svg/ico_refresh_item.svg") no-repeat;
}

.mnodr_tx_primary {
  color: var(--m-colors-gray900, #222222) !important;
}

.mnodr_tx_href {
  color: #00e;
}

.mnodr_tx_gray {
  color: var(--m-colors-gray500, #888888) !important;
}
.mnodr_tx_gray .icon {
  -webkit-filter: invert(58%) sepia(1%) saturate(1918%) hue-rotate(20deg) brightness(93%) contrast(89%);
          filter: invert(58%) sepia(1%) saturate(1918%) hue-rotate(20deg) brightness(93%) contrast(89%);
}

.mnodr_tx_gray2 {
  color: var(--m-colors-gray700, #666666) !important;
}

.mnodr_tx_gray3 {
  color: var(--m-colors-gray800, #444444) !important;
}

.mnodr_tx_gray4 {
  color: #6c7080 !important;
}

.mnodr_tx_gray5 {
  color: var(--m-colors-gray600, #777777) !important;
}

.mnodr_tx_gray6 {
  color: var(--m-colors-gray400, #969696) !important;
}

.mnodr_tx_point {
  color: var(--m-colors-primary, #a59357) !important;
}

.mnodr_tx_point2 {
  color: var(--m-colors-primary, #a59357) !important;
}

.mnodr_tx_green {
  color: var(--m-colors-service-esg_primary, #0b923b) !important;
}
.mnodr_tx_green .icon:after {
  color: var(--m-colors-service-esg_primary, #0b923b);
}

.mmbrs_tx_point {
  color: #966e46 !important;
}
.mmbrs_tx_point .icon:after,
.mmbrs_tx_point .icon.icon_chevron_right:after {
  color: #966e46;
}

.universe_tx_point {
  color: var(--m-colors-service-universe_primary_02, #002041) !important;
}

.mnodr_tx_white {
  color: var(--m-colors-white, #ffffff) !important;
}

.mnodr_loading_lg,
.mnodr_loading_md,
.mnodr_loading {
  position: relative;
}
.mnodr_loading_lg:before,
.mnodr_loading_md:before,
.mnodr_loading:before {
  content: "loading...";
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 0;
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/design/ssg/loading_ssg.webp") 50% 50% no-repeat;
  background-size: contain;
}
.mnodr_loading_lg > *,
.mnodr_loading_md > *,
.mnodr_loading > * {
  opacity: 0;
}

.mnodr_loading_md:before {
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
}

.mnodr_loading_lg:before {
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border-width: 6px;
}

@-webkit-keyframes mnodr_loading_ani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes mnodr_loading_ani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mnodr_chk {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  vertical-align: top;
  min-width: 20px;
  min-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_chk input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_chk input[type=checkbox]:focus {
  outline: none !important;
}
.mnodr_chk input[type=checkbox]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.mnodr_chk input[type=checkbox] + label {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  word-break: break-word;
  cursor: pointer;
}
.mnodr_chk input[type=checkbox] + label:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray400, #969696);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray400, #969696);
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_chk input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
}
.mnodr_chk input[type=checkbox] + label {
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_chk input[type=checkbox] + label:before {
  border-radius: 0px;
}
.mnodr_chk input[type=checkbox] + label:before {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_chk input[type=checkbox] + label > span {
  margin-left: 0;
}
.mnodr_chk input[type=checkbox]:checked + label:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5215 6.526L10.1094 13.938L6.47745 10.307L4.71045 12.075L10.1094 17.474L19.2894 8.294L17.5215 6.526Z' fill='var(--m-colors-white, %23ffffff)'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.mnodr_chk input[type=checkbox]:checked + label:before {
  background-color: var(--m-colors-primary, #a59357);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
}
.mnodr_chk input[type=checkbox]:checked:disabled + label:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5215 6.526L10.1094 13.938L6.47745 10.307L4.71045 12.075L10.1094 17.474L19.2894 8.294L17.5215 6.526Z' fill='var(--m-colors-gray350, %23cfcfcf)'/%3E%3C/svg%3E");
}
.mnodr_chk input[type=checkbox]:disabled + label:before {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_chk input[type=checkbox]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_chk input[type=checkbox]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_chk label:before {
  margin-right: 6px;
}
.mnodr_rdo {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  vertical-align: top;
  min-width: 20px;
  min-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_rdo input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_rdo input[type=radio]:focus {
  outline: none !important;
}
.mnodr_rdo input[type=radio]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.mnodr_rdo input[type=radio] + label {
  position: relative;
  z-index: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  word-break: break-word;
  cursor: pointer;
}
.mnodr_rdo input[type=radio] + label:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  border: 1px solid;
  border-radius: 50%;
  border-color: var(--m-colors-gray400, #969696);
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_rdo input[type=radio] + label:before {
  width: 20px;
  height: 20px;
}
.mnodr_rdo input[type=radio] + label {
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_rdo input[type=radio] + label:before {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_rdo input[type=radio] + label > span {
  margin-left: 0;
}
.mnodr_rdo input[type=radio]:checked + label:before {
  -webkit-box-shadow: inset 0 0 0 calc(3px) var(--m-colors-white, #ffffff);
          box-shadow: inset 0 0 0 calc(3px) var(--m-colors-white, #ffffff);
}
.mnodr_rdo input[type=radio]:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-primary, #a59357);
}
.mnodr_rdo input[type=radio]:checked:disabled + label:before {
  background-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_rdo input[type=radio]:disabled + label:before {
  border-color: var(--m-colors-gray300, #e5e5e5);
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_rdo input[type=radio]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_rdo input[type=radio]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_rdo label:before {
  margin-right: 6px;
}
.mnodr_rdo .mnodr_tx_label {
  margin-top: 1px;
}
.mnodr_rdo.ty_gray900 input[type=radio]:checked + label:before {
  -webkit-box-shadow: inset 0 0 0 calc(3px) var(--m-colors-white, #ffffff);
          box-shadow: inset 0 0 0 calc(3px) var(--m-colors-white, #ffffff);
}
.mnodr_rdo.ty_gray900 input[type=radio]:checked + label:before {
  border-color: var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_rdo.ty_img {
  position: relative;
}
.mnodr_rdo.ty_img label {
  padding: 0;
  line-height: 1;
}
.mnodr_rdo.ty_img label:before {
  top: 0;
  z-index: 10;
  -webkit-transform: translate(0);
          transform: translate(0);
}
.mnodr_rdo.ty_img label img {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 20px;
}
.mnodr_rdo.ty_img .mnodr_tx_desc {
  line-height: 20px;
}
.mnodr_rdo.ty_img + .mnodr_tx_desc2 {
  margin-top: 4px;
}
.mnodr_rdo.ty_img .mnodr_btn_info_detail {
  margin-top: 3px;
}

.mnodr_rdo_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding: 8px 0 0;
}
.mnodr_rdo_group .mnodr_rdo {
  width: 100%;
}
.mnodr_rdo_group .mnodr_rdo input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 40px;
  padding-left: 32px;
}
.mnodr_rdo_group .mnodr_tx_label {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mnodr_rdo_lst {
  overflow: hidden;
  margin: -9px -5px 0;
}
.mnodr_rdo_lst > li {
  display: block;
  float: left;
  width: 33.3%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 5px 0;
}
.mnodr_rdo_lst.ty_wrap {
  margin-left: -18px;
}
.mnodr_rdo_lst.ty_wrap > li {
  width: auto;
  padding-top: 20px;
  padding-left: 18px;
  padding-right: 0;
}
.mnodr_rdo_lst.ty_paygift {
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_rdo_lst.ty_paygift li {
  float: initial;
}
.mnodr_rdo_lst.ty_paygift .disabled_text {
  display: none;
}
.mnodr_rdo_lst.ty_paygift label {
  width: 100%;
  height: 100%;
}
.mnodr_rdo_lst.ty_paygift label:before {
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_rdo_lst.ty_paygift label:after {
  background: rgba(0, 0, 0, 0.02);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  content: "";
  border-radius: 20px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_rdo {
  width: 100px;
  height: 100px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_rdo.ty_disabled label:after {
  background-color: rgba(0, 0, 0, 0.6);
}
.mnodr_rdo_lst.ty_paygift .mnodr_rdo.ty_disabled .disabled_text {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-size: 14px;
  z-index: 999;
}
.mnodr_rdo_lst.ty_paygift .ic_giftbox_plain {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 5px 0 0 3px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_ellipsis.ty_line2 {
  margin-top: 8px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_ellipsis {
  width: 100px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_tx_desc.ty_paygift {
  display: block;
  width: 100px;
  margin-top: 8px;
}
.mnodr_rdo_lst.ty_paygift .mnodr_unit_pricewrap {
  margin-top: 6px;
}

.mnodr_rdo_lst_rdus {
  margin: -5px -5px 25px;
  position: relative;
  display: inline-block;
}
.mnodr_rdo_lst_rdus > li {
  display: inline-block;
  margin-bottom: 5px;
}
.mnodr_rdo_lst_rdus > li.ty_date.on input[type=radio]:checked + label {
  margin-bottom: 42px;
}
.mnodr_rdo_lst_rdus > li.ty_date.on .mnodr_date_rdus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mnodr_rdo_rect {
  overflow: hidden;
  display: block;
  position: relative;
  height: 50px;
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1.3;
  text-align: center;
}
.mnodr_rdo_rect .mnodr_rdo_tx {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_rdo_rect .mnodr_rdo_txnum {
  display: block;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnodr_rdo_rect .mnodr_rdo_txnum .ssg_price {
  font-size: 18px;
}
.mnodr_rdo_rect .mnodr_rdo_txnum .ssg_tx {
  font-size: 13px;
}
.mnodr_rdo_rect .mnodr_rdo_txdesc {
  display: block;
  font-size: 12px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnodr_rdo_rect input[type=radio]:focus-visible,
.mnodr_rdo_rect input[type=radio]:focus-visible + label {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.mnodr_rdo_rect input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #e0e0e0;
          box-shadow: inset 0 0 0 1px #e0e0e0;
  color: #444;
}
.mnodr_rdo_rect input[type=radio]:checked + label {
  -webkit-box-shadow: inset 0 0 0 2px #ff5452;
          box-shadow: inset 0 0 0 2px #ff5452;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.mnodr_rdo_rect input[type=radio]:disabled + label {
  -webkit-box-shadow: inset 0 0 0 2px #e0e0e0;
          box-shadow: inset 0 0 0 2px #e0e0e0;
  background-color: #f9f9f9;
  color: #cfcfcf !important;
}
.mnodr_rdo_rect.ty_deliv_tbl {
  position: static;
  font-size: 12px;
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label {
  min-height: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label .mnodr_rdo_tx {
  width: inherit;
  display: inline-block;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label .mnodr_rdo_tx.on {
  display: none;
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  font-weight: normal;
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label .mnodr_rdo_tx {
  display: none;
}
.mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label .mnodr_rdo_tx.on {
  display: inline-block;
}
.mnodr_tbl_time tr:first-child .mnodr_rdo_rect input[type=radio]:checked + label:after,
.mnodr_tbl_time tr:first-child .mnodr_rdo_rect input[type=radio]:checked + label:after, tr .state_anytime .mnodr_rdo_rect input[type=radio]:checked + label:after,
tr .state_anytime .mnodr_rdo_rect input[type=radio]:checked + label:after {
  top: 0;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl {
  position: static;
  font-size: 12px;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label {
  min-height: 18px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label .mnodr_rdo_tx {
  width: inherit;
  display: inline-block;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio] + label .mnodr_rdo_tx.on {
  display: none;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  font-weight: normal;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label .mnodr_rdo_tx {
  display: none;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label .mnodr_rdo_tx.on {
  display: inline-block;
}
.mnodr_tbl_time .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 1px solid var(--m-colors-black, #000000);
}
.mnodr_tbl_time.emart .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background: #ffd040;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time.emart .state_mnmorning .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background-color: #a3b7cd;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time.mnmorning .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background-color: #a3b7cd;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time.traders .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background-color: #a6dd27;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tbl_time.traders .state_mnmorning .mnodr_rdo_rect.ty_deliv_tbl input[type=radio]:checked + label {
  background-color: #a3b7cd;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_rdo_rdus {
  position: relative;
  display: block;
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1.3;
  text-align: center;
}
.mnodr_rdo_rdus input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_rdo_rdus input[type=radio] + label {
  display: inline-block;
  color: var(--m-colors-gray500, #888888);
  border-radius: 18px;
  border: 1px solid #d8d8d8;
  padding: 5px 17px;
  line-height: 25px;
}
.mnodr_rdo_rdus input[type=radio]:checked + label {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  border: 1px solid #222222;
}
.mnodr_rdo_rdus input[type=radio]:disabled + label {
  background-color: #f9f9f9;
  color: #bbb;
}

.mnodr_date_rdus {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  color: var(--m-colors-gray900, #222222);
  border-radius: 18px;
  border: 1px solid #222222;
  padding: 5px 28px;
  line-height: 25px;
  background: #f9f9f9;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_date_rdus input[type=date] {
  position: relative;
  border: none;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.4;
  background: #f9f9f9 url("../img/ico_odr_date@2x.png") 100% 5px no-repeat;
  background-size: 0;
  min-width: 110px;
}
.mnodr_date_rdus input[type=date]:after {
  content: "";
  display: inline-block;
  position: absolute;
  right: 1px;
  width: 14px;
  height: 14px;
  top: 50%;
  margin-top: -7px;
  background: #f9f9f9 url("../img/ico_odr_date@2x.png") 100% 0 no-repeat;
  background-size: 14px;
}
.mnodr_date_rdus input[type=date]::-webkit-clear-button, .mnodr_date_rdus input[type=date]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
          appearance: none;
}
.mnodr_date_rdus input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.mnodr_date_rdus .mnodr_prd_txt {
  margin: 0 20px;
}

.mnodr_form_lst .mnodr_form_acdo.mnodr_rdo input:checked + label {
  font-weight: normal;
}
.mnodr_form_lst .mnodr_form_acdo.mnodr_rdo input:disabled + label span {
  color: #888888 !important;
}
.mnodr_form_acdo .mnodr_form_acdocont {
  display: none;
  margin-top: 4px;
  padding-left: 26px;
  margin-bottom: 10px;
}
.mnodr_form_acdo .mnodr_form_acdocont .mnodr_tx_desc2 {
  margin-top: 4px;
  word-wrap: break-word;
  word-break: keep-all;
}
.mnodr_form_acdo .mnodr_form_acdocont .mnodr_howuse_infoarea {
  margin-top: 6px;
}
.mnodr_form_acdo input:checked ~ .mnodr_form_acdocont,
.mnodr_form_acdo input:disabled ~ .mnodr_form_acdocont {
  display: block;
}

.mnodr_inp_txt {
  display: block;
  position: relative;
}
.mnodr_inp_txt:not(:first-child) {
  margin-top: 10px;
}
.mnodr_inp_txt input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 15px;
  border: 1px solid #e5e5e5;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
}
.mnodr_inp_txt input:focus::-webkit-input-placeholder {
  color: transparent;
}
.mnodr_inp_txt input::-webkit-input-placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_inp_txt input:-moz-read-only {
  border-color: #e5e5e5;
  color: #cfcfcf;
}
.mnodr_inp_txt input:read-only {
  border-color: #e5e5e5;
  color: #cfcfcf;
}
.mnodr_inp_txt input:disabled {
  background-color: var(--m-colors-gray100, #fafafa);
  border: 1px solid #e5e5e5;
  color: #bbb;
}
.mnodr_inp_txt input:disabled::-webkit-input-placeholder {
  color: #bbb;
}
.mnodr_inp_txt input:focus {
  border: 1px solid #222;
}
.mnodr_inp_txt.ty_delete input {
  padding-right: 45px;
}
.mnodr_inp_txt.focus_visible input {
  border-color: var(--m-colors-gray900, #222222);
}
.mnodr_inp_txt .mnodr_inp_txtcount {
  font-size: 10px;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  position: absolute;
  bottom: 14px;
  right: 15px;
}

.mnodr_inp_txtarea {
  overflow: hidden;
  display: block;
  position: relative;
  border: 1px solid #e5e5e5;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_inp_txtarea.on, .mnodr_inp_txtarea:focus {
  border: 1px solid #222;
  outline: 0;
}
.mnodr_inp_txtarea:not(:first-child) {
  margin-top: 10px;
}
.mnodr_inp_txtarea.ty_tx_count textarea {
  margin-bottom: 10px;
}
.mnodr_inp_txtarea .mnodr_inp_txtcount {
  font-size: 10px;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  position: absolute;
  bottom: 8px;
  right: 15px;
}
.mnodr_inp_txtarea textarea {
  width: 100%;
  padding: 10px;
  border: 0 none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  letter-spacing: -0.3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  box-sizing: border-box;
  outline: 0;
  resize: none;
}
.mnodr_inp_txtarea textarea:read-only, .mnodr_inp_txtarea textarea::-webkit-input-placeholder, .mnodr_inp_txtarea textarea:disabled {
  color: #bbb;
}
.mnodr_inp_txtarea label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  color: var(--m-colors-gray500, #888888);
  font-size: 14px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_inp_txtarea.disabled {
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_inp_txtarea.disabled label {
  color: #bbb;
}
.mnodr_inp_txtarea.ty_delete textarea {
  padding-right: 30px;
}
.mnodr_inp_txtarea.focus_visible {
  border-color: #222 !important;
}

.mnodr_inp_txtarea .mnodr_inp_delete {
  top: 15px;
}

.mnodr_inp_delete {
  display: none;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_inp_delete.on {
  display: block;
}

.mnodr_inp_switch {
  display: inline-block;
  position: relative;
  width: 46px;
  height: 20px;
  vertical-align: middle;
}
.mnodr_inp_switch input[type=checkbox] {
  position: relative;
  width: 46px;
  height: 20px;
  border: none;
  border-radius: 999rem;
  outline: 0;
  background: #d8d8d8;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  vertical-align: top;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  z-index: 1;
}
.mnodr_inp_switch input:after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #d1d1d1;
  border-radius: 50%;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  content: "";
}
.mnodr_inp_switch input:checked {
  border-color: var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
}
.mnodr_inp_switch input:checked:after {
  left: 23px;
}
.mnodr_inp_switch.ty_in {
  width: 26px;
  height: 16px;
}
.mnodr_inp_switch.ty_in input[type=checkbox] {
  width: 26px;
  height: 16px;
}
.mnodr_inp_switch.ty_in input:after {
  top: 1px;
  left: 1px;
  width: 14px;
  height: 14px;
  border: 0;
  -webkit-box-shadow: 0px 0.5px 0.5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0.5px 0.5px 0px rgba(0, 0, 0, 0.1);
}
.mnodr_inp_switch.ty_in input:checked:after {
  left: 11px;
}

.mnodr_switch_info {
  display: inline-block;
  margin-right: 10px;
  color: var(--m-colors-primary, #a59357);
  font-size: 13px;
  vertical-align: middle;
}
.mnodr_switch_info .mnodr_num {
  font-size: 14px;
}

.mnodr_inp_sel {
  position: relative;
  display: block;
  height: 40px;
}
.mnodr_inp_sel:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_inp_sel select {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 40px;
  padding: 0 27px 0 15px;
  background: none;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}
.mnodr_inp_sel select:focus {
  border: 1px solid var(--m-colors-gray900, #222222);
  outline: none;
}
.mnodr_inp_sel select::-ms-expand {
  display: none;
}
.mnodr_inp_sel select:disabled {
  opacity: 0.5;
}

.mnodr_rdotablist.ty_nohighlight .mnodr_rdotab.on:before {
  border: 1px solid #f5f5f5;
  margin-bottom: -1px;
}

.mnodr_rdotab {
  position: relative;
}
.mnodr_rdotab .mnodr_makeprofile {
  display: none;
}
.mnodr_rdotab:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e5e5e5;
  bottom: -1px;
}
.mnodr_rdotab.on .mnodr_makeprofile {
  display: block;
}
.mnodr_rdotab.on:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #222222;
}
.mnodr_rdotab.on .mnodr_rdotab_btn {
  border: 1px solid var(--m-colors-primary, #a59357);
}
.mnodr_rdotab.on .mnodr_rdotab_btn:before {
  display: block;
}
.mnodr_rdotab.disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--m-colors-gray300, #e5e5e5);
  border: 1px solid #e5e5e5;
  margin-bottom: -1px;
}
.mnodr_rdotab.disabled .mnodr_rdotab_btn {
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_rdotab.disabled .mnodr_rdotab_wrap em,
.mnodr_rdotab.disabled .mnodr_rdotab_wrap strong {
  color: #bbb !important;
}
.mnodr_rdotab.disabled .mnodr_rdotab_wrap .mnodr_tx_desc {
  color: var(--m-colors-gray400, #969696);
}
.mnodr_rdotab.disabled .cm_mall_ship {
  opacity: 0.3;
}
.mnodr_rdotab .mnodr_tx_tit {
  font-size: 16px;
}
.mnodr_rdotab .mnodr_rdotab_descbox {
  margin-top: -5px;
  padding: 8px 30px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  text-align: center;
}

.mnodr_rdotab.ty_input.on .mnodr_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_rdotab.ty_input.on .mnodr_rdotab_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_rdotab.ty_input .mnodr_rdotab_right {
  margin-left: 10px;
}
.mnodr_rdotab.ty_input .mnodr_input {
  display: none;
  margin: 0 20px 24px;
  width: auto;
}
.mnodr_rdotab.ty_input .mnodr_rdotab_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_rdotab.ty_input .mnodr_rdotab_inp:checked + .mnodr_rdotab_label .mnodr_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_rdotab.ty_input .mnodr_rdotab_inp:disabled + .mnodr_rdotab_label .mnodr_btn:disabled {
  background: var(--m-colors-white, #ffffff);
}

.mnodr_rdotab.ty_full {
  font-size: 13px;
  line-height: 1.3;
  letter-spacing: -0.3px;
}
.mnodr_rdotab.ty_full + .mnodr_rdotab.ty_full label:before {
  border-top: none;
}
.mnodr_rdotab.ty_full .mnodr_rdotab_inp + label:before {
  border: none;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.mnodr_rdotab.ty_full .mnodr_rdotab_right .mnodr_tx {
  display: block;
  margin-top: 5px;
}

.mnodr_rdotab_inp + label {
  z-index: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_rdotab_inp + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #e0e0e0;
  bottom: -1px;
}
.mnodr_rdotab_inp:checked + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #222222;
}
.mnodr_rdotab_inp:checked + label .mnodr_rdotab_btn {
  border: 1px solid var(--m-colors-primary, #a59357);
}
.mnodr_rdotab_inp:checked + label .mnodr_rdotab_btn:before {
  display: block;
}
.mnodr_rdotab_inp:checked + label .mnodr_rdotab_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_rdotab_inp.border_primary:checked + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid var(--m-colors-primary, #a59357);
}
.mnodr_rdotab_inp.border_primary:checked + label .mnodr_rdotab_btn {
  border: 1px solid var(--m-colors-primary, #a59357);
}
.mnodr_rdotab_inp.border_primary:checked + label .mnodr_rdotab_btn:before {
  display: block;
}
.mnodr_rdotab_inp.border_primary:checked + label .mnodr_rdotab_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_rdotab_inp:disabled + label {
  background: #f9f9f9;
}
.mnodr_rdotab_inp:disabled + label:before {
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_rdotab_inp:disabled + label .mnodr_rdotab_btn {
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_rdotab_inp:disabled + label .disabled {
  position: relative;
}
.mnodr_rdotab_inp:disabled + label .disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  background: #f9f9f9;
}
.mnodr_rdotab_inp:disabled + label .disabled_tx,
.mnodr_rdotab_inp:disabled + label .mnodr_tx_gray,
.mnodr_rdotab_inp:disabled + label span,
.mnodr_rdotab_inp:disabled + label strong,
.mnodr_rdotab_inp:disabled + label button,
.mnodr_rdotab_inp:disabled + label a,
.mnodr_rdotab_inp:disabled + label p {
  color: #ccc !important;
}

.mnodr_rdotab_btn {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--m-colors-white, #ffffff);
  border: 1px solid #969696;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_rdotab_btn:before {
  content: "";
  display: none;
  width: 12px;
  height: 12px;
  background: var(--m-colors-primary, #a59357);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mnodr_rdotab_ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 15px 16px;
}
.mnodr_rdotab_ctn.ty2 {
  padding: 20px 16px;
}
.mnodr_rdotab_ctn.ty_padding20 {
  padding: 20px;
}
.mnodr_rdotab_ctn.ty_pull {
  margin-top: -15px;
}
.mnodr_rdotab_ctn.ty_desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_rdotab_ctn.ty_desc .mnodr_tx_wrap {
  width: 100%;
  margin: 5px 0;
}
.mnodr_rdotab_ctn.ty_desc .mnodr_tx_wrap:last-child {
  margin-bottom: 0;
}

.mnodr_rdotab_footer {
  display: none;
  width: 100%;
}

.mnodr_rdotab_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.mnodr_rdotab_row + .mnodr_rdotab_row {
  margin-top: 5px;
}
.mnodr_rdotab_row.ty_between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_rdotab_row.ty2 {
  display: inline-block;
}
.mnodr_rdotab_row .mnodr_tx_desc2 {
  position: relative;
  padding-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}
.mnodr_rdotab_row .mnodr_tx_desc2.mnodr_tx_gray, .mnodr_rdotab_row .mnodr_tx_desc2.mnodr_tx_gray2 {
  padding-left: 0;
}
.mnodr_rdotab_row .mnodr_tx_desc2.mnodr_tx_gray:before, .mnodr_rdotab_row .mnodr_tx_desc2.mnodr_tx_gray2:before {
  display: none;
}
.mnodr_rdotab_row .mnodr_tx_desc2:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--m-colors-gray900, #222222);
}
.mnodr_rdotab_row .mnodr_tx_desc3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.mnodr_rdotab_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 20px 15px;
  z-index: 1;
}

.mnodr_rdotab_headlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_rdotab_headlt .mnodr_rdotab_btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
}

.mnodr_rdotab_headrt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_rdotab_right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  margin-left: 16px;
}
.mnodr_rdotab_right .ty_wrap {
  white-space: normal;
  word-break: break-all;
}
.mnodr_rdotab_right.ty2 {
  margin-left: 10px;
}
.mnodr_rdotab_right.ty2 .mnodr_tx_primary {
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_rdotab_right.ty2 .mnodr_tx_desc {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_rdotab_right.ty2 .mnodr_tx_gray {
  display: block;
  margin-top: -2px;
  letter-spacing: -0.3px;
}
.mnodr_rdotab_right.ty3 {
  margin-left: 16px;
}
.mnodr_rdotab_right.ty_margin10 {
  margin-left: 10px;
}

.mnodr_rdotab_tit {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}

.mnodr_chktab.ty_input.on .mnodr_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_chktab.ty_input.on .mnodr_chktab_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_chktab.ty_input .mnodr_input {
  display: none;
  margin: 0 20px 24px;
  width: auto;
}
.mnodr_chktab.ty_input .mnodr_chktab_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_chktab.ty_input .mnodr_chktab_inp:checked + .mnodr_chktab_label .mnodr_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_chktab.ty_input .mnodr_chktab_inp:disabled + .mnodr_chktab_label .mnodr_btn:disabled {
  background: var(--m-colors-white, #ffffff);
}

.mnodr_chktab_inp + label {
  z-index: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_chktab_inp + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #e0e0e0;
  bottom: -1px;
}
.mnodr_chktab_inp:checked + label {
  z-index: 2;
}
.mnodr_chktab_inp:checked + label:before {
  border-width: 2px;
  border-color: var(--m-colors-gray900, #222222);
  bottom: -2px;
}
.mnodr_chktab_inp:checked + label .mnodr_chktab_btn {
  border: 1px solid #222222;
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_chktab_inp:checked + label .mnodr_chktab_btn:after {
  display: block;
}
.mnodr_chktab_inp:checked + label .mnodr_chktab_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_chktab_inp:disabled + label {
  background: #f9f9f9;
}
.mnodr_chktab_inp:disabled + label:before {
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_chktab_inp:disabled + label .mnodr_rdotab_btn {
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_chktab_inp:disabled + label .disabled {
  position: relative;
}
.mnodr_chktab_inp:disabled + label .disabled::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  background: #f9f9f9;
}
.mnodr_chktab_inp:disabled + label .disabled_tx,
.mnodr_chktab_inp:disabled + label .mnodr_tx_gray,
.mnodr_chktab_inp:disabled + label span,
.mnodr_chktab_inp:disabled + label strong,
.mnodr_chktab_inp:disabled + label button,
.mnodr_chktab_inp:disabled + label a,
.mnodr_chktab_inp:disabled + label p {
  color: #ccc !important;
}

.mnodr_chktab_btn {
  display: block;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #969696;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_chktab_btn:after {
  display: none;
  position: absolute;
  top: 1px;
  left: 5px;
  z-index: 2;
  display: inline-block;
  width: 5px;
  height: 9px;
  border: solid 1px #fefefe;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.mnodr_chktab_ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 4px 33px 16px 52px;
}
.mnodr_chktab_ctn.ty_pull {
  margin-top: -15px;
}
.mnodr_chktab_ctn.ty_desc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_chktab_ctn.ty_desc .mnodr_tx_wrap {
  width: 100%;
  margin: 4px 0;
}
.mnodr_chktab_ctn.ty_desc .mnodr_tx_wrap:last-child {
  margin-bottom: 0;
}
.mnodr_chktab_ctn.ty_desc .mnodr_tx_wrap:only-child {
  margin: 0;
}

.mnodr_chktab_footer {
  display: none;
  width: 100%;
}

.mnodr_chktab_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
}
.mnodr_chktab_row + .mnodr_chktab_row {
  margin-top: 5px;
}
.mnodr_chktab_row .mnodr_tx_desc2 {
  position: relative;
  padding-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}
.mnodr_chktab_row .mnodr_tx_desc2.mnodr_tx_gray {
  padding-left: 0;
}
.mnodr_chktab_row .mnodr_tx_desc2.mnodr_tx_gray:before {
  display: none;
}
.mnodr_chktab_row .mnodr_tx_desc2:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--m-colors-gray900, #222222);
}

.mnodr_chktab_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 20px 15px;
  z-index: 1;
}

.mnodr_chktab_headlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_chktab_headlt .mnodr_chktab_btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 12px;
}

.mnodr_chktab_headrt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}
.mnodr_tab li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
}
.mnodr_tab li .mnodr_tooltip {
  display: none;
}
.mnodr_tab li.on .mnodr_tooltip.on {
  display: block;
}
.mnodr_tab li.on:before {
  content: "";
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 100%;
  height: 2px;
  background: var(--m-colors-gray900, #222222);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mnodr_tab li.on.ty2 {
  font-weight: bold;
}
.mnodr_tab li.on.ty2:before {
  height: 3px;
}
.mnodr_tab li.on .mnodr_ic.ic_new {
  display: none;
}
.mnodr_tab li.new .mnodr_ic.ic_new {
  display: block;
}
.mnodr_tab li .mnodr_tab_tx {
  position: relative;
}
.mnodr_tab .mnodr_ic.ic_new {
  position: absolute;
  display: none;
  top: 0;
  right: 3px;
  -webkit-transform: translate(100%, -50%);
          transform: translate(100%, -50%);
  z-index: 1;
}
.mnodr_tab a {
  display: block;
  font-size: 0;
}
.mnodr_tab a:before {
  content: "";
  display: inline-block;
  min-height: 44px;
  width: 1px;
  margin-right: -1px;
  vertical-align: middle;
}
.mnodr_tab .tooltip-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  overflow: hidden;
}

.mnodr_tab_tx {
  display: inline-block;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_tab .on .mnodr_tab_tx {
  font-weight: bold;
}
.mnodr_tab_tx.ty_deliv:before, .mnodr_tab_tx.ty_air:before, .mnodr_tab_tx.ty_hotel:before {
  display: inline-block;
  content: "";
  margin-right: 3px;
  margin-bottom: -2px;
}
.mnodr_tab_tx.ty_deliv:before {
  background-image: url(../img/sprites/sp_odrlisttype_20200420@2x.png);
  background-position: -29px 0px;
  background-size: 48px 38px;
  width: 19px;
  height: 13px;
}
.mnodr_tab_tx.ty_air:before {
  background-image: url(../img/sprites/sp_odrlisttype_20200420@2x.png);
  background-position: 0px 0px;
  background-size: 48px 38px;
  width: 19px;
  height: 13px;
}
.mnodr_tab_tx.ty_hotel:before {
  background-image: url(../img/sprites/sp_odrlisttype_20200420@2x.png);
  background-position: 0px -23px;
  background-size: 48px 38px;
  width: 16px;
  height: 15px;
}
.mnodr_tab_tx.ty_deliv, .mnodr_tab_tx.ty_air, .mnodr_tab_tx.ty_hotel {
  font-size: 15px;
}

.mnodr_tab_btn .mnodr_btn_tx {
  font-size: 13px;
  font-weight: bold;
  color: var(--m-colors-gray800, #444444);
}

.mnodr_tab_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #eaeaea;
  background-color: var(--m-colors-white, #ffffff);
  text-align: center;
}
.mnodr_tab_new li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  position: relative;
}
.mnodr_tab_new li .mnodr_tooltip {
  display: none;
}
.mnodr_tab_new li.on {
  font-weight: bold;
}
.mnodr_tab_new li.on .mnodr_tooltip.on {
  display: block;
}
.mnodr_tab_new li.on:before {
  content: "";
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  left: 50%;
  width: 85px;
  height: 3px;
  background: var(--m-colors-gray900, #222222);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.mnodr_tab_new li.new .mnodr_ic.ic_new {
  display: block;
}
.mnodr_tab_new li .mnodr_tab_tx {
  position: relative;
}
.mnodr_tab_new .icon {
  margin-right: 2px;
}
.mnodr_tab_new .ic_new_circle {
  position: absolute;
  top: 3px;
  right: -9px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--m-colors-primary, #a59357);
  vertical-align: top;
}
.mnodr_tab_new a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 36px;
}
.mnodr_tab_new .tooltip-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  overflow: hidden;
}
.mnodr_tab_new .mnodr_tab_tx {
  display: inline-block;
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-all;
}

.mnodr_thmbtab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
}
.mnodr_thmbtab.narrow {
  padding-block: 8px;
}
.mnodr_thmbtab + .mnodr_thmbtab {
  border-top: 1px solid #f5f5f5;
}
.mnodr_thmbtab a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.mnodr_thmbtab a:before {
  display: none;
}

.mnodr_thmbtab_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_thmbtab_tit {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  font-weight: normal;
  margin-left: 10px;
}
.mnodr_thmbtab_tit .name {
  margin-right: 5px;
}

.mnodr_thmbtab_title {
  margin-left: 6px;
  color: var(--m-colors-secondary, #222222);
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_thmbtab_subtitle {
  color: var(--m-colors-secondary, #222222);
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_thmbtab_subtitle .name {
  margin-inline: 2px;
}

.mnodr_thmbtab_edit {
  padding: 10px;
  margin-right: -10px;
}

.mnodr_thmbtab_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_thmbtab_check .ic_check {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e022";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.m_content_flexwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 56px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.m_content_flexwrap .m_flexwrap_area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

a:-webkit-any-link:focus-visible {
  outline-offset: 1px;
}

button:focus-visible,
button[type=button]:focus-visible,
input[type=radio]:focus-visible,
input[type=radio]:focus-visible + label,
input[type=checkbox]:focus-visible,
input[type=checkbox]:focus-visible + label {
  outline: -webkit-focus-ring-color auto 1px !important;
}

input[class*=mnodr][type=checkbox]:focus-visible + label {
  height: auto !important;
  min-height: 15px;
}

.mnodr_rdotab input[type=radio]:focus-visible {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  margin: 0;
  border: 0;
  background: none;
  clip: initial;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type=text]:focus-visible {
  border: #222 solid 1px;
}

.mnodr_vanilla_calendar {
  margin-top: 16px;
}
.mnodr_vanilla_calendar .vanilla-calendar-header {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_vanilla_calendar .vanilla-calendar-wrapper {
  height: auto;
}
.mnodr_vanilla_calendar .vanilla-calendar-header__content {
  grid-gap: 0 5px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  font-size: 18px;
  font-weight: bold;
  padding: 0 12px;
}
.mnodr_vanilla_calendar .vanilla-calendar-week {
  border-bottom: 1px solid #e5e5e5;
}
.mnodr_vanilla_calendar .vanilla-calendar-week__day {
  width: 100%;
  height: 100%;
  min-width: 14.286%;
  min-height: 41px;
}
.mnodr_vanilla_calendar .vanilla-calendar-days {
  grid-gap: 6px 0;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn {
  width: 100%;
  height: 100%;
  min-width: 14.286%;
  min-height: 48px;
  border-radius: 8px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_today {
  position: relative;
  background-color: transparent;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_today:after {
  content: "오늘";
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  font-size: 12px;
  color: var(--m-colors-gray600, #777777);
  margin-top: -2px;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_selected {
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_weekend, .mnodr_vanilla_calendar .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_holiday {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_today:after {
  color: transparent;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_disabled {
  color: #cfcfcf;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_disabled:after {
  color: inherit;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_disabled.vanilla-calendar-day__btn_weekend, .mnodr_vanilla_calendar .vanilla-calendar-day__btn_disabled.vanilla-calendar-day__btn_holiday {
  color: #f5c1be;
}
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_weekend,
.mnodr_vanilla_calendar .vanilla-calendar-day__btn_holiday {
  color: var(--m-colors-primary, #a59357);
}

.m_srharea {
  z-index: 2223;
}

#m_content {
  font-family: var(--m-fonts-gothic, Pretendard);
}

.m_content.ty_bg {
  background: var(--m-colors-gray150, #f5f5f5);
  padding: 0.1px 0px;
  padding-bottom: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.codr_ct_clm .m_paginate_new,
.mnodr_odrdeliv .m_paginate_new,
.mnodr_odrdeliv_trip .m_paginate_new {
  background: var(--m-colors-white, #ffffff);
  padding: 10px 0;
  text-align: center;
}
.codr_ct_clm .m_paginate_new .m_paginate,
.mnodr_odrdeliv .m_paginate_new .m_paginate,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
}
.codr_ct_clm .m_paginate_new .m_paginate a,
.mnodr_odrdeliv .m_paginate_new .m_paginate a,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a {
  border: none;
  background: none;
}
.codr_ct_clm .m_paginate_new .m_paginate a:focus,
.mnodr_odrdeliv .m_paginate_new .m_paginate a:focus,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.codr_ct_clm .m_paginate_new .m_paginate a,
.codr_ct_clm .m_paginate_new .m_paginate strong,
.mnodr_odrdeliv .m_paginate_new .m_paginate a,
.mnodr_odrdeliv .m_paginate_new .m_paginate strong,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate strong {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 38px;
  height: 36px;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 35px;
  color: var(--m-colors-black, #000000);
  font-family: var(--m-fonts-gothic, Pretendard);
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
}
.codr_ct_clm .m_paginate_new .m_paginate strong,
.mnodr_odrdeliv .m_paginate_new .m_paginate strong,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate strong {
  border: 1px solid var(--m-colors-black, #000000);
  position: relative;
  color: var(--m-colors-black, #000000);
  font-weight: normal;
}
.codr_ct_clm .m_paginate_new .m_paginate a.prev:before,
.codr_ct_clm .m_paginate_new .m_paginate a.next:before,
.mnodr_odrdeliv .m_paginate_new .m_paginate a.prev:before,
.mnodr_odrdeliv .m_paginate_new .m_paginate a.next:before,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a.prev:before,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a.next:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #222;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.codr_ct_clm .m_paginate_new .m_paginate a.prev:before,
.mnodr_odrdeliv .m_paginate_new .m_paginate a.prev:before,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a.prev:before {
  border-width: 0 0 2px 2px;
}
.codr_ct_clm .m_paginate_new .m_paginate a.next:before,
.mnodr_odrdeliv .m_paginate_new .m_paginate a.next:before,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate a.next:before {
  border-width: 2px 2px 0 0;
}
.codr_ct_clm .m_paginate_new .m_paginate span,
.mnodr_odrdeliv .m_paginate_new .m_paginate span,
.mnodr_odrdeliv_trip .m_paginate_new .m_paginate span {
  float: left;
  width: 15px;
  height: 36px;
  background: url(../img/sp_page.png);
  background-size: 200px auto;
  background-position: 0 -100px;
  margin-left: 1px;
}
.codr_ct_clm .m_paginate_wrap .m_paginate a.prev:before,
.codr_ct_clm .m_paginate_wrap .m_paginate a.next:before,
.mnodr_odrdeliv .m_paginate_wrap .m_paginate a.prev:before,
.mnodr_odrdeliv .m_paginate_wrap .m_paginate a.next:before,
.mnodr_odrdeliv_trip .m_paginate_wrap .m_paginate a.prev:before,
.mnodr_odrdeliv_trip .m_paginate_wrap .m_paginate a.next:before {
  border: none;
  background: none;
}
.codr_ct_clm .m_paginate_wrap .m_paginate a.prev:before:focus,
.codr_ct_clm .m_paginate_wrap .m_paginate a.next:before:focus,
.mnodr_odrdeliv .m_paginate_wrap .m_paginate a.prev:before:focus,
.mnodr_odrdeliv .m_paginate_wrap .m_paginate a.next:before:focus,
.mnodr_odrdeliv_trip .m_paginate_wrap .m_paginate a.prev:before:focus,
.mnodr_odrdeliv_trip .m_paginate_wrap .m_paginate a.next:before:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mnodr_container_step #m_content {
  padding-bottom: 100px;
}
.mnodr_container_step #mcom_footer {
  margin-top: -100px;
}
.mnodr_container_step .mcom_footer {
  padding-bottom: 220px;
}
.mnodr_container_step .mcom_footer_order_v2 {
  padding-bottom: 120px;
}
.mnodr_container_step .mcom_footer_order.ty_space_lg {
  padding-bottom: 220px;
}
.mnodr_container_step.ty_headfix #m_content {
  padding-top: 1px;
}

.mnodr_container_step .underline_large,
.mnodr_modal_wrap .underline_large {
  font-size: 17px;
  text-decoration: underline;
  line-height: 1.5;
}

.mnodr_modal_wrap .m_paginate_wrap {
  background: var(--m-colors-white, #ffffff);
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate {
  display: inline-block;
  vertical-align: top;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate a,
.mnodr_modal_wrap .m_paginate_wrap .m_paginate strong {
  float: left;
  width: 45px;
  height: 40px;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 36px;
  color: var(--m-colors-gray400, #969696);
  font-family: var(--m-fonts-gothic, Pretendard);
  font-size: 15px;
  text-align: center;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate strong {
  border: 1px solid #222;
  position: relative;
  color: var(--m-colors-gray900, #222222);
  font-weight: normal;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate a.prev:before,
.mnodr_modal_wrap .m_paginate_wrap .m_paginate a.next:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 19px;
  vertical-align: middle;
  background: url(../img/com_v2/sp_search_set@2x.png) no-repeat 0 -60px;
  background-size: 10px 90px;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate a.next:before {
  background-position: 0 -40px;
}
.mnodr_modal_wrap .m_paginate_wrap .m_paginate span {
  float: left;
  width: 15px;
  height: 36px;
  background: url(../img/sp_page.png);
  background-size: 200px auto;
  background-position: 0 -100px;
  margin-left: 1px;
}

.mnodr_mall_rect_ship {
  line-height: normal;
}
.mnodr_mall_rect_ship.parcel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-bold, 700);
  padding: 0 6px;
  background-color: var(--m-colors-delivery-post, #d6d2c4);
  color: var(--m-colors-black, #000000);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_profile {
  position: relative;
  border-radius: 50%;
}
.mnodr_profile.ty_edit .mnodr_profile_edit {
  display: block;
}
.mnodr_profile.ty_master {
  margin-top: 12px;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
}
.mnodr_profile.ty_master .ic_crown_sm,
.mnodr_profile.ty_master .ic_crown {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mnodr_profile.ty_master.ty_sm .ic_crown_sm {
  display: block;
}
.mnodr_profile.ty_master.ty_lg .ic_crown, .mnodr_profile.ty_master.ty_md .ic_crown {
  display: block;
}
.mnodr_profile .ic_crown_sm,
.mnodr_profile .ic_crown {
  display: none;
}
.mnodr_profile.ty_mine:before {
  content: "나";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: rgba(34, 34, 34, 0.7);
  color: var(--m-colors-white, #ffffff);
  font-size: 13px;
  font-weight: bold;
}
.mnodr_profile.ty_bubble .mnodr_profile_img {
  border-bottom-left-radius: 0;
}
.mnodr_profile.ty_name {
  margin-bottom: 30px;
}
.mnodr_profile.ty_name .mnodr_profile_name {
  display: block;
  line-height: 1;
}
.mnodr_profile.ty_xs {
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
}
.mnodr_profile.ty_sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 28px;
  font-size: 15px;
}
.mnodr_profile.ty_md {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  line-height: 65px;
  font-size: 24px;
}
.mnodr_profile.ty_lg {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  line-height: 100px;
}
.mnodr_profile.ty_lg .mnodr_profile_name {
  margin-top: 10px;
}
.mnodr_profile.ty_xlg {
  width: 200px;
  height: 200px;
  min-width: 200px;
  min-height: 200px;
  line-height: 200px;
  font-size: 70px;
}
.mnodr_profile.ty_pink {
  background-color: #ff97a5;
}
.mnodr_profile.ty_sky {
  background-color: #a9dfea;
}
.mnodr_profile.ty_yellow {
  background-color: #fcd353;
}
.mnodr_profile.ty_green {
  background-color: #dfdd6c;
}
.mnodr_profile.ty_light_blue {
  background-color: #afcefd;
}
.mnodr_profile.ty_brown {
  background-color: #d5ba9f;
}
.mnodr_profile.ty_light_orange {
  background-color: #fd8b64;
}
.mnodr_profile.ty_deep_green {
  background-color: #b3c648;
}
.mnodr_profile.ty_light_purple {
  background-color: #d6a3dc;
}
.mnodr_profile.ty_turquoise {
  background-color: #89d5c9;
}
.mnodr_profile.ty_purple {
  background-color: #a07be6;
}
.mnodr_profile.ty_deep_blue {
  background-color: #41cff2;
}
.mnodr_profile.ty_deep_orange {
  background-color: #ff7000;
}
.mnodr_profile.ty_deep_yellow {
  background-color: #fab10c;
}
.mnodr_profile.ty_deep_purple {
  background-color: #766da1;
}
.mnodr_profile.ty_blue {
  background-color: #337fe7;
}
.mnodr_profile.ty_deep_turquoise {
  background-color: #0ab68b;
}
.mnodr_profile.ty_light_turquoise {
  background-color: #81e89d;
}
.mnodr_profile.ty_light_pink {
  background-color: #fe86c1;
}
.mnodr_profile.ty_deep_pink {
  background-color: #e80566;
}

.mnodr_profile_edit {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
}

.mnodr_profile_delete {
  position: absolute;
  right: 0;
  top: 0;
}

.mnodr_profile_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: var(--m-colors-white, #ffffff);
  font-style: normal;
  text-align: center;
  width: 100%;
  height: 100%;
}

.mnodr_profile_name {
  display: none;
  margin-top: 5px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  line-height: 1;
}

.mnodr_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--m-colors-white, #ffffff);
  z-index: 1;
}
.mnodr_btn_area button,
.mnodr_btn_area a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.mnodr_btn_area .mnodr_btn + .mnodr_btn {
  margin-left: -1px;
}
.mnodr_btn_area .mnodr_ic {
  margin-right: -3px;
}
.mnodr_btn_area.ty_mgtop {
  margin-top: 40px;
}
.mnodr_btn_area.ty_select .mnodr_btn.ty_gray {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100px;
}
.mnodr_btn_area.ty_single {
  margin: 40px 16px;
}
.mnodr_btn_area.ty_bundle3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border: 1px solid #ededed;
  border-radius: 20px;
}
.mnodr_btn_area.ty_bundle3 .mnodr_btn {
  outline: none;
  width: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding-left: 16px;
  padding-right: 16px;
}
.mnodr_btn_area.ty_bundle3 .mnodr_btn .mnodr_tx_primary {
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_btn_area.ty_bundle3 .mnodr_btn:not(:first-child) {
  position: relative;
}
.mnodr_btn_area.ty_bundle3 .mnodr_btn:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 12px;
  margin-top: -6px;
  background: #ededed;
}
.mnodr_btn_area.ty_foot {
  margin-bottom: 30px;
}
.mnodr_btn_area.ty_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_btn_area.ty_row .mnodr_btn {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.mnodr_btn_area.ty_oval {
  border-radius: 4px;
}
.mnodr_btn_area.ty_grayline {
  border: 1px solid #ededed;
}
.mnodr_btn_area.ty_grayline .mnodr_btn {
  border-left: 1px solid #ededed;
}
.mnodr_btn_area.ty_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_btn_area.ty_title .mnodr_btn_area_left {
  text-align: left;
}
.mnodr_btn_area.ty_title .mnodr_btn_area_title {
  font-size: 15px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn_area.ty_title .mnodr_btn_area_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_btn_area.ty_title .mnodr_btn_area_itemlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_btn_area.ty_title .mnodr_btn_area_itemlink .mnodr_btn_tx {
  margin-left: 3px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn_area.ty_title .mnodr_btn_area_item + .mnodr_btn_area_item {
  margin-left: 20px;
  position: relative;
}
.mnodr_btn_area.ty_title .mnodr_btn_area_item + .mnodr_btn_area_item:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_btn_area.ty_space {
  margin-top: 10px;
}

.mnodr_btn_outline_primary01 {
  margin-top: spacing(1.5);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: -webkit-fill-available;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_outline_primary01:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e078";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0;
}
.mnodr_btn_outline_primary01:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_btn {
  display: block;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
.mnodr_btn .mnodr_btn_tx {
  display: inline-block;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 21px;
}
.mnodr_btn .mnodr_btn_tx2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin-right: 5px;
}
.mnodr_btn .mnodr_btn_tx3 {
  font-size: 15px;
}
.mnodr_btn .mnodr_btn_tx4 {
  font-size: 13px;
  margin-left: 3px;
}
.mnodr_btn .mnodr_btn_tx5 {
  font-size: 18px;
  font-weight: bold;
}
.mnodr_btn .mnodr_btn_tx6 {
  font-size: 12px;
  font-weight: normal;
}
.mnodr_btn.ty_xxs {
  padding: 0 8px;
  height: 25px;
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_btn.ty_xs {
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_btn.ty_sm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
  font-size: 16px;
}
.mnodr_btn.ty_m {
  height: 50px;
  font-size: 18px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_btn.ty_lg {
  height: 60px;
  font-size: 18px;
  font-weight: 500;
}
.mnodr_btn.ty_light {
  background-color: #eee;
}
.mnodr_btn.ty_oval {
  border-radius: 25px;
  border: 1px solid #e0e0e0;
}
.mnodr_btn.ty_oval2 {
  border-radius: 20px;
  border: 1px solid #ededed;
}
.mnodr_btn.ty_blue {
  background-color: #6677c0;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_sky {
  background-color: #94e3f7;
}
.mnodr_btn.ty_line {
  background-color: var(--m-colors-white, #ffffff);
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn.ty_line + .ty_line {
  border-left: 1px solid #cfcfcf;
}
.mnodr_btn.ty_single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
}
.mnodr_btn.ty_tgle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
}
.mnodr_btn.ty_tgle:after {
  display: block;
  width: 4px;
  height: 4px;
  margin-left: 5px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
  content: "";
}
.mnodr_btn.ty_first {
  border-radius: 0;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.mnodr_btn.ty_last {
  border-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.mnodr_btn.ty_center {
  border-radius: 0;
  margin-left: -1px;
}
.mnodr_btn.ty_rightline {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mnodr_btn.ty_leftline {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px;
}
.mnodr_btn.ty_point {
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_point_reverse {
  color: var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_gray {
  background-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray800, #444444);
}
.mnodr_btn.ty_darkgray {
  background-color: var(--m-colors-gray500, #888888);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_grayline {
  border: 1px solid #e5e5e5;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn.ty_grayline2 {
  border: 1px solid #ededed;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_btn.ty_black {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_blackline {
  border: 1px solid #222;
}
.mnodr_btn.ty_darkblackline {
  border: 1px solid var(--m-colors-black, #000000);
}
.mnodr_btn.ty_gray2 {
  background-color: #737a7f;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_gray3 {
  background-color: #c9c9c9;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_gray4 {
  background-color: var(--m-colors-gray150, #f5f5f5);
  border-color: #e0e0e0;
}
.mnodr_btn.ty_gray5 {
  background-color: var(--m-colors-gray700, #666666);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_grayline {
  border: 1px solid #d8d8d8;
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn.ty_blue {
  background-color: #6677c0;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_blk {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn.ty_yellow {
  background-color: #ffd900;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn.ty_giftsvc {
  background: #2fd5ff;
  color: var(--m-colors-gray900, #222222);
  font-size: 18px;
  font-weight: Bold;
}
.mnodr_btn.ty_giftsvc2 {
  color: var(--m-colors-gray900, #222222);
  font-size: 18px;
  font-weight: Bold;
  border: 1px solid #2fd5ff;
}
.mnodr_btn.ty_universe {
  background-color: #002041;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_btn:disabled {
  background: #c9c9c9;
  color: white;
}

.mnodr_btn_loader {
  display: none;
  position: relative;
  width: 6px;
  height: 6px;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
}
.mnodr_btn_loader.on {
  display: inline-block;
}
.mnodr_btn_loader.on + .mnodr_btn_tx {
  display: none;
}
.mnodr_btn_loader:before, .mnodr_btn_loader:after,
.mnodr_btn_loader .mnodr_btn_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: var(--m-colors-white, #ffffff);
  opacity: 0.5;
  -webkit-animation: mnodr_bouncedelay 1.2s infinite;
          animation: mnodr_bouncedelay 1.2s infinite;
}
.mnodr_btn_loader:before {
  content: "";
  right: 100%;
  margin-right: 11px;
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.mnodr_btn_loader:after {
  content: "";
  left: 100%;
  margin-left: 11px;
}
.mnodr_btn_loader .mnodr_btn_loading {
  left: 0;
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

@-webkit-keyframes mnodr_bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 1;
  }
}

@keyframes mnodr_bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 1;
  }
}
.mnodr_tx_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.mnodr_tx_wrap.ty_space {
  margin-bottom: 0;
}
.mnodr_tx_wrap.ty_indent {
  position: relative;
  padding-left: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_tx_wrap.ty_indent:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 5px;
  top: 1px;
  height: 6px;
  width: 5px;
  border-left: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}
.mnodr_tx_wrap.ty_indent .mnodr_chk {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
}
.mnodr_tx_wrap.ty_indent .mnodr_tx_link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65px;
          flex: 0 0 65px;
  text-align: right;
}
.mnodr_tx_wrap.ty_indent .mnodr_tx_desc2 {
  max-width: 200px;
}
.mnodr_article_terms .mnodr_tx_wrap.ty_indent .mnodr_tx_desc2 {
  max-width: none;
}

.mnodr_tx_wrap2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_tx_wrap2 .mnodr_tx + .mnodr_tx {
  margin-left: 5px;
}
.mnodr_tx_wrap2 .mnodr_ic + .mnodr_tx {
  margin-left: 5px;
}

.mnodr_tx_btn {
  font-size: 12px;
}
.mnodr_tx_btn .mnodr_ic:first-child {
  margin-right: 3px;
}

.mnodr_sec_heading {
  margin-bottom: 16px;
  padding: 40px 16px 0;
}
.mnodr_sec_heading.ty_txt_center {
  text-align: center;
}

.mnodr_tx_heading {
  word-wrap: break-word;
  word-break: break-all;
  color: var(--m-colors-gray900, #222222);
  font-size: 24px;
  letter-spacing: -0.3px;
  line-height: 30px;
}
.mnodr_tx_heading .mnodr_tx_num {
  font-size: 26px;
}
.mnodr_tx_heading.heading_sm {
  font-size: var(--m-fontSizes-3xl, 20px);
  margin-bottom: 30px;
}

.mnodr_tx_strong {
  font-size: 120%;
  text-decoration: underline;
}

.mnodr_tx_size2 {
  font-size: 12px !important;
}
.mnodr_tx_size2 .ssg_price,
.mnodr_tx_size2 .ssg_tx {
  font-size: 12px !important;
}

.mnodr_tx_size3 {
  font-size: 13px !important;
}

.mnodr_tx_size4 {
  font-size: 14px !important;
}

.mnodr_tx_size5 {
  font-size: 15px !important;
}

.mnodr_tx_size6 {
  font-size: 16px !important;
}

.mnodr_tx_semibold {
  font-weight: 600;
}

.mnodr_tx_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 18px;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_tx_tit .mnodr_tx_num {
  font-size: 20px;
}
.mnodr_tx_tit.ty_sm {
  font-size: 16px;
}
.mnodr_tx_tit.ty_sm .mnodr_tx_num {
  font-size: 16px;
}
.mnodr_tx_tit.ty_xs {
  font-size: 14px;
}
.mnodr_tx_tit.ty_xs .mnodr_tx_num {
  font-size: 14px;
}
.mnodr_tx_tit > .mnodr_tx_normal {
  font-weight: normal;
}
.mnodr_tx_tit.ty_txt_center {
  text-align: center;
}

.mnodr_tx_tit2 {
  color: var(--m-colors-gray900, #222222);
  font-size: 20px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

.mnodr_tx_tit3 {
  color: var(--m-colors-gray900, #222222);
  font-size: 20px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}

.mnodr_tx_tit4 {
  margin: 28px 0 10px;
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  letter-spacing: -0.3px;
  word-break: keep-all;
  line-height: 1.188;
}

.mnodr_tx_desc {
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 17px;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_tx_heading + .mnodr_tx_desc, .mnodr_tx_tit + .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_priceitem_stit + .mnodr_tx_desc, .mnodr_inp_sel + .mnodr_tx_desc, .mnodr_form_cont + .mnodr_tx_desc {
  margin-top: 5px;
}
.mnodr_tx_desc .mnodr_between_tx {
  margin: 0 7px 0 5px;
}
.mnodr_tx_desc.ty_space {
  margin-top: 20px;
}
.mnodr_tx_desc.ty_space2 {
  margin-top: 10px;
}
.mnodr_tx_desc.ty_txt_center {
  text-align: center;
}
.mnodr_tx_desc.ty_middle {
  vertical-align: middle;
}

.mnodr_tx_desc2 {
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: 16px;
}
.mnodr_tx_desc2.spacing {
  margin-top: 8px;
}
.mnodr_btn_area + .mnodr_tx_desc2 {
  margin-top: 10px;
}
.mnodr_tx_desc + .mnodr_tx_desc2 {
  margin-top: 5px;
}
.mnodr_inp_sel + .mnodr_tx_desc2 {
  margin-top: 10px;
}
.mnodr_bullst + .mnodr_tx_desc2 {
  margin-top: 10px;
}
.mnodr_form_cont + .mnodr_tx_desc2 {
  margin-top: 8px;
}
.mnodr_tx_heading + .mnodr_tx_desc2 {
  margin-top: 4px;
}

.mnodr_tx_desc3 {
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  letter-spacing: -0.3px;
  line-height: 1.33;
}
.mnodr_tx_desc3 + .mnodr_tx_desc3 {
  margin-top: 20px;
}
.mnodr_tx_desc3 + .mnodr_tx_desc {
  margin-top: 10px;
}

.mnodr_tx_desc3_impact {
  color: var(--m-colors-primary, #a59357);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_tx_desc3_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-primary, #a59357);
  padding-inline: 8px;
  border-radius: 10px;
  font-size: var(--m-fontSizes-2xs, 11px);
  margin-left: auto;
  font-weight: var(--m-fontWeights-normal, 400);
}

.mnodr_tx_desc_baroquick {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tx_desc_baroquick .mnodr_cnt {
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_tx_desc_baroquick .mnodr_tx_total {
  font-size: var(--m-fontSizes-lg, 15px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_service_area_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 20px;
}
.mnodr_service_area_none .mnodr_service_area_none_title {
  margin-block: 24px;
  font-size: var(--m-fontSizes-4xl, 22px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_service_area_none .mnodr_service_area_none_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 10px;
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray600, #777777);
  line-height: normal;
}
.mnodr_service_area_none img {
  width: 51px;
  height: 32px;
  margin-bottom: 20px;
}
.mnodr_service_area_none .mnodr_btn_outline_primary01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 52px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 24px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_service_area_none .mnodr_btn_outline_primary01:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_service_area_none .mnodr_btn_outline_primary01:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_cart_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 60px;
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_cart_none .cart_icon:after {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: var(--m-font-icon) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e01b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_cart_none img {
  width: 51px;
  height: 32px;
  margin-bottom: 4px;
}

.mnodr_progress_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.mnodr_progress_bar .progress_bar {
  position: relative;
  overflow: hidden;
  margin-left: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_progress_bar .progress_bar .progress_bar_gauge {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 4px;
  border-radius: 2px;
  background-color: var(--m-colors-delivery-baroquick, #ff9345);
}

.mnodr_tx_label {
  display: block;
  margin-top: 2px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 1.33;
}
.mnodr_tx_label + .mnodr_tx_label {
  margin-top: 20px;
}
.mnodr_tx_label + .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_tx_label.ty2 {
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
}

.mnodr_tx_desc4 {
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.mnodr_tx_link {
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
  letter-spacing: -0.3px;
  text-decoration: underline;
}
.mnodr_tx_link.ty_tx_blk {
  color: var(--m-colors-gray900, #222222);
}

.mnodr_tx_link2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-primary, #a59357);
  font-size: 13px;
  letter-spacing: -0.3px;
}
.mnodr_tx_link2 .icon_imark_circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: invert(45%) sepia(28%) saturate(6879%) hue-rotate(336deg) brightness(100%) contrast(102%);
          filter: invert(45%) sepia(28%) saturate(6879%) hue-rotate(336deg) brightness(100%) contrast(102%);
}
.mnodr_tx_link2 .icon_chevron_right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_tx_link2 .icon_chevron_right:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_tx_link2 .icon_chevron_right.ty_xs {
  width: 12px;
  height: 12px;
}
.mnodr_tx_link2.bottomsheet_btn_open .icon, .mnodr_tx_link2[type=button] .icon {
  display: none;
}
.mnodr_tx_link2.bottomsheet_btn_open:after, .mnodr_tx_link2[type=button]:after {
  content: "";
  margin-top: -1px;
}
.mnodr_tx_link2.bottomsheet_btn_open:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_tx_link2[type=button]:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_link_arr_right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -0.3px;
}
.mnodr_link_arr_right::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -1px;
}
.mnodr_link_arr_right.mnodr_tx_point::after {
  content: "";
  color: var(--m-colors-primary, #a59357);
}

.mnodr_paygift_none {
  margin: 60px 0 10px;
}
.mnodr_paygift_none p {
  color: var(--m-colors-primary, #a59357);
  font-size: 14px;
  letter-spacing: -0.3px;
}

.mnodr_sec {
  padding: 0 16px;
}
.mnodr_sec.ty_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_sec.ty_profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
  padding-bottom: 0;
  margin-bottom: 25px;
}
.mnodr_sec.ty_input {
  margin: 40px 0;
}
.mnodr_sec.ty_input .mnodr_input {
  margin-top: 10px;
}
.mnodr_sec.ty_profile + .mnodr_sec.ty_input {
  margin-top: 10px;
}
.mnodr_sec.ty_graybg {
  position: relative;
}
.mnodr_sec.ty_graybg:before {
  content: "";
  background: #f2f3f5;
  display: block;
  height: 80px;
  width: 100%;
  position: absolute;
  top: 0;
}
.mnodr_sec.ty_space {
  padding-top: 20px;
  padding-bottom: 20px;
}
.mnodr_sec.ty_space2 {
  padding: 0 16px;
}
.mnodr_sec.ty_space3 {
  padding: 0;
  margin: 60px 16px;
}
.mnodr_sec.ty_space3:first-child {
  margin-top: 30px;
}
.mnodr_sec.ty_disable_wrap .mnodr_tx_heading,
.mnodr_sec.ty_disable_wrap .ty_paygift {
  position: relative;
}
.mnodr_sec.ty_disable_wrap .mnodr_tx_heading:before,
.mnodr_sec.ty_disable_wrap .ty_paygift:before {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.mnodr_sec.ty_vspace {
  margin: 40px 0;
}
.mnodr_sec.ty_vspace2 {
  margin: 20px 0;
}
.mnodr_sec.ty_line {
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}

.mnodr_sec_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
}
.mnodr_sec_row .mnodr_chk input + label:before {
  margin-top: 2px;
}
.mnodr_sec_row .mnodr_chk input + label:after {
  top: 4px;
}

.mnodr_sec.ty_privacy {
  position: relative;
}
.mnodr_sec.ty_privacy:before {
  content: "";
  display: block;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
}
.mnodr_sec.ty_privacy .mnodr_sec_control {
  margin-left: 30px;
  white-space: nowrap;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--m-colors-gray500, #888888);
          text-decoration-color: var(--m-colors-gray500, #888888);
}
.mnodr_sec.ty_privacy .mnodr_sec_control .close {
  display: none;
}
.mnodr_sec.ty_privacy .mnodr_sec_control .open {
  display: block;
}
.mnodr_sec.ty_privacy .mnodr_bullst.ty1,
.mnodr_sec.ty_privacy .mnodr_privacy_toggle {
  display: none;
}
.mnodr_sec.ty_privacy.on .mnodr_sec_control .open {
  display: none;
}
.mnodr_sec.ty_privacy.on .mnodr_sec_control .close {
  display: block;
}
.mnodr_sec.ty_privacy.on .mnodr_bullst.ty1,
.mnodr_sec.ty_privacy.on .mnodr_privacy_toggle {
  display: block;
}

.mnodr_hr {
  height: 15px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #d1d1d1;
  background: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_hr2 {
  height: 1px;
  margin: 0 0 -1px 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #f5f5f5;
}

.mnodr_hr4 {
  height: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_hr12 {
  height: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_hr16 {
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_info2 {
  margin: 20px 16px;
  letter-spacing: -0.3px;
  font-size: 12px;
}
.mnodr_info2 .mnodr_info2_header {
  margin: 11px 0;
}
.mnodr_info2 .mnodr_info2_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
.mnodr_info2 .mnodr_info2_tit {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.223;
}
.mnodr_info2 .mnodr_info2_subtit {
  padding: 2px 5px 1px;
  font-size: 12px;
  font-weight: 500;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_info2 .mnodr_info2_desc {
  margin-top: 3px;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.231;
}
.mnodr_info2 .mnodr_info2_contents {
  margin-top: 11px;
}
.mnodr_info2 .mnodr_info2_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_info2 .mnodr_info2_btnarea .mnodr_info2_btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 8px 0;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_info2 .mnodr_info2_btnarea .mnodr_info2_btn:not(:first-child):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background-color: var(--m-colors-gray300, #e5e5e5);
}

.mnodr_odrplus {
  margin: 40px 0;
  padding: 0 16px;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}
.mnodr_odrplus .cm_mall_ship,
.mnodr_odrplus .cm_mall_ic {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
}
.mnodr_odrplus .mnodr_rdotab strong.mnodr_tx_primary {
  font-weight: 600;
}
.mnodr_odrplus .mnodr_rdotab .mnodr_tx_desc {
  font-weight: 600;
}
.mnodr_odrplus .mnodr_rdotab .mnodr_tx_desc2 {
  font-size: 13px;
  line-height: normal;
}
.mnodr_odrplus .mnodr_rdotab.disabled .mnodr_tx_desc {
  font-weight: normal;
}
.mnodr_odrplus .mnodr_rdotab.disabled .mnodr_tx_desc2 {
  padding-left: 0;
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_odrplus .mnodr_rdotab.disabled .mnodr_tx_desc2::before {
  display: none;
}

.mnodr_odrplus_header {
  margin: 10px 0;
}

.mnodr_odrplus_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.mnodr_odrplus_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.mnodr_odrplus_tit {
  font-weight: bold;
  font-size: 18px;
  line-height: normal;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_ic:has(+ .mnodr_odrplus_tit) {
  display: none;
}

.mnodr_odrplus_desc {
  margin-top: 3px;
}
.mnodr_odrplus_desc.ty_dot {
  color: var(--m-colors-gray900, #222222);
  margin: 0;
  padding-left: 12px;
  position: relative;
}
.mnodr_odrplus_desc.ty_dot:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--m-colors-gray900, #222222);
}
.mnodr_odrplus_desc .mnodr_tx_desc {
  font-size: 13px;
  line-height: normal;
}

.mnodr_odrplus_right {
  margin-left: 10px;
}

.mnodr_acdo {
  position: relative;
  background: var(--m-colors-white, #ffffff);
  letter-spacing: -0.3px;
  line-height: 1.3;
  margin-bottom: 15px;
  margin-top: 0;
  padding-top: 0;
}
.mnodr_acdo + .mnodr_acdo {
  padding-top: 50px;
  margin-top: -21px;
}
.mnodr_acdo.ty_baroquick .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-emart_light, #ffe98b);
  padding-block: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_acdo.ty_baroquick .mnodr_acdo_header .baroquick {
  margin-right: 6px;
}
.mnodr_acdo.ty_mnmorning .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.mnodr_acdo.ty_em .mnodr_acdo_header, .mnodr_acdo.ty_em_strpick .mnodr_acdo_header, .mnodr_acdo.ty_earlyday .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-emart, #ffd040);
}
.mnodr_acdo.ty_tr .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-traders, #a6dd27);
}
.mnodr_acdo.ty_oneday .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-oneday, #dcaa78);
}
.mnodr_acdo.ty_star .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-star, #7a4bfb);
}
.mnodr_acdo.ty_star .mnodr_acdo_tit,
.mnodr_acdo.ty_star .mnodr_acdo_subtit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_mndeptfood .mnodr_acdo_header {
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/com_v2/bg_ptn_dept.png") repeat;
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 7px 64px;
}
.mnodr_acdo.ty_mndeptfood .mnodr_acdo_tit,
.mnodr_acdo.ty_mndeptfood .mnodr_acdo_subtit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_mndept .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_acdo.ty_parcel .mnodr_acdo_header {
  background-color: #d6d2c4;
}
.mnodr_acdo.ty_mnssgcon .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_acdo.ty_mnssgcon .ic_ssgconbn {
  position: absolute;
  right: 15px;
}
.mnodr_acdo.ty_culture .mnodr_acdo_header {
  background-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_acdo.ty_strpick .mnodr_acdo_header {
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_acdo.ty_step3 + .mnodr_acdo.ty_step3 {
  margin-top: 0;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header {
  padding: 10px 15px;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -8px;
  display: inline-block;
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 7px solid transparent;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mnmorning:after {
  border-top-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_em:after {
  border-top-color: var(--m-colors-delivery-emart, #ffd040);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_tr:after {
  border-top-color: var(--m-colors-delivery-traders, #a6dd27);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood {
  background: #535455;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood:after {
  border-top-color: #535455;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_tit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_subtit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mndeptfood .mnodr_acdo_titarea .mnodr_acdo_subtit em:before {
  background: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg {
  background: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg:after {
  border-top-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_tit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_subtit {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_deptbg .mnodr_acdo_titarea .mnodr_acdo_subtit em:before {
  background: var(--m-colors-white, #ffffff);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_parcel:after {
  border-top-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_mnssgcon:after {
  border-top-color: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header.ty_culture:after {
  border-top-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea {
  display: block;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_tit {
  display: inline-block;
  margin-right: 5px;
  font-size: 13px;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit {
  display: inline-block;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em {
  position: relative;
  display: inline-block;
  padding-left: 7px;
  margin-left: 5px;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:first-child {
  padding-left: 0;
  margin-left: 0;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:first-child:before {
  display: none;
}
.mnodr_acdo.ty_step3 .mnodr_acdo_header .mnodr_acdo_titarea .mnodr_acdo_subtit em:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 7px;
  width: 2px;
  height: 2px;
  background: var(--m-colors-black, #000000);
}
.mnodr_acdo.mnodr_acdo_toggle + .mnodr_acdo_toggle {
  padding-top: 26px;
}
.mnodr_acdo .mnodr_unit_subheader.ty_ship {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mnodr_acdo .mnodr_unit_subheader.ty_ship .cm_mall_ship {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
}
.mnodr_acdo .mnodr_unit_subheader.ty_ship .mnodr_mall_ship .mnodr_tx_point {
  color: var(--m-colors-primary, #a59357) !important;
}
.mnodr_acdo .mnodr_unit.ty_unit_discount + .mnodr_unit_subheader,
.mnodr_acdo .mnodr_acdo_cont + .mnodr_unit_subheader {
  border-top: 0;
}

.mnodr_acdo_header {
  padding: 15px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  position: relative;
}
.mnodr_acdo_header.ty_sm {
  margin-top: 20px;
  margin-bottom: -8px;
  padding-block: 8px;
}
.mnodr_acdo_header.ty_sm .mnodr_acdo_tit {
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-normal, 400);
}

.mnodr_acdo_subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  font-size: 13px;
  margin: 12px 16px;
  padding: 0;
  border-bottom: 0;
  letter-spacing: -0.3px;
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-primary, #a59357);
}
.mnodr_acdo_subheader .mnodr_tx_point {
  color: var(--m-colors-primary, #a59357) !important;
}

.mnodr_acdo_notice {
  margin: 40px auto 80px;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
  text-align: center;
}

.mnodr_acdo_titwrap {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.mnodr_acdo_titarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_acdo_titarea.ty_spacing_none {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mnodr_acdo_titarea .mnodr_acdo_btn {
  height: 20px;
}

.mnodr_acdo_tit {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.mnodr_acdo_subtit {
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  font-weight: 600;
}

.mnodr_acdo_titarea_maintitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_acdo_titarea_maintitle .mnodr_acdo_tit {
  margin-right: 2px;
}

.mnodr_acdo_subtit_baroquick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: right;
  font-size: var(--m-fontSizes-2xs, 11px);
  color: var(--m-colors-gray900, #222222);
  font-weight: var(--m-fontWeights-medium, 500);
  line-height: normal;
}

.mnodr_acdo_subtit_earlyday {
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  font-weight: 600;
}

.mnodr_acdo_progress {
  position: relative;
  margin-top: 5px;
}

.mnodr_acdo_progressbar {
  background-color: var(--m-colors-gray900, #222222);
  opacity: 0.2;
  border-radius: 2.5px;
  height: 5px;
}

.mnodr_acdo_progressfill {
  display: block;
  position: absolute;
  top: 0;
  width: 0px;
  max-width: 100%;
  height: 100%;
  background: var(--m-colors-gray900, #222222);
  border-radius: 2.5px;
  -webkit-transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.mnodr_acdo_summary {
  position: relative;
  margin: 0 16px 20px;
  padding: 12px;
  font-size: 13px;
  text-align: center;
}
.mnodr_acdo_summary .mnodr_acdo_smryinfo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_acdo_summary .mnodr_acdo_smryinfo .mnodr_tx_primary {
  position: relative;
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_acdo_summary .mnodr_acdo_smryinfo .mnodr_tx_primary strong {
  font-weight: 600;
}
.mnodr_acdo_summary .mnodr_acdo_smrybtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: inherit;
  margin: 10px auto 0;
  padding: 8px 10px 7px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_summary .mnodr_acdo_smrybtn .mnodr_tx_primary {
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_acdo_summary .mnodr_acdo_smrybtn:only-child {
  width: -webkit-fill-available;
  margin: -12px;
  border: 1px solid #e5e5e5;
}
.mnodr_acdo_summary .mnodr_acdo_smrybtn .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_acdo_summary .mnodr_acdo_smrybtn .icon:after {
  display: none;
}

.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn {
  border: 0;
}

.mnodr_acdo_smrybtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  margin: 3px auto 0;
}
.mnodr_acdo_smrybtn .sp_mnodr_arr_right {
  margin-left: 3px;
  margin-top: -2px;
}

.mnodr_acdo_summary.v2 {
  position: relative;
  margin: 0 16px 20px;
  padding: 12px;
  font-size: var(--m-fontSizes-sm, 13px);
  text-align: center;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smryinfo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smryinfo .mnodr_tx_primary {
  position: relative;
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smryinfo .mnodr_tx_primary strong {
  font-weight: var(--m-fontWeights-semibold, 600);
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn {
  position: relative;
  margin: 10px auto 0;
  vertical-align: top;
  line-height: inherit;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 32px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: -webkit-fill-available;
  padding: 0 12px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn:only-child {
  margin: -12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: -webkit-fill-available;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn:only-child:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn:only-child:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo_summary.v2 .mnodr_acdo_smrybtn .icon {
  display: none;
}

.mnodr_acdo_smrybtn.v2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-sm, 13px);
  margin: 3px auto 0;
}
.mnodr_acdo_smrybtn.v2 .sp_mnodr_arr_right {
  margin-left: 3px;
  margin-top: -2px;
}

.mnodr_acdo_summary2 {
  border-top: 1px solid #ffffff;
  margin: -1px 0 30px;
  padding: 0 15px;
  font-size: 13px;
  text-align: center;
}
.mnodr_acdo_summary2 .mnodr_acdo_smryinfo {
  padding: 8px;
  border-radius: 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_acdo_summary2 .mnodr_acdo_smrybtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 14px;
  margin: 8px auto 0;
  padding: 11px 10px 10px;
  border: 1px solid #666666;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_summary2 .mnodr_acdo_smrybtn .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -2px;
}
.mnodr_acdo_summary2 + .mnodr_unit {
  margin-top: -20px;
}
.mnodr_acdo_summary2[style*="display: none"] + .mnodr_unit {
  margin-top: 0;
}

.mnodr_acdo_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #f0f0f0;
  padding: 15px 0;
}
.mnodr_acdo_footer + .mnodr_form_sec {
  margin-top: -15px;
}
.mnodr_acdo_footer.ty_row {
  padding: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mnodr_acdo_ftbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_acdo_grplabel {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
}

.mnodr_footinfo_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  position: relative;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: left;
  letter-spacing: -0.3px;
  line-height: 1.3;
}
.mnodr_footinfo_row .mnodr_footinfo_tit {
  display: table-cell;
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  vertical-align: middle;
  margin-left: 4px;
  padding: 1px 5px 0 0;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_footinfo_row .mnodr_footinfo_tit .mnodr_tx_primary {
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_footinfo_row .mnodr_footinfo_desc {
  display: table-cell;
  padding: 0 20px 0 15px;
  font-size: 12px;
  vertical-align: middle;
}
.mnodr_footinfo_row .mnodr_arr {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_footinfo_row .mnodr_arr .ic_arr.ty_arr_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 28px;
  height: 28px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  border: 0;
  -webkit-transform: initial;
          transform: initial;
}
.mnodr_footinfo_row .mnodr_arr .ic_arr.ty_arr_right::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.mnodr_footinfo .mnodr_banner {
  display: block;
  width: 100%;
  padding: 0;
  background-color: transparent;
  border-radius: 0;
}
.mnodr_footinfo .mnodr_banner img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.mnodr_plccbn {
  display: block;
  width: 100%;
  height: 60px;
  background: url(../img/com_v2/plccbn_bg_v2@2x.png) no-repeat;
  background-size: 100% 60px;
  text-align: left;
  padding: 5px 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_plccbn.ty_samsung {
  background: url(../img/com_v2/plccbn_bg_samsung@2x.png) no-repeat;
  background-size: 100% 60px;
}
.mnodr_plccbn .mnodr_plccbn_logo {
  display: block;
  width: 128px;
  height: 13px;
  margin: 0 auto;
}
.mnodr_plccbn .mnodr_plccbn_logo img {
  width: 100%;
  height: 100%;
}
.mnodr_plccbn .mnodr_plccbn_logo.ty1 {
  height: 15px;
}
.mnodr_plccbn .mnodr_plccbn_logo.ty2 {
  height: 17px;
}
.mnodr_plccbn .mnodr_plccbn_desc {
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
  letter-spacing: -0.3px;
  text-align: left;
}
.mnodr_plccbn .mnodr_plccbn_logo + .codr_plccbn_desc {
  margin-top: 2px;
}

.mnodr_cmplccbn {
  display: block;
  width: 100%;
  height: 60px;
  padding: 2px 20px 0;
  background-repeat: no-repeat;
  background-size: 100% 60px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_cmplccbn .mnodr_cmplccbn_logo {
  display: block;
  max-width: 128px;
  max-height: 17px;
  margin-bottom: 1px;
}
.mnodr_cmplccbn .mnodr_cmplccbn_logo img {
  width: 100%;
  height: 100%;
}
.mnodr_cmplccbn .mnodr_cmplccbn_desc {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
  letter-spacing: -0.3px;
  line-height: 1.15;
  word-wrap: break-word;
  word-break: break-all;
}

.mnodr_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: normal;
  margin-inline: 16px;
  margin-block: 10px;
}
.mnodr_address .mnodr_address_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_address .mnodr_address_title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 16px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  padding: 0 6px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title_label.label_temporary {
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title:before, .mnodr_address .mnodr_address_title_area .mnodr_address_title:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_address .mnodr_address_title_area .mnodr_address_title > span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mnodr_address .mnodr_address_button_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_address .mnodr_address_button_area .mnodr_address_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 6px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  margin-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_address .mnodr_address_button_area .mnodr_address_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_address .mnodr_address_button_area .mnodr_address_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_address .mnodr_address_addr {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_address .mnodr_address_description {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-warning_loss, #ff5452);
}

.mnodr_address_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: normal;
  margin-inline: 16px;
  margin-block: 10px;
}
.mnodr_address_new .mnodr_address_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_address_new .mnodr_address_title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.mnodr_address_new .mnodr_address_title_area .mnodr_address_name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--m-fontSizes-2xl, 18px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_address_new .mnodr_address_title_area .mnodr_address_change_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 10px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-bold, 700);
  width: auto;
  padding: 0 4px 0 8px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  -ms-flex: none;
      flex: none;
  margin-left: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_address_new .mnodr_address_title_area .mnodr_address_change_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_address_new .mnodr_address_title_area .mnodr_address_change_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_address_new .mnodr_address_button_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 8px;
}
.mnodr_address_new .mnodr_address_button_area .mnodr_address_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_address_new .mnodr_address_button_area .mnodr_address_button:before, .mnodr_address_new .mnodr_address_button_area .mnodr_address_button:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_address_new .mnodr_address_button_area .mnodr_address_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_address_new .mnodr_address_button_area .mnodr_address_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_address_new .mnodr_address_addr {
  margin-top: 8px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_address_new .mnodr_address_description {
  margin-top: 4px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-warning_loss, #ff5452);
}

.mnodr_button_with_description {
  padding: 10px 16px;
  line-height: normal;
}
.mnodr_button_with_description .mnodr_description {
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_button_with_description .mnodr_description_button {
  margin-top: 10px;
}
.mnodr_button_with_description .mnodr_description_button.red {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-primary_light, #f2efe6);
  color: var(--m-colors-primary_dark, #8a7634);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_button_with_description .mnodr_description_button.red:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_button_with_description .mnodr_description_button.gray {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_button_with_description .mnodr_description_button.gray:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_button_with_description .mnodr_description_button.black {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_button_with_description .mnodr_description_button.black:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_acdo_button_area {
  padding-inline: 16px;
  line-height: normal;
}
.mnodr_acdo_button_area .mnodr_acdo_button {
  width: 100%;
  height: 36px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_acdo_button_area .mnodr_acdo_button .mnodr_acdo_button_title {
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_acdo_button_area .mnodr_acdo_button.outline {
  border: 1px solid #e5e5e5;
}
.mnodr_acdo_button_area .mnodr_acdo_button.fill {
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_acdo_button_area .mnodr_acdo_button .mnodr_acdo_button_icon.right {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_acdo_button_area .mnodr_acdo_button .mnodr_acdo_button_icon.down {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M12.001 15.951l-7.376-7.376-0.849 0.849 8.224 8.224 8.224-8.224-0.849-0.849-7.376 7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_cart_together_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 60px;
  line-height: normal;
  text-align: center;
  color: var(--m-colors-gray600, #777777);
  font-size: var(--m-fontSizes-md, 14px);
}

.mnodr_cart_together_list {
  margin-block: 10px;
  padding-inline: 16px;
}
.mnodr_cart_together_list .mnodr_acdo_button_area2 {
  padding-inline: 0;
}
.mnodr_cart_together_list .mnodr_thmbtab {
  display: block;
}
.mnodr_cart_together_list .mnodr_thmbtab_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_cart_together_list .mnodr_cart_together_text_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  margin-left: 8px;
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-sm, 13px);
  line-height: normal;
  overflow: hidden;
}
.mnodr_cart_together_list .mnodr_cart_together_text_area .mnodr_thmbtab_title {
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_cart_together_list .mnodr_cart_together_text_area .mnodr_thmbtab_description {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.mnodr_acdo_button_area2 {
  padding-inline: 16px;
  line-height: normal;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button {
  margin-bottom: 10px;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_primary01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_primary01:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e078";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_primary01:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_gray02 {
  margin-bottom: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_gray02:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.outline_gray02:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.fill {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray800, #444444);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_acdo_button_area2 .mnodr_acdo_button.fill:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_change_delivery_method {
  margin-inline: -16px;
  margin-bottom: 20px;
  line-height: normal;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_header {
  margin-top: 20px;
  padding-inline: 16px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_header .description_header_main {
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  font-weight: 700;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_header .description_header_sub {
  margin-top: 4px;
  color: var(--m-colors-gray700, #666666);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_change_delivery_method .mnodr_unit {
  margin-top: 20px;
  border-bottom: 4px solid #f5f5f5;
}
.mnodr_change_delivery_method .mnodr_acdo_header {
  padding-top: 20px;
  padding-bottom: 0;
  top: 0;
  position: initial !important;
}
.mnodr_change_delivery_method .mnodr_acdo_header .mnodr_acdo_tit {
  color: var(--m-colors-gray700, #666666);
  font-weight: 400;
}
.mnodr_change_delivery_method .mnodr_unit_subheader {
  height: auto;
  border-top: none;
  margin-bottom: -10px;
}
.mnodr_change_delivery_method .mnodr_unit_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-block: auto;
}
.mnodr_change_delivery_method .mnodr_unit_cont .mnodr_unit_name {
  font-size: 13px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_tx {
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  font-weight: 600;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer {
  margin-top: 20px;
  padding-inline: 16px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_text {
  color: var(--m-colors-gray700, #666666);
  font-size: 13px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_text_em {
  color: var(--m-colors-primary, #a59357);
  font-weight: 500;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_item_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_img {
  width: 65px;
  height: 65px;
  margin-right: 4px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_img:last-child {
  margin-right: auto;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_text {
  width: 65px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray700, #666666);
  background: rgba(0, 0, 0, 0.031372549);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 60px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_none .method_none_icon_delivery {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28150%2C150%2C150%29' d='M22.8 18h-3v-1.2h1.8v-10.8h-12v10.8h7.2v1.2h-8.4v-13.2h14.4v13.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M6 18h-4.8v-6.24l3.96-4.56h4.32v1.2h-3.84l-3.24 3.72v4.68h3.6v1.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M16.8 16.8C16.8 17.52 17.28 18 18 18S19.2 17.52 19.2 16.8 18.72 15.6 18 15.6 16.8 16.08 16.8 16.8ZM15.6 16.8C15.6 15.48 16.68 14.4 18 14.4S20.4 15.48 20.4 16.8C20.4 18.12 19.32 19.2 18 19.2S15.6 18.12 15.6 16.8Z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M6 16.8C6 17.52 6.48 18 7.2 18S8.4 17.52 8.4 16.8 7.92 15.6 7.2 15.6 6 16.08 6 16.8ZM4.8 16.8C4.8 15.48 5.88 14.4 7.2 14.4S9.6 15.48 9.6 16.8C9.6 18.12 8.52 19.2 7.2 19.2 5.88 19.2 4.8 18.12 4.8 16.8Z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}
.mnodr_change_delivery_method .mnodr_change_delivery_method_none .method_none_text {
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  font-weight: 700;
}
.mnodr_change_delivery_method .mnodr_cmbtn_area {
  width: 100%;
  bottom: 0;
  z-index: 2000;
  position: fixed;
}

.mnodr_change_delivery_method.v2 {
  margin-inline: -16px;
  margin-bottom: 0;
  line-height: normal;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_header {
  margin-top: 20px;
  padding-inline: 16px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_header .description_header_main {
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  font-weight: 700;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_header .description_header_sub {
  margin-top: 4px;
  color: var(--m-colors-gray700, #666666);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_change_delivery_method.v2 .mnodr_unit {
  margin-top: 20px;
  border-bottom: 4px solid #f5f5f5;
}
.mnodr_change_delivery_method.v2 .mnodr_acdo_header {
  padding-top: 20px;
  padding-bottom: 0;
  top: 0;
  position: initial !important;
}
.mnodr_change_delivery_method.v2 .mnodr_acdo_header .mnodr_acdo_tit {
  color: var(--m-colors-gray700, #666666);
  font-weight: 400;
}
.mnodr_change_delivery_method.v2 .mnodr_unit_subheader {
  height: auto;
  border-top: none;
  margin-bottom: -10px;
}
.mnodr_change_delivery_method.v2 .mnodr_unit_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-block: auto;
}
.mnodr_change_delivery_method.v2 .mnodr_unit_cont .mnodr_unit_name {
  font-size: 13px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_tx {
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  font-weight: 600;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer {
  margin-top: 20px;
  padding-inline: 16px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_text {
  color: var(--m-colors-gray700, #666666);
  font-size: 13px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_text_em {
  color: var(--m-colors-primary, #a59357);
  font-weight: 500;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_item_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_img {
  width: 65px;
  height: 65px;
  margin-right: 4px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_img:last-child {
  margin-right: auto;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_description_footer .description_footer_item_group .mnodr_unit_text {
  width: 65px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray700, #666666);
  background: rgba(0, 0, 0, 0.031372549);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox {
  text-align: center;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_text {
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-gray600, #777777);
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_link {
  margin-top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_link:before, .mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_link:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_infobox .mnodr_change_delivery_link:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_product_none .mnodr_change_delivery_infobox {
  margin: 40px 16px 0;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px 16px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_none .method_none_icon_delivery {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28150%2C150%2C150%29' d='M3.6 3.6h16.8v16.8h-16.8v-16.8zM4.8 19.2h14.4v-14.4h-14.4v14.4z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 7.68h9.6v1.2h-9.6v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 11.28h9.6v1.2h-9.6v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 14.88h4.8v1.2h-4.8v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_none .method_none_text {
  margin-top: 4px;
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  font-weight: 700;
}
.mnodr_change_delivery_method.v2 .mnodr_change_delivery_method_none .mnodr_change_delivery_infobox {
  margin-top: 20px;
}
.mnodr_change_delivery_method.v2 .mnodr_cmbtn_area {
  width: 100%;
  bottom: 0;
  z-index: 2000;
  position: fixed;
}

.mnodr_nodata {
  padding: 0 50px;
  margin: 40px 0;
  text-align: center;
}
.mnodr_nodata:has(.mnodr_control_toparea:not([style*=display])) {
  padding: 0;
  margin: 0;
}
.mnodr_nodata:has(.mnodr_control_toparea:not([style*=display])) .mnodr_tx_tit {
  margin: 40px 0;
  padding: 0 50px;
}

.mnodr_control_toparea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px 10px 16px;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
  letter-spacing: -0.3px;
  scroll-margin-top: 50px;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mnodr_control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 16px;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
  letter-spacing: -0.3px;
  scroll-margin-top: 50px;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_control .sm {
  display: none;
}
.mnodr_control .df {
  display: inline-block;
}
@media all and (max-width: 360px) {
  .mnodr_control .sm {
    display: inline-block;
  }
  .mnodr_control .df {
    display: none;
  }
}

.mnodr_control_wrap.v3 .mnodr_control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 28px;
  padding: 0 4px 0 16px;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
  letter-spacing: -0.3px;
  scroll-margin-top: 50px;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_control_wrap.v3 .mnodr_control .sm {
  display: none;
}
.mnodr_control_wrap.v3 .mnodr_control .df {
  display: inline-block;
}
@media all and (max-width: 360px) {
  .mnodr_control_wrap.v3 .mnodr_control .sm {
    display: inline-block;
  }
  .mnodr_control_wrap.v3 .mnodr_control .df {
    display: none;
  }
}

.mnodr_control_right_gradient {
  position: relative;
  padding-block: 6px;
  padding-right: 6px;
}

.mnodr_control_right_gradient::after {
  content: "";
  position: absolute;
  z-index: 10;
  top: -1px;
  bottom: -1px;
  right: -12px;
  width: 16px;
  height: 32px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(47.5%, #ffffff));
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 47.5%);
  pointer-events: none;
}

.mnodr_control_wrap {
  margin-top: 10px;
}
.mnodr_cartshareinfo + .mnodr_control_wrap {
  margin-top: -15px;
}
.mnodr_notice_boxwrap + .mnodr_control_wrap {
  margin-top: 18px;
}

.mnodr_control_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_control_rgt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_control_rgt .icon_ssg_refresh_item {
  margin-right: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M19.2 3v2.652c-1.764-2.052-4.344-3.252-7.056-3.252-0.048 0-0.096 0-0.144 0-2.58-0.036-5.016 0.984-6.816 2.784s-2.808 4.284-2.784 6.828l1.2-0.012c-0.024-2.232 0.864-4.404 2.436-5.964 1.56-1.572 3.732-2.496 5.976-2.436 2.472-0.036 4.848 1.080 6.42 3h-2.832v1.2h4.8v-4.8h-1.2z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M20.4 12.012c0.024 2.22-0.864 4.392-2.436 5.964s-3.744 2.436-5.976 2.436c-2.472 0.072-4.848-1.080-6.42-3h2.832v-1.2h-4.8v4.8h1.2v-2.652c1.764 2.040 4.332 3.24 7.044 3.24 0.084 0 0.168 0 0.252 0 2.508 0 4.944-1.008 6.72-2.784 1.8-1.8 2.808-4.284 2.784-6.828l-1.2 0.024z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_control_rgt .mnodr_form_switch {
  position: relative;
  margin-right: 8px;
  padding-right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.mnodr_control_rgt .mnodr_form_switch label {
  margin-right: 4px;
  text-align: right;
}
.mnodr_control_rgt .mnodr_form_switch:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: var(--m-colors-gray300, #e5e5e5);
}

.mnodr_btn_cleanup {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_cleanup:before, .mnodr_btn_cleanup:after {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_btn_cleanup:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
}
.mnodr_btn_cleanup:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_btn_cleanup_linebox {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 8px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_cleanup_linebox:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e081";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
}
.mnodr_btn_cleanup_linebox:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_control_delete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.mnodr_control_tx {
  display: inline-block;
  line-height: 1.4;
}
.mnodr_control_tx + .mnodr_control_tx {
  padding-left: 8px;
  margin-left: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_control_tx + .mnodr_control_tx.ty_flthead {
  margin-left: 5px;
}
.mnodr_control_tx + .mnodr_control_tx:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: var(--m-colors-gray300, #e5e5e5);
}

.mnodr_selbox {
  position: relative;
}
.mnodr_selbox.on .mnodr_selbox_selected:after {
  -webkit-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}
.mnodr_selbox.on .mnodr_selbox_list {
  display: block;
}
.mnodr_selbox.on .mnodr_selbox_list.ty_flthead {
  left: 0;
  -webkit-transform: none;
          transform: none;
  z-index: 2223;
}
.mnodr_selbox.on .mnodr_selbox_list.ty_month {
  width: 110px;
}
.mnodr_selbox .mnodr_selbox_selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_selbox .mnodr_selbox_selected:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  border-top: 5px solid #6c7080;
  border-right: 4px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 4px solid transparent;
  margin: 5px 0 0 3px;
}
.mnodr_selbox .mnodr_selbox_selected.ty_flthead:after {
  border-top: 5px solid #969696;
}
.mnodr_selbox .mnodr_selbox_list {
  display: none;
  position: absolute;
  -webkit-box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.3);
  margin-top: 10px;
  z-index: 999;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #222222;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 165px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_selbox .mnodr_selbox_item {
  font-size: 13px;
  color: var(--m-colors-gray800, #444444);
  letter-spacing: -0.3px;
}
.mnodr_selbox .mnodr_selbox_item a {
  padding: 10px 20px;
  display: block;
}
.mnodr_selbox .mnodr_selbox_item + .mnodr_selbox .mnodr_selbox_item {
  border-top: 1px solid #eaeaea;
}
.mnodr_selbox .mnodr_selbox_item.on {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_selbox .mnodr_selbox_tx_prefix {
  display: none;
}
.mnodr_selbox .mnodr_selbox_selected .mnodr_selbox_tx_prefix {
  display: inline;
  margin-right: 3px;
}

.mnodr_prdmove {
  padding: 30px 15px;
}
.mnodr_prdmove + .mnodr_prdmove {
  margin-top: -20px;
}

.mnodr_prdmove_cart {
  -webkit-transform: translate(-8px, 1px);
          transform: translate(-8px, 1px);
  margin-right: -10px;
  z-index: -1;
}

.mnodr_prdmove_conts {
  margin-top: 10px;
}
.mnodr_prdmove_conts .mnodr_thmblst {
  height: 70px;
  overflow: hidden;
}
.mnodr_prdmove_conts .mnodr_btn_tx.summary {
  display: none;
}
.mnodr_prdmove_conts.on .mnodr_thmblst {
  height: auto;
}
.mnodr_prdmove_conts.on .mnodr_btn:after {
  -webkit-transform: rotate(225deg) translateY(-50%);
          transform: rotate(225deg) translateY(-50%);
}
.mnodr_prdmove_conts.on .mnodr_btn_tx {
  margin-right: 3px;
}
.mnodr_prdmove_conts.on .mnodr_btn_tx.full {
  display: none;
}
.mnodr_prdmove_conts.on .mnodr_btn_tx.summary {
  display: block;
}

.mnodr_prdmove_mvlst {
  margin-top: 10px;
  font-size: 13px;
}

.mnodr_prdmove_mvitm .mnodr_tx_gray {
  font-size: 12px;
  color: var(--m-colors-gray600, #777777);
  margin-top: 6px;
}
.mnodr_prdmove_mvitm .mnodr_tx_gray:empty {
  margin: 0;
}
.mnodr_prdmove_mvitm .mnodr_thmblst {
  height: 75px;
  overflow: hidden;
}
.mnodr_prdmove_mvitm .mnodr_btn_tx.summary {
  display: none;
}
.mnodr_prdmove_mvitm.on .mnodr_thmblst {
  height: auto;
}
.mnodr_prdmove_mvitm.on .mnodr_btn:after {
  -webkit-transform: rotate(225deg) translateY(-50%);
          transform: rotate(225deg) translateY(-50%);
}
.mnodr_prdmove_mvitm.on .mnodr_btn_tx {
  margin-right: 3px;
}
.mnodr_prdmove_mvitm.on .mnodr_btn_tx.full {
  display: none;
}
.mnodr_prdmove_mvitm.on .mnodr_btn_tx.summary {
  display: block;
}

.mnodr_prdmove_itm {
  padding: 5px 0 0 5px;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_prdmove_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  font-weight: normal;
}
.mnodr_prdmove_tit .ic_bag {
  margin-right: 3px;
}

.mnodr_thmblst {
  margin: -5px 0 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mnodr_thmblst_itm {
  padding: 5px 0 0 5px;
  display: block;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_form_sec_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_form_sec_head .mnodr_form_sec_headlt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.mnodr_form_sec_head .mnodr_form_sec_headrt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.mnodr_form_sec {
  position: relative;
  padding: 16px 16px 20px;
}
.mnodr_form_sec .mnodr_form_pwchange {
  position: absolute;
  right: 0;
  top: 0;
  color: var(--m-colors-primary, #a59357);
  font-size: 12px;
  text-decoration: underline;
}
.mnodr_form_sec + .mnodr_form_sec {
  border-top: 1px solid #f5f5f5;
}
.mnodr_form_sec.ty2 {
  margin: 40px 0;
  padding: 0 16px;
  border: 0;
}
.mnodr_form_sec.ty3 {
  margin: 20px 0;
  padding: 0 16px;
  border: 0;
}
.mnodr_form_sec.ty3.ty_border {
  border-top: 1px solid #f5f5f5;
}
.mnodr_form_sec.ty4 {
  padding: 20px 16px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_form_sec.ty4:first-child {
  border-top: 0;
}
.mnodr_form_sec.ty4 .mnodr_for_tit strong {
  display: inline;
}
.mnodr_form_sec.ty5 {
  padding: 10px 16px;
}
.mnodr_form_sec .cpay_card_slider {
  margin: 10px -15px 0;
}
.mnodr_form_sec.ty6 {
  padding: 0;
}
.mnodr_form_sec.ty7 {
  margin: -10px 0 20px 0;
  padding: 0 16px;
  border: 0;
}
.mnodr_form_sec.ty8 {
  padding: 5px 16px;
  border: none;
}
.mnodr_form_sec.ty9 {
  margin: 15px 0 10px;
  padding: 0 16px;
  border: 0;
}
.mnodr_form_sec.ty10 {
  margin-top: 15px;
  padding: 0 16px;
  border: 0;
}
.mnodr_form_sec.ty11 {
  text-align: center;
  padding: 10px 0 10px 0;
  margin: 0 auto;
}
.mnodr_form_sec.ty_dim {
  border: 0 !important;
  padding: 10px 16px;
  background-color: rgba(34, 34, 34, 0.15);
}
.mnodr_form_sec.ty_space {
  padding: 20px 0;
  margin: 0 16px;
}
.mnodr_form_sec.ty_space2 {
  margin-top: -10px;
  padding: 0 35px 20px;
  line-height: 15px;
}
.mnodr_form_sec.ty_space3 {
  padding: 0 16px;
}
.mnodr_form_sec .mnodr_banner {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mnodr_article_partner_point .mnodr_form_sec:last-child {
  margin-bottom: 0;
}

.mnodr_form_sendbox {
  position: relative;
  margin: 20px 16px;
}
.mnodr_form_sendbox .mnodr_chk {
  float: right;
  margin-bottom: 10px;
}
.mnodr_form_sendbox .mnodr_chk .mnodr_tx_label {
  color: var(--m-colors-gray400, #969696);
  font-size: 14px;
}
.mnodr_form_sendbox .mnodr_sendbox {
  margin: 10px 0 0;
  padding: 20px 16px;
  border-radius: 12px;
  background: var(--m-colors-gray100, #fafafa);
  clear: right;
}
.mnodr_form_sendbox .mnodr_sendbox + .mnodr_sendbox {
  margin-top: 20px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_tit {
  font-weight: 500;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox {
  position: relative;
  margin: 10px 0 0;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox + .mnodr_sendbox_innerbox {
  margin: 20px 0 0;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_sendbox_getaddr {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  padding-left: 13px;
  height: 15px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_sendbox_getaddr:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -383px -151px;
  width: 8px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_sendbox_getaddr:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp {
  margin: 7px 0 0;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp .mnodr_inp_txt input::-webkit-input-placeholder {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp .mnodr_inp_txt input::-moz-placeholder {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp .mnodr_inp_txt input:-ms-input-placeholder {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp .mnodr_inp_txt input::-ms-input-placeholder {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_innerbox .mnodr_inp_row_grp .mnodr_inp_txt input::placeholder {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_latest {
  margin: 10px 0 0;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_latest .mnodr_latest_num {
  margin-right: 3px;
  padding: 2px 5px;
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 12px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_latest .mnodr_latest_num.active {
  border-color: var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea {
  margin: 3px 0 0;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea textarea {
  width: 100%;
  height: 100%;
  padding: 12px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0;
  font-size: 14px;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea .mnodr_inp_txtcount {
  position: absolute;
  right: 15px;
  bottom: 8px;
  color: var(--m-colors-gray500, #888888);
  font-size: 10px;
  letter-spacing: -0.3px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea .mnodr_inp_txtcount .mnodr_inp_current {
  font-style: normal;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea .mnodr_sendbox_maxlength {
  position: absolute;
  right: 15px;
  bottom: 8px;
  color: var(--m-colors-gray500, #888888);
  font-size: 10px;
  letter-spacing: -0.3px;
}
.mnodr_form_sendbox .mnodr_sendbox .mnodr_sendbox_textarea .mnodr_sendbox_maxlength i {
  font-style: normal;
}
.mnodr_form_sendbox .mnodr_sendbox_sender {
  padding: 40px 0 0;
}

.mnodr_form_dl {
  display: table;
  width: 100%;
  margin-top: 14px;
  table-layout: fixed;
}
.mnodr_form_dl:first-child {
  margin-top: 0;
}
.mnodr_form_dl dt {
  display: table-cell;
  padding-right: 5px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  vertical-align: top;
  line-height: 20px;
}
.mnodr_form_dl dt.ty_mid {
  vertical-align: middle;
}
.mnodr_form_dl dd {
  display: table-cell;
  color: var(--m-colors-gray700, #666666);
  font-size: 13px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  font-size: 0;
}
.mnodr_form_dl + .mnodr_tx_desc2 {
  margin-top: 5px;
}

.mnodr_form_tit {
  margin-top: 20px;
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  font-weight: bold;
}
.mnodr_form_tit:first-child {
  margin-top: 0;
}
.mnodr_form_tit.ty_inblock {
  display: inline-block;
}
.mnodr_form_tit.ty2:first-child {
  margin-top: 20px;
}
.mnodr_form_tit.ty_normal {
  font-weight: normal;
}
.mnodr_total .mnodr_form_tit {
  font-size: 20px;
}

.mnodr_form_tit2 {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.23px;
  line-height: 1.334;
}

.mnodr_form_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_form_cont {
  margin-top: 4px;
}
.mnodr_form_cont.ty_space {
  margin-top: 10px;
}
.mnodr_form_cont:first-child {
  margin-top: 0;
}
.cpay_card_slider + .mnodr_form_cont, .cpay_card_slider + .mnodr_form_cont[style*="display:none"] + .mnodr_form_cont, .cpay_card_slider + .mnodr_form_cont[style*="display: none"] + .mnodr_form_cont {
  margin-top: 20px;
}
.mnodr_form_cont .mnodr_inp_txtarea_toggle {
  display: none;
  margin: 10px auto;
}
.mnodr_form_cont .mnodr_inp_txtarea_toggle.on {
  display: block;
}

.mnodr_form_lst > li {
  margin-top: 10px;
}
.mnodr_form_lst.ty2 > li {
  margin-top: 5px;
}
.mnodr_form_lst .mnodr_rdo {
  width: 100%;
}
.mnodr_form_lst .mnodr_rdo.ty_inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mnodr_sortable_sec .mnodr_form_lst .mnodr_rdo {
  width: auto;
}
.mnodr_form_lst .mnodr_rdo input + label + .mnodr_inp_txt,
.mnodr_form_lst .mnodr_rdo input + label + .mnodr_inp_txtarea {
  display: none;
}
.mnodr_form_lst .mnodr_rdo input:checked + label + .mnodr_inp_txt,
.mnodr_form_lst .mnodr_rdo input:checked + label + .mnodr_inp_txtarea {
  display: block;
  width: 100%;
}
.mnodr_form_lst .mnodr_rdo input:checked + label {
  font-weight: bold;
}
.mnodr_form_lst .mnodr_rdo .mnodr_btn_info_detail {
  margin-left: 4px;
}
.mnodr_form_lst .mnodr_form_desc {
  padding-left: 25px;
}
.mnodr_form_lst.ty_space {
  margin-top: -5px;
}

.mnodr_form_lst_itm {
  position: relative;
}

.mnodr_form_lst_delete {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mnodr_form_bottom {
  margin-top: 20px;
}

.mnodr_form_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_form_link:not(:first-child) {
  margin-top: 14px;
}
.mnodr_form_link .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.mnodr_priceitem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
  letter-spacing: -0.3px;
  line-height: 1.3;
}
.mnodr_priceitem.ty_narrow {
  margin-top: 5px;
}
.mnodr_priceitem.ty_narrow:first-child {
  margin-top: 0px;
}
.mnodr_priceitem.ty_narrow .mnodr_btn_info_detail {
  margin-top: 1px;
}
.mnodr_total .mnodr_priceitem.ty_narrow {
  margin-top: 6px;
}
.mnodr_priceitem.ty_narrow2 {
  margin-top: 20px;
}
.mnodr_priceitem.ty_card {
  margin-top: 0;
}
.mnodr_priceitem.ty_card dt {
  min-width: 130px;
}
.mnodr_priceitem.ty_card .mnodr_btn_info_detail {
  margin-top: 2px;
}
.mnodr_priceitem.ty_total {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_priceitem.ty_total dd:last-child {
  width: 200px;
  font-size: 18px;
}
.mnodr_priceitem.ty_total:first-child {
  margin-top: 0;
  padding-top: 0;
  border: 0;
}
.mnodr_priceitem.ty_depth {
  margin-top: 13px;
  position: relative;
  padding-left: 13px;
  line-height: 14px;
}
.mnodr_priceitem.ty_depth:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 5px;
  top: -2px;
  height: 6px;
  width: 5px;
  border-left: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}
.mnodr_priceitem.ty_depth + .mnodr_priceitem_name {
  padding: 3px 0 0 13px;
}
.mnodr_priceitem.ty_account {
  margin-top: 0;
}
.mnodr_priceitem.ty_account dt {
  white-space: nowrap;
}
.mnodr_priceitem.ty_discount_total {
  margin-top: 0;
}
.mnodr_priceitem.ty_discount_total .ssg_price,
.mnodr_priceitem.ty_discount_total .ssg_tx {
  font-size: 20px;
  font-weight: bold;
}
.mnodr_priceitem.ty_space {
  margin-top: 10px;
}
.mnodr_priceitem.ty_ellipsis > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 1.2em;
}
.mnodr_priceitem.ty_ellipsis .mnodr_priceitem_stit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mnodr_priceitem.ty_ellipsis .mnodr_btn_info_detail {
  margin: 0 ​0 0 2px;
}
.mnodr_priceitem > dt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.mnodr_priceitem > dd:not(:last-child) {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-negative: 2;
      flex-shrink: 2;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_priceitem > dd:last-child {
  width: 110px;
  text-align: right;
  word-wrap: break-word;
  word-break: keep-all;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_priceitem > dd:last-child .mnodr_tx_primary {
  color: var(--m-colors-secondary, #222222) !important;
}
.mnodr_priceitem > dd:last-child:empty {
  width: auto;
}
.mnodr_priceitem .ssg_price {
  font-size: 14px;
}
.mnodr_priceitem .ssg_tx {
  font-size: 14px;
}
.mnodr_priceitem .ssg_price_ko {
  font-size: 14px;
  font-weight: normal;
  display: block;
}
.mnodr_priceitem .ssg_price_ko .ssg_price_ko_txt {
  display: block;
}

.mnodr_pricebene_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 12px;
  padding: 8px 10px;
  background: var(--m-colors-gray200, #f0f0f0);
  border-radius: 4px;
  font-size: 13px;
}
.mnodr_pricebene_link::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_pricebene_link .mnodr_pricebene_stit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_pricebene_link .mnodr_pricebene_txt {
  width: 110px;
  text-align: right;
  word-wrap: break-word;
  word-break: keep-all;
}
.mnodr_pricebene_link .badge_universe_label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 4px;
}
.mnodr_pricebene_link [class^=cmbadge_universe] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 4px;
}

.mnodr_priceitem_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
}

.mnodr_priceitem_stit {
  margin-bottom: -5px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
}
.mnodr_priceitem_stit.mnodr_tx_point {
  color: #222 !important;
}
.mnodr_priceitem.ty_total .mnodr_priceitem_stit {
  font-size: 15px;
  font-weight: 700;
}
.mnodr_priceitem_stit .badge_universe_label {
  margin-right: 4px;
}
.mnodr_priceitem_stit [class^=cmbadge_universe] {
  margin-top: 1px;
}

.mnodr_priceitem_total .ssg_price,
.mnodr_priceitem_total .ssg_tx {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.3px;
}

h4.mnodr_priceitem_stit {
  margin-top: 20px;
  padding-right: 50px;
  font-weight: normal;
  white-space: nowrap;
}
.mnodr_priceitem + h4.mnodr_priceitem_stit {
  margin-top: 10px;
}
h4.mnodr_priceitem_stit .mnodr_ellipsis_etc {
  position: relative;
  display: inline-block;
  width: 1px;
  margin-left: -1px;
  vertical-align: top;
}
h4.mnodr_priceitem_stit .mnodr_ellipsis_etc > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
}

.mnodr_pricebx {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_pricebx .mnodr_ic {
  vertical-align: top;
  margin-right: 3px;
}

.mnodr_priceitem_bubblebx {
  position: relative;
  padding: 15px 16px;
  margin: 5px -17px 0;
  background: var(--m-colors-gray150, #f5f5f5);
  text-align: right;
  line-height: normal;
  letter-spacing: -0.3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_priceitem_bubblebx:before {
  content: "";
  position: absolute;
  top: -3px;
  right: 46px;
  overflow: hidden;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_priceitem_bubblebx .mnodr_priceitem_bubbletx {
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
}
.mnodr_priceitem_bubblebx .mnodr_priceitem_bubbletx + .mnodr_priceitem_bubbletx {
  margin-top: 5px;
}
.mnodr_priceitem_bubblebx + .mnodr_priceitem.ty_total {
  margin-top: 0;
}

.mnodr_ellipsis {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.mnodr_ellipsis.ty_line2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.mnodr_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: var(--m-colors-white, #ffffff);
  z-index: 2222;
  -webkit-transition: top top 0.3s cubic-bezier(0.5, 1, 0.89, 1);
  transition: top top 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.mnodr_acdo .mnodr_sticky {
  top: 50px;
  z-index: 2221;
}

.mnodr_container_step.ty_headfix #m_content .mnodr_sticky {
  -webkit-transition: top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: top 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

.mnodr_bullst {
  margin-top: 10px;
}
.mnodr_bullst:first-child {
  margin: 0;
}
.mnodr_bullst > li {
  position: relative;
  padding-left: 6px;
  letter-spacing: -0.3px;
}
.mnodr_bullst > li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
}
.mnodr_bullst > li + li {
  margin-top: 5px;
}
.mnodr_bullst.ty1 > li {
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
  line-height: 15px;
}
.mnodr_bullst.ty1 > li:before {
  background: var(--m-colors-gray500, #888888);
}
.mnodr_bullst.ty2 > li {
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  line-height: 16px;
}
.mnodr_bullst.ty2 > li:before {
  background: var(--m-colors-gray900, #222222);
}
.mnodr_bullst.ty3 > li {
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  line-height: 15px;
}
.mnodr_bullst.ty3 > li:before {
  background: var(--m-colors-gray900, #222222);
}
.mnodr_bullst.ty4 > li {
  color: var(--m-colors-white, #ffffff);
  font-size: 14px;
  line-height: 17px;
}
.mnodr_bullst.ty4 > li:before {
  background: var(--m-colors-white, #ffffff);
}
.mnodr_bullst.ty5 > li {
  margin-top: 10px;
  color: var(--m-colors-gray500, #888888);
  font-size: 14px;
  line-height: 17px;
}
.mnodr_bullst.ty5 > li:before {
  background: var(--m-colors-gray500, #888888);
}
.mnodr_bullst.ty5 > li:first-child {
  margin: 0;
}
.mnodr_bullst.ty6 > li {
  margin-top: 10px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  line-height: 17px;
}
.mnodr_bullst.ty6 > li:before {
  background: var(--m-colors-gray900, #222222);
}
.mnodr_bullst.ty6 > li:first-child {
  margin: 0;
}
.mnodr_bullst.ty7 > li {
  margin-top: 6px;
  color: var(--m-colors-gray700, #666666);
  font-size: 14px;
  line-height: 17px;
}
.mnodr_bullst.ty7 > li:before {
  background: var(--m-colors-gray700, #666666);
}
.mnodr_bullst.ty7 > li:first-child {
  margin: 0;
}
.mnodr_bullst.ty8 > li {
  color: var(--m-colors-gray600, #777777);
  font-size: 12px;
  line-height: normal;
}
.mnodr_bullst.ty8 > li:before {
  background: var(--m-colors-gray600, #777777);
}
.mnodr_bullst.ty8 > li + li {
  margin-top: 6px;
}
.mnodr_bullst.ty_narrow > li:not(:first-child) {
  margin-top: 4px;
}
.mnodr_bullst.mnodr_tx_point > li {
  color: inherit;
}
.mnodr_bullst.mnodr_tx_point > li:before {
  background-color: var(--m-colors-primary, #a59357);
}
.mnodr_bullst .mnodr_bullst_item.ty_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mnodr_numlst li:not(:first-child) {
  margin-top: 14px;
}
.mnodr_numlst.ty_floatnum {
  counter-reset: counter;
}
.mnodr_numlst.ty_floatnum li {
  position: relative;
  padding-left: 15px;
}
.mnodr_numlst.ty_floatnum li:before {
  content: counter(counter) ".";
  counter-increment: counter;
  position: absolute;
  top: 0;
  left: 0;
}

.mnodr_box_imginfo {
  margin: 20px auto 6px;
  max-width: 375px;
  text-align: center;
}
.mnodr_box_imginfo:after {
  content: "백화점 임직원할인 해제 방법";
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_box_imginfo img {
  width: 100%;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  padding: 8px 14px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.mnodr_moredisc {
  padding: 0 15px 20px;
  text-align: center;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}

.mnodr_moredisc_tit {
  display: inline-block;
  position: relative;
  padding: 30px 20px 15px;
  border-radius: 0 0 15px 15px;
  font-size: 18px;
  line-height: 1.3;
}
.mnodr_moredisc_tit h2 {
  font-size: inherit;
}
.mnodr_moredisc_tit.ty_together {
  background: #ffd040;
}
.mnodr_moredisc_tit.ty_better {
  background: #d6d2c4;
}
.mnodr_moredisc_tit.ty_onefree {
  background: #1a498b;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_moredisc_tit.ty_together::after, .mnodr_moredisc_tit.ty_better::after {
  position: absolute;
  bottom: 15px;
  left: 14px;
  width: 2px;
  height: 2px;
  background: var(--m-colors-gray900, #222222);
  border-radius: 2px;
  content: "";
}
.mnodr_moredisc_tit.ty_together::before, .mnodr_moredisc_tit.ty_better::before {
  position: absolute;
  bottom: -7px;
  left: 6px;
  width: 1px;
  height: 22px;
  background: var(--m-colors-gray900, #222222);
  -webkit-transform: perspective(1px) rotate(37deg);
          transform: perspective(1px) rotate(37deg);
  content: "";
}

.mnodr_moredisc_txt {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.38;
}

.mnodr_getmoredisc_info {
  margin-top: 20px;
  padding: 16px;
  border-radius: 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_tit {
  position: relative;
  font-size: 20px;
  line-height: 1.3;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_tit h2 {
  font-size: inherit;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_txt {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.38;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  font-size: 13px;
  letter-spacing: -0.3px;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_dl:first-of-type {
  margin-top: 12px;
}
.mnodr_getmoredisc_info .mnodr_getmoredisc_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-weight: bold;
  margin-right: 8px;
}
.mnodr_getmoredisc_info .mnodr_cmbtn_area {
  margin: 14px 0;
}
.mnodr_getmoredisc_info .mnodr_btn_getmoredisc {
  padding-top: 1px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
}

.mnodr_getmoredisc.v2 .mnodr_tx_tit4 {
  margin: 20px 0 10px;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_info {
  margin: 20px 0 40px;
  padding: 20px;
  border-radius: 0;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_tit {
  position: relative;
  font-size: 16px;
  line-height: 1.3;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_tit h2 {
  font-size: inherit;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_txt {
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.38;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.3px;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_dl:first-of-type {
  margin-top: 16px;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  padding-left: 6px;
  font-weight: 600;
  margin-right: 10px;
}
.mnodr_getmoredisc.v2 .mnodr_getmoredisc_dt:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_getmoredisc.v2 .mnodr_btn_getmoredisc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 20px 0 14px;
}
.mnodr_getmoredisc.v2 .mnodr_btn_getmoredisc:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_getmoredisc.v2 .mnodr_btn_getmoredisc:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_getmoredisc.v2 .mnodr_btn_getmoredisc .icon_chevron_down_s {
  display: none;
}

.mnodr_subgoods .mnodr_unit {
  margin-top: 14px;
}

.mnodr_notapply {
  margin-top: 10px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}

.mnodr_notapply_item {
  display: table;
  width: 100%;
  padding: 15px 0;
  line-height: normal;
}
.mnodr_notapply_item + .mnodr_notapply_item {
  border-top: 1px solid #f5f5f5;
}
.mnodr_notapply_item dt {
  display: table-cell;
  vertical-align: top;
  width: 100px;
}
.mnodr_notapply_item dd {
  display: table-cell;
  vertical-align: top;
}
.mnodr_notapply_item dd li {
  margin-top: 4px;
}
.mnodr_notapply_item dd li:first-child {
  margin-top: 0;
}

.mnodr_modal_disccard {
  padding: 0 0 25px;
}
.mnodr_modal_disccard + .mnodr_modal_disccard {
  padding-top: 40px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_modal_disccard .mnodr_disccard_titbx {
  padding: 0 15px;
}
.mnodr_modal_disccard .mnodr_disccard_titbx .mnodr_disccard_tit {
  font-weight: normal;
  font-size: 18px;
  line-height: normal;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_modal_disccard .mnodr_disccard_titbx .mnodr_disccard_desc {
  padding: 5px 0;
  font-size: 13px;
  line-height: 1.38;
  color: #777;
}
.mnodr_modal_disccard .mnodr_disccard_sec {
  position: relative;
  font-size: 0;
  border-bottom: 1px solid #f5f5f5;
  padding: 30px 15px 25px;
}
.mnodr_modal_disccard .mnodr_disccard_sec .mnodr_diccard_conts {
  position: relative;
}
.mnodr_modal_disccard .mnodr_disccard_sec .mnodr_diccard_conts .mnodr_disccard_imgbx {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_modal_disccard .mnodr_disccard_sec:last-of-type {
  padding-top: 30px;
  border-bottom: none;
}
.mnodr_modal_disccard .mnodr_disccard_sec:last-of-type .mnodr_card_imgbx {
  top: 30px;
}
.mnodr_modal_disccard .mnodr_card_imgbx {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 125px;
  height: 74px;
  margin-right: 15px;
  border-radius: 7px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  background-color: #363635;
  vertical-align: top;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_bi {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_bi img {
  width: 100%;
  vertical-align: top;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc {
  position: absolute;
  top: 7px;
  left: 15px;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc span {
  display: inline-block;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_per {
  font-size: 12px;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_per .mnodr_card_num {
  padding-right: 2px;
  font-size: 28px;
  letter-spacing: -0.5px;
}
.mnodr_modal_disccard .mnodr_card_imgbx .mnodr_card_desc .mnodr_card_name {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 15px;
  font-size: 13px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx {
  display: inline-block;
  position: absolute;
  top: 35px;
  left: 15px;
  width: 125px;
  height: 74px;
  margin-right: 15px;
  vertical-align: top;
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx.ty_ssggiftcard {
  height: 125px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx.ty_ssggiftcard img {
  width: 125px;
  height: 125px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_ssgpay_cardimg {
  width: 125px;
  height: 74px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_ssgpay_cardimg .mnodr_ssgpay_cardbi {
  top: 14px;
  left: 15px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_ssgpay_cardbi img {
  max-height: 12px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_card_desc {
  position: absolute;
  bottom: 14px;
  left: 15px;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_card_desc span {
  display: inline-block;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_card_desc .mnodr_card_per {
  font-size: 12px;
}
.mnodr_modal_disccard .mnodr_disccard_imgbx .mnodr_card_desc .mnodr_card_per .mnodr_card_num {
  padding-right: 2px;
  font-size: 28px;
  letter-spacing: -0.5px;
}
.mnodr_modal_disccard .mnodr_card_list {
  display: inline-block;
  padding: 10px 0 10px 140px;
  font-size: 13px;
  line-height: 1.3;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  min-height: 74px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_modal_disccard .mnodr_card_list li {
  position: relative;
  margin-top: 4px;
  padding-left: 7px;
  line-height: 16px;
}
.mnodr_modal_disccard .mnodr_card_list li:first-child {
  margin-top: 0;
}
.mnodr_modal_disccard .mnodr_card_list li::after {
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  background: var(--m-colors-gray900, #222222);
  content: "";
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listtx {
  padding-left: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listtx::after {
  display: none;
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listbtn {
  margin-top: 7px;
  padding-left: 0;
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listbtn::after {
  display: none;
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listbtn .mnodr_card_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 24px;
  padding: 0 11px;
  border: 1px solid #cfcfcf;
  background: var(--m-colors-white, #ffffff);
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.mnodr_modal_disccard .mnodr_card_list li.mnodr_card_listbtn .mnodr_card_btn::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_modal_disccard .mnodr_disccard_unit {
  margin: 0 0 5px;
  padding: 15px;
  background: var(--m-colors-gray150, #f5f5f5);
  margin-top: 10px;
}
.mnodr_modal_disccard .mnodr_disccard_unit .mnodr_unit_txt {
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: normal;
  color: #777;
  letter-spacing: -0.3px;
}
.mnodr_modal_disccard .mnodr_disccard_unit .mnodr_acdo_cont {
  margin-top: 10px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_sec {
  padding: 24px 20px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_modal_disccard .mnodr_ssggiftcard_sec:last-of-type {
  margin-bottom: 20px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_sec .mnodr_cmbtn_area {
  margin-top: 12px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_conts {
  position: relative;
  line-height: 1.2;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_left {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_imgbx {
  margin-left: 9px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 126px;
          flex: 0 0 126px;
  height: 106px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_imgbx img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_label + .mnodr_ssggiftcard_tit {
  margin-top: 8px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_tit {
  font-size: 16px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_tit:not(:first-child) {
  margin-top: 8px;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_tx {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.25;
}
.mnodr_modal_disccard .mnodr_ssggiftcard_desc {
  position: relative;
  margin-top: 12px;
  padding-left: 6px;
  font-size: 11px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_modal_disccard .mnodr_ssggiftcard_desc:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--m-colors-gray700, #666666);
}
.mnodr_modal_disccard .mnodr_btn .icon {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(257deg) brightness(101%) contrast(102%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(257deg) brightness(101%) contrast(102%);
}

.mnodr_disccard_togglebtn {
  float: right;
  line-height: 1.3;
}
.mnodr_disccard_togglebtn .togglebtn_tx {
  font-size: 12px;
  color: #777;
  text-decoration: underline;
}
.mnodr_disccard_togglebtn .togglebtn_tx.ty_on {
  display: none;
}
.mnodr_disccard_togglebtn.on .togglebtn_tx {
  display: none;
}
.mnodr_disccard_togglebtn.on .togglebtn_tx.ty_on {
  display: inline-block;
}

.mnodr_modal_changeitem {
  position: relative;
  margin-top: 20px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_modal_changeitem .mnodr_changeitem_sec {
  padding-bottom: 40px;
}
.mnodr_modal_changeitem .mnodr_changeitem_titbx {
  padding: 0 15px;
}
.mnodr_modal_changeitem .mnodr_changeitem_titbx .mnodr_changeitem_tit {
  display: block;
  padding-bottom: 6px;
  border-bottom: 1px solid #222;
  font-size: 15px;
}
.mnodr_modal_changeitem .mnodr_changeitem_stit {
  display: block;
  padding-bottom: 6px;
  font-weight: normal;
  font-size: 13px;
}
.mnodr_modal_changeitem .mnodr_changeoption {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 20px 0 0;
}
.mnodr_modal_changeitem .mnodr_changeoption.ty_plusitem {
  padding-bottom: 20px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_modal_changeitem .mnodr_changeoption.ty_plusitem:first-child {
  border-top: 0;
}
.mnodr_modal_changeitem .mnodr_changeoption.ty_wide {
  display: block;
}
.mnodr_modal_changeitem .mnodr_changeoption.ty_wide .mnodr_changeoption_titbx,
.mnodr_modal_changeitem .mnodr_changeoption.ty_wide .mnodr_changeoption_txbx {
  display: block;
  width: auto;
}
.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_titbx {
  display: table-cell;
  width: 95px;
  font-size: 13px;
  vertical-align: top;
}
.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_del {
  display: block;
  color: #777;
  text-decoration: underline;
}
.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_selbx,
.mnodr_modal_changeitem .mnodr_changeoption .mnodr_changeoption_txbx {
  display: table-cell;
}

.mnodr_sharetuto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  word-break: keep-all;
}
.mnodr_sharetuto .mnodr_sharetuto_header {
  overflow: hidden;
  width: 100%;
  height: 161px;
}
.mnodr_sharetuto .mnodr_sharetuto_bn {
  width: 100%;
  height: 161px;
  -o-object-fit: cover;
     object-fit: cover;
}
.mnodr_sharetuto .mnodr_sharetuto_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 30px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mnodr_sharetuto .mnodr_sharetuto_title {
  font-size: var(--m-fontSizes-3xl, 20px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_sharetuto .mnodr_sharetuto_description {
  margin-top: 12px;
  margin-bottom: 10px;
  line-height: normal;
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray700, #666666);
}

.mnodr_modal_ssgcon {
  padding: 30px 15px;
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_modal_ssgcon .codr_ssgcon_step {
  margin: 0 -15px;
  padding: 0 15px 30px;
  border-bottom: 1px solid #f5f5f5;
}
.mnodr_modal_ssgcon .codr_contit2 {
  margin: 30px 0 10px;
}
.mnodr_modal_ssgcon .codr_contit2:first-child {
  margin-top: 0;
}
.mnodr_modal_ssgcon .codr_contit2_tx {
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  line-height: 1.33;
}
.mnodr_modal_ssgcon .codr_step_lst li {
  padding: 0 0 40px 57px;
  line-height: 1.38;
}
.mnodr_modal_ssgcon .codr_step_lst li:after {
  display: block;
  position: absolute;
  width: 6px;
  height: 12px;
  top: auto;
  bottom: 10px;
  left: 20px;
  -webkit-transform: none;
  transform: none;
  content: "";
  background: url(../img/com_v2/codr_sp_ico_v3.png) 0 0 no-repeat;
  background-size: 100px auto;
  background-position: -54px -50px;
}
.mnodr_modal_ssgcon .codr_step_lst li:last-child {
  padding-bottom: 0;
}
.mnodr_modal_ssgcon .codr_step_lst li:last-child:after {
  display: none;
  content: none;
}
.mnodr_modal_ssgcon .codr_step_lst li .tx_step {
  width: 45px;
  font-size: 10px;
  border: 1px solid #444;
  border-radius: 2px;
  background-color: #444;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_modal_ssgcon .codr_step_lst li .tx_dtl {
  margin-bottom: 10px;
}
.mnodr_modal_ssgcon .codr_step_lst li .tx_dtl:last-child {
  margin-bottom: 0;
}
.mnodr_modal_ssgcon .codr_contxt {
  color: var(--m-colors-gray900, #222222);
  line-height: 1.38;
  margin: 10px 0;
}
.mnodr_modal_ssgcon .codr_contxt .codr_tx_desc {
  display: block;
  margin-top: 3px;
}
.mnodr_modal_ssgcon .codr_contxt:last-child {
  margin-bottom: 0;
}
.mnodr_modal_ssgcon .codr_contxt_wrap dl {
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  margin-bottom: 5px;
}
.mnodr_modal_ssgcon .codr_contxt_wrap dl:after {
  display: block;
  content: "";
  clear: both;
}
.mnodr_modal_ssgcon .codr_contxt_wrap dl:last-child {
  margin-bottom: 0;
}
.mnodr_modal_ssgcon .codr_contxt_wrap dt {
  float: left;
  margin-right: 10px;
}
.mnodr_modal_ssgcon .codr_contxt_wrap dd {
  padding-left: 71px;
}
.mnodr_modal_ssgcon .codr_info_lst {
  margin-top: 10px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_modal_ssgcon .codr_info_lst li {
  margin-bottom: 5px;
  line-height: 1.33;
  font-size: 12px;
}
.mnodr_modal_ssgcon .codr_info_lst li:last-child {
  margin-bottom: 0;
}
.mnodr_modal_ssgcon .codr_info_lst li:before {
  width: 3px;
  height: 3px;
  top: 7px;
}

.mnodr_modal_pickinfo .codr_modal_wrap {
  padding-top: 56px;
}
.mnodr_modal_pickinfo .codr_step_lst li {
  padding: 0 0 25px 57px;
}
.mnodr_modal_pickinfo .codr_step_lst li:last-child {
  padding-bottom: 0;
}

.mnodr_modal_goodsinfo .codr_unit {
  min-height: 121px;
  margin: -1px 0 0;
}

#mnodr_modal_productinfo .v2 .mnodr_modal_goodsinfo .codr_unit {
  min-height: 121px;
  margin: 0;
}
#mnodr_modal_productinfo .v2 .mnodr_modal_goodsinfo .codr_unit_desc {
  margin-top: 10px;
}

.current_delivery_info {
  padding: 20px 0 0;
}
.current_delivery_info .current_delivery_info_tit {
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: bold;
  color: var(--m-colors-black, #000000);
  text-align: center;
}
.current_delivery_info .current_delivery_info_quick {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-regular, 400);
  padding: 0;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--m-colors-delivery-emart_light, #ffe98b);
  width: 100%;
  margin: 20px 0 0;
  color: var(--m-colors-gray900, #222222);
}

.swiper-pagination-bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.swiper-pagination-bullet {
  display: block;
  background-color: #e1e1e1;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 4px;
}

.swiper-pagination-bullet-active {
  background-color: var(--m-colors-primary, #a59357);
}

.swiper-pagination.black {
  margin-bottom: 40px;
}
.swiper-pagination.black .swiper-pagination-bullet-active {
  background-color: var(--m-colors-gray900, #222222);
}

.mnodr_input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 11px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  position: relative;
  height: 50px;
}
.mnodr_input.on .mnodr_input_inp {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_input.on .mnodr_input_delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_input.on:before {
  border: 1px solid #222;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.mnodr_input:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_input_inp {
  border: none;
  color: var(--m-colors-gray500, #888888);
  display: block;
  width: 100%;
  z-index: 1;
}

.mnodr_input_count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  margin-right: 5px;
}

.mnodr_input_delete {
  display: none;
  margin-left: 5px;
}

.mnodr_input_divider {
  margin: 0 2px;
}

.mnodr_profiles {
  position: relative;
}
.mnodr_profiles:after {
  content: "";
  position: absolute;
  display: block;
  right: -15px;
  top: 0;
  bottom: 0;
  width: 72px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(-2%, rgba(238, 238, 238, 0)), color-stop(fff, #ffffff));
  background-image: linear-gradient(to right, rgba(238, 238, 238, 0) -2%, #ffffff fff 91%);
}
.mnodr_profiles.ty_col4 .mnodr_profiles_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  overflow: visible;
  margin-left: -20px;
  padding: 40px 0 30px;
}
.mnodr_profiles.ty_col4 .mnodr_profiles_item {
  padding-left: 20px;
}
.mnodr_profiles.ty_col4 .mnodr_profiles_item + .mnodr_profiles_item {
  margin-left: 0;
}
.mnodr_profiles.ty_col4 .mnodr_profile_edit {
  width: 24px;
  height: 24px;
}
.mnodr_profiles.ty_col4 .mnodr_profile_edit .mnodr_btn.ty_circle {
  width: 100%;
  height: 100%;
}
.mnodr_profiles.ty_col4:after {
  display: none;
}

.mnodr_profiles_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: scroll;
  position: relative;
}

.mnodr_profiles_item + .mnodr_profiles_item {
  margin-left: -5px;
}

.mnodr_pencilbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1);
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 13px;
  position: relative;
}
.mnodr_pencilbtn.ty_sm {
  width: 24px;
  height: 24px;
  padding: 0;
}
.mnodr_pencilbtn:before {
  position: absolute;
  display: block;
  width: 150%;
  height: 150%;
  content: "";
}
.mnodr_pencilbtn:focus {
  outline: 0;
}

.mnodr_homebtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 94px;
  height: 36px;
  border: solid 1px #d8d8d8;
  background-color: #ffffff fff;
  color: var(--m-colors-gray500, #888888);
}

.mnodr_tooltip {
  display: none;
  position: absolute;
}
.mnodr_tooltip.on {
  display: block;
}

.mnodr_tooltip_cont {
  background: var(--m-colors-white, #ffffff);
  z-index: 9999;
}

.dimmedArea {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.7;
  background: var(--m-colors-black, #000000);
  z-index: 9999;
}

.mnodr_ctsharetooltip {
  position: relative;
  position: absolute;
  top: 45px;
  left: 100%;
  right: 0;
  bottom: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.mnodr_ctsharetooltip.on .dimmedArea {
  position: absolute;
  top: 0;
}

.mnodr_ctsharetooltip_cont {
  position: absolute;
  right: 0;
  left: 0;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 35px;
  z-index: 9999;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_ctsharetooltip_cont.spacing_narrow {
  padding: 16px;
  padding-top: 0;
}
.mnodr_ctsharetooltip_cont .mnodr_thmbtab_lst {
  margin-top: -15px;
  margin-bottom: 15px;
}
.mnodr_ctsharetooltip_cont .mnodr_thmbtab_lst.spacing {
  margin-top: 0;
  padding-top: 6px;
}

.mnodr_cartshareinfo {
  margin: 20px 16px;
  margin-bottom: 40px;
  padding: 30px 16px;
  border-radius: 6px;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_cartshareinfo:before {
  content: "";
  background: #6979f8;
  position: absolute;
  top: -20px;
  left: -16px;
  right: -16px;
  height: 80px;
  z-index: -1;
}
.mnodr_cartshareinfo .mnodr_profiles {
  margin-top: 3px;
}
.mnodr_cartshareinfo.ty_sm {
  padding: 20px 16px;
}
.mnodr_cartshareinfo .mnodr_cartshareinfo_sub {
  display: none;
}
.mnodr_cartshareinfo.ty_subinfo {
  margin-top: 66px;
  padding: 20px 16px;
}
.mnodr_cartshareinfo.ty_subinfo:before {
  top: -66px;
  height: 140px;
}
.mnodr_cartshareinfo.ty_subinfo .mnodr_cartshareinfo_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin-top: -66px;
  color: white;
  background: #6979f8;
}
.mnodr_cartshareinfo.ty_subinfo .mnodr_cartshareinfo_subbtn {
  color: var(--m-colors-white, #ffffff);
  border: solid 1px var(--m-colors-white, #ffffff);
}

.mnodr_cartshareinfo_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 16px;
  font-size: 12px;
  color: #6c7080;
  background: #f2f3f5;
}

.mnodr_cartshareinfo_subleft {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}

.mnodr_cartshareinfo_subtx {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mnodr_cartshareinfo_subbtn {
  padding: 7px 13px;
  border-radius: 15px;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
  color: #6c7080;
}

.mnodr_cartshareinfo_tit {
  font-size: 18px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_cartshareinfo_addr {
  display: block;
  padding-top: 15px;
  margin: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.04);
}

.mnodr_cartshareinfo_footer {
  margin-top: 15px;
}

.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_tit {
  font-size: 24px;
}
.mnodr_cartshareinfo.ty_edit .mnodr_pencilbtn {
  margin-left: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mnodr_cartshareinfo.ty_edit .mnodr_cartshareinfo_addr {
  margin-top: 10px;
  padding: 0;
  border-top: none;
}
.mnodr_cartshareinfo.ty_edit .mnodr_tx_btn {
  display: block;
  margin-left: auto;
}

.modr_together .modr_together_sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px;
  font-size: 13px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray700, #666666);
  line-height: normal;
}
.modr_together .mnodr_together_subleft {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modr_together .mnodr_together_subright {
  margin-left: auto;
}
.modr_together .mnodr_together_subbtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 20px;
  padding: 0px 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 11px;
  border: 1px solid #e5e5e5;
  color: var(--m-colors-gray900, #222222);
}
.modr_together .mnodr_together_subbtn.bg_white {
  padding-inline: 12px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  border: none;
}
.modr_together .mnodr_together_subbtn.space_right {
  margin-right: 12px;
}
.modr_together .modr_together_wrap {
  padding: 20px 16px;
  background-color: var(--m-colors-gray200, #f0f0f0);
  color: var(--m-colors-gray900, #222222);
}
.modr_together .modr_together_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 12px;
  font-size: 13px;
}
.modr_together .mnodr_together_headerleft {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modr_together .mnodr_together_headerright {
  margin-left: auto;
}
.modr_together .mnodr_together_nickname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
}
.modr_together .mnodr_together_nickname:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  background: url("../img/order/svg/icon_together.svg") no-repeat;
}
.modr_together .mnodr_together_btn_set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
}
.modr_together .mnodr_together_btn_set:before {
  content: "";
  margin-top: -1px;
  margin-right: 2px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M8.1 12c0 2.154 1.746 3.9 3.9 3.9 2.151-0.007 3.893-1.749 3.9-3.9 0-2.154-1.746-3.9-3.9-3.9s-3.9 1.746-3.9 3.9zM9.3 12c0-1.491 1.209-2.7 2.7-2.7s2.7 1.209 2.7 2.7c0 1.491-1.209 2.7-2.7 2.7s-2.7-1.209-2.7-2.7z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M9.456 21.6h5.076l0.444-1.296c0.413-1.184 1.641-1.877 2.868-1.62l1.356 0.276 2.556-4.332-0.936-1.032c-0.817-0.912-0.817-2.292 0-3.204l0.936-1.020-2.556-4.344-1.368 0.276c-1.227 0.257-2.455-0.436-2.868-1.62l-0.432-1.284h-5.076l-0.432 1.284c-0.413 1.184-1.641 1.877-2.868 1.62l-1.356-0.276-2.544 4.332 0.924 1.032c0.824 0.913 0.824 2.302 0 3.216l-0.924 1.020 2.544 4.332 1.356-0.276c1.228-0.263 2.459 0.433 2.868 1.62l0.432 1.296zM13.668 20.4h-3.348l-0.168-0.492c-0.607-1.752-2.421-2.78-4.236-2.4l-0.516 0.108-1.656-2.856 0.324-0.36c1.222-1.367 1.222-3.434 0-4.8l-0.324-0.384 1.656-2.844 0.516 0.096c1.815 0.38 3.629-0.648 4.236-2.4l0.168-0.468h3.348l0.168 0.48c0.603 1.756 2.42 2.786 4.236 2.4l0.516-0.108 1.668 2.868-0.336 0.36c-1.222 1.367-1.222 3.433 0 4.8l0.336 0.384-1.668 2.844-0.516-0.108c-1.816-0.386-3.633 0.644-4.236 2.4l-0.168 0.48z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.modr_together .modr_together_cont {
  padding: 16px 12px;
  background-color: var(--m-colors-white, #ffffff);
}
.modr_together .modr_together_cont > div:first-child {
  padding-top: 0;
}
.modr_together .modr_together_addr {
  margin-bottom: 14px;
  padding: 14px 0;
  border-bottom: 1px solid #f0f0f0;
}
.modr_together .modr_together_addr_txt {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.modr_together .mnodr_userprofile_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.modr_together .mnodr_userprofile_titleft {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.modr_together .mnodr_userprofile_titright {
  margin-left: auto;
}
.modr_together .mnodr_userprofile_tittx {
  font-size: 13px;
  font-weight: bold;
}
.modr_together .mnodr_userprofile_btn_invite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
}
.modr_together .mnodr_userprofile_btn_invite:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M12.6 11.4v-6.6h-1.2v6.6h-6.6v1.2h6.6v6.6h1.2v-6.6h6.6v-1.2h-6.6z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.modr_together .mnodr_userprofile_list {
  margin: 0 -12px;
  padding-left: 12px;
}
.modr_together .mnodr_userprofile_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: scroll;
  position: relative;
}
.modr_together .mnodr_userprofile_item + .mnodr_userprofile_item {
  margin-left: 0;
}
.modr_together .mnodr_userprofile_item {
  padding-right: 12px;
}
.modr_together .mnodr_userprofile {
  position: relative;
  border-radius: 50%;
  margin: 0 auto;
}
.modr_together .mnodr_userprofile.ty_master + .mnodr_userprofile_name {
  color: var(--m-colors-secondary, #222222);
  font-weight: bold;
}
.modr_together .mnodr_userprofile.ty_mine:before {
  content: "나";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  color: var(--m-colors-white, #ffffff);
  font-weight: bold;
}
.modr_together .mnodr_userprofile.ty_sm {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  line-height: 28px;
  font-size: 15px;
}
.modr_together .mnodr_userprofile.ty_md {
  width: 70px;
  height: 70px;
  min-width: 70px;
  min-height: 70px;
  line-height: 65px;
  font-size: 24px;
}
.modr_together .mnodr_userprofile.ty_lg {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  line-height: 100px;
}
.modr_together .mnodr_userprofile.ty_lg .mnodr_profile_name {
  margin-top: 10px;
}
.modr_together .mnodr_userprofile.ty_xlg {
  width: 200px;
  height: 200px;
  min-width: 200px;
  min-height: 200px;
  line-height: 200px;
  font-size: 70px;
}
.modr_together .mnodr_userprofile_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  color: var(--m-colors-white, #ffffff);
  font-style: normal;
  text-align: center;
  width: 100%;
  height: 100%;
}
.modr_together .mnodr_userprofile_name {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 4px;
  width: 52px;
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
  text-align: center;
}
.modr_together .mnodr_together_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 12px;
  position: relative;
}
.modr_together .mnodr_together_btnarea .mnodr_article_headbubble {
  visibility: visible;
  -webkit-animation: bubbleFadeOut 0.5s linear 3s forwards;
          animation: bubbleFadeOut 0.5s linear 3s forwards;
  width: auto;
  right: 0;
  border-radius: 4px;
}
.modr_together .mnodr_together_btnarea .mnodr_article_headbubble p {
  font-weight: normal;
  padding: 6px 8px;
  line-height: 14px;
}
.modr_together .mnodr_together_btnarea .mnodr_article_headbubble p:after {
  right: 4px;
}
@-webkit-keyframes bubbleFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bubbleFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modr_together .mnodr_together_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 36px;
  border: 1px solid #e5e5e5;
  background-color: transparent;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modr_together .mnodr_together_btn + .mnodr_together_btn {
  margin-left: -1px;
}
.modr_together .mnodr_together_btn.ty_default_cart {
  border-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}
.modr_together .mnodr_together_btntx {
  padding-top: 1px;
}
.modr_together .mnodr_message_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -2px;
  margin-left: 3px;
  padding: 1px 5px;
  min-width: 16px;
  min-height: 16px;
  border-radius: 50%;
  background-color: var(--m-colors-primary, #a59357);
  font-size: 10px;
  font-weight: bold;
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_invite {
  margin: 60px 0 40px;
}
.mnodr_invite .mnodr_bullst.ty1 {
  margin-top: 20px;
}

.mnodr_invite_wrap {
  padding: 0 40px;
}

.mnodr_invite_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_invite_item + .mnodr_invite_item {
  margin-left: 30px;
}

.mnodr_invite_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_invite_btntx {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #444;
}

.mnodr_shareauth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding: 30px 0;
}
.mnodr_shareauth .mnodr_profile {
  margin: 0;
  margin-bottom: 10px;
}

.mnodr_shareauth_sec {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 40px;
}

.mnodr_shareauth_desc {
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  text-align: left;
}

.mnodr_shareauth_input {
  margin-top: 10px;
}

.mnodr_cartsharelogin {
  padding: 30px 0 100px;
}
.mnodr_cartsharelogin .mnodr_cartsharelogin_title {
  text-align: center;
}
.mnodr_cartsharelogin .mnodr_makeprofile {
  margin-left: 45px;
  margin-right: 16px;
  font-size: 12px;
}
.mnodr_cartsharelogin .mnodr_makeprofile .mnodr_sec {
  padding: 0;
  margin: 20px 0;
}
.mnodr_cartsharelogin .mnodr_makeprofile .mnodr_sec:first-child {
  margin-top: 0;
}
.mnodr_cartsharelogin .mnodr_makeprofile .mnodr_makeprofile_inpgroup .mnodr_input {
  margin-top: 5px;
}
.mnodr_cartsharelogin .mnodr_makeprofile .mnodr_bullst.ty1 {
  margin-top: 10px;
}
.mnodr_cartsharelogin .mnodr_rdotab.on .mnodr_rdotab_tit {
  font-weight: bold;
}
.mnodr_cartsharelogin .mnodr_rdotab.on:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #f5f5f5;
  border-left: none;
  border-right: none;
  bottom: -1px;
}
.mnodr_cartsharelogin .mnodr_rdotab_wrap .mnodr_rdotab_ctn {
  padding: 15px 16px;
}
.mnodr_cartsharelogin .mnodr_rdotab_wrap .mnodr_input {
  margin-left: 45px;
}
.mnodr_cartsharelogin .mnodr_rdotab_wrap .mnodr_profile.ty_sm {
  margin-left: 16px;
}
.mnodr_cartsharelogin .mnodr_rdotablist {
  margin-top: 40px;
}
.mnodr_cartsharelogin .mnodr_cartsharelogin_newbtn {
  border: 1px solid #e0e0e0;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_cartsharelogin .mnodr_cartsharelogin_newtx {
  margin: 20px 0 6px;
}
.mnodr_cartsharelogin .mnodr_cartsharelogin_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_cartsharelogin .mnodr_bullst {
  width: 100%;
}
.mnodr_cartsharelogin .mnodr_bullst .mnodr_bullst_item + .mnodr_bullst_item {
  margin-top: 20px;
}
.mnodr_cartsharelogin .mnodr_bullst_item.ty_row .mnodr_bullst_link {
  margin-left: 16px;
  white-space: nowrap;
}
.mnodr_cartsharelogin .mnodr_bullst_item .mnodr_btn_area {
  margin-top: 5px;
  width: calc(100% + 6px);
  -webkit-transform: translateX(-6px);
          transform: translateX(-6px);
}
.mnodr_cartsharelogin .mnodr_bullst {
  margin-top: 0;
}
.mnodr_cartsharelogin .quicklink {
  margin-top: 40px;
  padding: 0 16px;
}

.mnodr_makeprofile .mnodr_makeprofile_inpgroup {
  margin: 40px 0;
}
.mnodr_makeprofile .mnodr_makeprofile_inpgroup .mnodr_input {
  margin: 10px 0 5px;
}
.mnodr_makeprofile .mnodr_makeprofile_inpgroup.ty_error label:before {
  border-color: var(--m-colors-primary, #a59357);
}

.mnodr_editname {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_editname .mnodr_input {
  margin-top: 20px;
}

.mnodr_editname_tit {
  font-size: 18px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_sharemanage {
  padding-bottom: 40px;
}
.mnodr_sharemanage .mnodr_profiles.ty_col4 .mnodr_profiles_list {
  padding-top: 0;
}

.mnodr_sharemanage_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 20px 16px;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_sharemanage_tab .mnodr_ic.ic_arr.ty_arr_right {
  margin-top: 0;
}
.mnodr_sharemanage_tab.ty_vfirst {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.mnodr_sharemanage_tabitem + .mnodr_sharemanage_tabitem {
  margin-top: -1px;
}
.mnodr_sharemanage_tabitem.ty_right {
  margin-right: 15px;
  margin-top: 20px;
  text-align: right;
}
.mnodr_sharemanage_tabitem.ty_right .ic_exit {
  margin-right: 3px;
}

.mnodr_sharemanage_cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_sharemanage_cell + .mnodr_sharemanage_cell {
  margin-left: 30px;
}
.mnodr_sharemanage_cell .mnodr_tx_desc2 {
  margin-top: 5px;
}

.mnodr_dt {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.mnodr_dd {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_pricelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--m-colors-gray900, #222222);
  margin-top: 20px;
}

.mnodr_pricelist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_pricelist_item + .mnodr_pricelist_item {
  margin-top: 10px;
}
.mnodr_pricelist_item.ty_total {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_pricelist_item.ty_total .mnodr_pricelist_desc {
  font-size: 18px;
  font-weight: medium;
}

.mnodr_pricelist_title {
  font-size: 13px;
}

.mnodr_pricelist_desc {
  font-size: 15px;
}

.mnodr_modal_privateagree .mnodr_dl,
.mnodr_modal_privateagree .mnodr_dt {
  margin-top: 20px;
}
.mnodr_modal_privateagree .mnodr_dd {
  margin-top: 5px;
}
.mnodr_modal_privateagree .mnodr_bullst {
  margin-top: 20px;
}

.mnodr_changeaddr .mnodr_rdotab_ctn {
  padding: 20px 15px;
}
.mnodr_changeaddr .mnodr_rdotab.ty_full:last-child label:before {
  border-bottom: none;
}

.mnodr_install_head {
  padding: 10px 16px;
  border-bottom: 1px solid #f5f5f5;
}

.mnodr_install_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 19px;
  font-weight: normal;
}

.mnodr_gift_msg {
  display: table;
  width: 100%;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin: 10px 0;
  border: 1px solid #f1f1f1;
  background: #f9f9f9;
}
.mnodr_gift_msg:first-child {
  margin-top: 0;
}
.mnodr_gift_msg:last-child {
  margin-bottom: 0;
}
.mnodr_gift_msg:only-child {
  margin: 0;
}

.mnodr_gift_msgthmb {
  display: table-cell;
  width: 94px;
  padding: 5px 0 0 10px;
  vertical-align: middle;
}
.mnodr_gift_msgthmb img {
  width: 100%;
}

.mnodr_gift_msgtx {
  display: table-cell;
  padding: 10px;
  border: 0 none;
  color: #bbb;
  font-size: 14px;
  line-height: 18px;
  vertical-align: top;
  word-break: break-all;
}

.mnodr_giftcard {
  padding: 20px;
  background: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_giftcard .mnodr_bullst {
  margin-top: 15px;
}

.mnodr_giftcard_msg {
  max-width: 750px;
  margin: 0 auto 5px;
  border-radius: 15px;
  -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.mnodr_giftcard_img {
  position: relative;
  padding-bottom: 65%;
  text-align: center;
  border-radius: 15px 15px 0 0;
  background-size: cover;
  background-color: var(--m-colors-white, #ffffff);
  background-position: top center;
  background-repeat: no-repeat;
}
.mnodr_giftcard_img + .mnodr_giftcard_cont {
  border-radius: 0 0 15px 15px;
}

.mnodr_giftcard_cont {
  padding: 20px;
  border-radius: 15px;
  background: var(--m-colors-white, #ffffff);
}

.mnodr_giftcard_tx {
  height: 120px;
  background: url("../img/giftsvc/bg_letter.gif") repeat;
  background-size: auto 30px;
  font-size: 22px;
  letter-spacing: -0.7px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  line-height: 30px;
}
.mnodr_giftcard_tx textarea {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  font-size: 22px;
  letter-spacing: -0.7px;
  text-align: center;
  line-height: 30px;
  resize: none;
  outline: none;
}

.mnodr_giftcard_date {
  margin-top: 9px;
  font-size: 13px;
  color: #777;
  letter-spacing: -0.4px;
  text-align: right;
  line-height: 1;
}

.mnodr_giftcard_from {
  margin-top: 6px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.4px;
  text-align: right;
  line-height: 1;
}

.mnodr_bubble_bx {
  padding: 20px 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_bubble_bx.ty_morning {
  position: relative;
  margin-top: 30px;
  padding: 15px 16px;
  background: #8097af;
}
.mnodr_bubble_bx.ty_morning:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  margin-top: -1px;
  border: 8px solid transparent;
  border-top: 10px solid #f5f5f5;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-top-color: #8097af;
}

.mnodr_bubblebx_delivery {
  position: absolute;
  top: 90px;
  left: 15px;
  padding: 6px 9px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 22;
  opacity: 0;
}
.mnodr_bubblebx_delivery:before {
  content: "";
  position: absolute;
  top: -3px;
  left: 10px;
  overflow: hidden;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_bubblebx_delivery p {
  color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_bubblebx_delivery.animate {
  -webkit-animation: fadeIn 0.5s ease-out forwards, fadeOut 0.6s ease-out 5s forwards;
          animation: fadeIn 0.5s ease-out forwards, fadeOut 0.6s ease-out 5s forwards;
}

.mnodr_bubblebx_orderplus {
  display: none;
  position: absolute;
  bottom: 100%;
  left: -16px;
  right: -16px;
  padding: 6px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-shadow: 0 0 1px 1px #222222;
          box-shadow: 0 0 1px 1px #222222;
  border-radius: 2px;
  z-index: 22;
}
.mnodr_bubblebx_orderplus:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -4px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  overflow: hidden;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-left: 1px solid #222222;
  border-top: 1px solid #222222;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_bubblebx_orderplus p {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}

.mnodr_bubblebx_giftsvc,
.mnodr_bubblebx_black {
  position: absolute;
  padding: 6px;
  margin-bottom: 6px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 22;
}
.mnodr_bubblebx_giftsvc:before,
.mnodr_bubblebx_black:before {
  content: "";
  position: absolute;
  top: auto;
  bottom: -3px;
  left: 22px;
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-left: 1px solid #222222;
  border-top: 1px solid #222222;
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_bubblebx_giftsvc p,
.mnodr_bubblebx_black p {
  color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}

.mnodr_bubblebx_giftsvc {
  bottom: 100%;
  left: 0;
  opacity: 0;
  -webkit-animation: fadeIn 0.5s ease-out forwards, fadeOut 0.6s ease-out 5s forwards;
          animation: fadeIn 0.5s ease-out forwards, fadeOut 0.6s ease-out 5s forwards;
}

.mnodr_ct_step3 ~ .mnodr_toolbar2 .mnodr_bubblebx_black {
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: -9px;
}

.mnodr_ct_step4 .mnodr_bubblebx_black {
  right: -3px;
  bottom: 100%;
  margin-bottom: 3px;
}
.mnodr_ct_step4 .mnodr_bubblebx_black:before {
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(225deg);
          transform: translateX(-50%) rotate(225deg);
}

.mnodr_bn a {
  display: block;
}
.mnodr_bn img {
  display: block;
  width: 100%;
}

.mnodr_dl_desc {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 3px;
}
.mnodr_dl_desc > dt {
  display: table-cell;
  width: 120px;
}
.mnodr_dl_desc > dd {
  display: table-cell;
}
.mnodr_dl_desc > dd .mnodr_tx_desc {
  overflow: hidden;
}

.mnodr_appbar {
  z-index: 100;
}
.mnodr_appbar .mnodr_ic {
  margin: 0 auto;
  -webkit-transform: translateY(9px);
          transform: translateY(9px);
}
.mnodr_appbar input + label .ic_appbar_down {
  display: none;
}
.mnodr_appbar input + label .ic_appbar_up {
  display: block;
}
.mnodr_appbar input + label .mnodr_appbar_wrap {
  display: block;
}
.mnodr_appbar input:checked + label .ic_appbar_down {
  display: block;
}
.mnodr_appbar input:checked + label .ic_appbar_up {
  display: none;
}
.mnodr_appbar input:checked + label .mnodr_appbar_wrap {
  display: none;
}

.mnodr_appbar_toggle {
  display: block;
}

.mnodr_appbar_wrap {
  padding: 15px;
  background: var(--m-colors-white, #ffffff);
  border-top: 1px solid #222;
}

.mnodr_appbar {
  z-index: 100;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_appbar input + label .ic_appbar_up {
  display: none;
}
.mnodr_appbar input + label .ic_appbar_down {
  display: block;
}
.mnodr_appbar input:checked + label .ic_appbar_down {
  display: none;
}
.mnodr_appbar input:checked + label .ic_appbar_up {
  display: block;
}

.mnodr_appbar_wrap {
  padding: 15px;
}

.mnodr_bridge_thmb {
  padding-top: 30px;
  background-color: #323743;
  text-align: center;
}

.mnodr_bridge_img {
  display: inline-block;
  width: 220px;
  margin-left: 10px;
  vertical-align: top;
}
.mnodr_bridge_img img {
  display: block;
  width: 100%;
}

.mnodr_bridge_bx {
  padding: 50px;
  text-align: center;
}

.mnodr_authnumber {
  padding: 40px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_authnumber .mnodr_tx_tit {
  font-weight: normal;
  text-align: center;
}
.mnodr_authnumber .mnodr_bullst.ty1 {
  margin-top: 20px;
}
.mnodr_authnumber .mnodr_copybtn {
  display: block;
  margin: 10px auto 0;
}
.mnodr_authnumber.ty_space_sm {
  padding: 0;
  margin: 20px auto;
}
.mnodr_sharemanage_tab + .mnodr_authnumber {
  margin-top: -21px;
  border-top: 0;
  background: var(--m-colors-white, #ffffff);
}

.mnodr_authnumber_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.mnodr_authnumber_item {
  display: block;
  width: 55px;
  height: 55px;
  line-height: 53px;
}
.mnodr_authnumber_item + .mnodr_authnumber_item {
  margin-left: 8px;
}

.mnodr_authnumber_code {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  background-color: #f2f3f5;
  font-size: 30px;
  color: #6c7080;
  text-align: center;
}

.mnodr_copybtnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 0;
}
.mnodr_copybtnarea .mnodr_copybtn {
  margin: 0;
  margin-left: 5px;
}

.mnodr_copybtn {
  padding: 10px;
  border: 1px solid #d8d8d8;
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  line-height: 1.3;
}

.mnodr_auth_makecode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  background: var(--m-colors-gray150, #f5f5f5);
  border-radius: 4px;
}

.mnodr_bg.ty_gray {
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_bg.ty_pd {
  padding: 10px 15px;
}
.mnodr_bg.ty_opcline {
  border: 1px solid transparent;
  margin: -1px;
}

.mnodr_giftbox {
  display: none;
  position: relative;
  text-align: left;
}
.mnodr_giftbox .mnodr_btn_area {
  position: relative;
}
.mnodr_giftbox .mnodr_btn_area .ic_giftbox {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.mnodr_giftbox.on {
  display: block;
}
.mnodr_giftbox.on .mnodr_tooltip_cont {
  position: absolute;
  right: calc(50% - 30px);
  bottom: 75px;
  width: 300px;
  padding: 24px 20px;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_giftbox_wrap:before {
  content: "";
  display: inline-block;
  border-top: 10px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 20px;
  bottom: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.mnodr_giftbox_header .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_giftbox_header .mnodr_tx_tit2 {
  letter-spacing: -0.67px;
}

.mnodr_giftbox_cont .mnodr_btn_area {
  margin-top: 8px;
}

.mnodr_giftbox_footer .mnodr_btn_area {
  margin-top: 8px;
}
.mnodr_giftbox_footer .mnodr_btn.ty_light + .mnodr_btn.ty_light {
  margin-left: 8px;
}

.mnodr_makeprofile .mnodr_sec.ty_privacy:before {
  display: none;
}

.mnodr_gift_pkg_sec {
  padding: 10px;
  background: var(--m-colors-gray150, #f5f5f5);
  margin: 0 15px 20px;
}
.mnodr_gift_pkg_sec .mnodr_tx_link {
  float: right;
  text-decoration: underline;
}
.mnodr_gift_pkg_sec .mnodr_form_cont {
  display: none;
}
.mnodr_gift_pkg_sec.on .mnodr_form_cont {
  display: block;
}

.codr_unit .mnodr_btn_freebies {
  display: inline-block;
  margin-top: 10px;
  font-size: inherit;
  color: inherit;
  text-decoration: underline;
  text-align: left;
}

.codr_unit_unable {
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  padding-left: 2px;
  margin-top: 8px;
}

.codr_tbl_privacy + .codr_contxt {
  margin-top: 10px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
}

/* 나의주문내역 상세조회 헤더 */
.mnodr_filter_head {
  position: relative;
  padding: 13px 16px;
  line-height: 18px;
  background: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray600, #777777);
  font-size: 13px;
}
.mnodr_filter_head .codr_srch_btn {
  float: right;
  color: var(--m-colors-gray600, #777777);
  line-height: 1.4;
}
.mnodr_filter_head .codr_srch_btn .ico_more {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-left: 3px;
}
.mnodr_filter_head .codr_srch_btn .ico_more:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: var(--m-colors-gray400, #969696);
}
.mnodr_filter_head .codr_srch_btn .ico_more:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: var(--m-colors-gray400, #969696);
}

/* 운영 반영 전(s) */
.mnodr_filter_head.v2 {
  position: -webkit-sticky;
  position: sticky;
  top: 45px;
  left: 0;
  right: 0;
  z-index: 2222;
  padding: 13px 16px;
  line-height: 18px;
  background: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray600, #777777);
  font-size: 13px;
}
.mnodr_filter_head.v2 .codr_srch_btn {
  float: right;
  color: var(--m-colors-gray600, #777777);
  line-height: 1.4;
}
.mnodr_filter_head.v2 .codr_srch_btn .ico_more {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-left: 3px;
}
.mnodr_filter_head.v2 .codr_srch_btn .ico_more:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 2px;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: var(--m-colors-gray400, #969696);
}
.mnodr_filter_head.v2 .codr_srch_btn .ico_more:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 10px;
  top: 0;
  left: 50%;
  margin-left: -1px;
  background: var(--m-colors-gray400, #969696);
}

.mnodr_filter_head2 {
  position: relative;
  padding: 13px 15px;
  line-height: 18px;
  color: var(--m-colors-gray400, #969696);
  font-size: 13px;
}
.mnodr_filter_head2 .mnodr_control_tx + .mnodr_control_tx {
  margin-left: 0;
}
.mnodr_filter_head2 .mnodr_control_tx + .mnodr_control_tx:before {
  content: "";
  top: 50%;
  left: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background: #d9d9d9;
}
.mnodr_filter_head2 .mnodr_selbox .mnodr_selbox_selected:after {
  border: none;
  width: 20px;
  height: 20px;
  margin: 0;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.11001 8.59L6.82001 7.88L10 11.06L13.18 7.88L13.89 8.59L10 12.47L6.11001 8.59Z" fill="%23969696"/></svg>');
}
.mnodr_filter_head2 .mnodr_selbox.on .mnodr_selbox_selected:after {
  -webkit-transform: rotate(180deg) translateY(0);
          transform: rotate(180deg) translateY(0);
}
.mnodr_filter_head2 .codr_srch_btn {
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: var(--m-colors-gray400, #969696);
  line-height: 1.4;
}
.mnodr_filter_head2 .codr_srch_btn .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-filter: invert(62%) sepia(0%) saturate(1179%) hue-rotate(142deg) brightness(97%) contrast(89%);
          filter: invert(62%) sepia(0%) saturate(1179%) hue-rotate(142deg) brightness(97%) contrast(89%);
}

/* //운영 반영 전(e) */
.mnodr_cart_guide {
  margin-bottom: 90px;
}
.mnodr_cart_guide .mnodr_cart_guide_title {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  margin: 37px 0 31px;
  text-align: center;
}
.mnodr_cart_guide .mnodr_cart_guide_title .point {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_cart_guide .mnodr_cart_guide_desc {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 1.3;
  padding: 10px 0;
}
.mnodr_cart_guide .mnodr_cart_guide_img {
  display: block;
  max-width: 100%;
  margin: 30px auto 0;
}
.mnodr_cart_guide .mnodr_cart_guide_imgbox {
  overflow: hidden;
  width: 285px;
  height: 0;
  position: relative;
  margin: 30px auto 0;
}
.mnodr_cart_guide .mnodr_cart_guide_imgbox.ty1 {
  padding-bottom: 55%;
}
.mnodr_cart_guide .mnodr_cart_guide_imgbox.ty2 {
  padding-bottom: 68%;
}
.mnodr_cart_guide .mnodr_cart_guide_imgbox img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.mnodr_cart_info .mnodr_cart_info_title {
  padding-top: 24px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
}
.mnodr_cart_info .mnodr_cart_info_desc {
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  letter-spacing: -0.5px;
  line-height: 1.3;
  padding-top: 10px;
}
.mnodr_cart_info .mnodr_cart_info_imgbox img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular {
  padding-bottom: 40px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_tx_tit {
  margin: 0;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_rows,
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_tx_point,
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_tx_desc3 {
  margin-top: 14px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_tx_desc {
  line-height: normal;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_tx_desc.mnodr_tx_gray2 {
  margin: 0;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item:not(:first-of-type) {
  margin-top: 10px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item .mnodr_noregular_item_thmb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
  height: 60px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item .mnodr_noregular_item_thmb > img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item .mnodr_noregular_item_tit {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 14px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item .mnodr_noregular_item_tit > .mnodr_tx_desc {
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_modal_noregular .mnodr_noregular_item .mnodr_noregular_item_tit > .mnodr_tx_desc.mnodr_tx_semibold {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_originprice {
  line-height: normal;
  padding-bottom: 40px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_originprice h4 {
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-semibold, 600);
  margin-top: 20px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_originprice .mnodr_tx_tit + div h4 {
  margin-top: 0;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_originprice p {
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray700, #666666);
  margin-top: 10px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont.mnodr_originprice + .mnodr_modal_foot .mnodr_btn {
  font-size: 15px;
  font-weight: 500;
}

.body_and.body_app.hasAppbar #_layerOdrSrcDtl .mnodr_modal_foot {
  padding-bottom: 55px;
}
.body_and.body_app.hasAppbar #_layerOdrSrcDtl .mnodr_modal_foot.focusIn {
  padding-bottom: 0;
}

.mnodr_thickhr {
  width: 100%;
  height: 11px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_delivery_image_banner_link {
  height: 90px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: white;
  background-color: var(--m-colors-gray200, #f0f0f0);
}
.mnodr_delivery_image_banner_link .banner_image_bg {
  width: 100%;
  height: 90px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mnodr_delivery_image_banner_link .banner_image {
  height: 90px;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mnodr_delivery_image_banner_link .banner_text_area {
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-block: auto;
  padding-left: 24px;
  padding-right: 100px;
  overflow: hidden;
  line-height: normal;
}
.mnodr_delivery_image_banner_link .banner_text_area .banner_title {
  font-size: var(--m-fontSizes-2xl, 18px);
  font-weight: var(--m-fontWeights-bold, 700);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mnodr_delivery_image_banner_link .banner_text_area .banner_description {
  margin-top: 6px;
  font-size: var(--m-fontSizes-2xs, 11px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mnodr_buyoften {
  margin: 0 auto 20px;
}
.mnodr_buyoften .mnodr_unit_item.ty_circle:first-child {
  border-top: none;
}
.mnodr_buyoften .mnodr_unit_item.ty_circle:last-child {
  border-bottom: none;
}
.mnodr_buyoften .cmtit_heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 35px 0 0;
  padding: 0 16px;
}
.mnodr_buyoften .cmtit_heading .cmitem_tt_adinfo {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 5px;
}
.mnodr_buyoften .cmtit_heading .ssg-tooltip-layer {
  top: 17px;
}
.mnodr_buyoften .cmhorizontal_scrollitem .cmitem_grid {
  padding: 0 16px;
}
.mnodr_buyoften .cmtit_heading {
  margin: 30px 0 0;
}

.mnodr_buyoften_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray500, #888888);
  margin-bottom: 20px;
}

.mnodr_buyoften_headertit {
  display: block;
  font-size: 15px;
}

.mnodr_buyoften_headertx {
  display: block;
  font-size: 13px;
}

.mnodr_buyoften_morebtn {
  display: block;
  width: 345px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  border: solid 1px #ededed;
  color: var(--m-colors-gray500, #888888);
  font-size: 13px;
  text-align: center;
}

/*---------------- 최경선(s) ----------------*/
.m_content.ty_bg > .mnodr_article_list, .m_content.ty_bg > .mnodr_article {
  margin: 10px 16px;
}

.mnodr_article {
  margin: 20px 14px;
  border: 0;
  border-radius: 12px;
  background: white;
}
.mnodr_article:before, .mnodr_article:after {
  content: "";
  display: block;
  padding-top: 0.01rem;
  margin-top: -0.01rem;
}
.mnodr_article > a {
  display: block;
}
.mnodr_article.ty_bd {
  border: 1px solid #222;
}
.mnodr_article.ty_full {
  overflow: visible;
  margin: 0;
  border: 0;
  border-radius: none;
}

.mnodr_article_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 20px 16px 15px;
  line-height: 1;
}
.mnodr_article_head.ty_narrow {
  margin: 10px 16px;
}
.mnodr_article_head .ic_alternative {
  margin-right: 2px;
}
.mnodr_article_head.mnodr_acdo_btn {
  margin: 0;
  padding: 20px 16px 15px;
}

.mnodr_article_headlt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.mnodr_article_headlt .cm_mall_ic,
.mnodr_article_headlt .cm_mall_ship {
  vertical-align: middle;
}
.mnodr_article_headlt .mnodr_tx_tit {
  display: inline-block;
  vertical-align: middle;
}
.mnodr_article_headlt .mnodr_tx_tit:not(:first-child) {
  margin-left: 5px;
}

.mnodr_article_headrt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_article_headrt .mnodr_toggle_btn {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -203px -155px;
  background-size: 472px 463px;
  width: 12px;
  height: 7px;
}
.mnodr_article_headrt .mnodr_toggle_btn.on {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -317px -390px;
  background-size: 472px 463px;
  width: 12px;
  height: 7px;
}

.mnodr_article_headbubble {
  position: absolute;
  bottom: 100%;
  left: -10px;
  margin-bottom: 10px;
}
.mnodr_article_headbubble > p {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 6px;
  border: 1px solid var(--m-colors-gray900, #222222);
  border-radius: 4px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_article_headbubble > p::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 20px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  background-color: var(--m-colors-gray900, #222222);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.mnodr_article_headbubble.ty_cartbubble {
  width: 190px;
  left: auto;
  right: 20px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.mnodr_article_headbubble.ty_cartbubble > p::before {
  left: auto;
  right: 10px;
}
.mnodr_article_headbubble.ty_center {
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.mnodr_article_headbubble.ty_center > p::before {
  top: -6px;
  left: 50%;
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
          clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.mnodr_article_headbubble.ty_topcenter {
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.mnodr_article_headbubble.ty_topcenter::before {
  bottom: -6px;
  left: 50%;
}
.mnodr_article_headbubble.ty_orderlist {
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
.mnodr_article_headbubble.ty_orderlist > p::before {
  top: -6px;
  left: 50%;
}
.codr_btnarea .mnodr_article_headbubble, .codr_btnarea_ctr .mnodr_article_headbubble {
  position: static;
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  margin: -6px auto 4px;
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
}
.codr_btnarea .mnodr_article_headbubble > p:before, .codr_btnarea_ctr .mnodr_article_headbubble > p:before {
  top: -6px;
  left: 50%;
  margin-left: -4px;
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
          clip-path: polygon(50% 0, 0 100%, 100% 100%);
}
.codr_btnarea .mnodr_article_headbubble.ty_left p:before, .codr_btnarea_ctr .mnodr_article_headbubble.ty_left p:before {
  left: 20px;
  margin-left: 0;
}
.codr_btnarea .mnodr_article_headbubble.ty_top > p, .codr_btnarea_ctr .mnodr_article_headbubble.ty_top > p {
  margin-bottom: 6px;
}
.codr_btnarea .mnodr_article_headbubble.ty_top > p::before, .codr_btnarea_ctr .mnodr_article_headbubble.ty_top > p::before {
  top: auto;
  bottom: -6px;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.codr_btnarea ul + .mnodr_article_headbubble {
  margin-top: -10px;
}

.mnodr_notice_bubble {
  margin-bottom: 4px;
  padding-bottom: 6px;
}
.mnodr_notice_bubble > p {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid var(--m-colors-gray900, #222222);
  border-radius: 4px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.2;
}
.mnodr_notice_bubble > p::before {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 8px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  background-color: var(--m-colors-gray900, #222222);
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.mnodr_notice_bubble + .mnodr_form_tit {
  margin-top: 4px;
}

.mnodr_bene_bubble {
  margin: 6px 0 0 45px;
  padding: 5px 0 6px;
}
.mnodr_bene_bubble > p {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 8px;
  border: 1px solid var(--m-colors-gray900, #222222);
  border-radius: 4px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.2;
}
.mnodr_bene_bubble > p::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 4px;
  overflow: hidden;
  width: 8px;
  height: 6px;
  background-color: var(--m-colors-gray900, #222222);
  -webkit-clip-path: polygon(50% 0, 0 100%, 100% 100%);
          clip-path: polygon(50% 0, 0 100%, 100% 100%);
}

.mnodr_article_cont.ty_pull {
  margin-top: -15px;
}
.mnodr_article_cont.ty_line {
  position: relative;
}
.mnodr_article_cont.ty_line:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_article_head_subtx + .mnodr_article_cont.ty_line {
  margin-top: -5px;
}
.mnodr_article_cont.ty_line2 {
  position: relative;
}
.mnodr_article_cont.ty_line2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  border-top: 1px solid #e5e5e5;
}
.mnodr_article_head_subtx + .mnodr_article_cont.ty_line2 {
  margin-top: -5px;
}
.mnodr_article_cont > .mnodr_form_sec {
  padding-left: 16px;
  padding-right: 16px;
}
.mnodr_article_cont > .mnodr_form_sec.mnodr_acdo_toggle {
  border-top: none;
}
.mnodr_article_cont > .mnodr_form_sec.mnodr_acdo_toggle + .mnodr_article_foot {
  display: none;
}
.mnodr_article_cont .mnodr_unit_item {
  padding: 20px 0;
}
.mnodr_article_cont .mnodr_unit_item:first-child {
  padding-top: 0;
  border-top: none;
}
.mnodr_article_cont .mnodr_unit_item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.mnodr_article_cont .mnodr_unit_item .mnodr_unit_prdpay .mnodr_unit_option {
  margin-top: 0;
}
.mnodr_article_cont .mnodr_cmbtn_area:last-child {
  padding: 0 16px 20px;
}

.mnodr_article_addcont {
  overflow: hidden;
  padding: 0 16px 20px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.mnodr_article_head_subtx ~ .mnodr_article_addcont {
  margin-top: -4px;
}

.mnodr_article_foot {
  overflow: hidden;
  background-color: var(--m-colors-gray300, #e5e5e5);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.mnodr_article_foot .mnodr_article {
  background-color: var(--m-colors-gray300, #e5e5e5);
}

.mnodr_article_footbtn {
  width: 100%;
}
.mnodr_article_footbtn .mnodr_ic_arr {
  right: 9px;
}

.mnodr_choice_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 20px;
}
.mnodr_choice_head .cm_mall_ic {
  vertical-align: middle;
}
.mnodr_choice_head .mnodr_rdotab_btn {
  display: inline-block;
  vertical-align: middle;
}
.mnodr_choice_head .mnodr_tx_tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  white-space: nowrap;
}
.mnodr_choice_head .mnodr_tx_tit:not(:first-child) {
  margin-left: 5px;
}
.mnodr_choice_head .mnodr_tx_tit .mnodr_tx_desc2 {
  position: relative;
  padding-left: 6px;
  vertical-align: middle;
}
.mnodr_choice_head .mnodr_tx_tit .mnodr_tx_desc2:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--m-colors-gray900, #222222);
}
.mnodr_choice_head .mnodr_choice_headrt {
  margin-left: 15px;
}

.mnodr_choice_cont {
  display: none;
  padding: 10px 0;
}

:checked + .mnodr_choice_btn .mnodr_rdotab_btn {
  border: 1px solid var(--m-colors-primary, #a59357);
}
:checked + .mnodr_choice_btn .mnodr_rdotab_btn:before {
  display: block;
}

:checked + .mnodr_choice_btn + .mnodr_choice_cont {
  display: block;
}

.mnodr_tbl_terms {
  width: 100%;
  margin-top: 10px;
  table-layout: fixed;
  border-collapse: collapse;
  border-width: 0;
  border-spacing: 0;
}

.mnodr_tbl_terms thead th {
  padding: 10px 0;
  border-left: 1px solid #ffffff;
  background: var(--m-colors-gray150, #f5f5f5);
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  line-height: 16px;
  font-weight: normal;
  text-align: center;
}

.mnodr_tbl_terms thead th:first-child {
  border-left: 0;
}

.mnodr_tbl_terms tbody th,
.mnodr_tbl_terms td {
  padding: 16px 0 15px 10px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 13px;
  color: #777;
  line-height: 18px;
}

/*---------------- //최경선(e) ----------------*/
/*---------------- 김채민(s) ----------------*/
.ty_txt_right {
  text-align: right;
}

.mnodr_inp_btn_grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  white-space: nowrap;
}
.mnodr_inp_btn_grp .mnodr_inp_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 40px;
  line-height: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  text-align: center;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #e5e5e5;
  border-left: none;
  width: 28%;
}
.mnodr_inp_btn_grp .mnodr_inp_btn .mnodr_btn_tx {
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.mnodr_inp_btn_grp .mnodr_inp_btn:disabled {
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_inp_btn_grp .mnodr_inp_btn:disabled .mnodr_btn_tx {
  color: #ccc;
}
.mnodr_inp_btn_grp .mnodr_inp_txt {
  vertical-align: top;
  display: inline-block;
  width: 72%;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_inp_btn_grp .mnodr_inp_txt.focused {
  border: 1px solid #222;
}
.mnodr_inp_btn_grp .mnodr_inp_txt input {
  height: 38px;
  border: none;
}
.mnodr_inp_btn_grp .mnodr_inp_txt + .mnodr_inp_btn {
  border-left: none;
}
.mnodr_inp_btn_grp .mnodr_inp_sel {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: inline-block;
}
.mnodr_inp_btn_grp .mnodr_inp_sel select {
  font-size: 14px;
}
.mnodr_inp_btn_grp .mnodr_inp_sel + .mnodr_inp_btn {
  border: 1px solid #e5e5e5;
  margin-left: 10px;
}
.mnodr_inp_btn_grp + .mnodr_tx_desc2 {
  margin-top: 5px;
}
.mnodr_inp_btn_grp + .mnodr_infobx {
  margin-top: 15px;
}

.mnodr_acdo_tit_grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5px;
}
.mnodr_acdo_tit_grp.ty_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_acdo_cont.ty_toggle {
  display: none;
}

.mnodr_acdo_toggle .mnodr_acdo_btn .sr_on {
  display: none;
}
.mnodr_acdo_toggle .mnodr_acdo_btn .sr_off {
  display: block;
}
.mnodr_acdo_toggle .mnodr_acdo_btn .icon_chevron_down:after {
  background: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_acdo_toggle .mnodr_acdo_btn .ty_xs.icon_chevron_down:after {
  background: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_acdo_toggle .mnodr_article_head_subtx.mnodr_pt_desc {
  display: block;
}

.mnodr_acdo_toggle.on .mnodr_acdo_cont.ty_toggle {
  display: block;
}
.mnodr_acdo_toggle.on .mnodr_article_head_subtx ~ .mnodr_article_cont {
  margin-top: -20px;
}
.mnodr_acdo_toggle.on .mnodr_article_head_subtx.mnodr_pt_desc {
  display: none;
}
.mnodr_acdo_toggle.on .mnodr_article_head_subtx.mnodr_pt_desc ~ .mnodr_article_cont {
  margin-top: 0;
}
.mnodr_acdo_toggle.on .mnodr_acdo_btn .sr_on {
  display: block;
}
.mnodr_acdo_toggle.on .mnodr_acdo_btn .sr_off {
  display: none;
}
.mnodr_acdo_toggle.on .mnodr_acdo_btn .icon:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mnodr_acdo_toggle.on + .mnodr_article_foot {
  display: block !important;
}
.mnodr_acdo_toggle.on .mnodr_pt_desc {
  display: none;
}

.mnodr_acdo_toggle.ty_depth2 .mnodr_form_sec {
  margin: 0 -15px 0;
  padding-bottom: 0;
  border-top: none;
}
.mnodr_acdo_toggle.ty_depth2 .mnodr_form_sec:first-child {
  padding-top: 10px;
}
.mnodr_acdo_toggle.ty_depth2 .mnodr_acdo_cont.ty_depth2 {
  display: none;
}
.mnodr_acdo_toggle.ty_depth2.on .mnodr_acdo_cont.ty_depth2 {
  display: block;
}
.mnodr_acdo_toggle.ty_depth2 .mnodr_arrow_btn:before {
  content: "";
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 6px solid #969696;
  border-right: 5px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid transparent;
}
.mnodr_acdo_toggle.ty_depth2 .mnodr_arrow_btn.on:before {
  top: 1px;
  border-top: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #969696;
  border-left: 5px solid transparent;
}

.mnodr_arrow_btn {
  position: relative;
  width: 20px;
  height: 20px;
}
.mnodr_arrow_btn:before {
  content: "";
  position: absolute;
  top: 7px;
  right: 5px;
  border-top: 6px solid #969696;
  border-right: 5px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 5px solid transparent;
}
.mnodr_arrow_btn.on:before {
  top: 1px;
  border-top: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #969696;
  border-left: 5px solid transparent;
}
.mnodr_arrow_btn.ty_blk:before {
  border-top-color: var(--m-colors-black, #000000);
}
.mnodr_arrow_btn.ty_blk.on:before {
  border-top-color: transparent;
  border-bottom-color: var(--m-colors-black, #000000);
}

.mnodr_chevron_btn {
  position: relative;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_chevron_btn::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M7.332 10.308l0.852-0.852 3.816 3.816 3.816-3.816 0.852 0.852-4.668 4.656-4.668-4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_chevron_btn.on::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.668 13.692l-0.852 0.852-3.816-3.816-3.816 3.816-0.852-0.852 4.668-4.656 4.668 4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}

.mnodr_article_thumblist.ty_bundle5.ty_delivery {
  margin: -8px 0 0 -8px;
}
.mnodr_article_thumblist.ty_bundle5.ty_delivery li {
  padding: 8px 0 0 8px;
}

.mnodr_article_thumblist.ty_bundle5 li {
  position: relative;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 0 0 4px;
}

.mnodr_article_thumblist.ty_delivery .mnodr_article_thumbitem {
  position: relative;
}
.mnodr_article_thumblist.ty_delivery .mnodr_article_thumbitem::before {
  top: 8px;
  left: 8px;
  content: "";
}
.mnodr_article_thumblist.ty_delivery .mnodr_article_thumbitem:nth-of-type(5n) {
  margin-right: 0;
}
.mnodr_article_thumblist.ty_delivery .mnodr_article_thumbitem.ty_more:before {
  left: 8px;
  top: 8px;
}
.mnodr_article_thumblist.ty_delivery .mnodr_article_thumbitem.ty_more .mnodr_article_thumbcount {
  margin: 4px 0 0 4px;
}

.mnodr_unit_banner_delivery_info {
  margin-inline: 16px;
  margin-top: 10px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-delivery-baroquick_light, #ffeed1);
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  border-radius: 8px;
}
.mnodr_unit_banner_delivery_info .button_look_for_delivery {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 10px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: "fit-content";
  padding: 0 8px;
  background-color: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_unit_banner_delivery_info .button_look_for_delivery:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_unit_banner_delivery_info .button_look_for_delivery:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_unit_subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  min-height: 24px;
  padding: 0;
  margin: 12px 16px;
  font-size: 13px;
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_acdo_header + .mnodr_unit_subheader {
  border-top: 0;
  border-bottom: 0;
}

.mnodr_unit_subheader.ty_ship {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_unit_subheader .cm_mall_ship:nth-last-of-type(3),
.mnodr_unit_subheader .cm_mall_ship:nth-last-of-type(4) {
  width: 24px;
  background-size: cover;
  margin-right: 0 !important;
}
.mnodr_unit_subheader .cm_mall_ship:nth-last-of-type(3) ~ .cm_mall_ship,
.mnodr_unit_subheader .cm_mall_ship:nth-last-of-type(4) ~ .cm_mall_ship {
  -webkit-box-shadow: 0px 0px 0 3px #ffffff;
          box-shadow: 0px 0px 0 3px #ffffff;
  margin-left: -3px;
}
.mnodr_unit_subheader .mnodr_mall_ship:first-child {
  padding-left: 0;
}

.mnodr_unit_tmplbene + .mnodr_unit_subheader {
  border-top: 0;
}

.mnodr_unit_tmplbene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  margin: 10px 10px 0;
  padding: 10px 16px;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.mnodr_unit_tmplbene p {
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-semibold, 600);
  color: var(--m-colors-service-universe_primary_02, #002041);
  line-height: 1.234;
}
.mnodr_unit_tmplbene a {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  height: 23px;
}
.mnodr_unit_tmplbene img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

/* Check Toggle Contents */
.mnodr_togglechk_cont {
  display: none;
}

.mnodr_togglechk.on .mnodr_togglechk_cont {
  display: block;
}

.mnodr_article_cont .mnodr_unit_item .mnodr_unit_btnarea .mnodr_btn.ty_xxs {
  display: inline-block;
  width: 40px;
  padding: 0;
  margin-top: 6px;
}

.mnodr_choice_lst {
  letter-spacing: -0.3px;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_choice_lst .mnodr_choice_head {
  border: 1px solid #e5e5e5;
  border-bottom: none;
}
.mnodr_choice_lst .mnodr_choice_head .mnodr_tx_tit + .mnodr_tx_desc {
  display: block;
  margin-top: 5px;
  font-size: 13px;
}
.mnodr_choice_lst .mnodr_choice_item:last-child .mnodr_choice_head {
  border-bottom: 1px solid #e5e5e5;
}
.mnodr_choice_lst input:checked + label .mnodr_choice_head {
  border: 2px solid #222 !important;
}
.mnodr_choice_lst.ty2 .mnodr_choice_item {
  margin-top: -1px;
}
.mnodr_choice_lst.ty2 .mnodr_choice_head {
  padding: 16px 20px;
  border: 0 !important;
  -webkit-box-shadow: inset 0 0 0 1px #e5e5e5;
          box-shadow: inset 0 0 0 1px #e5e5e5;
}
.mnodr_choice_lst.ty2 .mnodr_choice_head .mnodr_choice_headrt {
  margin-left: 10px;
}
.mnodr_choice_lst.ty2 .mnodr_choice_head .mnodr_tx_tit {
  font-size: 14px;
}
.mnodr_choice_lst.ty2 input:checked + label .mnodr_choice_head {
  position: relative;
  z-index: 1;
  border: 0 !important;
  -webkit-box-shadow: inset 0 0 0 2px #222;
          box-shadow: inset 0 0 0 2px #222;
}
.mnodr_choice_lst.ty2 input:checked + label .mnodr_tx_tit {
  font-weight: bold;
}

.mnodr_deliv_premium,
.mnodr_deliv_premium_money {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray600, #777777);
  line-height: 1.231;
}
.mnodr_deliv_premium:before,
.mnodr_deliv_premium_money:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 55px;
  height: 55px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: var(--m-colors-delivery-emart, #ffd040);
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_deliv_premium strong,
.mnodr_deliv_premium_money strong {
  display: block;
  margin-bottom: 4px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_deliv_premium:after,
.mnodr_deliv_premium_money:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

.mnodr_deliv_premium:after {
  -webkit-transform: translate(8px, 6px);
          transform: translate(8px, 6px);
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M17.135 11.064l-1.644-1.524 0.816-0.876 0.768 0.72 1.716-1.8 0.876 0.828-2.532 2.652z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M21.624 6.864v-0.516l-4.128-1.644-4.116 1.632v0.516c0 0.204 0 0.456 0.012 0.732h-6.144v2.436h-2.064l-3.384 3.42v5.112h2.616c0.336 0.72 1.068 1.224 1.908 1.224s1.572-0.504 1.908-1.224h4.176c0.336 0.72 1.068 1.224 1.908 1.224s1.572-0.504 1.908-1.224h1.872v-4.776c3.54-1.764 3.528-5.484 3.528-6.912zM3 13.932l2.676-2.7h1.56v4.5c-0.276-0.12-0.588-0.204-0.912-0.204-1.068 0-1.944 0.804-2.088 1.836h-1.236v-3.432zM6.324 18.576c-0.504 0-0.912-0.42-0.912-0.924 0-0.516 0.408-0.924 0.912-0.924s0.912 0.42 0.912 0.924c0 0.516-0.408 0.924-0.912 0.924zM14.316 18.576c-0.504 0-0.912-0.42-0.912-0.924 0-0.516 0.408-0.924 0.912-0.924s0.912 0.42 0.912 0.924c0 0.516-0.408 0.924-0.912 0.924zM16.404 17.364c-0.144-1.032-1.020-1.836-2.088-1.836s-1.944 0.804-2.088 1.836h-3.792v-8.568h5.052c0.24 1.668 1.008 3.78 3.408 4.992v3.576h-0.492zM17.496 12.744c-2.748-1.344-2.916-4.056-2.916-5.592l2.916-1.152 2.928 1.152c-0.012 1.536-0.18 4.248-2.928 5.592z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  width: 42px;
  height: 42px;
}

.mnodr_deliv_premium_money:after {
  -webkit-transform: translate(8px, 8px);
          transform: translate(8px, 8px);
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M14.014 8.287l-0.024 0.084-0.504 2.016h0.696v0.804h-0.912l-0.72 2.892h-0.84l-0.744-2.892h-0.792l-0.012 0.048-0.744 2.856h-0.84l-0.72-2.892h-0.9v-0.816h0.696l-0.516-2.1h0.828l0.012 0.060 0.492 2.040h1.116l0.528-2.1h0.9l0.024 0.060 0.516 2.040h1.128l0.504-2.1h0.828zM8.662 11.203l0.348 1.44 0.36-1.44h-0.708zM10.57 9.643l-0.192 0.744h0.384l-0.192-0.744zM11.758 11.203l0.372 1.44 0.348-1.44h-0.72z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M19.438 5.143v2.328h2.328v12.108h-17.724v-2.34h-2.328v-12.096h17.724zM18.238 6.343h-15.324v9.696h15.324v-9.696zM5.242 18.379h15.324v-9.708h-1.128v8.568h-14.196v1.14z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  width: 39px;
  height: 39px;
}

.mnodr_deliv_unit_sec {
  margin: 20px 16px;
}
.mnodr_deliv_unit_sec:first-of-type {
  margin-top: 40px;
}
.mnodr_deliv_unit_sec .mnodr_tx_tit {
  margin-bottom: 4px;
  white-space: normal;
}
.mnodr_deliv_unit_sec .mnodr_tx_tit.ty2 {
  display: inline-block;
}
.mnodr_deliv_unit_sec .mnodr_tx_tit + .mnodr_tx_desc {
  margin-top: 4px;
  margin-bottom: 10px;
}
.mnodr_deliv_unit_sec .mnodr_form_cont {
  margin-top: 10px;
}
.mnodr_deliv_unit_sec.ty_space {
  margin-top: 40px;
}
.mnodr_deliv_unit_sec[style*="display:none"] + .mnodr_form_sec {
  margin-top: 40px;
}
.mnodr_deliv_unit_sec.ty_date {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 20px;
}

.ty_delive_sel {
  border: 1px solid #e5e5e5;
  text-align: left;
  margin-bottom: 10px;
}
.ty_delive_sel:first-child {
  margin-top: 40px;
}
.ty_delive_sel:last-child {
  margin-bottom: 0;
}
.ty_delive_sel .mnodr_btn_arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 20px;
}
.ty_delive_sel .mnodr_btn_arr .mnodr_tx_tit {
  font-size: 14px;
}
.ty_delive_sel .mnodr_btn_arr .mnodr_tx_desc {
  max-width: 270px;
  white-space: initial;
  margin-top: 5px;
}
.ty_delive_sel .mnodr_tx_desc {
  margin-top: 0;
}
.ty_delive_sel .mnodr_tx_desc2 {
  margin-top: 0;
  position: relative;
  padding-left: 6px;
  margin-left: 6px;
  vertical-align: middle;
  white-space: nowrap;
}
.ty_delive_sel .mnodr_tx_desc2:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--m-colors-gray900, #222222);
}

.mnodr_rdotablist_deliv.ty_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv {
  width: 100%;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv .mnodr_tx_toggle {
  display: inline;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv .mnodr_rdotab_inp + label:before {
  border-right: none;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv .mnodr_rdotab_inp:checked + label .mnodr_tx_toggle {
  display: none;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv:last-child .mnodr_rdotab_inp + label:before {
  border-right: 1px solid #e5e5e5;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_deliv:last-child .mnodr_rdotab_inp:checked + label:before {
  border: 2px solid #222;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_tx {
  padding: 23px 0;
  text-align: center;
}
.mnodr_rdotablist_deliv.ty_row .mnodr_rdotab_tx .mnodr_tx_desc:first-child {
  margin-bottom: 5px;
}
.mnodr_rdotablist_deliv.ty_grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -9px -5px 0;
}
.mnodr_rdotablist_deliv.ty_grid .mnodr_rdotab_deliv {
  width: 33.3%;
  padding: 9px 5px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_rdotablist_deliv.ty_grid .mnodr_rdotab_deliv.ty_col4 {
  width: 25%;
}
.mnodr_rdotablist_deliv.ty_grid .mnodr_rdotab_tx {
  padding: 12px 0;
  text-align: center;
}
.mnodr_rdotablist_deliv.ty_grid .mnodr_rdotab_tx .mnodr_tx_desc + .mnodr_tx_desc {
  margin-top: 2px;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv {
  position: relative;
  outline: none;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_tx_toggle {
  display: inline;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_tx_toggle.on {
  display: none;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp + label:before {
  border: 1px solid #e5e5e5;
  bottom: 0;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp:checked + label {
  font-weight: bold;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp:checked + label:before {
  border: 2px solid #222;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp:checked + label .mnodr_tx_toggle {
  display: none;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp:checked + label .mnodr_tx_toggle.on {
  display: inline;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label {
  background: var(--m-colors-primary, #a59357);
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label .mnodr_tx_desc, .mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label .mnodr_tx_toggle {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label:before {
  border: 2px solid var(--m-colors-primary, #a59357);
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv.disabled input:disabled + label {
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv.disabled input:disabled + label:before {
  background: none;
  border: 1px solid #f5f5f5;
}
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv.disabled input:disabled + label .mnodr_tx_desc,
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv.disabled input:disabled + label .mnodr_tx_desc3 {
  color: #bbb;
}

.mnodr_desc_sec {
  margin-top: 10px;
  background: var(--m-colors-gray100, #fafafa);
  padding: 8px 15px;
}
.mnodr_desc_sec.ty2 {
  white-space: nowrap;
}

.mnodr_unit_info_gift {
  margin-top: 40px;
}
.mnodr_unit_info_gift h4 {
  display: inline-block;
  margin: 1px 3px 10px;
}
.mnodr_unit_info_gift .mnodr_unit_item {
  padding: 20px 0;
}
.mnodr_unit_info_gift .mnodr_unit_item:first-child {
  padding-top: 10px;
}
.mnodr_unit_info_gift .mnodr_unit_item:last-child {
  border-bottom: none;
}

.mnodr_addr_chg_lst {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #f5f5f5;
}
.mnodr_addr_chg_lst li {
  margin-bottom: 10px;
}
.mnodr_addr_chg_lst li:last-child {
  margin-bottom: 0;
}
.mnodr_addr_chg_lst li .mnodr_tx_arr {
  margin: 0 10px;
}

.mnodr_pkg_sec_lst > li {
  border-top: 1px solid #f5f5f5;
  padding: 20px 0;
}
.mnodr_pkg_sec_lst > li:first-child {
  padding-top: 0;
  padding-bottom: 20px;
  border-top: none;
}
.mnodr_pkg_sec_lst > li:last-child, .mnodr_pkg_sec_lst > li:only-child {
  padding-bottom: 0;
}
.mnodr_pkg_sec_lst .mnodr_togglechk.on .mnodr_togglechk_cont {
  margin-top: 3px;
}

.mnodr_mncl_sec {
  padding: 20px 16px;
}
.mnodr_mncl_sec .mnodr_form_sec {
  padding: 20px 0;
}
.mnodr_mncl_sec .mnodr_btn {
  font-size: 14px;
}

.mnodr_bullst_pointcard {
  padding-bottom: 20px;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 20px;
}
.mnodr_bullst_pointcard li {
  margin-bottom: 9px;
}
.mnodr_bullst_pointcard li:last-child {
  margin-bottom: 0;
}
.mnodr_bullst_pointcard + .mnodr_form_sec {
  margin-bottom: 20px;
}
.mnodr_bullst_pointcard + .mnodr_btn {
  margin-top: 10px;
  font-size: 14px;
}

.mnodr_pointcard_btnarea {
  margin: 10px auto 0;
  width: 180px;
}
.mnodr_pointcard_btnarea .mnodr_btn {
  font-size: 14px;
}

.mnodr_devliv_soldout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 40px 0;
  background: var(--m-colors-gray100, #fafafa);
  padding: 15px 16px;
}
.mnodr_devliv_soldout .ic_alternative {
  margin-right: 2px;
}

.mnodr_article_head_subtx {
  padding: 0 16px 20px;
  margin-top: -10px;
}
.mnodr_article_head_subtx:not([style*="display:none"]) + .mnodr_article_cont.ty_pull {
  margin-top: -25px;
}

.mnodr_coupon_sublst {
  margin-top: 7px;
}
.mnodr_coupon_sublst li {
  position: relative;
  padding-left: 13px;
  line-height: 14px;
}
.mnodr_coupon_sublst li:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 3px;
  top: 3px;
  height: 5px;
  width: 5px;
  border-left: 1px solid #888888;
  border-bottom: 1px solid #888888;
}
.mnodr_coupon_sublst li .mnodr_coupon_txt {
  max-width: 190px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 3px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_coupon_sublst li .mnodr_coupon_chg_link {
  vertical-align: top;
  margin-left: 10px;
  line-height: 18px;
}
.mnodr_coupon_sublst li .mnodr_coupon_chg_link .mnodr_tx_link {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_coupon_sublst li .mnodr_tx_desc.mnodr_ellipsis {
  padding-top: 3px;
}

.mnodr_article_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 20px 16px 0;
  padding-bottom: 20px;
  line-height: 1;
  border-bottom: 1px solid #f5f5f5;
}
.mnodr_article_flex.ty_narrow {
  margin: 14px 16px;
  padding-bottom: 0;
  border-bottom: 0;
}

.mnodr_tx_agree {
  display: inline-block;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  line-height: 16px;
}

.mnodr_tel_confirm_tx {
  margin-top: 10px;
}
.mnodr_tel_confirm_tx .mnodr_bullst {
  margin-top: 20px;
}

.mnodr_txlst li {
  margin-top: 10px;
}
.mnodr_txlst li:first-child {
  margin-top: 0;
}

.mnodr_layout_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_layout_flex.ty_sb {
  font-size: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_layout_flex.ty_sb span {
  margin-right: 10px;
  max-width: 210px;
  line-height: 1.3;
}
.mnodr_layout_flex.ty_sb button {
  width: auto;
  text-align: right;
  letter-spacing: -0.3px;
}

.mnodr_mspick_sec + .mnodr_mspick_sec {
  margin-top: 60px;
}

.mnodr_deliv_chg_sec + .mnodr_deliv_chg_sec {
  margin-top: 40px;
}

.mnodr_chk_tx {
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  line-height: 20px;
  margin-left: -2px;
}

.mnodr_subform_sec {
  position: relative;
  padding-left: 15px;
  margin-top: 7px;
}
.mnodr_subform_sec:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 3px;
  top: 2px;
  height: 5px;
  width: 5px;
  border-left: 1px solid #888888;
  border-bottom: 1px solid #888888;
}
.mnodr_subform_sec .mnodr_rdo {
  margin-right: 20px;
}
.mnodr_subform_sec .mnodr_rdo:last-child {
  margin-right: 0;
}
.mnodr_subform_sec .mnodr_rdo input:checked + label {
  font-weight: bold;
}
.mnodr_subform_sec .mnodr_form_lst li:first-child {
  margin-top: 0;
}
.mnodr_subform_sec .mnodr_btn_info_detail {
  margin-top: 1px;
}

.mnodr_ic_arr {
  position: relative;
}
.mnodr_ic_arr:before {
  position: absolute;
  right: -8px;
  top: 50%;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
  margin-top: -2px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}
.mnodr_ic_arr.ty_gray:before {
  border-right: 1px solid #888888;
  border-bottom: 1px solid #888888;
}

.mnodr_article.mnodr_acdo_toggle .mnodr_toggle_btn {
  display: inline-block;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -203px -155px;
  background-size: 472px 463px;
  width: 12px;
  height: 7px;
}
.mnodr_article.mnodr_acdo_toggle.on .mnodr_toggle_btn {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -317px -390px;
  background-size: 472px 463px;
  width: 12px;
  height: 7px;
}

.mnodr_article_cont .mnodr_unit_l {
  max-width: 160px;
}

.mnodr_tbl_surety table {
  width: 100%;
  border-width: 0;
  border-collapse: collapse;
  table-layout: fixed;
  border-spacing: 0;
}

.mnodr_tbl_surety tr:first-child {
  border-top: 1px solid #e5e5e5;
}
.mnodr_tbl_surety tr th {
  text-align: left;
}
.mnodr_tbl_surety tr td {
  padding-left: 11px;
}

.mnodr_tbl_surety th,
.mnodr_tbl_surety td {
  padding: 5px 0;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  font-size: 14px;
  color: var(--m-colors-gray700, #666666);
  line-height: 18px;
  font-weight: normal;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_tbl_surety th:first-child,
.mnodr_tbl_surety td:first-child {
  border-left: 0;
}

.mnodr_article_thumblist_upsell {
  overflow: hidden;
}
.mnodr_article_thumblist_upsell li {
  padding: 0 !important;
  float: left;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle2 li {
  width: 58% !important;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle2 li:last-child {
  float: right;
  margin-top: -16%;
  border: 1px solid #ffffff;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle3 li {
  width: 48% !important;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle3 li:nth-child(-n+2) {
  margin-bottom: 2px;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle3 li:nth-child(odd) {
  margin-right: 2px;
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle3 li .mnodr_article_bg_img {
  position: relative;
  padding-top: 100%;
  height: 0;
  display: block;
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_article_thumblist_upsell.ty_upsell_bundle3 li .mnodr_article_bg_img .mnodr_ic.ic_bg_bundle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mnodr_article_thum_wrap .mnodr_thumbitem_folder button {
  display: block;
  width: 100%;
  padding: 15px;
  margin-bottom: 5px;
}
.mnodr_article_thum_wrap .mnodr_thumbitem_folder.ty_fold {
  display: none;
}
.mnodr_article_thum_wrap .mnodr_thumbitem_folder.ty_open {
  display: block;
}
.mnodr_article_thum_wrap.on .mnodr_thumbitem_folder.ty_fold {
  display: block;
}
.mnodr_article_thum_wrap.on .mnodr_thumbitem_folder.ty_open {
  display: none;
}

.mnodr_charge_btn {
  background: #eef2f7;
  border-radius: 6px;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}
.mnodr_charge_btn .mnodr_tx_desc2 {
  margin: 0 0 0 -10px;
}
.mnodr_charge_btn .mnodr_ic_arr {
  display: inline-block;
  margin-top: -3px;
  vertical-align: middle;
}

.mnodr_delivery_infos .mnodr_article_cont .mnodr_form_sec {
  padding: 10px 16px 20px;
}
.mnodr_delivery_infos .mnodr_article_foot .mnodr_form_sec {
  padding: 15px 16px;
}
.mnodr_delivery_infos .mnodr_bullst.ty1 > li:before {
  background: var(--m-colors-primary, #a59357);
}
.mnodr_delivery_infos .mnodr_article_headlt {
  padding-right: 10px;
}
.mnodr_delivery_infos .mnodr_send_info dd .mnodr_tx_desc {
  margin-bottom: 3px;
}
.mnodr_delivery_infos .mnodr_send_info dd .mnodr_tx_desc:not(:first-child) {
  display: none;
}
.mnodr_delivery_infos .mnodr_send_info.on dd .mnodr_tx_desc {
  display: block;
}
.mnodr_delivery_infos .mnodr_send_info.on dd .mnodr_tx_more {
  display: none;
}
.mnodr_delivery_infos .mnodr_btn_more {
  margin: 3px 0 10px;
}
.mnodr_delivery_infos .mnodr_btn_more.on .ic_arr.ty_arrbottom_gray {
  -webkit-transform: translate(50%, 2px) rotate(-135deg);
          transform: translate(50%, 2px) rotate(-135deg);
}
.mnodr_delivery_infos .mnodr_btn.ty_sm {
  margin-top: 15px;
}
.mnodr_delivery_infos .mnodr_btn.ty_sm .icon.icon_chevron_right {
  width: 12px;
  height: 12px;
}
.mnodr_delivery_infos .mnodr_btn.ty_sm .icon.icon_chevron_right:after {
  -webkit-filter: invert(60%) sepia(3%) saturate(0%) hue-rotate(173deg) brightness(90%) contrast(86%);
          filter: invert(60%) sepia(3%) saturate(0%) hue-rotate(173deg) brightness(90%) contrast(86%);
}
.mnodr_delivery_infos .mnodr_orderer_info {
  margin-top: 8px;
}

.mnodr_gift_move .mnodr_gift_move_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  border-radius: inherit;
  background-color: var(--m-colors-service-present_secondary_01, #d6d2c4);
  font-size: 14px;
  font-weight: 400;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_gift_move .mnodr_gift_move_link:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M17.034 7.2h3.365v4.8h-1.2v8.4l-14.4 0.002v-8.402h-1.2v-4.8h3.365c-0.552-0.879-0.525-2.003 0.070-2.853 0.39-0.559 0.987-0.939 1.658-1.056s1.361 0.038 1.918 0.431c0.572 0.468 0.975 1.109 1.151 1.826l0.239 0.67 0.239-0.669c0.175-0.718 0.579-1.359 1.151-1.827 0.556-0.393 1.246-0.548 1.917-0.431s1.267 0.497 1.657 1.056c0.594 0.851 0.622 1.975 0.070 2.853zM13.372 5.945l-0.448 1.255h1.97c0.271-0.005 0.535-0.091 0.756-0.249 0.619-0.439 0.768-1.295 0.333-1.917-0.207-0.297-0.524-0.5-0.881-0.562s-0.724 0.020-1.020 0.229c-0.358 0.332-0.606 0.767-0.71 1.244zM8.016 5.034c-0.435 0.621-0.287 1.477 0.332 1.916 0.223 0.159 0.49 0.246 0.764 0.25h1.963l-0.448-1.255c-0.104-0.477-0.352-0.911-0.71-1.244-0.228-0.162-0.502-0.25-0.782-0.25-0.079 0-0.158 0.007-0.235 0.021-0.358 0.062-0.676 0.264-0.883 0.562zM4.8 8.4v2.4h6.6v-2.4h-6.6zM11.4 12h-5.4v7.202l5.4-0.001v-7.201zM18 19.2v-7.2h-5.4v7.201l5.4-0.001zM12.6 10.8h6.6v-2.4h-6.6v2.4z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.mnodr_gift_move .mnodr_gift_move_link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M10.452 16.536l-0.852-0.852 3.816-3.816-3.816-3.816 0.852-0.852 4.656 4.668-4.656 4.668z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  margin-left: auto;
}

.mnodr_regulardeliv_infos .mnodr_article_headlt .mnodr_tx_desc3 {
  line-height: 1.2;
}
.mnodr_regulardeliv_infos .mnodr_article_headrt {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mnodr_article_item.ty_unit .mnodr_article_cont .mnodr_form_sec {
  padding: 10px 16px 20px;
}
.mnodr_article_item.ty_msg {
  border-top: none !important;
}
.mnodr_article_item.ty_msg .mnodr_article_cont .mnodr_form_sec {
  padding: 0 16px 20px;
  margin-bottom: 0;
}

header#header.mnodr_head_fix,
.mnodr_head_fix {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  -webkit-tap-highlight-color: transparent;
}

header#header.mnodr_head_fix {
  position: -webkit-sticky;
  position: sticky;
}

.mnodr_coupon_desc {
  margin-top: 5px;
  letter-spacing: -0.3px;
}

.mnodr_coupon_notice {
  margin: 15px 0;
  padding: 10px 15px;
  border-radius: 5px;
  background-color: #e24f39;
  text-align: center;
}

.mnodr_coupon_ssgcard {
  padding-left: 5px;
  margin-bottom: -15px;
}
.mnodr_coupon_ssgcard .mnodr_ssgcard_tx {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.3;
  margin-bottom: 8px;
}

.mnodr_mspick_unit_tit h4 {
  display: inline-block;
}

.bnr_top_mkt {
  display: none;
  background-color: var(--m-colors-primary_light, #f2efe6);
  position: relative;
}
.bnr_top_mkt a {
  padding: 13px 95px 0 38px;
  color: var(--m-colors-gray900, #222222);
  display: block;
  min-height: 32px;
  line-height: 20px;
}
.bnr_top_mkt a::before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M4.8 13.68l-1.44 4.32h17.28l-1.44-4.32v-4.080c0-3.96-3.24-7.2-7.2-7.2s-7.2 3.24-7.2 7.2v4.080zM18 13.8l0.96 3h-13.92l0.96-2.76v-4.44c0-3.36 2.64-6 6-6s6 2.64 6 6v4.2z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M12 21.6C14.04 21.6 15.6 20.04 15.84 18 15.84 17.76 15.72 17.52 15.72 17.28L14.52 17.52C14.52 17.64 14.52 17.88 14.52 18 14.52 19.32 13.44 20.4 12.12 20.4S9.72 19.32 9.72 18C9.72 17.88 9.72 17.64 9.72 17.52L8.52 17.28C8.4 17.52 8.4 17.76 8.4 18 8.4 20.04 9.96 21.6 12 21.6Z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: 15px;
}
.bnr_top_mkt a .txt_mkt {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.bnr_top_mkt a .link_mkt {
  position: absolute;
  top: 13px;
  right: 13px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: normal;
  line-height: 16px;
  padding-top: 2px;
  letter-spacing: -0.3px;
}
.bnr_top_mkt a .link_mkt::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin-top: 1px;
  vertical-align: top;
}

.bnr_top_mmbrs {
  display: none;
  background-color: #966e46;
  position: relative;
}
.bnr_top_mmbrs a {
  padding: 12px 40px 13px 15px;
  color: var(--m-colors-white, #ffffff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bnr_top_mmbrs a .badge {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 4px;
}
.bnr_top_mmbrs a .txt_mmbrs {
  font-size: 13px;
  letter-spacing: -0.3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bnr_top_mmbrs a .link_mmbrs {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.bnr_top_mmbrs a .icon.icon_chevron_right {
  width: 12px;
  height: 12px;
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(107%) contrast(101%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(159deg) brightness(107%) contrast(101%);
}

.bnr_top_push {
  display: block;
  background-color: var(--m-colors-primary_light, #f2efe6);
  position: relative;
}
.bnr_top_push a,
.bnr_top_push button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  padding: 10px 80px 10px 40px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-gray900, #222222);
  text-align: left;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bnr_top_push a::before,
.bnr_top_push button::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M4.8 13.68l-1.44 4.32h17.28l-1.44-4.32v-4.080c0-3.96-3.24-7.2-7.2-7.2s-7.2 3.24-7.2 7.2v4.080zM18 13.8l0.96 3h-13.92l0.96-2.76v-4.44c0-3.36 2.64-6 6-6s6 2.64 6 6v4.2z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M12 21.6C14.04 21.6 15.6 20.04 15.84 18 15.84 17.76 15.72 17.52 15.72 17.28L14.52 17.52C14.52 17.64 14.52 17.88 14.52 18 14.52 19.32 13.44 20.4 12.12 20.4S9.72 19.32 9.72 18C9.72 17.88 9.72 17.64 9.72 17.52L8.52 17.28C8.4 17.52 8.4 17.76 8.4 18 8.4 20.04 9.96 21.6 12 21.6Z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.bnr_top_push a .txt_mkt,
.bnr_top_push button .txt_mkt {
  font-weight: var(--m-fontWeights-bold, 700);
}
.bnr_top_push a .link_mkt,
.bnr_top_push button .link_mkt {
  position: absolute;
  top: 10px;
  right: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bnr_top_push a .link_mkt:before, .bnr_top_push a .link_mkt:after,
.bnr_top_push button .link_mkt:before,
.bnr_top_push button .link_mkt:after {
  color: var(--m-colors-gray900, #222222);
}
.bnr_top_push a .link_mkt:after,
.bnr_top_push button .link_mkt:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.bnr_top_push a .link_mkt:active,
.bnr_top_push button .link_mkt:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.sticky_mnodr_acdo .mnodr_container_step.ty_headfix #m_content .mnodr_sticky.mnodr_selbox_tab2 {
  -webkit-transition: top 0.1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: top 0.1s cubic-bezier(0.5, 1, 0.89, 1);
  z-index: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sticky_mnodr_acdo .mnodr_acdo_header {
  position: -webkit-sticky;
  position: sticky;
  z-index: 20;
  top: auto;
  -webkit-transition: top 0.1s cubic-bezier(0.5, 1, 0.89, 1);
  transition: top 0.1s cubic-bezier(0.5, 1, 0.89, 1);
}
.sticky_mnodr_acdo .mnodr_acdo {
  margin-bottom: 0;
}
.sticky_mnodr_acdo .mnodr_acdo + .mnodr_acdo {
  margin-top: 0;
  padding-top: 0;
}

.mnodr_bnr_mkt .bnr_top_mkt {
  display: block;
}

.mnodr_bnr_mmbrs .bnr_top_mmbrs {
  display: block;
}

/*---------------- //김채민(e) ----------------*/
/*---------------- 박지홍(s) ----------------*/
.mnodr_infobx {
  position: relative;
  padding: 15px;
  margin-top: 3px;
  background-color: var(--m-colors-gray100, #fafafa);
  border-radius: 6px;
}
.mnodr_infobx .mnodr_tx_desc2 {
  line-height: 20px;
}
.mnodr_infobx .mnodr_rdo {
  margin-right: 20px;
}
.mnodr_infobx .mnodr_rdo:last-child {
  margin-right: 0;
}
.mnodr_infobx .mnodr_rdo input:checked + label {
  font-weight: bold;
}
.mnodr_infobx .mnodr_form_lst li:first-child {
  margin-top: 0;
}

.mnodr_infobx_ssgpay {
  background-color: var(--m-colors-gray100, #fafafa);
  padding: 15px 20px;
}
.mnodr_infobx_ssgpay .mnodr_priceinfo_lst li {
  margin-top: 5px;
}
.mnodr_infobx_ssgpay .mnodr_priceinfo_lst li:first-child {
  margin-top: 0;
}
.mnodr_infobx_ssgpay .mnodr_priceinfo_lst li:last-child {
  border-top: 1px solid #f5f5f5;
  padding-top: 5px;
}

.mnodr_btn_info_detail {
  vertical-align: top;
  line-height: 1;
  font-size: 0;
}
.mnodr_btn_info_detail .icon_circle_chevron_down:after {
  content: "";
  background: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e031";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_btn_info_detail .icon_circle_question:after {
  content: "";
  background: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_replace_item {
  padding: 20px 0;
  margin: 0 20px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_replace_item:first-child {
  border-top: 0 none;
}
.mnodr_replace_item .mnodr_chk input + label {
  padding-left: 35px;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_replace_item .mnodr_chk input + label::before {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-9px);
          transform: translateY(-9px);
}
.mnodr_replace_item .mnodr_chk input:checked + label::after {
  top: 50%;
  -webkit-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
}
.mnodr_replace_item .mnodr_replace_thmb {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 10px;
}
.mnodr_replace_item .mnodr_replace_thmb::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  background: rgba(0, 0, 0, 0.02);
  content: "";
}
.mnodr_replace_item .mnodr_replace_thmb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_replace_item .mnodr_replace_tit {
  display: block;
}

.mnodr_coupon {
  padding-bottom: 40px;
}
.mnodr_coupon .mnodr_form_sec {
  padding: 15px 16px;
}
.mnodr_coupon .mnodr_coupon_sec {
  padding: 0 16px;
}
.mnodr_coupon .mnodr_coupon_sec:first-child {
  margin-top: 30px;
}
.mnodr_coupon .mnodr_coupon_sec + .mnodr_coupon_sec {
  margin-top: 20px;
}
.mnodr_coupon .mnodr_coupon_sec + .mnodr_coupon_sec.ty_othersite {
  margin-top: 10px;
}
.mnodr_coupon .mnodr_emply_discount_info_sec {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  margin: 0 16px;
  padding: 20px;
}
.mnodr_coupon .mnodr_emply_discount_info_sec .mnodr_acdo_tit_grp {
  margin-bottom: 0;
}
.mnodr_coupon .mnodr_emply_discount_info_sec .mnodr_acdo_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_coupon .mnodr_emply_discount_info_sec .mnodr_acdo_tit:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M20.796 3.636l-13.008 3.888h-4.476v8.256h3.96v1.596c0 1.476 1.212 2.676 2.688 2.676s2.688-1.2 2.688-2.676v-0.144l8.148 2.424v-16.020zM4.512 8.724h2.76v5.856h-2.76v-5.856zM11.46 17.376c0 0.816-0.672 1.476-1.488 1.476s-1.488-0.66-1.488-1.476v-1.392l2.988 0.888v0.504h-0.012zM19.596 18.036l-11.124-3.312v-6.156l11.124-3.312v12.78z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_coupon .mnodr_emply_discount_info_sec .mnodr_acdo_cont {
  margin-top: 17px;
}

.mnodr_coupon_ssgpaytxt {
  margin: 7px 0 0;
  color: var(--m-colors-primary, #a59357);
  font-size: 12px;
  letter-spacing: -0.3px;
  line-height: normal;
}

.mnodr_coupon_unit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 15px;
}
.mnodr_coupon_unit:first-child {
  margin-top: 0;
}
.mnodr_coupon_unit input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
  min-width: 0;
  padding: 14px;
  background: var(--m-colors-gray100, #fafafa);
  border-left: 1px dashed #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_coupon_unit input + label[for=_coupon_ssgpay] .mnodr_coupon_chk_ico, .mnodr_coupon_unit input + label[for=_coupon_ssgcomcard] .mnodr_coupon_chk_ico {
  display: none;
}
.mnodr_coupon_unit input + label .mnodr_coupon_ssgpay {
  position: relative;
  display: block;
  white-space: nowrap;
}
.mnodr_coupon_unit input + label .mnodr_coupon_ssgpay:before {
  content: "";
  display: block;
  margin: 0 auto 2px;
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: -121px -84px;
  width: 42px;
  height: 9px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_coupon_unit input + label .mnodr_coupon_ssgpay:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_coupon_unit input + label .mnodr_coupon_ssgcomcard {
  position: relative;
  display: block;
  white-space: nowrap;
}
.mnodr_coupon_unit input + label .mnodr_coupon_ssgcomcard:before {
  content: "";
  display: block;
  margin: 0 auto 2px;
  background-image: url(../img/sprites/sp_mnodr_20211124.png);
  background-position: 0px -359px;
  width: 48px;
  height: 21px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_coupon_unit input + label .mnodr_coupon_ssgcomcard:before {
    background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
    background-size: 472px 463px;
  }
}
.mnodr_coupon_unit input + label .mnodr_coupon_chk_ico {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #969696;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_coupon_unit input + label .mnodr_coupon_chk_tx {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  word-wrap: break-word;
  word-break: keep-all;
  text-align: center;
  line-height: 16px;
}
.mnodr_coupon_unit input + label::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  border: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  content: "";
}
.mnodr_coupon_unit input + label::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 12px;
  height: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--m-colors-white, #ffffff);
  border: solid #d8d8d8;
  border-width: 1px 1px 1px 0px;
  border-radius: 0 24px 24px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  content: "";
}
.mnodr_coupon_unit input:checked + label {
  border-left: 1px dashed #252525;
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay], .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard] {
  background: var(--m-colors-gray100, #fafafa);
  border-left: 1px dashed #d8d8d8;
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay]:before, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard]:before {
  border-width: 1px;
  border-color: #d8d8d8;
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay]:after, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard]:after {
  border-width: 1px 1px 1px 0px;
  border-color: #d8d8d8;
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay] .mnodr_coupon_chk_tx, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard] .mnodr_coupon_chk_tx {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_coupon_unit input:checked + label .mnodr_coupon_chk_ico {
  position: relative;
  border-color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_coupon_unit input:checked + label .mnodr_coupon_chk_ico::after {
  position: absolute;
  top: 4px;
  left: 6px;
  display: block;
  width: 3px;
  height: 6px;
  border: solid 1px #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.mnodr_coupon_unit input:checked + label .mnodr_coupon_chk_tx {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_coupon_unit input:checked + label::before {
  border: 2px solid #222;
}
.mnodr_coupon_unit input:checked + label::after {
  border-color: var(--m-colors-gray900, #222222);
  border-width: 2px 2px 2px 0px;
}
.mnodr_coupon_unit.ty_dim input + label,
.mnodr_coupon_unit.ty_dim input:checked + label, .mnodr_coupon_unit.ty_dim.ty_mmbrs input + label,
.mnodr_coupon_unit.ty_dim.ty_mmbrs input:checked + label, .mnodr_coupon_unit.ty_dim.ty_universe input + label,
.mnodr_coupon_unit.ty_dim.ty_universe input:checked + label {
  background: var(--m-colors-gray100, #fafafa);
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit.ty_dim input + label::before,
.mnodr_coupon_unit.ty_dim input:checked + label::before, .mnodr_coupon_unit.ty_dim.ty_mmbrs input + label::before,
.mnodr_coupon_unit.ty_dim.ty_mmbrs input:checked + label::before, .mnodr_coupon_unit.ty_dim.ty_universe input + label::before,
.mnodr_coupon_unit.ty_dim.ty_universe input:checked + label::before {
  border: 1px solid #d8d8d8;
}
.mnodr_coupon_unit.ty_dim input + label::after,
.mnodr_coupon_unit.ty_dim input:checked + label::after, .mnodr_coupon_unit.ty_dim.ty_mmbrs input + label::after,
.mnodr_coupon_unit.ty_dim.ty_mmbrs input:checked + label::after, .mnodr_coupon_unit.ty_dim.ty_universe input + label::after,
.mnodr_coupon_unit.ty_dim.ty_universe input:checked + label::after {
  border-color: #d8d8d8;
  border-width: 1px 1px 1px 0px;
}
.mnodr_coupon_unit.ty_dim input + label .mnodr_coupon_chk_ico,
.mnodr_coupon_unit.ty_dim input:checked + label .mnodr_coupon_chk_ico, .mnodr_coupon_unit.ty_dim.ty_mmbrs input + label .mnodr_coupon_chk_ico,
.mnodr_coupon_unit.ty_dim.ty_mmbrs input:checked + label .mnodr_coupon_chk_ico, .mnodr_coupon_unit.ty_dim.ty_universe input + label .mnodr_coupon_chk_ico,
.mnodr_coupon_unit.ty_dim.ty_universe input:checked + label .mnodr_coupon_chk_ico {
  border-color: #d1d1d1;
  background: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_coupon_unit.ty_dim input + label .mnodr_coupon_chk_tx,
.mnodr_coupon_unit.ty_dim input:checked + label .mnodr_coupon_chk_tx, .mnodr_coupon_unit.ty_dim.ty_mmbrs input + label .mnodr_coupon_chk_tx,
.mnodr_coupon_unit.ty_dim.ty_mmbrs input:checked + label .mnodr_coupon_chk_tx, .mnodr_coupon_unit.ty_dim.ty_universe input + label .mnodr_coupon_chk_tx,
.mnodr_coupon_unit.ty_dim.ty_universe input:checked + label .mnodr_coupon_chk_tx {
  color: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont {
  color: #bbb;
  background: var(--m-colors-gray100, #fafafa);
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont::before, .mnodr_coupon_unit.ty_dim .mnodr_coupon_cont::after, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont::before, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont::after, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont::before, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont::after {
  border-color: #e8e8e8;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .cmbadge_mmbrs,
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .badge_universe_label, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .cmbadge_mmbrs,
.mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .badge_universe_label, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .cmbadge_mmbrs,
.mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .badge_universe_label {
  background-color: #bbb;
  opacity: 0.5;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont [class^=cmbadge_universe], .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont [class^=cmbadge_universe], .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont [class^=cmbadge_universe] {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.5;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .mnodr_coupon_name,
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .mnodr_coupon_price,
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .mnodr_coupon_tx_gray,
.mnodr_coupon_unit.ty_dim .mnodr_coupon_cont .mnodr_coupon_tx_universe, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .mnodr_coupon_name,
.mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .mnodr_coupon_price,
.mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .mnodr_coupon_tx_gray,
.mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_cont .mnodr_coupon_tx_universe, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .mnodr_coupon_name,
.mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .mnodr_coupon_price,
.mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .mnodr_coupon_tx_gray,
.mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_cont .mnodr_coupon_tx_universe {
  color: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_btn_apply, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_btn_apply, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_btn_apply {
  color: #bbb;
  z-index: 0;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods {
  position: relative;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods::after, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods::after, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.6);
  content: "";
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont {
  z-index: 0;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont button, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont button, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_coupon_dtlcont button {
  color: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li {
  color: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li::before, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li::before, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_bullst.ty3 > li::before {
  background: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl.on .mnodr_acdo_btn::after, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl.on .mnodr_acdo_btn::after, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl.on .mnodr_acdo_btn::after {
  border-bottom-color: #bbb;
}
.mnodr_coupon_unit.ty_dim .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_acdo_btn::after, .mnodr_coupon_unit.ty_dim.ty_mmbrs .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_acdo_btn::after, .mnodr_coupon_unit.ty_dim.ty_universe .mnodr_coupon_goods .mnodr_coupon_dtl .mnodr_acdo_btn::after {
  border-top-color: #bbb;
}
.mnodr_coupon_unit.ty_mmbrs input:checked + label {
  background-color: #966e46;
  border-left-color: #966e46;
}
.mnodr_coupon_unit.ty_mmbrs input:checked + label:before, .mnodr_coupon_unit.ty_mmbrs input:checked + label:after {
  border-color: #966e46;
}
.mnodr_coupon_unit.ty_mmbrs input:checked + label .mnodr_coupon_chk_ico {
  border-color: var(--m-colors-white, #ffffff);
  background-color: #966e46;
}
.mnodr_coupon_unit.ty_mmbrs input:checked + label .mnodr_coupon_chk_tx {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_coupon_unit.ty_mmbrs .cmbadge_mmbrs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 6px;
}
.mnodr_coupon_unit.ty_mmbrs .mnodr_coupon_cont {
  padding: 15px 29px 15px 30px;
}
.mnodr_coupon_unit.ty_mmbrs .mnodr_coupon_name {
  color: #966e46;
}
.mnodr_coupon_unit.ty_mmbrs .mnodr_coupon_name:not(:first-child) {
  margin-top: 3px;
}
.mnodr_coupon_unit.ty_mmbrs .mnodr_coupon_price {
  color: #966e46;
}
.mnodr_coupon_unit.ty_universe input:checked + label {
  background-color: #002041;
  border-left-color: #002041;
}
.mnodr_coupon_unit.ty_universe input:checked + label:before, .mnodr_coupon_unit.ty_universe input:checked + label:after {
  border-color: #002041;
}
.mnodr_coupon_unit.ty_universe input:checked + label .mnodr_coupon_chk_ico {
  border-color: var(--m-colors-white, #ffffff);
  background-color: #002041;
}
.mnodr_coupon_unit.ty_universe input:checked + label .mnodr_coupon_chk_tx {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_coupon_unit.ty_universe .badge_universe_label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 2px;
}
.mnodr_coupon_unit.ty_universe [class^=cmbadge_universe] {
  margin-bottom: 2px;
}
.mnodr_coupon_unit.ty_universe .mnodr_coupon_cont {
  padding: 15px 29px 15px 30px;
}
.mnodr_coupon_unit.ty_universe .mnodr_coupon_name {
  color: #062140;
}
.mnodr_coupon_unit.ty_universe .mnodr_coupon_name:not(:first-child) {
  margin-top: 3px;
}
.mnodr_coupon_unit.ty_universe .mnodr_coupon_price {
  color: #062140;
}
.mnodr_coupon_cont {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px 37px 15px 30px;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  word-wrap: break-word;
  letter-spacing: -0.3px;
}

.mnodr_coupon_name {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_coupon_name.ty_size {
  font-size: 18px;
}

.mnodr_coupon_price {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: -0.3px;
}
.mnodr_coupon_price .ssg_price {
  font-weight: bold;
  font-size: 20px;
}
.mnodr_coupon_price .ssg_tx {
  font-weight: bold;
}

.mnodr_coupon_tx_gray {
  margin-top: 7px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_coupon_tx_gray + .mnodr_coupon_tx_gray {
  margin-top: 0;
}

.mnodr_coupon_tx_mmbrs {
  margin-top: 7px;
  color: #a78353;
}
.mnodr_coupon_tx_mmbrs + .mnodr_coupon_tx_mmbrs {
  margin-top: 0;
}

.mnodr_coupon_tx_red {
  margin-top: 7px;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_coupon_tx_red + .mnodr_coupon_tx_red {
  margin-top: 0;
}

.mnodr_coupon_goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.mnodr_coupon_goods_thmb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  min-width: 30px;
  font-size: 0;
  margin: 0 3px 3px 0;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}
.mnodr_coupon_goods_thmb.ty_dim:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: var(--m-colors-gray900, #222222);
  opacity: 0.6;
}
.mnodr_coupon_goods_thmb img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.mnodr_coupon_btn_apply {
  position: relative;
  width: 100%;
  padding: 8px 0 7px;
  margin-top: 2px;
  letter-spacing: -0.26px;
  border: 1px solid #e5e5e5;
  z-index: 2;
}

.mnodr_coupont .mnodr_coupon_dtl {
  font-size: 12px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px solid #f5f5f5;
}

.mnodr_coupon_dtlcont {
  position: relative;
  max-width: 100%;
  z-index: 2;
}
.mnodr_coupon_dtlcont + .mnodr_coupon_dtlcont {
  margin-top: 5px;
}
.mnodr_coupon_dtlcont .mnodr_acdo_btn {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  padding-right: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_coupon_dtlcont .mnodr_acdo_btn::after {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3px;
  display: block;
  border: solid transparent;
  border-width: 6px 5px 0 5px;
  border-top-color: var(--m-colors-gray400, #969696);
  content: "";
}
.mnodr_coupon_dtlcont .mnodr_coupon_itemtx {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.mnodr_coupon_dtlcont .mnodr_coupon_qtytx {
  vertical-align: middle;
}
.mnodr_coupon_dtlcont.on .mnodr_acdo_btn::after {
  border: solid transparent;
  border-width: 0 5px 6px 5px;
  border-bottom-color: var(--m-colors-gray400, #969696);
}
.mnodr_coupon_dtlcont.on .mnodr_acdo_cont {
  display: block;
}
.mnodr_coupon_dtlcont .mnodr_bullst {
  margin-top: 2px;
}
.mnodr_coupon_dtlcont .mnodr_bullst > li + li {
  margin-top: 2px;
}

.mnodr_modal_applycpn .mnodr_sec {
  padding: 0 20px;
  margin: 20px 0px;
}

.mnodr_goods_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px 0 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item {
  margin: 0 3px 20px 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 110px;
          flex: 1 1 110px;
  min-width: 0;
  max-width: 130px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
@media all and (max-width: 374px) {
  .mnodr_goods_lst.ty_thmb .mnodr_goods_item {
    -ms-flex-preferred-size: 90px;
        flex-basis: 90px;
  }
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item input + label {
  padding: 0;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_thmb {
  position: relative;
  display: block;
  max-width: 110px;
  font-size: 0;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_thmb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_thmb .mnodr_goods_disable {
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 12px 0 11px;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  color: var(--m-colors-white, #ffffff);
  font-size: 14px;
  content: "";
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_cont {
  max-width: 110px;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_tit {
  margin-top: 6px;
  line-height: normal;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_goods_lst.ty_thmb .mnodr_goods_item .mnodr_goods_discnt {
  margin-top: 5px;
}

.mnodr_discount_sec {
  margin: 20px 16px;
}
.mnodr_discount_sec.ty_space {
  margin: 10px 16px 20px;
}
.mnodr_discount_sec + .mnodr_discount_sec {
  border-top: 1px solid #f5f5f5;
  padding-top: 20px;
}
.mnodr_discount_sec[style*="display: none;"] + .mnodr_discount_sec {
  border-top: none;
  padding-top: 0 !important;
}
.mnodr_discount_sec .mnodr_priceitem,
.mnodr_discount_sec .mnodr_priceitem_toggle {
  margin-top: 10px;
}
.mnodr_discount_sec .mnodr_priceitem:first-child,
.mnodr_discount_sec .mnodr_priceitem_toggle:first-child {
  margin-top: 0;
}
.mnodr_discount_sec .mnodr_priceitem_subcont + .mnodr_priceitem,
.mnodr_discount_sec .mnodr_priceitem_subcont + .mnodr_priceitem_toggle {
  margin-top: 20px;
}
.mnodr_discount_sec .mnodr_priceitem_name {
  margin-top: 2px;
}
.mnodr_discount_sec .mnodr_priceitem_name > span {
  display: block;
  width: 100%;
  padding-right: 120px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_discount_sec .mnodr_coupon_sec {
  margin-bottom: 20px;
}
.mnodr_discount_sec .mnodr_coupon_sec .mnodr_form_sec {
  padding: 5px 0 0;
}
.mnodr_discount_sec .mnodr_coupon_sec .mnodr_form_sec + .mnodr_form_sec {
  border-top: none;
}
.mnodr_discount_sec .mnodr_coupon_btn2 {
  position: relative;
  display: block;
  height: 40px;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  color: #777;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-top: 5px;
  font-weight: 500;
}
.mnodr_discount_sec .mnodr_coupon_btn2.ty_blk {
  border: 1px solid #222;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_discount_sec .mnodr_coupon_btn2 .mnodr_ic_arr:before {
  margin-top: -4px;
}
.mnodr_discount_sec .mnodr_coupon_btn2 + .mnodr_priceitem {
  margin-top: 15px;
}
.mnodr_discount_sec .mnodr_ic_arr {
  line-height: 1.2;
}
.mnodr_discount_sec .mnodr_ic_arr:before {
  margin-top: -3px;
}
.mnodr_discount_sec .mnodr_coupon_btn {
  height: 32px;
  font-size: 13px;
  border: 1px solid #cfcfcf;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 16px;
  letter-spacing: -0.03em;
}
.mnodr_discount_sec + .mnodr_article_foot .mnodr_form_sec {
  padding: 15px 16px;
}
.mnodr_discount_sec + .mnodr_article_foot .mnodr_form_sec .mnodr_tx_desc2 {
  line-height: 18px;
}
.mnodr_discount_sec .mnodr_coupon_link {
  display: block;
  margin-top: 4px;
  border-radius: 2px;
}
.mnodr_discount_sec .mnodr_coupon_link:before {
  content: "";
  display: block;
  height: 6px;
  margin-left: auto;
  -webkit-clip-path: polygon(calc(89% - 6px) 7px, calc(89% + 6px) 7px, 89% 0);
          clip-path: polygon(calc(89% - 6px) 7px, calc(89% + 6px) 7px, 89% 0);
}
.mnodr_discount_sec .mnodr_coupon_link .mnodr_coupon_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 2px;
  padding: 6px 11px 4px;
  min-height: 30px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_discount_sec .mnodr_coupon_link.ty_universe_gradient {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_discount_sec .mnodr_coupon_link.ty_universe_gradient:before,
.mnodr_discount_sec .mnodr_coupon_link.ty_universe_gradient .mnodr_coupon_txt {
  background: -webkit-gradient(linear, left top, right top, color-stop(40%, #002041), to(#497cff));
  background: linear-gradient(90deg, #002041 40%, #497cff 100%);
}

.mnodr_point_sec {
  padding-bottom: 20px;
}
.mnodr_point_sec + .mnodr_point_sec {
  padding-bottom: 0;
}
.mnodr_point_sec .mnodr_bullst.ty5 > li {
  line-height: normal;
}
.mnodr_point_sec .mnodr_chk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_point_sec .mnodr_chk input + label {
  padding-right: 20px;
}
.mnodr_point_sec .mnodr_arrow_btn {
  position: absolute;
  top: 0;
  right: 0;
}
.mnodr_point_sec .mnodr_form_sec.ty3:first-child {
  margin-top: 0;
}
.mnodr_point_sec .mnodr_form_sec.ty3[style*="display: none;"] + .mnodr_form_sec.ty3 {
  margin-top: 0;
}

.mnodr_article_partner_point .mnodr_form_sec:last-child {
  margin-bottom: 0;
}
.mnodr_article_partner_point .mnodr_cmbtn_area {
  margin-top: 15px;
}

.mnodr_point_sec .mnodr_cmbtn_area {
  margin-top: 15px;
}

.mnodr_point_dtl {
  margin-top: 15px;
  word-wrap: break-word;
}
.mnodr_point_dtl .mnodr_inp_txt {
  margin-top: 5px;
}
.mnodr_point_dtl .mnodr_form_desc {
  padding-left: 25px;
}
.mnodr_article_ssgpoint .mnodr_point_dtl {
  margin-top: 0;
}
.mnodr_article_partner_point .mnodr_point_dtl {
  margin-top: 10px;
}

.mnodr_article_ssgpoint .mnodr_chk label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mnodr_togglechk_footer {
  padding: 20px 20px 0;
  border-top: 1px solid #969696;
  margin: 0 -20px;
  word-wrap: break-word;
}

.mnodr_btn_phone_num .ic_phone_red {
  margin-right: 5px;
}
.mnodr_btn_phone_num .mnodr_tx_desc2 {
  vertical-align: middle;
}

.mnodr_inp_row_grp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.mnodr_inp_row_grp + .mnodr_inp_row_grp {
  margin-top: 10px;
}
.mnodr_inp_row_grp + .mnodr_btn.ty_sm {
  height: 40px;
}
.mnodr_inp_row_grp .mnodr_inp_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mnodr_inp_row_grp .mnodr_inp_txt + .mnodr_inp_txt {
  margin-top: 0;
  margin-left: 8px;
}
.mnodr_inp_row_grp .mnodr_inp_sel {
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70px;
          flex: 0 0 70px;
}
.mnodr_inp_row_grp .mnodr_inp_sel.ty_full {
  margin-left: 5px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mnodr_inp_row_grp .mnodr_inp_sel.ty_full:first-child {
  margin-left: 0;
}
.mnodr_inp_row_grp button {
  margin-left: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
}
.mnodr_inp_row_grp .mnodr_inp_btn {
  display: block;
  width: 80px;
  -ms-flex-preferred-size: 88px;
      flex-basis: 88px;
  height: 40px;
  line-height: 42px;
  font-size: 14px;
  text-align: center;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #e5e5e5;
}
.mnodr_modal .mnodr_inp_row_grp .mnodr_inp_btn {
  height: 40px;
}
.mnodr_inp_row_grp + .mnodr_infobx {
  margin-top: 15px;
}

.mnodr_btn_add,
.mnodr_btn_delete {
  position: relative;
  display: block;
  width: 42px;
  height: 42px;
  border: 1px solid #d8d8d8;
  background: var(--m-colors-white, #ffffff);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_add::before, .mnodr_btn_add::after,
.mnodr_btn_delete::before,
.mnodr_btn_delete::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  background-color: var(--m-colors-gray900, #222222);
  content: "";
}
.mnodr_btn_add::before,
.mnodr_btn_delete::before {
  width: 20px;
  height: 1px;
}
.mnodr_btn_add::after,
.mnodr_btn_delete::after {
  width: 1px;
  height: 20px;
}

.mnodr_btn_delete::before, .mnodr_btn_delete::after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.mnodr_recipinfo_sec {
  margin-top: 20px;
}
.mnodr_recipinfo_sec:first-child {
  margin-top: 0;
}
.mnodr_recipinfo_sec .mnodr_form_head {
  padding: 0 20px;
}
.mnodr_recipinfo_sec .mnodr_form_head + .mnodr_form_sec {
  margin-top: 15px;
}
.mnodr_recipinfo_sec .mnodr_form_sec.ty_gray {
  background: var(--m-colors-gray100, #fafafa);
  padding: 15px 16px;
  margin-top: 40px;
}
.mnodr_recipinfo_sec .mnodr_tx_msginfo {
  margin-top: 5px;
}

.mnodr_modal .mnodr_auth_cont {
  margin-top: 20px;
}
.mnodr_modal .mnodr_auth_cont .mnodr_inp_row_grp {
  margin-top: 5px;
  margin-bottom: 5px;
}

/*---------------- //박지홍(e) ----------------*/
/*---------------- 심재철(s) ----------------*/
.mnodr_article_list._v2 {
  background: none;
}
.mnodr_article_list._v2 > li {
  background: var(--m-colors-white, #ffffff);
  border-radius: 8px;
}
.mnodr_article_list._v2 > li:not(:first-of-type) {
  margin-top: 20px;
}
.mnodr_article_list._v2 .mnodr_article_headbubble {
  left: 70px;
  bottom: 70%;
}
.mnodr_article_list._v2 .mnodr_article_head {
  min-height: 40px;
  max-height: 52px;
  margin: 0;
  padding: 10px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px 8px 0 0;
}
.mnodr_article_list._v2 .mnodr_article_head .mnodr_article_headlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 15.5px;
}
.mnodr_article_list._v2 .mnodr_article_head .mnodr_article_headlt .cm_mall_ship {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_article_list._v2 .mnodr_article_head .mnodr_article_headrt {
  margin-left: 16px;
}
.mnodr_article_list._v2 .mnodr_article_head .mnodr_tx_tit {
  text-align: left;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
  line-height: 1.25 !important;
  -webkit-line-clamp: 2;
  max-height: 2.5em;
  font-size: var(--m-fontSizes-sm, 13px);
}
.mnodr_article_list._v2 .mnodr_article_head .mnodr_tx_tit .mnodr_tx_num {
  font-size: var(--m-fontSizes-sm, 13px);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_mnmorning {
  background: var(--m-colors-delivery-earlymorning_light, #d5dee8);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_mnmorning .mnodr_btn.ty_grayline {
  border: 0;
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_em {
  background: var(--m-colors-delivery-emart_light, #ffe98b);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_em .mnodr_btn.ty_grayline {
  border: 0;
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_star {
  background: var(--m-colors-delivery-star_light, #e7deff);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_star .mnodr_btn.ty_grayline {
  border: 0;
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_tr {
  background: var(--m-colors-delivery-traders_light, #d6ef9c);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_tr .mnodr_btn.ty_grayline {
  border: 0;
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_delivery .mnodr_tx_tit, .mnodr_article_list._v2 .mnodr_article_head.head_type_pickup .mnodr_tx_tit {
  height: 20px;
  border-radius: 10px;
  padding: 0 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-2xs, 11px);
  background-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_article_list._v2 .mnodr_article_head.head_type_pickup .mnodr_tx_tit {
  background-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_article_list._v2 .mnodr_article_mall_ship.today {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 10px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-bold, 700);
  padding: 0 6px;
  background-color: var(--m-colors-delivery-depart_today, #8807f3);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex: none;
      flex: none;
  margin-right: 5px;
}
.mnodr_article_list._v2 .mnodr_article_mall_ship.today + .mnodr_tx_tit {
  margin-left: 0;
}
.mnodr_article_list._v2 .mnodr_article_cont.ty_pull {
  margin: 0;
}
.mnodr_article_list._v2 .mnodr_article_cont {
  padding: 14px 20px 14px;
}
.mnodr_article_list._v2 .mnodr_article_cont.on .mnodr_arrow_btn:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mnodr_article_list._v2 .mnodr_article_cont .article_cont_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding-right: 20px;
}
.mnodr_article_list._v2 .mnodr_article_cont .article_cont_btn p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_article_list._v2 .mnodr_article_cont .article_cont_btn p span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.mnodr_article_list._v2 .mnodr_article_cont .mnodr_arrow_btn {
  width: 28px;
  height: 28px;
  font-size: 0;
}
.mnodr_article_list._v2 .mnodr_article_cont .mnodr_arrow_btn:before {
  border: 0;
  position: static;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M7.332 10.308l0.852-0.852 3.816 3.816 3.816-3.816 0.852 0.852-4.668 4.656-4.668-4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_article_list._v2 .mnodr_article_cont .mnodr_form_sec {
  padding: 0;
}
.mnodr_article_list._v2 .mnodr_fungible_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_article_list._v2 .mnodr_fungible_item button {
  background: var(--m-colors-gray200, #f0f0f0);
  border-radius: 0 0 8px 8px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 20px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--m-colors-gray800, #444444);
}
.mnodr_article_list._v2 .mnodr_fungible_item button > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-sm, 13px);
}
.mnodr_article_list._v2 .mnodr_fungible_item button .fungible_icon_text:before {
  content: "";
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -139px -390px;
  background-size: 472px 463px;
  width: 16px;
  height: 14px;
  margin-right: 8px;
}
.mnodr_article_list._v2 .mnodr_fungible_item button .fungible_text {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_article_list._v2 .mnodr_fungible_item button .fungible_text:before, .mnodr_article_list._v2 .mnodr_fungible_item button .fungible_text:after {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_article_list._v2 .mnodr_fungible_item button .fungible_text:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_article_list._v2 .mnodr_fungible_item button .fungible_text:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_article_list._v2 .mnodr_article_delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_article_list._v2 .mnodr_article_delivery.type_pickup .mnodr_article_delivery_headlt {
  background-color: var(--m-colors-delivery-pickup, #e1d2c8);
}
.mnodr_article_list._v2 .mnodr_article_delivery.type_mobilecoupon .mnodr_article_delivery_headlt {
  background-color: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_article_list._v2 .mnodr_article_delivery.type_mntrip .mnodr_article_delivery_headlt {
  background-color: #b5dfec;
}
.mnodr_article_list._v2 .mnodr_article_delivery_headlt, .mnodr_article_list._v2 .mnodr_article_delivery_btn, .mnodr_article_list._v2 .mnodr_article_delivery_rt {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.mnodr_article_list._v2 .mnodr_article_delivery_btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.mnodr_article_list._v2 .mnodr_article_delivery_btn > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_article_list._v2 .mnodr_article_delivery_btn > p span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
.mnodr_article_list._v2 .mnodr_article_delivery_rt {
  margin-left: 20px;
}
.mnodr_article_list._v2 .mnodr_article_delivery_headlt {
  margin-right: 6px;
  height: 20px;
  border-radius: 10px;
  padding: 0 6px;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  font-size: var(--m-fontSizes-2xs, 11px);
  background-color: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_article_list._v2 .mnodr_article_item + .mnodr_article_item {
  border: 0;
}

.mnodr_article_list {
  border: 0;
  border-radius: 12px;
  margin: 20px 14px;
  letter-spacing: -0.3px;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_article_list:before, .mnodr_article_list:after {
  content: "";
  display: block;
  padding-top: 0.01rem;
  margin-top: -0.01rem;
}
.mnodr_article_list .mnodr_article_item:last-of-type .mnodr_article {
  border-radius: 0 0 12px 12px;
}
.mnodr_article_list + .mnodr_form_sec {
  margin-top: -5px;
}

.mnodr_article_item + .mnodr_article_item {
  border-top: 1px solid #e5e5e5;
}
.mnodr_article_item .mnodr_article {
  margin: 0;
  border-radius: 0;
  background: transparent;
}
.mnodr_article_item.ty_bottom_btn {
  margin: 0 16px;
}

.mnodr_article_thumblist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-height: 50px;
  overflow-y: hidden;
  margin: -4px 0 0 -4px;
}
.mnodr_article_thumblist + .mnodr_article_thumblist {
  margin-top: 0;
}
.mnodr_article_thumblist.on {
  height: auto;
  overflow-y: visible;
}
.mnodr_article_thumblist.on .mnodr_article_thumbitem:nth-of-type(n + 6) {
  display: inline-block;
}
.mnodr_article_thumblist.on .mnodr_article_thumbitem:before {
  background: var(--m-colors-black, #000000);
  opacity: 0.02;
}
.mnodr_article_thumblist.on .mnodr_article_thumbitem .mnodr_article_thumbcount {
  display: none;
}

.mnodr_article_thumbitem {
  position: relative;
}
.mnodr_article_thumbitem:nth-of-type(n + 6) {
  display: none;
}
.mnodr_article_thumbitem::before {
  position: absolute;
  display: block;
  top: 4px;
  left: 4px;
  bottom: 0;
  right: 0;
  background: var(--m-colors-black, #000000);
  opacity: 0.02;
  content: "";
  z-index: 1;
}
.mnodr_article_thumbitem img {
  display: block;
  width: 100%;
  height: 100%;
}
.mnodr_article_thumbitem.ty_more {
  position: relative;
}
.mnodr_article_thumbitem.ty_more:before {
  background: var(--m-colors-gray900, #222222);
  opacity: 0.8;
}
.mnodr_article_thumbitem.ty_more .mnodr_article_thumbcount {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: white;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  margin: 2px 0 0 2px;
  z-index: 2;
}
.mnodr_article_thumbitem .mnodr_article_thumbcount {
  display: none;
}

/*---------------- //심재철(e) ----------------*/
/*---------------- 송윤혜(s) ----------------*/
.mnodr_pay_bx {
  padding: 0 16px 20px;
}
.mnodr_pay_bx .mnodr_acdo_btn .mnodr_state_close {
  display: inline-block;
}
.mnodr_pay_bx .mnodr_acdo_btn .mnodr_state_open {
  display: none;
}
.mnodr_pay_bx .mnodr_acdo_btn.on .mnodr_state_close {
  display: none;
}
.mnodr_pay_bx .mnodr_acdo_btn.on .mnodr_state_open {
  display: inline-block;
}

.mnodr_pay_rdolst {
  overflow: hidden;
  margin: -7px -3px 0;
}
.mnodr_pay_rdolst > li {
  display: block;
  float: left;
  width: 33.3%;
  padding: 10px 3px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_pay_rdolst .mnodr_pay_card_tag {
  position: absolute;
  display: inline-block;
  z-index: 10;
  top: 3px;
  height: 15px;
  right: 8px;
  padding: 0 4px;
  background: var(--m-colors-white, #ffffff);
  font-size: 10px;
  border-radius: 10px;
}
.mnodr_pay_rdolst .mnodr_pay_card_tag.ty_disc {
  border: 1px solid var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}
.mnodr_pay_rdolst .mnodr_pay_card_tag.ty_rcnt {
  border: 1px solid #222;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_pay_rdobtn {
  overflow: hidden;
  display: block;
  position: relative;
  height: 50px;
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1.3;
  text-align: center;
}
.mnodr_pay_rdobtn .mnodr_rdo_tx {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 12px;
  line-height: 17px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_pay_rdobtn input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
          box-shadow: inset 0 0 0 1px #d8d8d8;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_pay_rdobtn input[type=radio]:checked + label {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  background: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-weight: bold;
}
.mnodr_pay_rdobtn input[type=radio]:disabled + label {
  -webkit-box-shadow: inset 0 0 0 2px #d8d8d8;
          box-shadow: inset 0 0 0 2px #d8d8d8;
  background-color: #f9f9f9;
  color: #bbb;
}

.modr_pay_lst {
  overflow: hidden;
  margin: -10px -5px 0;
}
.modr_pay_lst > li {
  display: block;
  float: left;
  width: 33.3%;
  padding: 10px 5px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.modr_pay_lst .bdg_tx {
  position: absolute;
  top: 10px;
  left: 5px;
  z-index: 10;
  color: #323743;
  font-size: 9px;
  color: #323743;
  background-color: #d8d8d8;
  line-height: 13px;
  padding: 0 5px;
}

.mnodr_pay_tab {
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: 50px;
  border: 1px solid #d8d8d8;
  background: var(--m-colors-white, #ffffff);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: middle;
  word-break: keep-all;
}
.mnodr_pay_tab:disabled {
  background: #f9f9f9;
  color: #bbb;
}
.mnodr_pay_tab.on {
  background: var(--m-colors-gray900, #222222);
  border: 1px solid #222;
  font-weight: bold;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_pay_tab.on .mnodr_ic.ic_ssgpay {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -306px -259px;
  background-size: 472px 463px;
  width: 65px;
  height: 14px;
}
.mnodr_pay_tab.on .mnodr_ic.ic_kakaopay {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -122px -359px;
  background-size: 472px 463px;
  width: 54px;
  height: 18px;
}
.mnodr_pay_tab.on .mnodr_ic.ic_payco {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -316px -359px;
  background-size: 472px 463px;
  width: 54px;
  height: 12px;
}
.mnodr_pay_tab.on .mnodr_ic.ic_samsungpay_sm {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -333px -299px;
  background-size: 472px 463px;
  width: 52px;
  height: 24px;
}
.mnodr_pay_tab.mnodr_pay_onsale:before {
  position: absolute;
  top: -7px;
  right: 4px;
  min-width: 40px;
  height: 16px;
  padding: 2px 6px 3px;
  border: 1px solid var(--m-colors-primary, #a59357);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--m-colors-white, #ffffff);
  font-size: 11px;
  line-height: 11px;
  letter-spacing: -0.3px;
  color: var(--m-colors-primary, #a59357);
  content: attr(data-badge-txt);
}

.mnodr_pay_panel {
  margin-top: 20px;
}

.mnodr_panel_sec {
  margin-top: 10px;
}
.mnodr_panel_sec .mnodr_form_tit {
  margin-top: 10px;
  font-weight: normal;
}
.mnodr_panel_sec .mnodr_form_desc {
  padding-left: 25px;
  line-height: 1.2;
}
.mnodr_panel_sec .mnodr_bullst + .mnodr_form_cont {
  margin-top: 20px;
}

.mnodr_payinfo_bx {
  margin-top: 10px;
}
.mnodr_payinfo_bx:first-child {
  margin-top: 0;
}

.mnodr_payinfo_card {
  padding-left: 22px;
}

.mnodr_rdotab_lst {
  margin-bottom: 10px;
}
.mnodr_rdotab_lst:after {
  clear: both;
  content: "";
  display: block;
}
.mnodr_rdotab_lst li {
  float: left;
  margin-right: 40px;
}
.mnodr_rdotab_lst li:last-child {
  margin-right: 0;
}

.modr_pay_descbx {
  margin-top: 5px;
  padding: 15px;
  border-radius: 6px;
  background: var(--m-colors-gray100, #fafafa);
}
.modr_pay_descbx .mnodr_btn_more {
  margin-top: 2px;
  font-size: 0;
  line-height: 1;
  vertical-align: top;
}

.mnodr_card_info {
  font-size: 14px;
}
.mnodr_card_info .mnodr_ic {
  margin-top: -2px;
}
.mnodr_card_info .mnodr_disc_card {
  display: block;
  max-width: 260px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mnodr_card_info .mnodr_bullst_card {
  font-size: 14px;
  color: var(--m-colors-gray500, #888888);
  letter-spacing: -0.3px;
  line-height: 1.21;
}
.mnodr_card_info .mnodr_bullst_card li {
  position: relative;
  margin-top: 5px;
  padding-left: 9px;
}
.mnodr_card_info .mnodr_bullst_card li:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--m-colors-gray500, #888888);
}

.mnodr_otherpay_infobx {
  margin-top: 20px;
}
.mnodr_otherpay_infobx:first-child {
  margin-top: 0;
}
.mnodr_otherpay_infobx + .mnodr_form_lst {
  margin-top: 20px;
}

.mnodr_otherpay_btnarea {
  margin: 5px auto 0;
}

.mnodr_otherpay_btn {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #222;
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 500;
  letter-spacing: -0.3px;
}
.mnodr_otherpay_btn span {
  line-height: 1.2;
}

.mnodr_multi_inpgrp {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mnodr_multi_inpgrp .mnodr_inp_sel,
.mnodr_multi_inpgrp .mnodr_inp_txt {
  display: table-cell;
  vertical-align: top;
}
.mnodr_multi_inpgrp .mnodr_space {
  display: table-cell;
  width: 5px;
}

.mnodr_bxrdo_lst {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.mnodr_bxrdo_lst > li {
  display: table-cell;
}

.mnodr_bxrdo {
  overflow: hidden;
  display: block;
  position: relative;
  height: 40px;
  background: var(--m-colors-white, #ffffff);
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 1.3;
  text-align: center;
}
.mnodr_bxrdo .mnodr_bxrdo_tx {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
  display: block;
  font-size: 14px;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_bxrdo input[type=radio] + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #e0e0e0;
          box-shadow: inset 0 0 0 1px #e0e0e0;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_bxrdo input[type=radio]:checked + label {
  -webkit-box-shadow: inset 0 0 0 2px #222;
          box-shadow: inset 0 0 0 2px #222;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_bxrdo input[type=radio]:disabled + label {
  -webkit-box-shadow: inset 0 0 0 2px #e0e0e0;
          box-shadow: inset 0 0 0 2px #e0e0e0;
  background-color: #f9f9f9;
  color: #bbb;
}

.mnodr_pay_refund {
  margin-top: 20px;
}

.mnodr_toggle_sec .mnodr_payinfo_bx > .mnodr_chk,
.mnodr_toggle_sec .mnodr_togglechk_all > .mnodr_chk {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_toggle_sec .mnodr_payinfo_bx > .mnodr_chk label,
.mnodr_toggle_sec .mnodr_togglechk_all > .mnodr_chk label {
  padding-right: 20px;
}
.mnodr_toggle_sec .mnodr_payinfo_bx > .mnodr_chk .mnodr_acdo_btn,
.mnodr_toggle_sec .mnodr_togglechk_all > .mnodr_chk .mnodr_acdo_btn {
  position: absolute;
  top: 0;
  right: 0;
}
.mnodr_toggle_sec .mnodr_payinfo_bx .mnodr_toggle_hietx,
.mnodr_toggle_sec .mnodr_togglechk_all .mnodr_toggle_hietx {
  padding-left: 24px;
}
.mnodr_toggle_sec .mnodr_payinfo_bx.on .mnodr_toggle_hietx,
.mnodr_toggle_sec .mnodr_togglechk_all.on .mnodr_toggle_hietx {
  display: none;
}
.mnodr_toggle_sec .mnodr_payinfo_bx .mnodr_togglechk_cont,
.mnodr_toggle_sec .mnodr_togglechk_all .mnodr_togglechk_cont {
  margin-top: 15px;
}
.mnodr_toggle_sec .mnodr_payinfo_bx .mnodr_tx_wrap:last-child,
.mnodr_toggle_sec .mnodr_togglechk_all .mnodr_tx_wrap:last-child {
  margin-bottom: 0;
}
.mnodr_toggle_sec .mnodr_form_sec {
  padding: 20px 16px;
}

.m_content.ty_bg .mnodr_article_delivtit {
  margin: 20px 16px 0;
  padding: 8px 10px 7px;
  background-color: var(--m-colors-gray300, #e5e5e5);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-align: center;
}
.m_content.ty_bg .mnodr_article_delivtit .mnodr_article_delivtx {
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 17px;
}
.m_content.ty_bg .mnodr_article_delivtit + .mnodr_article_list {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.m_content.ty_bg .mnodr_article_delivtit + .mnodr_article_list .mnodr_article_item + .mnodr_article_item {
  border-top: 1px solid #e5e5e5;
}
.m_content.ty_bg .mnodr_article_delivtit + .mnodr_article_list .mnodr_article_foot {
  overflow: hidden;
  background-color: var(--m-colors-gray300, #e5e5e5);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.m_content.ty_bg .mnodr_article_delivtit.mnodr_article_delivtit_giftsvc {
  background-color: #ab8f59;
}
.m_content.ty_bg .mnodr_article_delivtit.mnodr_article_delivtit_giftsvc .mnodr_article_delivtx {
  color: var(--m-colors-white, #ffffff);
  font-weight: bold;
}

.icon_chevron_right::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_article_delivery_info {
  margin: 20px 16px;
  border-radius: 8px;
  overflow: hidden;
}
.mnodr_article_delivery_info .mnodr_article_delivery_header {
  padding: 8px 20px;
  background-color: var(--m-colors-delivery-emart_light, #ffe98b);
}
.mnodr_article_delivery_info .mnodr_article_delivery_header .mnodr_article_delivery_title {
  margin-left: 6px;
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_article_delivery_info .mnodr_article_delivery_content {
  padding: 12px 20px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_article_delivery_info .mnodr_article_delivery_content .mnodr_article_toggle_content {
  display: none;
}
.mnodr_article_delivery_info .mnodr_article_delivery_content .mnodr_article_toggle_content.open {
  display: block;
}
.mnodr_article_delivery_info .mnodr_article_toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_article_delivery_info .mnodr_article_toggle .mnodr_article_toggle_title {
  color: var(--m-colors-gray700, #666666);
  font-size: var(--m-fontSizes-sm, 13px);
  margin-right: 20px;
}
.mnodr_article_delivery_info .mnodr_article_toggle .mnodr_btn_toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
.mnodr_article_delivery_info .mnodr_article_toggle .mnodr_btn_toggle:after {
  padding: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_article_delivery_info .mnodr_article_toggle .mnodr_btn_toggle.open:after {
  padding: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_article_delivery_info .mnodr_article_toggle_content {
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.mnodr_article_delivery_info .mnodr_article_delivery_footer {
  background-color: var(--m-colors-gray200, #f0f0f0);
}
.mnodr_article_delivery_info .mnodr_article_delivery_footer .mnodr_article_delivery_footer_title {
  color: var(--m-colors-gray800, #444444);
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
}

.mnodr_article_toggle_title {
  color: var(--m-colors-gray700, #666666);
  font-size: var(--m-fontSizes-sm, 13px);
}

.mnodr_article_content_list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 4px;
}

.mnodr_article_content_list + .mnodr_article_content_list {
  margin-top: 10px;
}

.mnodr_article_content_item {
  width: 100%;
  position: relative;
  padding-bottom: 100%; /* 정사각형 유지 */
  overflow: hidden;
}
.mnodr_article_content_item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mnodr_shop_lst {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_shop_lst > li {
  position: relative;
  margin-top: 15px;
  padding-left: 19px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_shop_lst > li:first-child {
  margin-top: 0;
}
.mnodr_shop_lst > li:before {
  position: absolute;
  top: 2px;
  left: 0;
  content: "";
}
.mnodr_shop_lst > li.mnodr_shop_phone:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -261px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
}
.mnodr_shop_lst > li.mnodr_shop_time:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -330px -421px;
  background-size: 472px 463px;
  width: 13px;
  height: 13px;
}

.mnodr_privacy_lst dt {
  margin: 20px 0 10px;
}
.mnodr_privacy_lst dd {
  position: relative;
  padding-left: 6px;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_privacy_lst dd:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: var(--m-colors-gray500, #888888);
}

.mnodr_ssgpay_promo {
  position: relative;
  margin: 0 16px 20px;
  padding: 14px 117px 14px 16px;
  border: 1px solid #222;
  border-radius: 5px;
}
.mnodr_ssgpay_promo:before {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -313px -70px;
  background-size: 472px 463px;
  width: 70px;
  height: 51px;
  content: "";
}
.mnodr_ssgpay_promo .mnodr_promo_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
}
.mnodr_ssgpay_promo .mnodr_promo_tx {
  margin-top: 3px;
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
}

/*---------------- //송윤혜(e) ----------------*/
.codr_qty_change {
  overflow: hidden;
}

.codr_qty_change .codr_unit_l {
  float: left;
  vertical-align: bottom;
  padding-top: 20px;
  font-size: 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.codr_qty_change .codr_unit_r {
  float: right;
  padding-top: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_info_guide {
  margin-top: 30px;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray500, #888888);
  line-height: 1.3;
}
.mnodr_info_guide:first-of-type {
  margin-top: 0;
}
.mnodr_info_guide .mnodr_info_guidetit {
  margin-bottom: 2px;
  font-weight: bold;
  letter-spacing: -0.2px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px auto;
}
.mnodr_process > li {
  position: relative;
  text-align: center;
  padding: 0 3.5%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_process > li:first-child {
  padding-left: 0;
}
.mnodr_process > li:last-child {
  padding-right: 0;
}
.mnodr_process > li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border: solid #222222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_process > li:first-child {
  padding-left: 0;
}
.mnodr_process > li:first-child:after {
  display: none;
}
.mnodr_process > li:before {
  content: "";
  display: block;
  width: 58px;
  height: 42px;
  margin: 0 auto 5px;
  background-size: contain;
  background-repeat: no-repeat;
}
.mnodr_process > li.start:before {
  background: url(../img/order/svg/ico_receipt.svg);
}
.mnodr_process > li.picture:before {
  background: url(../img/order/svg/ico_camera.svg);
}
.mnodr_process > li.car:before {
  background: url(../img/order/svg/ico_car.svg);
}
.mnodr_process > li.waste:before {
  background: url(../img/order/svg/ico_waste.svg);
}
.mnodr_process > li.return:before {
  background: url(../img/order/svg/ico_return.svg);
}
.mnodr_process .mnodr_process_item {
  display: inline-block;
  font-size: 11px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  line-height: 1.2;
}

.cmunit_grid.cmunit_grid_ssg {
  padding: 0 5px 0 20px;
}
.cmunit_grid.cmunit_grid_ssg .cmunit_grid_item .cmunit_item {
  margin-right: 15px;
}
.cmunit_grid.cmunit_grid_ssg .cmunit_ty_thmb.cmunit_ty_fit .cmunit_detailbx {
  height: 184px;
}

.mnodr_recomm_morebtn {
  margin: 15px 0;
}
.mnodr_recomm_morebtn .mnodr_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  border: 0;
  border-top: 1px solid #e5e5e5;
  color: #444;
  line-height: 1.2;
}
.mnodr_recomm_morebtn .mnodr_more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  margin: 0 0 0 6px;
  border: solid #444;
  border-width: 1px 1px 0 0;
  -webkit-transform: perspective(1px) rotate(45deg);
          transform: perspective(1px) rotate(45deg);
}

.mnodr_tit_new {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 0 0 5px;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -282px;
  background-size: 472px 463px;
  width: 18px;
  height: 18px;
}

.mnodr_discount_tx {
  margin: 40px 0 20px 0;
}

.mnodr_card_discount_tx {
  position: relative;
  padding-left: 20px;
}
.mnodr_card_discount_tx::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -203px -130px;
  background-size: 472px 463px;
  width: 15px;
  height: 15px;
}

.mnodr_tx_form {
  padding: 10px 20px 0;
  line-height: 15px;
}

.mnodr_tx_box {
  padding-top: 10px;
}

.mnodr_ssgpay_first_wrap {
  position: relative;
  width: calc(100% + 32px);
  margin-left: -16px;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first .mnodr_ssgpay_first_tit {
  margin: 2px 10px 0 0;
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 65px;
          flex: 0 1 65px;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first .mnodr_ssgpay_first_lst li {
  white-space: nowrap;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first .mnodr_ssgpay_first_lst li button {
  padding-right: 10px;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first .mnodr_ssgpay_first_lst li .mnodr_sspay_first_tx {
  position: relative;
}
.mnodr_ssgpay_first_wrap .mnodr_ssgpay_first .mnodr_ssgpay_first_lst li .mnodr_sspay_first_tx:before {
  position: absolute;
  right: -8px;
  bottom: 5px;
  content: "";
  width: 5px;
  height: 5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
  margin-top: -2px;
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}

/* 할인혜택 : 첫결제혜택 */
.mnodr_bene_sublst {
  margin-top: 5px;
}
.mnodr_bene_sublst li:not(:first-child) {
  margin-top: 10px;
}
.mnodr_bene_sublst .mnodr_priceitem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_bene_sublst .mnodr_priceitem > dd:last-child {
  width: 80px;
  padding-top: 1px;
}
.mnodr_bene_sublst .mnodr_priceitem .badge {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_bene_sublst .mnodr_priceitem .badge_universe_label {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 1px;
  margin-right: 4px;
}
.mnodr_bene_sublst .mnodr_priceitem [class^=cmbadge_universe] {
  -ms-flex-item-align: start;
      align-self: flex-start;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 2px;
  margin-right: 4px;
}
.mnodr_bene_sublst .mnodr_bene_cardbi {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_bene_sublst .mnodr_bene_cardbi img {
  width: 100%;
}

.mnodr_bene_chk {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_bene_chk label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 80px 0 20px;
  border: solid 1px #d8d8d8;
  line-height: 1.1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_bene_chk label:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  border: 1px solid #969696;
  border-radius: 50%;
  background-color: var(--m-colors-white, #ffffff);
  z-index: 1;
}
.mnodr_bene_chk .mnodr_bene_bg:before {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  width: 60px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgb(216, 216, 216)), color-stop(0%, rgb(255, 255, 255)));
  background-image: linear-gradient(rgb(216, 216, 216) 33%, rgb(255, 255, 255) 0%);
  background-position: left;
  background-size: 1px 5px; /* Adjust values to change dot size and spacing */
  background-repeat: repeat-y;
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_bene_chk .mnodr_bene_bg:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_bene_chk .mnodr_bene_tx {
  font-size: 12px;
  letter-spacing: -0.3px;
}
.mnodr_bene_chk .mnodr_bene_tx strong {
  display: block;
  font-size: 14px;
}
.mnodr_bene_chk input:checked + label {
  border-color: var(--m-colors-gray900, #222222);
}
.mnodr_bene_chk input:checked + label:before {
  border-color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_bene_chk input:checked + label:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 27px;
  z-index: 2;
  display: inline-block;
  width: 3px;
  height: 8px;
  margin-top: -6px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_bene_chk input:checked + label .mnodr_bene_bg:before {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(33%, rgb(34, 34, 34)), color-stop(0%, rgb(255, 255, 255)));
  background-image: linear-gradient(rgb(34, 34, 34) 33%, rgb(255, 255, 255) 0%);
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_bene_chk input:checked + label .mnodr_bene_bg:after {
  border-color: var(--m-colors-gray900, #222222);
}

.mnodr_bene_cardlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 12px;
  font-size: 12px;
}
.mnodr_bene_cardlink .mnodr_bene_cardlf,
.mnodr_bene_cardlink .mnodr_bene_cardrf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_bene_cardlink .mnodr_bene_cardlf .icon,
.mnodr_bene_cardlink .mnodr_bene_cardrf .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_bene_cardlink .mnodr_bene_cardbi {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.mnodr_bene_cardlink .mnodr_bene_cardbi img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_bene_cardlink .mnodr_bene_cardtx {
  font-size: 13px;
  font-weight: 500;
}
.mnodr_bene_cardlink .icon_chevron_right_s {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(103%) contrast(102%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(198deg) brightness(103%) contrast(102%);
}

.mnodr_tx_quickstore {
  margin-top: 5px !important;
  padding-left: 24px;
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
  line-height: 18px;
}

.easypass.easypass_disabled .easypass_intro:after {
  background-image: url(../img/sprites/sp_myssg_20210428.png);
  background-position: -153px 0px;
  width: 143px;
  height: 92px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .easypass.easypass_disabled .easypass_intro:after {
    background-image: url(../img/sprites/sp_myssg_20210428@2x.png);
    background-size: 296px 276px;
  }
}
.easypass.easypass_disabled .easypass_button button {
  background: #e0e0e0;
}
.easypass.easypass_use .easypass_intro_text strong {
  font-size: 24px;
}
.easypass.easypass_use .easypass_intro_stext {
  color: var(--m-colors-gray900, #222222);
}
.easypass .easypass_disabled_text {
  text-align: center;
  color: var(--m-colors-primary, #a59357);
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.3px;
}
.easypass_intro {
  text-align: center;
  padding: 40px 0 50px;
}
.easypass_intro:after {
  content: "";
  display: block;
  margin: 30px auto 0;
  background-image: url(../img/sprites/sp_myssg_20210428.png);
  background-position: 0px 0px;
  width: 143px;
  height: 92px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .easypass_intro:after {
    background-image: url(../img/sprites/sp_myssg_20210428@2x.png);
    background-size: 296px 276px;
  }
}
.easypass_intro_text {
  font-size: 18px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.39px;
}
.easypass_intro_text strong {
  display: block;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.3px;
}
.easypass_intro_stext {
  margin: 10px 0 0;
  font-size: 14px;
  color: #777;
  letter-spacing: -0.3px;
}
.easypass_intro_stext em {
  color: var(--m-colors-primary, #a59357);
}
.easypass .easypass_agree {
  padding: 0 20px;
}
.easypass .easypass_agree p {
  position: relative;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.easypass .easypass_agree p a {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: underline;
}
.easypass .easypass_button {
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.easypass .easypass_button > a {
  width: 100%;
  height: 60px;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.3px;
  font-weight: bold;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.easypass .easypass_button > a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.easypass .easypass_button > a.easypass_enable {
  background: var(--m-colors-primary, #a59357);
}
.easypass .easypass_button > a.easypass_enable.disabled {
  background: #e0e0e0;
}
.easypass .easypass_button > a.easypass_disable {
  max-width: 113px;
  background: #e0e0e0;
  color: var(--m-colors-gray900, #222222);
}
.easypass .easypass_info {
  padding: 20px;
}
.easypass .easypass_info_tit {
  display: block;
  color: #888;
  font-size: 14px;
  letter-spacing: -0.3px;
  font-weight: 500;
}
.easypass .easypass_info_list li {
  position: relative;
  margin: 10px 0 0;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #888;
  padding-left: 9px;
}
.easypass .easypass_info_list li:before {
  content: "";
  width: 2px;
  height: 2px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 7px;
  background: #b3b3b3;
}
.easypass .easypass_scan {
  padding: 160px 0;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
}
.easypass .easypass_scan .easypass_scan_stext {
  font-size: 18px;
  letter-spacing: -0.39px;
  line-height: 29px;
}
.easypass .easypass_scan .easypass_scan_mtext {
  margin: 8px 0 0;
  font-size: 36px;
  line-height: 45px;
  letter-spacing: -0.77px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_recoverybag_infos .mnodr_article_head .mnodr_tx_tit {
  color: #ff4d1c;
}
.mnodr_recoverybag_infos .mnodr_article_cont .mnodr_form_sec {
  padding: 10px 16px 20px;
}

.mnodr_bnrbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 20px 17px;
  letter-spacing: -0.3px;
}
.mnodr_bnrbox_img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  margin: 0 20px 0 10px;
}
.mnodr_bnrbox_txlist {
  text-align: left;
  word-break: keep-all;
  letter-spacing: -0.3px;
  line-height: 1.2;
}
.mnodr_bnrbox_tit {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.mnodr_bnrbox_txt {
  font-size: 12px;
}
.mnodr_bnrbox_btnwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.mnodr_bnrbox_btn {
  background: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  letter-spacing: -0.26px;
}
.mnodr_bnrbox.ty_recoverybag {
  background-color: #3fe37e;
}
.mnodr_bnrbox.ty_recoverybag .mnodr_bnrbox_img {
  background-image: url(../img/sprites/sp_claim_20210121.png);
  background-position: 0px -92px;
  width: 97px;
  height: 85px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .mnodr_bnrbox.ty_recoverybag .mnodr_bnrbox_img {
    background-image: url(../img/sprites/sp_claim_20210121@2x.png);
    background-size: 375px 226px;
  }
}
.mnodr_bnrbox.ty_membership {
  margin: 20px 0;
  padding: 40px 50px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: url(../img/order/img_banner_membership@2x.png);
  background-size: cover;
}
.mnodr_bnrbox.ty_membership .mnodr_bnrbox_txlist,
.mnodr_bnrbox.ty_membership .mnodr_bnrbox_btnwrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
}
.mnodr_bnrbox.ty_membership .mnodr_bnrbox_txt {
  font-size: 14px;
  line-height: normal;
}

/* 쓱페이결제유도 modal */
.ssgpay_member .mnodr_modal_scroll .mnodr_ssgpay_carditem {
  display: block;
  padding: 0 16px 30px;
}
.ssgpay_member .mnodr_modal_scroll .mnodr_form_sec.ty11:first-child {
  padding: 0 0 10px 0;
}
.ssgpay_member .mnodr_modal_scroll .mnodr_form_sec.ty11 .mnodr_tx_ty1 {
  font-weight: bold;
}
.ssgpay_member .mnodr_modal_scroll .mnodr_form_sec.ty11 .mnodr_tx_ty2 {
  font-size: 20px;
}
.ssgpay_member .mnodr_btn_sub {
  padding: 0 24px 24px;
}
.ssgpay_member .mnodr_btn_sub .ty_point {
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
}
.ssgpay_member .mnodr_btn_sub .ty_point .mnodr_tx_desc {
  font-weight: bold;
  color: var(--m-colors-white, #ffffff);
}
.ssgpay_member .mnodr_btn_sub .ty_pointline {
  width: 100%;
  height: 40px;
  border: solid 1px #ff5452;
}
.ssgpay_member .mnodr_btn_sub .ty_pointline .mnodr_tx_desc {
  font-weight: bold;
  color: var(--m-colors-primary, #a59357);
}

.mnodr_giftsvc {
  padding-bottom: 50px;
}
.mnodr_giftsvc .mnodr_giftsvc_sec {
  margin-bottom: 40px;
}
.mnodr_giftsvc .mnodr_giftsvc_sec:first-child .giftsvc_msg:first-child .giftsvc_msg_img {
  border-radius: 0;
}
.mnodr_giftsvc .mnodr_giftsvc_sec.mnodr_giftsvc_msgsec:first-child {
  margin-bottom: 0;
}
.mnodr_giftsvc .giftsvc_msg {
  position: relative;
}
.mnodr_giftsvc .giftsvc_msg.ty_receive {
  overflow: hidden;
  margin-bottom: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 0 20px 20px 0 rgba(34, 34, 34, 0.2);
          box-shadow: 0 20px 20px 0 rgba(34, 34, 34, 0.2);
}
.mnodr_giftsvc .giftsvc_msg_img {
  position: relative;
  padding-bottom: 112%;
  text-align: center;
  background-size: cover;
  background-color: var(--m-colors-white, #ffffff);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.mnodr_giftsvc .giftsvc_msg_cont {
  position: absolute;
  width: calc(100% - 32px);
  margin: 0 16px;
  padding: 20px 16px 15px;
  bottom: 20px;
  background: var(--m-colors-white, #ffffff);
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_msg_tx textarea {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  margin-top: 0;
  background: none;
  font-size: 16px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  line-height: 24px;
  resize: none;
  outline: none;
}
.mnodr_giftsvc .giftsvc_msg_tx textarea::-webkit-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc .giftsvc_msg_tx textarea::-moz-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc .giftsvc_msg_tx textarea:-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc .giftsvc_msg_tx textarea::-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc .giftsvc_msg_tx textarea::placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc .giftsvc_msg_imglst {
  margin-top: 10px;
  font-size: 0;
}
.mnodr_giftsvc .giftsvc_msg_imglst li {
  display: inline-block;
  position: relative;
  width: 13.33vw;
  height: 13.33vw;
  padding-right: 4%;
  vertical-align: top;
}
.mnodr_giftsvc .giftsvc_msg_imglst li:first-child {
  padding-left: 16px;
}
.mnodr_giftsvc .giftsvc_msg_imglst li:last-child {
  padding-right: 16px;
}
.mnodr_giftsvc .giftsvc_msg_cancle {
  margin-bottom: 20px;
  padding: 20px 16px;
  border-radius: 6px;
  background: var(--m-colors-gray100, #fafafa);
  text-align: center;
  font-weight: bold;
}
.mnodr_giftsvc .giftsvc_msg_receive_img {
  position: relative;
  padding-bottom: 119.39%;
  text-align: center;
  background-size: cover;
  background-color: var(--m-colors-white, #ffffff);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.mnodr_giftsvc .giftsvc_msg_receive_cont {
  position: absolute;
  padding: 20px 30px;
  width: 100%;
  bottom: 0;
  background: #ffffff url("../img/order/giftsvc/bg_giftsvc_letter@2x.png");
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_msg_receive_img2 {
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  background-color: var(--m-colors-white, #ffffff);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.mnodr_giftsvc .giftsvc_msg_receive_img2 + .giftsvc_msg_receive_cont {
  position: static;
  padding: 20px 30px;
  width: 100%;
  bottom: 0;
  background: #ffffff url("../img/order/giftsvc/bg_giftsvc_letter@2x.png");
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_msg_receive_imgbox {
  position: relative;
  padding-bottom: 100%;
  -webkit-animation: skeleton-gradient 1s infinite ease-in-out;
          animation: skeleton-gradient 1s infinite ease-in-out;
}
.mnodr_giftsvc .giftsvc_msg_receive_imgbox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  aspect-ratio: 1;
}
@-webkit-keyframes skeleton-gradient {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
@keyframes skeleton-gradient {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
.mnodr_giftsvc .giftsvc_msg_receive_imgbox + .giftsvc_msg_receive_cont {
  position: static;
  padding: 20px 30px;
  width: 100%;
  bottom: 0;
  background: #ffffff url("../img/order/giftsvc/bg_giftsvc_letter@2x.png");
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_receive_info {
  height: 18px;
  line-height: 18px;
}
.mnodr_giftsvc .giftsvc_receive_cont {
  margin: 10px 0 8px;
  height: 84px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  font-weight: normal;
  line-height: 2.072;
  letter-spacing: -0.3px;
}
.mnodr_giftsvc .giftsvc_txt_to {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.mnodr_giftsvc .giftsvc_inp_txt {
  display: inline-block;
  max-width: 10em;
}
.mnodr_giftsvc .giftsvc_inp_txt input {
  width: 100%;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  vertical-align: top;
  border: 0;
  background: none;
  line-height: 18px;
}
.mnodr_giftsvc .giftsvc_inp_txt input::-webkit-input-placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_giftsvc .giftsvc_inp_txt input::-moz-placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_giftsvc .giftsvc_inp_txt input:-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_giftsvc .giftsvc_inp_txt input::-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_giftsvc .giftsvc_inp_txt input::placeholder {
  color: var(--m-colors-gray500, #888888);
  font-weight: normal;
}
.mnodr_giftsvc .giftsvc_inp_from {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: var(--m-colors-white, #ffffff);
  font-size: 14px;
  height: 18px;
  line-height: 18px;
}
.mnodr_giftsvc .giftsvc_inp_from .giftsvc_inp_txt {
  max-width: 5em;
  margin-right: 20px;
}
.mnodr_giftsvc .giftsvc_inp_from label {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -113px -390px;
  background-size: 472px 463px;
  width: 16px;
  height: 16px;
}
.mnodr_giftsvc .giftsvc_inp_from input {
  color: var(--m-colors-white, #ffffff);
  text-align: right;
}
.mnodr_giftsvc .giftsvc_inp_from input::-webkit-input-placeholder {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_inp_from input::-moz-placeholder {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_inp_from input:-ms-input-placeholder {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_inp_from input::-ms-input-placeholder {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_inp_from input::placeholder {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc .giftsvc_tx_byte {
  display: block;
  font-size: 10px;
  color: var(--m-colors-gray500, #888888);
  text-align: right;
  letter-spacing: -0.3px;
}
.giftsvc_horizontal_scroll {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.giftsvc_horizontal_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}

.mnodr_giftsvc .giftsvc_send_cont {
  position: relative;
  margin: 10px 0 40px;
}
.mnodr_giftsvc .giftsvc_send_cont .mnodr_giftsend_box {
  margin-top: 20px;
}
.mnodr_giftsvc .giftsvc_send_cont .mnodr_giftsend_info {
  padding: 0 16px;
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_recent_receive {
  margin: 10px 0 0 16px;
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_recent_item {
  border-radius: 16px;
  height: 30px;
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_contact_box {
  display: inline-block;
  position: relative;
  height: 30px;
  border-radius: 16px;
  border: 1px solid var(--m-colors-primary, #a59357);
  margin-right: 5px;
  vertical-align: top;
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_contact_box .giftsvc_contact_btn {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_contact_box .giftsvc_contact_btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_giftsvc .giftsvc_send_cont .giftsvc_contact_box .giftsvc_contact_name {
  font-size: 12px;
}
.mnodr_giftsvc .giftsvc_inp_bdrrdo {
  position: relative;
}
.mnodr_giftsvc .giftsvc_inp_bdrrdo input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.mnodr_giftsvc .giftsvc_inp_bdrrdo input + label {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-radius: 100%;
  background-size: cover;
  background-position: 50% 10px;
}
.mnodr_giftsvc .giftsvc_inp_bdrrdo input:checked + label {
  position: relative;
}
.mnodr_giftsvc .giftsvc_inp_bdrrdo input:checked + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 4px solid var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 0 16px;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input + label {
  display: inline-block;
  width: 100%;
  height: 40px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input:checked + label {
  background: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  border: none;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input:checked + label .giftsvc_sdrdo_txt {
  font-weight: bold;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input:checked + label .giftsvc_sdrdo_txt.ty_kakao:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -337px;
  background-size: 472px 463px;
  width: 19px;
  height: 17px;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input:checked + label .giftsvc_sdrdo_txt.ty_sms:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -255px;
  background-size: 472px 463px;
  width: 20px;
  height: 17px;
}
.mnodr_giftsvc .giftsvc_inp_sdrdo input:checked + label .giftsvc_sdrdo_txt.ty_contact:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M12.030 12.87c-1.040 0-1.89-0.84-1.89-1.88s0.85-1.88 1.89-1.88 1.88 0.84 1.88 1.88c0 1.040-0.85 1.88-1.88 1.88zM12.030 10.31c-0.38 0-0.69 0.3-0.69 0.68s0.31 0.68 0.69 0.68c0.38 0 0.68-0.3 0.68-0.68s-0.31-0.68-0.68-0.68z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M16.91 17.77h-1.2c0-2.020-1.65-3.66-3.68-3.66s-3.68 1.64-3.68 3.66h-1.2c0-2.68 2.19-4.86 4.88-4.86 2.69 0.010 4.88 2.19 4.88 4.86z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M2.399 20.4v-16.8h19.2v16.8h-19.2zM17.999 7.2h2.4v-2.4h-2.4v2.4zM7.199 4.8v2.4h9.6v-2.4h-9.6zM5.999 7.2v-2.4h-2.4v2.4h2.4zM3.599 8.4v10.8h16.8v-10.8h-16.8z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.mnodr_giftsvc .giftsvc_sdrdo_txt {
  text-align: center;
  line-height: 40px;
}
.mnodr_giftsvc .giftsvc_sdrdo_txt:before {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  margin-top: -2px;
  content: "";
}
.mnodr_giftsvc .giftsvc_sdrdo_txt.ty_kakao:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -310px;
  background-size: 472px 463px;
  width: 19px;
  height: 17px;
}
.mnodr_giftsvc .giftsvc_sdrdo_txt.ty_sms:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -228px;
  background-size: 472px 463px;
  width: 20px;
  height: 17px;
}
.mnodr_giftsvc .giftsvc_sdrdo_txt.ty_contact:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-black, #000000);
  content: "\e001";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_giftsvc .giftsvc_sdrdo_info {
  display: block;
  margin-top: 10px;
  padding: 0 16px;
  letter-spacing: -0.3px;
  color: var(--m-colors-primary, #a59357);
  text-align: left;
  line-height: normal;
}
.mnodr_giftsvc .giftsvc_tab_panel {
  display: none;
}
.mnodr_giftsvc .giftsvc_tab_panel .mnodr_giftsend_box {
  margin-top: 20px;
}
.mnodr_giftsvc .giftsvc_bubblebx {
  position: relative;
  padding: 20px 16px;
  background: #f0f0f0;
  line-height: normal;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc .giftsvc_bubblebx:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 46px;
  overflow: hidden;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  background-color: #f0f0f0;
}
.mnodr_giftsvc .giftsvc_bubbletx {
  font-size: 15px;
  letter-spacing: -0.3px;
  font-weight: bold;
}
.giftsvc_recent_receive {
  margin: 10px 0 0 16px;
  font-size: 0;
}

.giftsvc_recent_item {
  display: inline-block;
  position: relative;
  height: 34px;
  border-radius: 17px;
  border: 1px solid #e5e5e5;
  margin-right: 5px;
}
.giftsvc_recent_item.on {
  background: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
}
.giftsvc_recent_item.on .giftsvc_recent_name {
  color: var(--m-colors-white, #ffffff);
}
.giftsvc_recent_item.ty_point {
  border-color: var(--m-colors-primary, #a59357);
}
.giftsvc_recent_item.ty_point .giftsvc_recent_name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-primary, #a59357);
}
.giftsvc_recent_item.ty_point .giftsvc_recent_name::after {
  content: "";
  margin-right: -4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.giftsvc_recent_btn {
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.giftsvc_recent_name {
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
}

.giftsvc_contact_box {
  display: inline-block;
  position: relative;
  height: 30px;
  border-radius: 16px;
  border: 1px solid var(--m-colors-primary, #a59357);
  margin-right: 5px;
  vertical-align: top;
}
.giftsvc_contact_box .giftsvc_contact_btn {
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  color: var(--m-colors-primary, #a59357);
}
.giftsvc_contact_box .giftsvc_contact_btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.giftsvc_contact_box .giftsvc_contact_name {
  font-size: 12px;
}

.mnodr_giftsvc .mnodr_sec_heading {
  margin-bottom: 0;
}
.mnodr_giftsvc .mnodr_form_tit + .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_giftsvc .mnodr_form_cont .mnodr_btn_area {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_giftsvc .mnodr_form_cont .mnodr_btn_area .mnodr_btn {
  font-size: 13px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.mnodr_giftsvc .mnodr_tx_link {
  text-align: right;
}
.mnodr_giftsvc .mnodr_bubble_bx {
  background: var(--m-colors-gray100, #fafafa);
  margin-top: 40px;
  border-radius: 10px;
}
.mnodr_giftsvc .mnodr_toggle_sec + .mnodr_tx_wrap {
  margin: 10px 0 0;
}
.mnodr_giftsvc .mnodr_article_headbubble {
  left: auto;
  right: 20px;
}
.mnodr_giftsvc .mnodr_article_headbubble:before {
  left: 50%;
}
.mnodr_giftsvc .mnodr_unit_item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.mnodr_giftsvc .mnodr_unit_item.ty_rect_small {
  border-top: 1px solid #f0f0f0;
  padding: 20px 0 10px 0;
}
.mnodr_giftsvc .mnodr_unit_item.ty_rect_small:first-child {
  border-top: 0;
}
.mnodr_giftsvc .mnodr_article_list {
  border: 0;
  margin: 0;
  border-radius: 0;
}
.mnodr_giftsvc .mnodr_article_list .mnodr_article_head,
.mnodr_giftsvc .mnodr_article_list .mnodr_article_cont {
  margin: 0;
}
.mnodr_giftsvc .mnodr_article_list .mnodr_article_cont .mnodr_form_sec {
  padding: 10px 0;
}

.mnodr_giftsvc .mnodr_unit_item.ty_rect_small {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_giftsvc .mnodr_unit_item.ty_rect_small .mnodr_unit_tit a {
  -webkit-line-clamp: 2;
}
.mnodr_giftsvc .mnodr_unit_item.ty_rect_small .mnodr_unit_option {
  -webkit-line-clamp: inherit;
}

.mnodr_giftsend .mnodr_form_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
}
.mnodr_giftsend .mnodr_tx_label {
  margin-top: 3px;
  font-size: 12px;
  font-weight: normal;
}
.mnodr_giftsend .mnodr_form_cont {
  padding: 0 16px;
  margin-top: 10px;
}

.mnodr_giftsend_cont .mnodr_tx_desc2 {
  margin-top: 12px;
  padding: 0 16px;
}

.mnodr_giftsend_box {
  margin-top: 40px;
}
.mnodr_giftsend_box.ty_one {
  margin-top: 0;
}

.mnodr_giftsend_info {
  padding: 0 16px;
}

.mnodr_giftsend_titarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_giftsend_titarea .mnodr_tx_link2 {
  margin-left: auto;
}

.mnodr_giftsend_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_giftsend_form {
  margin-top: 10px;
}

.mnodr_product_infos {
  display: inline-block;
}
.mnodr_product_infos + .mnodr_product_infos {
  margin-left: 16px;
}

.mnodr_giftrefusal_toggle {
  margin: 20px 0 90px;
  padding: 0 16px;
}
.mnodr_giftrefusal_toggle .mnodr_cmbtn_area {
  margin-top: 8px;
}
.mnodr_giftrefusal_toggle .mnodr_btn_giftrefusal {
  border: 1px solid #e5e5e5;
  color: var(--m-colors-gray500, #888888);
}

.mnodr_giftsend_wrap.mnodr_ct_step4 .mnodr_btn_area .mnodr_article_headbubble {
  right: -2px;
  margin-bottom: 2px;
}

.mnodr_countdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 20px 16px 25px;
  padding: 6px 16px 6px 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
  background-color: #e60096;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_countdown .icon_alert {
  margin-right: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_countdown .icon_alert::after {
  -webkit-filter: invert(86%) sepia(89%) saturate(2%) hue-rotate(271deg) brightness(110%) contrast(97%);
          filter: invert(86%) sepia(89%) saturate(2%) hue-rotate(271deg) brightness(110%) contrast(97%);
}

.mnodr_countdown_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.mnodr_countdown_tx {
  margin-right: 3px;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mnodr_countdown_timer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 0;
  letter-spacing: -0.5px;
}
.mnodr_countdown_timer .day {
  margin-right: 3px;
}
.mnodr_countdown_timer .day,
.mnodr_countdown_timer .hour,
.mnodr_countdown_timer .min,
.mnodr_countdown_timer .sec,
.mnodr_countdown_timer em,
.mnodr_countdown_timer .noti {
  font-weight: bold;
  font-size: 15px;
}

.mnodr_ct_step4 .mnodr_ct_sec:after {
  display: block;
  width: 100%;
  height: 10px;
  background: var(--m-colors-gray150, #f5f5f5);
  content: "";
}
.mnodr_ct_step4 .mnodr_sec_heading {
  text-align: center;
}
.mnodr_ct_step4 .mnodr_giftsvc_sec {
  margin-bottom: 0;
}
.mnodr_ct_step4 .mnodr_btn + .mnodr_btn, .mnodr_ct_step4 .mnodr_btn:last-child {
  margin-left: 5px;
}
.mnodr_ct_step4 .mnodr_btn:only-child {
  margin-left: 0;
}
.mnodr_ct_step4 .mnodr_cmbtn_area .mnodr_btn {
  margin-left: 0;
}

.mnodr_morebtn {
  margin: 15px 0 11px;
}
.mnodr_morebtn .mnodr_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 44px;
}
.mnodr_morebtn .mnodr_more .icon {
  margin-left: -2px;
}
.mnodr_morebtn .mnodr_more .icon:after {
  content: "";
  vertical-align: top;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_bag .mnodr_bag_list {
  padding: 12px 16px 20px;
}
.mnodr_bag .mnodr_bag_list > li {
  padding: 10px 0;
}
.mnodr_bag .mnodr_bag_list > li:first-child {
  padding-top: 0;
}
.mnodr_bag .mnodr_bag_list > li:last-child {
  padding-bottom: 0;
}
.mnodr_bag .mnodr_bag_list > li:not(:first-child) {
  border-top: 1px solid #f5f5f5;
}
.mnodr_bag .mnodr_bag_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_bag .mnodr_bag_img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 60px;
  height: 60px;
  margin-right: 10px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_bag .mnodr_bag_img .albibag_bedge {
  position: absolute;
  top: -2px;
  right: -2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 500;
  border-radius: 8px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 16px;
}
.mnodr_bag .mnodr_bag_img .ico_albibag,
.mnodr_bag .mnodr_bag_img .ico_albibag_return,
.mnodr_bag .mnodr_bag_img .ico_coldbox {
  display: block;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.mnodr_bag .mnodr_bag_img .ico_albibag {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F5F5' d='M0 0h60v60H0z'/%3E%3Cpath d='M20.537 44h-4.123L13 23.416h6.087L20.537 44zm19.807 0h4.123l3.414-20.584h-6.087L40.344 44zm-3.751 0H24.406l-1.449-20.584h15.086L36.593 44z' fill='%23FFF'/%3E%3Cpath d='M22.957 23.416C22.957 19.32 26.334 16 30.5 16s7.543 3.32 7.543 7.416' stroke='%23000' stroke-width='1.8'/%3E%3Cpath fill='%2347A2FF' d='M19.087 23.416 20.537 44h3.87l-1.45-20.584zM42.32 23.416 40.87 44H37l1.449-20.584z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='m20.537 44-1.45-20.194M24.406 44l-1.449-20.194M40.463 44l1.449-20.194M36.593 44l1.45-20.194M44.585 44H16.414L13 23.416h35z'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_bag .mnodr_bag_img .ico_albibag_return {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F5F5' d='M0 0h60v60H0z'/%3E%3Cpath d='M20.537 44h-4.123L13 23.416h6.087L20.537 44zm19.807 0h4.123l3.414-20.584h-6.087L40.344 44zm-3.751 0H24.406l-1.449-20.584h15.086L36.593 44z' fill='%238097AF'/%3E%3Cpath d='M22.957 23.416C22.957 19.32 26.334 16 30.5 16s7.543 3.32 7.543 7.416' stroke='%23000' stroke-width='1.8'/%3E%3Cpath fill='%2347A2FF' d='M19.087 23.416 20.537 44h3.87l-1.45-20.584zM42.32 23.416 40.87 44H37l1.449-20.584z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='m20.537 44-1.45-20.194M24.406 44l-1.449-20.194M40.463 44l1.449-20.194M36.593 44l1.45-20.194M44.585 44H16.414L13 23.416h35z'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_bag .mnodr_bag_img .ico_coldbox {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F5F5' d='M0 0h60v60H0z'/%3E%3Cpath fill='%23DFD7B9' d='M12 41h31.433V18H12z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' fill='%23FFF' d='M30.93 18.025v8.433h-6.44v-8.433'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M12 41h31.433V18H12z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' fill='%2359D9FF' d='M35.4 32.3v9l8 4.5 8-4.5v-9l-8-4.5z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M43.4 40.652v-7.501M46.636 38.776l-6.472-3.751M46.636 35.026l-6.472 3.751'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_bag .mnodr_bag_txt {
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  line-height: 1.25;
  word-wrap: break-word;
  word-break: keep-all;
}
.mnodr_bag .mnodr_bag_desc {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #777;
  word-break: break-word;
}

.mnodr_pickup_sec {
  margin-bottom: 40px;
}
.mnodr_pickup_sec .mnodr_unit_item {
  padding: 20px 0;
}
.mnodr_pickup_sec .mnodr_unit_item:first-child {
  padding-top: 10px;
}
.mnodr_pickup_sec .mnodr_btn.ty_m {
  height: 52px;
  font-size: 16px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mnodr_pickup_info {
  margin-top: 10px;
  padding: 14px 15px;
  border-radius: 6px;
  border: 1px solid #f0f0f0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_pickup_info .mnodr_pickup_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 14px;
}
.mnodr_pickup_info .mnodr_pickup_list:not(:first-child) {
  margin-top: 5px;
}
.mnodr_pickup_info .mnodr_pickup_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 97px;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_pickup_info .mnodr_pickup_dd {
  color: var(--m-colors-gray900, #222222);
}

.mnodr_affiliate_link {
  display: block;
  font-size: 13px;
  color: var(--m-colors-gray600, #777777);
  text-decoration: underline;
  letter-spacing: -0.28px;
}
.mnodr_affiliate_link:active, .mnodr_affiliate_link:hover {
  text-decoration: underline;
}
.codr_pay_cont .mnodr_affiliate_link {
  font-size: 15px;
  line-height: 1.6;
}

.mnodr_affiliate_link2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_affiliate_link2 .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -1px;
  vertical-align: top;
}

.mnodr_paydetail_sublst {
  position: relative;
  padding-top: 5px;
  font-size: 13px;
  clear: both;
}
.mnodr_paydetail_sublst li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding-left: 11px;
  letter-spacing: -0.3px;
  line-height: 1.5;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_paydetail_sublst li:before {
  position: absolute;
  content: "";
  display: inline-block;
  left: 1px;
  top: 4px;
  height: 5px;
  width: 5px;
  border-left: 1px solid #888888;
  border-bottom: 1px solid #888888;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  overflow: hidden;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx .badge {
  vertical-align: middle;
  margin-top: -2px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx .badge_universe_single {
  margin-top: 2px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx .badge_universe_label {
  margin-top: 2px;
  margin-right: 2px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx .cmbadge_universe_circle {
  margin-top: 2px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_tx .cmbadge_universe_oval {
  margin-top: 2px;
  margin-right: 2px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_money {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 105px;
  font-weight: 500;
  text-align: right;
}
.mnodr_paydetail_sublst .mnodr_paydetail_money .ssg_price {
  font-weight: normal;
  font-size: 14px;
}
.mnodr_paydetail_sublst .mnodr_paydetail_money .ssg_tx {
  font-size: 14px;
}
.mnodr_discount_sec .mnodr_paydetail_sublst {
  padding-top: 7px;
}
.mnodr_discount_sec .mnodr_paydetail_sublst li:not(:first-child) {
  margin-top: 2px;
}

.mnodr_payinfodtl_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
}
.mnodr_payinfodtl_block .payinfo_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 15px;
  font-weight: 500;
}
.mnodr_payinfodtl_block .payinfo_title_money {
  font-weight: 700;
}
.mnodr_payinfodtl_block .payinfo_description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  margin-top: 10px;
  padding: 16px;
  color: var(--m-colors-gray600, #777777);
  background-color: var(--m-colors-gray100, #fafafa);
  font-size: 13px;
  font-weight: 500;
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4px;
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_price {
  color: var(--m-colors-gray900, #222222);
  font-weight: 600;
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_link {
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-primary, #a59357);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_link:before, .mnodr_payinfodtl_block .payinfo_description .payinfo_description_link:after {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_payinfodtl_block .payinfo_description .payinfo_description_link:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_txbox {
  margin: 10px 0;
  padding: 10px;
  border-radius: 4px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  text-align: center;
}
.mnodr_txbox:not(:first-child) {
  margin-top: 0;
}
.mnodr_txbox > a:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: -10px;
  padding: 10px;
}
.mnodr_txbox .mnodr_tx_link2:not(:first-child) {
  margin-top: 2px;
}
.mnodr_txbox .mnodr_tx_flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_txbox .mnodr_bene_desc {
  line-height: 20px;
}
.mnodr_txbox.ty_brown {
  background-color: #966e46;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_txbox.ty_radius2 {
  border-radius: 8px;
}
.mnodr_article_earnabl .mnodr_txbox {
  border-radius: 6px;
}
.mnodr_article_earnabl .mnodr_txbox:not(:first-child) {
  margin-top: 10px;
}
.mnodr_article_earnabl .mnodr_txbox:last-child {
  margin-bottom: 0;
}
.mnodr_article_earnabl .mnodr_txbox .mnodr_bene_desc {
  line-height: 1.2;
}

.mnodr_tx_flex {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 13px;
  letter-spacing: -0.3px;
}
.mnodr_tx_flex:not(:first-child) {
  margin-top: 3px;
}
.mnodr_tx_flex .cmbadge_mmbrs,
.mnodr_tx_flex .badge.badge_mmbrs_white,
.mnodr_tx_flex .badge.badge_mmbrs_brown {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_tx_flex .cmbadge_mmbrs {
  margin-right: 3px;
}
.mnodr_tx_flex .mnodr_bene_desc {
  word-break: keep-all;
  word-wrap: break-word;
}
.mnodr_toolbar2 .mnodr_tx_flex.mmbrs_tx_point:last-child {
  margin-top: 10px;
}

.mnodr_tx_inline {
  font-size: 13px;
}
.mnodr_tx_inline .badge {
  vertical-align: top;
}

.mnodr_total .mnodr_txbox {
  margin: 8px 0 0;
}
.mnodr_total .mnodr_txbox .mnodr_tx {
  margin-left: auto;
}
.mnodr_total .mnodr_txbox .mnodr_tx_link2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mnodr_toolbar_cont.mnodr_toolbar_toggle .mnodr_txbox {
  margin: 0;
}
.mnodr_toolbar_cont .mnodr_txbox .mnodr_tx_link2 {
  vertical-align: middle;
}

.mnodr_article_mmbrs_bene {
  border: 0;
}
.mnodr_article_mmbrs_bene .mnodr_txbox {
  margin: 0;
  padding: 12px;
  border-radius: 10px;
}
.mnodr_article_mmbrs_bene .mnodr_tx_inline {
  font-size: 14px;
}

.mnodr_section .mnodr_txbox {
  margin-top: 20px;
}

.mnodr_mmbrs_alarm {
  margin-top: 20px;
}
.mnodr_mmbrs_alarm .mnodr_txbox {
  margin: 0;
  padding: 15px 0;
}
.mnodr_mmbrs_alarm .mnodr_txbox .mnodr_tx_link2 {
  margin-top: 4px;
}

.mnodr_txbox_regular {
  margin-top: 10px;
  border-radius: 4px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_txbox_regular a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_txbox_regular a:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28136%2C136%2C136%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
}
.mnodr_txbox_regular .mnodr_txbox_regular_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_txbox_regular .mnodr_txbox_regular_detail .mnodr_tx_desc .mnodr_tx_point2 {
  color: var(--m-colors-primary, #a59357) !important;
}
.mnodr_txbox_regular .cm_mall_ship {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
}

.mnodr_txbox_estimate {
  margin-top: 20px;
  padding: 6px 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_txbox_estimate .mnodr_tx_desc {
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_txbox_estimate::before {
  content: "";
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"> <path d="M19.8493 4.28571H5.1562C4.48124 4.28571 3.93408 4.83287 3.93408 5.50783V15.3346C3.93408 16.0095 4.48124 16.5567 5.1562 16.5567H19.8493C20.5242 16.5567 21.0714 16.0095 21.0714 15.3346V5.50783C21.0714 4.83287 20.5242 4.28571 19.8493 4.28571Z" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> <path d="M9.14893 19.2553L10.1388 16.5567" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> <path d="M16.0004 19.2387L15.0161 16.5567" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> <path d="M7.27979 19.2774H17.9415" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> <path d="M3.92871 14.1898H20.9997" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> <path d="M9.8125 9.3954L11.8143 11.259L15.3425 7.57605" stroke="%23666666" stroke-width="1.28571" stroke-miterlimit="10"/> </svg>');
  background-position: center;
  width: 24px;
  height: 24px;
  margin-right: 3px;
}

.mnodr_step_lst .mnodr_step_item {
  margin-top: 25px;
}
.mnodr_step_lst .mnodr_step_title {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.36;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_modal_premiumdeliv .mnodr_tx_desc {
  line-height: 1.36;
}
.mnodr_modal_premiumdeliv .mnodr_bullst {
  margin-top: 15px;
}

.mnodr_odradd {
  margin: -4px 0 -10px;
  border: 1px solid;
  border-radius: 5px;
  overflow: hidden;
}
.mnodr_odradd .mnodr_odradd_box {
  padding: 20px 20px 15px;
  color: var(--m-colors-gray800, #444444);
  text-align: center;
  word-wrap: break-word;
  word-break: keep-all;
  letter-spacing: -0.3px;
}
.mnodr_odradd .mnodr_odradd_progress {
  overflow: hidden;
  position: relative;
  margin-top: 6px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_odradd .mnodr_odradd_progress .mnodr_odradd_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}
.mnodr_odradd .mnodr_odradd_date {
  margin-top: 6px;
  font-size: 13px;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_odradd .mnodr_btnarea_odradd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.mnodr_odradd .mnodr_btn_odradd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 16px 0 15px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}
.codr_odrdeliv_item.emart .mnodr_odradd {
  border-color: var(--m-colors-delivery-emart, #ffd040);
}
.codr_odrdeliv_item.emart .mnodr_odradd .mnodr_odradd_progress_bar,
.codr_odrdeliv_item.emart .mnodr_odradd .mnodr_btn_odradd {
  background-color: var(--m-colors-delivery-emart, #ffd040);
}
.codr_odrdeliv_item.traders .mnodr_odradd {
  border-color: var(--m-colors-delivery-traders, #a6dd27);
}
.codr_odrdeliv_item.traders .mnodr_odradd .mnodr_odradd_progress_bar,
.codr_odrdeliv_item.traders .mnodr_odradd .mnodr_btn_odradd {
  background-color: var(--m-colors-delivery-traders, #a6dd27);
}
.codr_odrdeliv_item.mnmorning .mnodr_odradd {
  border-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.codr_odrdeliv_item.mnmorning .mnodr_odradd .mnodr_odradd_progress_bar,
.codr_odrdeliv_item.mnmorning .mnodr_odradd .mnodr_btn_odradd {
  background-color: var(--m-colors-delivery-earlymorning, #a3b7cd);
}
.codr_odrdeliv_item.star .mnodr_odradd {
  border-color: var(--m-colors-delivery-star, #7a4bfb);
}
.codr_odrdeliv_item.star .mnodr_odradd .mnodr_odradd_progress_bar,
.codr_odrdeliv_item.star .mnodr_odradd .mnodr_btn_odradd,
.codr_odrdeliv_item.star .mnodr_odradd .codr_dvstate {
  background-color: var(--m-colors-delivery-star, #7a4bfb);
}

.codr_odrdeliv_item .mnodr_banner.ty_authentic,
.codr_odrdeliv_item .mnodr_banner.ty_tradein {
  margin-top: 16px;
}

.mnodr_btn_odrdeliv_detail {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_odrdeliv_detail:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_btn_odrdeliv_detail:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.codr_odrdeliv_item .codr_btn_blkline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.codr_odrdeliv_item .codr_btn_blkline:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.codr_odrdeliv .codr_btnarea ul {
  gap: 8px;
  margin: 8px 0;
}
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_inbasket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 16px;
  justify-self: flex-end;
}
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_inbasket:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e01c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
}
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_inbasket:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_order_list,
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_write_review,
.codr_odrdeliv .baroquick .codr_btnarea .codr_btn_inbasket {
  margin-top: 16px;
}

.mnodr_notrcv {
  padding-bottom: 52px;
}
.mnodr_notrcv .mnodr_sec_heading {
  padding-top: 20px;
  text-align: center;
  line-height: 1.2;
}
.mnodr_notrcv .mnodr_section {
  padding: 20px 16px 30px;
}
.mnodr_notrcv .mnodr_section .mnodr_section_content .mnodr_unit {
  margin: 0 -16px;
}
.mnodr_notrcv .mnodr_section .mnodr_section_content .mnodr_unit_item {
  padding: 20px 16px;
}
.mnodr_notrcv .mnodr_section .mnodr_section_content .mnodr_unit_item:first-child {
  padding-top: 5px;
}
.mnodr_notrcv .mnodr_section .mnodr_section_content .mnodr_unit_item:last-child {
  border-bottom: 0;
}

.mnodr_holidaybn {
  margin: 20px 16px -5px;
  border-radius: 8px;
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_holidaybn + .codr_info {
  margin-top: 5px;
}
.mnodr_holidaybn + .codr_info .codr_info_lst {
  padding-top: 20px;
}
.mnodr_holidaybn .mnodr_btn_holidaybn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 12px 12px 13px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.23;
}
.mnodr_holidaybn .mnodr_btn_holidaybn:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url("../img/order/svg/ico_holiday.svg") no-repeat;
  background-size: 100%;
}
.mnodr_holidaybn .mnodr_btn_consultationbn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding: 12px 12px 13px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.23;
}
.mnodr_holidaybn .mnodr_btn_consultationbn:before {
  content: "";
  margin-right: 6px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e03b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_holidaybn .mnodr_holidaybn_tit {
  padding-top: 3px;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 13px;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_holidaybn .mnodr_holidaybn_cont {
  border-top: 1px solid #f1f1f1;
}
.mnodr_holidaybn .mnodr_holidaybn_list {
  padding: 11px 0;
  font-size: 13px;
}
.mnodr_holidaybn .mnodr_holidaybn_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 5px;
  padding-left: 8px;
}
.mnodr_holidaybn .mnodr_holidaybn_item:not(:first-child) {
  margin-top: 5px;
}
.mnodr_holidaybn .mnodr_holidaybn_item:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: var(--m-colors-gray600, #777777);
}
.mnodr_holidaybn .mnodr_holidaybn_item > div {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_holidaybn_item_date {
  min-width: 48px;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  letter-spacing: -0.03em;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_holidaybn_bar {
  margin: 0 3px;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_holidaybn_item_num {
  color: var(--m-colors-gray800, #444444);
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_holidaybn_item_num em {
  font-weight: bold;
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_holidaybn_item_state {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_consultationbn_item_state {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_consultationbn_item_state .mnodr_consultationbn_item_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_holidaybn .mnodr_holidaybn_item .mnodr_consultationbn_item_state .mnodr_consultationbn_item_tx::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_holidaybn.mnodr_acdo_toggle .mnodr_acdo_cont {
  display: none;
}
.mnodr_holidaybn.mnodr_acdo_toggle .icon_chevron_down {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_holidaybn.mnodr_acdo_toggle .icon_chevron_down:after {
  background: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_holidaybn.mnodr_acdo_toggle.on .icon_chevron_down {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}
.mnodr_holidaybn.mnodr_acdo_toggle.on .mnodr_acdo_cont {
  display: block;
  margin: 0 13px 0 12px;
}

.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_btn_shoppingCart, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_btn_shoppingCart {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-right: 33px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.23;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_btn_shoppingCart:after, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_btn_shoppingCart:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 28px;
  height: 28px;
  font-family: var(--m-font-icon) !important;
  font-size: 28px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_tit, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_tit {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 14px;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_list, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_list {
  font-size: 13px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 0;
  gap: 0 12px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item:not(:first-child), .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item:not(:first-child) {
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item:first-child, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item:first-child {
  padding-top: 8px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item:last-child, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item:last-child {
  padding-bottom: 5px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  width: 56px;
  height: 44px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx .mnodr_shoppingCart_item_num, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx .mnodr_shoppingCart_item_num {
  position: absolute;
  top: 4px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 50%;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx .mnodr_shoppingCart_item_img img, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_imgbx .mnodr_shoppingCart_item_img img {
  width: 100%;
  vertical-align: top;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_txtbx, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_txtbx {
  word-wrap: break-word;
  word-break: keep-all;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_tx, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_tx {
  color: var(--m-colors-gray800, #444444);
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn .mnodr_shoppingCart_item_tx .mnodr_tx_point2, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn .mnodr_shoppingCart_item_tx .mnodr_tx_point2 {
  color: var(--m-colors-secondary, #222222) !important;
  font-weight: bold;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn.mnodr_acdo_toggle .mnodr_acdo_cont, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn.mnodr_acdo_toggle .mnodr_acdo_cont {
  display: none;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn.mnodr_acdo_toggle.on .mnodr_acdo_cont, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn.mnodr_acdo_toggle.on .mnodr_acdo_cont {
  display: block;
  margin-top: 6px;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn.mnodr_acdo_toggle.on .mnodr_btn_shoppingCart:after, .mnodr_shoppingCart_sec .mnodr_shoppingCartbn.mnodr_acdo_toggle.on .mnodr_btn_shoppingCart:after {
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

.mnodr_shoppingCart_sec {
  margin: 20px 0 4px;
}
.mnodr_shoppingCart_sec .mnodr_shoppingCartbn {
  padding: 12px 16px 10px 20px;
  border-radius: 8px;
  border: 1px solid var(--m-colors-gray150, #f5f5f5);
  background-color: var(--m-colors-gray100, #fafafa);
}

.mnodr_shoppingCart_descbox {
  margin-bottom: 12px;
  border-radius: 8px;
  border: 1px solid #daf0e2;
  background: #e6f6ec;
  padding: 16px 12px;
}
.mnodr_shoppingCart_descbox .mnodr_shoppingCart_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 15px;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_shoppingCart_descbox .mnodr_shoppingCart_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_shoppingCart_descbox .mnodr_shoppingCart_desc:not(:first-child) {
  margin-top: 5px;
}
.mnodr_shoppingCart_descbox .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 6px;
}
.mnodr_shoppingCart_descbox .icon_eco {
  width: 14px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='14' viewBox='0 0 16 14' fill='none'%3E%3Cpath d='M8.00024 9.49776V6.92181C8.00024 4.73085 9.77824 2.95288 11.9692 2.95288H15.0001V5.52883C15.0001 7.71979 13.2221 9.49776 11.0312 9.49776H8.00024Z' stroke='%230B923B' stroke-width='1.25' stroke-miterlimit='10'/%3E%3Cpath d='M7.99987 7.54488V4.96892C7.99987 2.77797 6.22187 1 4.03091 1H1V3.57595C1 5.76691 2.778 7.54488 4.96896 7.54488H7.99987Z' stroke='%230B923B' stroke-width='1.25' stroke-miterlimit='10'/%3E%3Cpath d='M4.20581 3.83484L7.99977 7.38378V13.5997' stroke='%230B923B' stroke-width='1.25' stroke-miterlimit='10'/%3E%3Cpath d='M8.00024 9.4975L11.3042 6.22156' stroke='%230B923B' stroke-width='1.25' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 5px;
}
.mnodr_shoppingCart_descbox .icon_cold_storage {
  width: 11px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='15' viewBox='0 0 13 15' fill='none'%3E%3Cpath d='M1 3.90149V10.5053L6.5 13.8071L12 10.5053V3.90149L6.5 0.599609L1 3.90149Z' stroke='%23222222' stroke-miterlimit='10'/%3E%3Cpath d='M6.5 10.0287V4.52173' stroke='%23222222' stroke-miterlimit='10'/%3E%3Cpath d='M8.72663 8.65052L4.27832 5.8999' stroke='%23222222' stroke-miterlimit='10'/%3E%3Cpath d='M8.72663 5.8999L4.27832 8.65052' stroke='%23222222' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.mnodr_shoppingCart_descbox .icon_room_temperature {
  width: 11px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M6.5 11.2146V5.77869' stroke='%23222222' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M8.70209 9.85268L4.30322 7.14062' stroke='%23222222' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M8.70209 7.14062L4.30322 9.85268' stroke='%23222222' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3Cpath d='M1 8.7394C1 10.8415 2.04576 12.7838 3.74998 13.8378C5.44868 14.8918 7.54572 14.8918 9.24995 13.8378C10.9486 12.7897 12 10.8415 12 8.7394C12 6.63727 10.672 5.16874 9.24995 3.641L6.49997 1L3.74998 3.641C2.32242 5.17467 1 6.63727 1 8.7394Z' stroke='%23222222' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
}
.mnodr_shoppingCart_descbox + .mnodr_form_tit2 {
  margin-top: 14px;
}

.mnodr_cartinfo {
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_cartinfo .mnodr_form_sec {
  padding: 20px 16px 48px;
}
.mnodr_cartinfo .mnodr_form_sec.bottom_safe_spacing {
  padding-bottom: 200px;
}
.mnodr_cartinfo .mnodr_form_tit {
  font-size: var(--m-fontSizes-lg, 15px);
  color: var(--m-colors-gray700, #666666);
}
.mnodr_cartinfo .mnodr_bullst.ty2 > li {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_cartinfo .mnodr_bullst.ty2 > li + li {
  margin-top: 10px;
}

.mnodr_btn_giftsvc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn_giftsvc .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_btn_giftsvc .icon_mail {
  margin: -1px 3px 0 0;
}
.mnodr_btn_giftsvc .icon_chevron_right_s {
  margin: -2px -7px 0 -5px;
}

.swipe_margin_none {
  margin-inline: -16px;
}

.gap_narrow .ssgitem_unit.ty_scroll_mini {
  margin-left: 8px;
}
.gap_narrow .ssgitem_unit.ty_scroll_mini:first-child {
  margin-left: 0;
}

.mnodr_cart_together_title {
  padding-top: 20px;
  padding-inline: 16px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_tooltip_btn_open {
  margin-top: 0px;
  vertical-align: top;
  line-height: 1;
}

.mnodr_tooltip_btninfo_open {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 2px;
  vertical-align: top;
}
.mnodr_tooltip_btninfo_open:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e037";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_tooltip_btninfo_open.ty_sm:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e037";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_tooltip_bubble {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  max-width: 299px;
  border: 1px solid #cfcfcf;
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-top: 2px;
  padding: 20px 32px 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 360px) {
  .mnodr_tooltip_bubble {
    max-width: calc(100% - 62px);
  }
}
.mnodr_tooltip_bubble .mnodr_tooltip_text {
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: -0.2px;
  color: var(--m-colors-gray800, #444444);
}
.mnodr_tooltip_bubble .mnodr_tooltip_btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
}
.mnodr_tooltip_bubble .mnodr_tooltip_btn_close .icon {
  width: 12px;
  height: 12px;
  -webkit-filter: initial;
          filter: initial;
}

.mnodr_payhistory_benefit {
  padding: 24px 16px;
  margin-bottom: 12px;
  border-radius: 8px;
  background: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_payhistory_benefit .badge_universe_label {
  vertical-align: text-top;
}
.mnodr_payhistory_benefit [class^=cmbadge_universe] {
  vertical-align: text-top;
}
.mnodr_payhistory_benefit .mnodr_table_cell:last-child {
  font-weight: bold;
}

.mnodr_payhistory_benefit_summary {
  margin-bottom: 14px;
}

.mnodr_payhistory_benefit_price {
  font-size: 16px;
  font-weight: bold;
}

.mnodr_payhistory_btnarea {
  margin-top: 12px;
}

.mnodr_payhistory_btn_benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--m-colors-service-universe_primary_02, #002041);
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 13px;
  color: var(--m-colors-white, #ffffff);
  line-height: 1.25;
}
.mnodr_payhistory_btn_benefit:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_payhistory_btn_benefit.ty2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mnodr_banner_mmbrs .mnodr_mmbrs_link {
  display: block;
}
.mnodr_banner_mmbrs img {
  width: 100%;
  vertical-align: top;
}

.mnodr_giftrefund_wrap .mnodr_giftsvc_sec {
  margin-bottom: 30px;
}
.mnodr_giftrefund_wrap .mnodr_sec_heading {
  padding: 30px 16px;
  text-align: center;
  line-height: 1.2;
  border-bottom: 16px solid var(--m-colors-gray150, #f5f5f5);
}
.mnodr_giftrefund_wrap .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap {
  margin: 7px 0 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 100%;
  gap: 0 11px;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox {
  position: relative;
  width: 100%;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox .mnodr_rdobox_inp {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox .mnodr_rdobox_inp:checked + .mnodr_rdobox_label {
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox .mnodr_rdobox_inp:checked + .mnodr_rdobox_label + .mnodr_rdobox_cont {
  display: block;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox .mnodr_rdobox_label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  min-height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid var(--m-colors-gray900, #222222);
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox .mnodr_rdobox_cont {
  display: none;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox_panel {
  display: none;
}
.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox_panel.selected {
  display: block;
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt {
  position: relative;
  border: none;
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt input {
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt input:invalid, .mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt.invalid input {
  border-color: var(--m-colors-primary, #a59357);
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt .icon_circle_error {
  -webkit-filter: invert(53%) sepia(88%) saturate(3516%) hue-rotate(331deg) brightness(94%) contrast(115%);
          filter: invert(53%) sepia(88%) saturate(3516%) hue-rotate(331deg) brightness(94%) contrast(115%);
}
.mnodr_giftrefund_wrap .mnodr_inp_btn_grp .mnodr_inp_txt .icon_check {
  -webkit-filter: invert(31%) sepia(69%) saturate(5672%) hue-rotate(245deg) brightness(100%) contrast(102%);
          filter: invert(31%) sepia(69%) saturate(5672%) hue-rotate(245deg) brightness(100%) contrast(102%);
}
.mnodr_giftrefund_wrap .mnodr_dl_desc {
  margin-top: 10px;
}
.mnodr_giftrefund_wrap .mnodr_dl_desc > dt {
  width: 73px;
  vertical-align: top;
}
.mnodr_giftrefund_wrap .mnodr_dl_desc > dd {
  vertical-align: top;
}
.mnodr_giftrefund_wrap .mnodr_dl_desc .mnodr_tx_label {
  margin-top: 10px;
  line-height: 1.5;
}
.mnodr_giftrefund_wrap .mnodr_tx_agree_desc {
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}
.mnodr_giftrefund_wrap .mnodr_btn_authentication {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 126px;
  margin-left: 14px;
  border-radius: 76px;
  background: var(--m-colors-gray300, #e5e5e5);
  font-size: 13px;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_giftrefund_wrap .mnodr_btn_authentication.active {
  background-color: var(--m-colors-gray500, #888888);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftrefund_wrap .mnodr_confirm_msg,
.mnodr_giftrefund_wrap .mnodr_error_msg {
  margin-top: 10px;
  font-size: 12px;
  letter-spacing: -0.02em;
  line-height: 1.31;
}
.mnodr_giftrefund_wrap .mnodr_error_msg {
  color: var(--m-colors-warning_loss, #ff5452);
}
.mnodr_giftrefund_wrap .mnodr_confirm_msg {
  color: #6841ff;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total {
  margin: 20px 16px 30px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_giftsvc_refund_tittx,
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_giftsvc_refund_subtx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_giftsvc_refund_totallt {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_giftsvc_refund_totalrt {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_giftsvc_refund_subtx {
  margin-top: 5px;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_refund_priceitem_total {
  font-size: 18px;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_refund_priceitem_total .ssg_price {
  font-weight: bold;
  letter-spacing: -0.3px;
}
.mnodr_giftrefund_wrap .mnodr_giftsvc_refund_total .mnodr_refund_tx_tit {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: -0.3px;
  word-break: break-all;
  word-wrap: break-word;
}

/* 선물 품절 안내 랜딩페이지*/
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading {
  padding: 30px 0;
  margin-bottom: 0;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading .mnodr_tx_tit2 {
  font-weight: 700;
}
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading .mnodr_tx_tit2 em {
  color: var(--m-colors-primary, #a59357);
  font-weight: 700;
}
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading .mnodr_tx_tit3 {
  margin-top: 8px;
  font-size: 14px;
}
.mnodr_notrcv.mnodr_sold .mnodr_section {
  padding: 20px 16px 0;
}
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading.heading2 {
  padding: 40px 16px 16px;
}
.mnodr_notrcv.mnodr_sold .mnodr_sec_heading.heading2 .mnodr_tx_heading.mnodr_tx_left {
  text-align: left;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 {
  margin: 0 0 40px;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_rdotab_inp:checked + label .mnodr_tx_desc3 {
  font-weight: 700;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_rdotab_row + .mnodr_rdotab_row {
  margin-top: 4px;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_rdotab_right.ty3 {
  margin-left: 16px;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_tx_desc3 {
  font-size: 14px;
  line-height: 19px;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_tx_desc {
  font-size: 12px;
  line-height: 14px;
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_tx_desc.mnodr_tx_red {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_notrcv.mnodr_sold .mnodr_form_sec.ty3 .mnodr_subtxt {
  margin-top: 10px;
  font-size: 12px;
  color: var(--m-colors-gray600, #777777);
}

.mnodr_cmbtn_area.mnodr_sold .mnodr_btn.ty_point {
  height: 60px;
  font-size: 16px;
}
.mnodr_cmbtn_area.mnodr_sold .mnodr_btn.ty_point:disabled {
  opacity: 0.2;
  background: var(--m-colors-primary, #a59357);
}

:root {
  --marquee-elements-displayed: 3.6055;
  /* 기본값은 여러 요소용. li가 하나일 경우 JS에서 새 값으로 덮어씁니다. */
  --marquee-animation-duration: calc(var(--marquee-elements) * 3.5s);
}

.mnodr_marquee {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  margin: 17px 16px 0;
}
.mnodr_marquee .mnodr_marquee_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_marquee .mnodr_marquee_list.original {
  -webkit-animation: var(--marquee-animation-duration) linear 0s infinite normal forwards running scrolling-left1;
          animation: var(--marquee-animation-duration) linear 0s infinite normal forwards running scrolling-left1;
}
.mnodr_marquee .mnodr_marquee_list.clone {
  -webkit-animation: var(--marquee-animation-duration) linear 0s infinite normal none running scrolling-left2;
          animation: var(--marquee-animation-duration) linear 0s infinite normal none running scrolling-left2;
}
.mnodr_marquee .mnodr_marquee_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_marquee .mnodr_marquee_list li:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 2px;
  height: 2px;
  background: var(--m-colors-gray400, #969696);
  border-radius: 50%;
  margin: 0 4px;
}
.mnodr_marquee .mnodr_marquee_list li:only-child {
  margin-right: 4px;
}
.mnodr_marquee .mnodr_marquee_list li:only-child:after {
  display: none;
}

@-webkit-keyframes scrolling-left1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50.01% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes scrolling-left1 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50.01% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes scrolling-left2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
@keyframes scrolling-left2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
}
.mnodr_install_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 50px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_install_wrap .mnodr_install_main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_install_wrap .mnodr_install_footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  background-color: var(--m-colors-white, #ffffff);
  margin: 0 16px;
  padding: 20px 0 40px;
}
.mnodr_install_wrap .mnodr_sec_heading {
  margin-bottom: 30px;
  padding: 30px 16px 0;
}
.mnodr_install_wrap .mnodr_tx_heading {
  font-size: 20px;
  line-height: 1.2;
  word-break: keep-all;
}
.mnodr_install_wrap .mnodr_install_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 20px 16px;
  border: 0;
}
.mnodr_install_wrap .mnodr_install_head .mnodr_install_headleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_install_wrap .mnodr_install_head .mnodr_install_headright {
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.mnodr_install_wrap .mnodr_install_head .mnodr_install_date {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_install_wrap .mnodr_install_head .mnodr_install_date:not(:first-child) {
  margin-left: 7px;
}
.mnodr_install_wrap .mnodr_install_cont {
  padding: 0 16px;
}
.mnodr_install_wrap .mnodr_install_cont:first-child {
  padding-top: 20px;
}
.mnodr_install_wrap .mnodr_unit_item {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 0;
}
.mnodr_install_wrap .mnodr_unit_item:first-child {
  padding-top: 0;
}

.mnodr_select_block {
  margin: 20px 0 30px;
}

.mnodr_select_list {
  display: grid;
  grid-gap: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_select_list > li {
  position: relative;
}
.mnodr_select_list > li input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.mnodr_select_list > li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  padding: 12px 5px;
  height: 100%;
  font-size: 13px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_select_list > li label span {
  color: var(--m-colors-gray600, #777777);
}
.mnodr_select_list > li input:checked + label {
  font-weight: bold;
  -webkit-box-shadow: inset 0 0 0 2px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 2px var(--m-colors-primary, #a59357);
}
.mnodr_select_list > li input:checked + label span {
  font-weight: normal;
}
.mnodr_select_list > li input:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
  background-color: var(--m-colors-gray100, #fafafa);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
}
.mnodr_select_list > li input:disabled + label span {
  color: inherit;
}
.mnodr_select_list.ty_date {
  grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
}
.mnodr_select_list.ty_time {
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}
.mnodr_select_list.ty_cycle {
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.mnodr_regular_sec {
  padding: 20px 16px;
}
.mnodr_regular_sec .mnodr_form_sec,
.mnodr_regular_sec .mnodr_cmbtn_area {
  padding-left: 0;
  padding-right: 0;
}
.mnodr_regular_sec .mnodr_cmbtn_area:last-child {
  padding: 0;
}

.mnodr_btn_employee_discount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 55px;
  height: 24px;
  font-size: 12px;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray800, #444444);
}

.mnodr_delivery_store {
  padding: 0 29px 30px;
}
.mnodr_delivery_store .mnodr_delivery_store_title {
  padding-top: 40px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_delivery_store .mnodr_delivery_store_desc {
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
  line-height: 1.3;
}
.mnodr_delivery_store .mnodr_delivery_store_desc em {
  font-weight: bold;
}
.mnodr_delivery_store .mnodr_delivery_store_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-top: 12px;
}
.mnodr_delivery_store .mnodr_delivery_store_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_delivery_store .mnodr_delivery_store_list .cm_mall_ship {
  margin-right: 8px;
}
.mnodr_delivery_store .mnodr_delivery_store_list .mnodr_delivery_store_txt {
  font-weight: bold;
}

.mnodr_delivery_store.v2 {
  padding: 30px;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_title {
  padding-top: 10px;
  margin-bottom: 12px;
  font-size: var(--m-fontSizes-3xl, 20px);
  font-weight: var(--m-fontWeights-bold, 700);
  line-height: 1.3;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_desc {
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray700, #666666);
  letter-spacing: -0.5px;
  line-height: 1.3;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_desc em {
  font-weight: bold;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 20px 0 10px;
  padding-top: 0;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship {
  margin-right: 10px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.em,
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.mnmorning,
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.tr {
  width: 84px;
  height: 28px;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.em,
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.mnmorning,
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .cm_mall_ship.tr {
  margin-right: 10px;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .mnodr_delivery_store_txt {
  font-weight: bold;
  line-height: 1.2;
}
.mnodr_delivery_store.v2 .mnodr_delivery_store_list .mnodr_delivery_store_txt.ty_noDelivery {
  color: var(--m-colors-gray400, #969696);
}

.mnodr_boxtab_wrap .mnodr_boxtab_panel {
  display: none;
}
.mnodr_boxtab_wrap .mnodr_boxtab_panel.selected {
  display: block;
}

.mnodr_universe_txinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2px;
  margin-top: 8px;
}
.mnodr_universe_txinfo .mnodr_bene_desc {
  font-weight: 500;
  color: var(--m-colors-service-universe_primary_02, #002041);
}

.mnodr_universe_benebox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 14px;
  background: var(--m-colors-service-universe_primary_01, linear-gradient(90deg, #002041 40%, #497cff 100%));
  border-radius: 12px;
  min-height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_universe_benebox .mnodr_bene_desc {
  margin-top: 2px;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_universe_txbox {
  margin-top: 15px;
  background: var(--m-colors-service-universe_primary_01, linear-gradient(90deg, #002041 40%, #497cff 100%));
  border-radius: 6px;
  min-height: 32px;
}
.mnodr_universe_txbox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 2px;
  padding: 6px 14px 5px;
  min-height: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_universe_txbox .badge_universe_simplekr:after {
  width: 38px;
  height: 19px;
}
.mnodr_universe_txbox .mnodr_bene_desc {
  font-size: 13px;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_nudging_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 10px;
  border-radius: 4px;
  background: var(--m-colors-gray200, #f0f0f0);
  font-size: 13px;
  line-height: 16px;
  color: var(--m-colors-gray800, #444444);
}
.mnodr_nudging_link .mnodr_nudging_img {
  width: 44px;
  height: 44px;
  margin-right: 4px;
}
.mnodr_nudging_link .mnodr_nudging_img img {
  width: 100%;
  vertical-align: top;
}
.mnodr_nudging_link .mnodr_nudging_text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mnodr_nudging_link .mnodr_nudging_text strong {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_nudging_link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 16px;
  -ms-flex-item-align: center;
      align-self: center;
}

.mnodr_notice_boxwrap {
  margin: 20px 0;
  padding: 12px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_notice_boxwrap .mnodr_notice_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.25;
}
.mnodr_notice_boxwrap .mnodr_notice_txt:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-right: 4px;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e095";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_btn_loading_address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_btn_loading_address::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_form_userinfo .mnodr_inp_btn {
  margin-left: 8px;
  border: 1px solid var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_form_userinfo .mnodr_inp_btn .mnodr_btn_tx {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_form_userinfo .mnodr_inp_txt input:disabled {
  background: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray400, #969696);
}
.mnodr_form_userinfo .mnodr_inp_txtarea textarea:disabled {
  background: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray400, #969696);
}

.mnodr_howuse_infoarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.mnodr_howuse_infoarea .mnodr_howuse_infobox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  gap: 4px 0;
  min-width: 0;
  padding: 10px 8px;
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray200, #f0f0f0);
  background: var(--m-colors-gray100, #fafafa);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_howuse_infoarea .mnodr_howuse_infobox_tit {
  font-size: 11px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.2;
}
.mnodr_howuse_infoarea .mnodr_howuse_infobox_txt {
  margin-top: auto;
  font-size: 11px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.mnodr_howuse_infoarea .mnodr_howuse_infobox_txt strong {
  font-weight: 500;
}

.mnodr_nchecked.hidden {
  display: none;
}

.disital_warranty_btnbox {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  margin: 10px 0 0;
}
.disital_warranty_btnbox .warranty_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.disital_warranty_btnbox .warranty_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.disital_warranty_btnbox .warranty_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.warranty_box {
  position: relative;
  padding: 10px 16px;
  margin: 16px 0 0;
  background-color: var(--m-colors-gray150, #f5f5f5);
  font-size: 14px;
}
.warranty_box .warranty_text {
  color: var(--m-colors-gray800, #444444);
}
.warranty_box .warranty_link {
  position: absolute;
  right: 16px;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  height: 20px;
  font-size: 11px;
  color: var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-white, #ffffff);
}
.warranty_box .warranty_link:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.codr_acdo_stit {
  font-weight: 700;
  font-size: 20px;
  color: var(--m-colors-gray900, #222222);
  margin: 30px 0 0;
}

.uclub_membership {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.uclub_membership img,
.uclub_membership span[class^=cmbadge_universe] {
  margin-right: 8px;
}
.uclub_membership p {
  line-height: normal;
}
.uclub_membership p span {
  display: block;
}

.codr_clm .uclub_membership {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 16px;
  background: var(--m-colors-gray200, #f0f0f0);
  color: var(--m-colors-gray900, #222222);
  border-radius: 8px;
}
.codr_clm .uclub_membership img,
.codr_clm .uclub_membership span[class^=cmbadge_universe] {
  margin-right: 8px;
}

.mnodr_btn_carbonPoint {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 52px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_carbonPoint:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_article_benepiapoint_info .mnodr_tx_size3 {
  margin-top: 8px;
}
.mnodr_article_benepiapoint_info .mnodr_inp_txt:not(:first-child) {
  margin-top: 6px;
}
.mnodr_article_benepiapoint_info .mnodr_cmbtn_area {
  margin-top: 12px;
}
.mnodr_article_benepiapoint_info .mnodr_btn_benepiapoint {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_article_benepiapoint_info .mnodr_btn_benepiapoint:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_modal_regular_closing {
  word-break: keep-all;
  word-wrap: break-word;
}

.nodcsn_order {
  padding: 0 16px;
}
.nodcsn_order .mnodr_sec_heading {
  font-size: var(--m-fontSizes-3xl, 20px);
  padding: 0;
}
.nodcsn_order .mnodr_tx_sheading {
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-md, 14px);
}
.nodcsn_order .mnodr_choice_cont:empty {
  padding: 0;
}
.nodcsn_order .nodcsn_unit {
  margin: 40px 0 0;
}
.nodcsn_order .nodcsn_unit li:not(:first-child) {
  margin-top: 16px;
}
.nodcsn_order .nodcsn_unit a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nodcsn_order .nodcsn_unit .nodcsn_list_thumb {
  margin-right: 12px;
}
.nodcsn_order .nodcsn_unit .nodcsn_list_thumb img {
  width: 70px;
  height: 70px;
  vertical-align: top;
}
.nodcsn_order .nodcsn_unit .nodcsn_list_thumb strong {
  margin-right: 5px;
}
.nodcsn_order .nodcsn_unit .nodcsn_list_cont {
  font-size: var(--m-fontSizes-sm, 13px);
  line-height: 15.5px;
  color: var(--m-colors-secondary, #222222);
}
.nodcsn_order .nodcsn_unit .nodcsn_list_cont .nodcsn_primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
  color: var(--m-colors-primary, #a59357);
}
.nodcsn_order .nodcsn_unit .nodcsn_list_cont .nodcsn_primary:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -1px;
  margin-right: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.nodcsn_order .nodcsn_unit .nodcsn_button {
  position: relative;
  margin: 20px 0 0;
}
.nodcsn_order .nodcsn_unit .nodcsn_button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.nodcsn_order .nodcsn_unit .nodcsn_button a:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.nodcsn_order .nodcsn_unit .nodcsn_button .mnodr_bubblebx_delivery {
  opacity: 1;
  top: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 200px;
}
.nodcsn_order .nodcsn_unit .nodcsn_button .mnodr_bubblebx_delivery:before {
  left: 50%;
}

.mnodr_delivery_albibag {
  margin-bottom: 10px;
  padding: 12px 16px;
  background: var(--m-colors-gray100, #fafafa);
  border: 1px solid var(--m-colors-gray200, #f0f0f0);
  border-radius: 8px;
}
.mnodr_delivery_albibag .delivery_albibag_title {
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_delivery_albibag .delivery_albibag_desc {
  margin-top: 4px;
}
.mnodr_delivery_albibag .delivery_albibag_desc p {
  margin-top: 4px;
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-gray500, #888888);
  line-height: 15px;
  position: relative;
  padding-left: 8px;
}
.mnodr_delivery_albibag .delivery_albibag_desc p:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 5px;
  background: var(--m-colors-gray500, #888888);
}
.mnodr_delivery_albibag i[class^=icon_] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  -ms-flex-preferred-size: 20px;
      flex-basis: 20px;
  margin-right: 4px;
}
.mnodr_delivery_albibag .icon_eco_gray {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23E5E5E5' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23F5F5F5' d='M-46-327h375v2304H-46z'/%3E%3Crect width='355' height='283' x='-36' y='-66' fill='%23fff' rx='8'/%3E%3Crect width='314' height='93' x='-15.5' y='-11.5' fill='%23FAFAFA' rx='7.5'/%3E%3Crect width='314' height='93' x='-15.5' y='-11.5' stroke='%23F0F0F0' rx='7.5'/%3E%3Cg stroke='%23000' stroke-miterlimit='10'%3E%3Cpath d='M9.944 12.779V9.815a4.569 4.569 0 0 1 4.568-4.568H18v2.965a4.569 4.569 0 0 1-4.568 4.567H9.944ZM9.944 10.532V7.567A4.569 4.569 0 0 0 5.377 3H1.889v2.964a4.569 4.569 0 0 0 4.567 4.568h3.488Z'/%3E%3Cpath d='m5.578 6.263 4.366 4.084V17.5M9.944 12.78l3.803-3.77'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_delivery_albibag .icon_box {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath fill='%23E5E5E5' d='M0 0h20v20H0z'/%3E%3Cpath fill='%23F5F5F5' d='M-46-630h375v2304H-46z'/%3E%3Crect width='355' height='233' x='-36' y='-66' fill='%23fff' rx='8'/%3E%3Crect width='314' height='43' x='-15.5' y='-11.5' fill='%23FAFAFA' rx='7.5'/%3E%3Crect width='314' height='43' x='-15.5' y='-11.5' stroke='%23F0F0F0' rx='7.5'/%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23000' d='M2.17 4.15v11.71h15.64V4.15H2.17Zm6.82 1h2v2.94h-2V5.15Zm7.83 9.72H3.17V5.15h4.82v3.94h4V5.15h4.82v9.72h.01Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.tooltip_black_bubble {
  position: relative;
  display: inline-block;
  /* 툴팁 활성화 시 표시 */
  /* 말풍선 꼬리 */
  /* 툴팁 내부 텍스트 스타일 */
}
.tooltip_black_bubble .mnodr_tooltip_bubble {
  position: absolute;
  top: 18px;
  left: 30px;
  margin-top: 8px;
  color: var(--m-colors-white, #ffffff);
  background-color: var(--m-colors-black, #000000);
  padding: 6px 8px;
  border-radius: 8px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  max-width: 300px;
  z-index: 999;
  display: none; /* 초기에는 숨김 */
}
.tooltip_black_bubble .mnodr_tooltip_bubble[aria-hidden=false] {
  display: block;
}
.tooltip_black_bubble .mnodr_tooltip_bubble::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 10px; /* 원하는 위치로 조정 */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #000;
}
.tooltip_black_bubble .mnodr_tooltip_content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.tooltip_black_bubble .mnodr_tooltip_text {
  margin: 0;
  padding: 0;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_tx_point_baroquick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
}
.mnodr_tx_point_baroquick:before {
  margin-right: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
  content: "\e09d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_unit_guide_baroquick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 60px;
  line-height: normal;
}
.mnodr_unit_guide_baroquick .mnodr_unit_guide_baroquick_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 4px;
  color: var(--m-colors-gray900, #222222);
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_unit_guide_baroquick .mnodr_unit_guide_baroquick_header img {
  width: 51px;
  height: 32px;
  margin-bottom: 4px;
}
.mnodr_unit_guide_baroquick .mnodr_unit_guide_baroquick_description {
  margin-top: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray600, #777777);
  text-align: center;
}

.mnodr_article_list.ty_margin {
  margin-block: 20px !important;
}

.mnodr_delivery_infos {
  position: relative;
}

.mnodr_tooltip_bubble_delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-black_alpha95, rgba(0, 0, 0, 0.95));
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-white, #ffffff);
  padding: 6px 8px;
  border-radius: 4px;
  position: absolute;
  top: -20px;
  left: 26px;
  z-index: 10;
}
.mnodr_tooltip_bubble_delivery:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 10px; /* 원하는 위치로 조정 */
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid var(--m-colors-black_alpha95, rgba(0, 0, 0, 0.95));
}
.mnodr_tooltip_bubble_delivery .mnodr_tooltip_text {
  color: var(--m-colors-white, #ffffff);
}

.list_spacing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.mnodr_rdotab_grayfill {
  color: var(--m-colors-gray700, #666666);
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_rdotab_grayfill .mnodr_tx_desc3 {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_rdotab_grayfill .mnodr_tx_desc {
  margin-top: 5px;
  color: var(--m-colors-gray700, #666666);
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_rdotab_grayfill input:checked + label {
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_rdotab_grayfill input:checked + label .mnodr_tx_desc3 {
  color: var(--m-colors-gray900, #222222);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_rdotab_grayfill input:checked + label .mnodr_tx_desc {
  color: var(--m-colors-gray800, #444444);
}

.mnodr_tx_desc2.spacing {
  margin-top: 8px;
}

.radio_align_start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.mnodr_btn.btn_text_chevron_right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn.btn_text_chevron_right:before, .mnodr_btn.btn_text_chevron_right:after {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_btn.btn_text_chevron_right:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_btn.btn_text_chevron_right:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.layout_default {
  margin-inline: 16px;
  color: var(--m-colors-gray900, #222222);
}

.title_unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40px;
}
.title_unit .title_unit_main_title {
  font-size: var(--m-fontSizes-3xl, 20px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.title_unit .title_unit_sub_title {
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray700, #666666);
}

.branch_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.branch_list .mnodr_rdo input[type=radio] + label:before {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}

.branch_list_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 16px;
  margin-left: 10px;
}

.branch_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 16px;
}
.branch_info .branch_info_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.branch_info .branch_info_name .mnodr_tx_desc3_label {
  margin-left: 4px;
}
.branch_info .branch_info_eta {
  margin-top: 4px;
  color: var(--m-colors-gray800, #444444);
  font-weight: var(--m-fontWeights-medium, 500);
}
.branch_info .branch_info_eta.text_impact {
  color: var(--m-colors-delivery-emart_dark_02, #ff6200);
}
.branch_info .branch_info_eta_distance {
  margin-left: 4px;
  color: var(--m-colors-gray500, #888888);
  font-weight: var(--m-fontWeights-normal, 400);
}

.branch_operation_hour {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  text-align: right;
  color: var(--m-colors-gray700, #666666);
}

.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_discount_sec {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 15px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_discount_sec + .mnodr_discount_sec {
  padding-top: 15px;
  margin-top: 15px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_discount_sec:last-child {
  margin-bottom: 0;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_discount_sec .mnodr_priceitem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 15px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_discount_sec .mnodr_infobx {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_priceitem.ty_total {
  margin-top: 10px;
  padding-top: 10px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_tx_desc + .mnodr_tx_desc {
  margin-top: 10px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_tx_desc.ty_space + .mnodr_tx_desc.ty_space {
  margin-top: 20px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_unit {
  padding: 20px 0 5px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_unit.ty2 {
  padding: 10px 0 5px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_unit .mnodr_unit_item {
  padding: 0;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .swiper-container {
  background: var(--m-colors-white, #ffffff);
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_bullst.ty_grayline {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #f5f5f5;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_bullst.ty_space {
  margin-top: 20px;
}
.mnodr_modal.ty_alert .mnodr_modal_cont .mnodr_bullst.ty2 li + li {
  margin-top: 10px;
}

.mnodr_modal.ty_auth .mnodr_profile {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.mnodr_modal.ty_auth .mnodr_shareauth {
  padding-top: 45px;
  padding-bottom: 0;
}
.mnodr_modal.ty_auth .mnodr_shareauth_tit {
  font-size: 20px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_modal.ty_auth .mnodr_shareauth_sec {
  margin-top: 15px;
  padding: 0;
  text-align: left;
}
.mnodr_modal.ty_auth .mnodr_shareauth_input {
  margin-bottom: 5px;
}
.mnodr_modal.ty_auth .mnodr_shareauth_input + .mnodr_tx_point {
  display: none;
}
.mnodr_modal.ty_auth .mnodr_shareauth_input.ty_error:before {
  border-color: var(--m-colors-primary, #a59357);
}
.mnodr_modal.ty_auth .mnodr_shareauth_input.ty_error + .mnodr_tx_point {
  display: block;
}
.mnodr_modal.ty_auth .mnodr_sec.ty_privacy {
  padding: 0;
  margin-bottom: 0;
}
.mnodr_modal.ty_auth .mnodr_sec.ty_privacy .mnodr_sec_control {
  margin-left: 16px;
}

.mnodr_modal.ty_affiliate .mnodr_modal_cont {
  text-align: center;
}
.mnodr_modal.ty_affiliate .mnodr_affiliate_icon {
  width: 90px;
  height: 70px;
  margin: 0 auto 8px;
}
.mnodr_modal.ty_affiliate .mnodr_affiliate_icon img {
  width: 100%;
  vertical-align: top;
}

.body_app_fit header#header.mnodr_head_fix {
  position: relative;
}
.body_app_fit #m_container.ty_headfix #m_content {
  padding-top: 0;
}
.body_app_fit .mnodr_container_step.ty_headfix #m_content {
  padding-top: 0;
}
.body_app_fit .mnodr_container_step.ty_headfix #m_content .mnodr_sticky {
  top: 0;
}
.body_app_fit .m_content.ty_bg {
  background-color: #fff;
}
.body_app_fit .mcom_tit_renew {
  padding: 20px;
}
.body_app_fit .mcom_tit_renew .mcom_tit_txt {
  font-size: 32px;
  text-align: left;
  color: #1a1a1a;
}
.body_app_fit .mcom_tit_renew .mcom_tit_lft,
.body_app_fit .mcom_tit_renew .mcom_tit_rgt {
  display: none;
}
.body_app_fit .mcom_tit_renew::after {
  background-image: none;
  border-top: none;
}
.body_app_fit .mnodr_ic.ic_location {
  background-image: url(../img/sprites/sp_mnodr_fit_20210820@2x.png);
  background-position: -132px -70px;
  background-size: 181px 139px;
  width: 15px;
  height: 17px;
}
.body_app_fit .mnodr_ic.ic_toolbar_up {
  background-image: url(../img/sprites/sp_mnodr_fit_20210820@2x.png);
  background-position: -101px -35px;
  background-size: 181px 139px;
  width: 80px;
  height: 25px;
}
.body_app_fit .mnodr_ic.ic_toolbar_down {
  background-image: url(../img/sprites/sp_mnodr_fit_20210820@2x.png);
  background-position: -101px 0px;
  background-size: 181px 139px;
  width: 80px;
  height: 25px;
}
.body_app_fit .mnodr_ic.ic_basket {
  background-image: url(../img/sprites/sp_mnodr_fit_20210820@2x.png);
  background-position: 0px -72px;
  background-size: 181px 139px;
  width: 60px;
  height: 67px;
}
.body_app_fit .mnodr_toolbar2 .mnodr_ic.ic_toolbar_up {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 24V0h24v24z'/%3E%3Cpath fill='rgb(0,0,0)' fill-rule='nonzero' d='M3.07 15.67L12 6.74l8.93 8.93-1.06 1.06L12 8.86l-7.87 7.87z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
}
.body_app_fit .mnodr_toolbar2 .mnodr_ic.ic_toolbar_down {
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M12 17.64 2.52 8.28l.96-.96L12 15.96l8.52-8.64.96.96z'/%3E%3C/g%3E%3C/svg%3E") 50% 50% no-repeat;
}
.body_app_fit .mnodr_btn.ty_point {
  background-color: #1a1a1a;
}
.body_app_fit .mnodr_btn.ty_gray5 {
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  color: #1a1a1a;
}
.body_app_fit .mnodr_btn.ty_gray {
  background-color: #1a1a1a;
  color: #fff;
}
.body_app_fit .mnodr_btn.ty_gray:not(:only-child) {
  border-top: 1px solid #f0f0f0;
  background-color: #fff;
  color: #1a1a1a;
}
.body_app_fit .mnodr_inp_sel select {
  border-color: #f0f0f0;
}
.body_app_fit .mnodr_inp_sel:after {
  border-top: 6px solid #1a1a1a;
}
.body_app_fit .mnodr_tx_tit,
.body_app_fit .mnodr_tx_desc,
.body_app_fit .mnodr_tx_desc3,
.body_app_fit .mnodr_info_tit,
.body_app_fit .mnodr_priceitem_stit,
.body_app_fit .mnodr_ssgpay_acdoheadtx,
.body_app_fit .mnodr_ssgpay_btn.ty_blkline,
.body_app_fit .mnodr_unit_tit .mnodr_unit_brd,
.body_app_fit .mnodr_unit_tit .mnodr_unit_name,
.body_app_fit .mnodr_discount_sec .mnodr_coupon_btn2.ty_blk,
.body_app_fit .mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label .mnodr_tx_desc,
.body_app_fit .mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label .mnodr_tx_toggle {
  color: #1a1a1a;
}
.body_app_fit .mnodr_tx_point,
.body_app_fit .mnodr_tx_point2 {
  color: var(--m-colors-primary, #a59357) !important;
}
.body_app_fit .mnodr_article_head .mnodr_tx_tit,
.body_app_fit .mnodr_article_head .mnodr_form_tit {
  font-size: 18px;
}
.body_app_fit .mnodr_article_head .mnodr_tx_tit.ty_sm {
  font-size: 16px;
}
.body_app_fit .mnodr_tx_desc.ty_space {
  margin-top: 25px;
}
.body_app_fit .mnodr_article_head .mnodr_form_tit {
  padding-bottom: 20px;
  border-bottom: 4px solid #1a1a1a;
}
.body_app_fit .mnodr_article_head .mnodr_form_tit + .mnodr_priceitem.ty_narrow {
  margin-top: 20px;
}
.body_app_fit .mnodr_modal.ty_full .mnodr_modal_close {
  top: 40px;
  right: 20px;
}
.body_app_fit .mnodr_modal.ty_full .mnodr_modal_head {
  padding: 35px 0 25px 20px;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 0;
}
.body_app_fit .mnodr_modal.ty_full .mnodr_modal_head .mnodr_modal_tit {
  font-size: 33px;
  font-weight: normal;
}
.body_app_fit .mnodr_modal .mnodr_modal_foot .mnodr_btn.ty_sm {
  height: 50px;
}
.body_app_fit .mnodr_toolbar .mnodr_btn.ty_m {
  height: 65px;
}
.body_app_fit .mnodr_toolbar2 .mnodr_btn.ty_m {
  height: 65px;
}
.body_app_fit .mnodr_toolbar_ctn {
  border-top: 0;
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.body_app_fit .mnodr_toolbar_togglebtn {
  margin-bottom: 0;
}
.body_app_fit .mnodr_toolbar2 .mnodr_toolbar_togglebtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 29px;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  -webkit-transform: inherit;
          transform: inherit;
  padding-top: 5px;
  margin: 0;
  border-radius: 8px 8px 0 0;
  background-color: #fff;
  -webkit-user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.body_app_fit .mnodr_toolbar2 .mnodr_toolbar_togglebtn:focus {
  outline: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.body_app_fit .mnodr_acdo_toggle.ty_depth2 .mnodr_arrow_btn:before,
.body_app_fit .mnodr_acdo_toggle .mnodr_arrow_btn:before {
  border-top: 6px solid #1a1a1a;
  border-bottom: 6px solid transparent;
}
.body_app_fit .mnodr_acdo_toggle.ty_depth2 .mnodr_arrow_btn.on:before,
.body_app_fit .mnodr_acdo_toggle .mnodr_arrow_btn.on:before {
  border-bottom: 6px solid #1a1a1a;
  border-top: 6px solid transparent;
}
.body_app_fit .mnodr_acdo.ty_parcel .mnodr_acdo_header {
  background-color: #d6d2c4;
}
.body_app_fit .mnodr_acdo_summary {
  background-color: #f0f0f0;
}
.body_app_fit .mnodr_acdo_summary .mnodr_tx_gray4 {
  color: #1a1a1a !important;
}
.body_app_fit .mnodr_acdo_summary .mnodr_ic.ic_arr.ty_arr_gray {
  border-color: #1a1a1a;
}
.body_app_fit .mnodr_priceitem.ty_narrow {
  margin-top: 15px;
}
.body_app_fit .mnodr_info_btn {
  padding: 13px 0;
  border-color: #dbdbdb;
}
.body_app_fit .mnodr_form_sendbox .mnodr_sendbox .mnodr_latest .mnodr_latest_num.active {
  border-color: #bea36b;
  background: #bea36b;
}
.body_app_fit .mnodr_rdotablist_deliv .mnodr_rdotab_deliv.disabled input:disabled + label {
  background: #f0f0f0;
  color: #888;
}
.body_app_fit .mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label {
  background: transparent;
}
.body_app_fit .mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp.ty_point:checked + label:before {
  border-color: #1a1a1a;
}
.body_app_fit .mnodr_unit_cont {
  margin-left: 20px;
}
.body_app_fit .mnodr_unit_info {
  margin-bottom: 10px;
}
.body_app_fit .mnodr_unit_prdpay {
  margin-top: 15px;
}
.body_app_fit .mnodr_unit_option {
  margin-top: 10px;
  color: var(--m-colors-gray400, #969696);
}
.body_app_fit .mnodr_unit_today:before {
  background-image: url(../img/sprites/sp_mnodr_fit_20210820@2x.png);
  background-position: -101px -103px;
  background-size: 181px 139px;
  width: 15px;
  height: 12px;
}
.body_app_fit .mnodr_unit_btn {
  height: 40px;
  border-color: #dbdbdb;
}
.body_app_fit .mnodr_unit_btn span {
  color: #1a1a1a;
}
.body_app_fit .mnodr_unit_btnarea.ty_fillbtn {
  margin-top: 25px;
}
.body_app_fit .mnodr_unit_btnarea.ty_fillbtn .mnodr_unit_btn {
  height: 45px;
}
.body_app_fit .mnodr_unit_benetx {
  border-color: #dbdbdb;
  color: #1a1a1a;
}
.body_app_fit .mnodr_unit_benetx:before {
  border-color: #1a1a1a;
}
.body_app_fit .mnodr_unit_benetx.ty2 {
  border-color: #bea36b;
  background-color: #bea36b;
}
.body_app_fit .mnodr_unit_select {
  height: 40px;
  border-color: #dbdbdb;
}
.body_app_fit .mnodr_unit_select select {
  line-height: 40px;
}
.body_app_fit .mnodr_unit_select .mnodr_ic.ic_arr.ty_fillgray {
  border-right: 3px solid #1a1a1a;
  border-bottom: 3px solid #1a1a1a;
}
.body_app_fit .mnodr_article,
.body_app_fit .mnodr_article_list {
  border: 0;
  border-radius: 0;
}
.body_app_fit .mnodr_article {
  margin: 0;
}
.body_app_fit .mnodr_article.mnodr_delivery_infos {
  margin-top: 0px;
}
.body_app_fit .mnodr_article.mnodr_acdo_toggle .mnodr_toggle_btn {
  width: auto;
  height: auto;
  background: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #1a1a1a;
  border-bottom: 0 solid transparent;
}
.body_app_fit .mnodr_article.mnodr_acdo_toggle.on .mnodr_toggle_btn {
  width: auto;
  height: auto;
  background: none;
  top: 1px;
  border-top: 6px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #1a1a1a;
  border-left: 5px solid transparent;
}
.body_app_fit .mnodr_article_head {
  padding: 15px 0;
  margin: 45px 20px 0;
  border-bottom: 4px solid #1a1a1a;
}
.body_app_fit .mnodr_article_head_subtx {
  margin-top: 0;
  padding: 20px 20px 0 20px;
}
.body_app_fit .mnodr_article_headrt .mnodr_btn.ty_grayline {
  padding: 0;
  border: 0;
  color: #1a1a1a;
  font-weight: bold;
}
.body_app_fit .mnodr_article_headrt .mnodr_btn.ty_grayline:after {
  top: 50%;
  content: "";
  width: 4px;
  height: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: 2px;
  margin-top: -2px;
  border-right: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  content: "";
}
.body_app_fit .mnodr_article_list .mnodr_article_head {
  margin: 10px 10px 0;
}
.body_app_fit .mnodr_article_list .mnodr_article_cont > .mnodr_form_sec {
  padding: 0 10px 20px;
}
.body_app_fit .mnodr_article_cont.ty_pull {
  margin-top: 0;
}
.body_app_fit .mnodr_article_cont > .mnodr_form_sec {
  padding-top: 0;
  margin-top: 20px;
}
.body_app_fit .mnodr_article_cont > .mnodr_form_sec.ty7 {
  margin-top: 0;
}
.body_app_fit .mnodr_article_cont > .mnodr_form_sec.ty4 {
  margin-top: 20px;
  border-top: 0;
}
.body_app_fit .mnodr_article_item + .mnodr_article_item,
.body_app_fit .mnodr_article_delivtit + .mnodr_article_list li {
  border-top: 0;
}
.body_app_fit .mnodr_article_item.ty_unit .mnodr_article_head {
  margin: 20px 10px 15px;
  border-bottom: 0;
  padding: 0;
}
.body_app_fit .mnodr_article_item.ty_bottom_btn .mnodr_article {
  margin-top: 0;
}
.body_app_fit .mnodr_article_foot {
  border-radius: 0;
}
.body_app_fit .mnodr_article_foot .mnodr_article {
  margin-top: 0;
}
.body_app_fit .mnodr_article_foot .mnodr_article .mnodr_article_head {
  border-bottom: 0;
  padding: 0;
  margin: 10px;
}
.body_app_fit .mnodr_article_foot .mnodr_btn_area {
  background-color: #fff;
  padding: 20px;
}
.body_app_fit .mnodr_ssgpay_acdo,
.body_app_fit .mnodr_ssgpay_acdo:first-child .mnodr_ssgpay_acdotogglebtn {
  border-top: 0;
}
.body_app_fit .mnodr_ssgpay_acdohead {
  padding: 25px 0;
}
.body_app_fit .mnodr_ssgpay_acdotogglebtn {
  padding-right: 0;
  margin: 0 20px;
  border-top: 1px solid #f0f0f0;
}
.body_app_fit .mnodr_point_sec {
  padding: 20px 0 0 0;
}
.body_app_fit .mnodr_toggle_sec .mnodr_form_sec {
  border-top: 1px solid #f0f0f0;
  margin: 0 20px;
  padding: 20px 0;
}
.body_app_fit .mnodr_priceitem .ty_total {
  margin-top: 25px;
  padding-top: 25px;
}
.body_app_fit .mnodr_priceitem_total .ssg_price {
  font-size: 25px;
}
.body_app_fit .mnodr_priceitem_total .ssg_tx {
  font-size: 18px;
}
.body_app_fit .mnodr_charge_btn {
  background-color: #f0f0f0;
  border-radius: 0;
}

.mnodr_product_recommend {
  padding: 20px 0 20px 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_product_recommend .cmtit_heading {
  margin: 0 0 10px;
  padding: 0 12px 0 0;
}
.mnodr_product_recommend .cmtit_heading .cmtit_maintxt {
  font-size: 15px;
}
.mnodr_product_recommend .ssgitembox_scroll {
  background-color: var(--m-colors-white, #ffffff);
}

.mnodr_control_wrap.v2 .mnodr_product_recommend {
  padding: 0;
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_control_wrap.v2 .mnodr_product_recommend .cmtit_heading {
  margin: 20px 0 0 16px;
  padding: 0 12px 0 0;
}
.mnodr_control_wrap.v2 .mnodr_product_recommend .cmtit_heading .cmtit_maintxt {
  font-size: 15px;
}

hr {
  border: none;
  margin: 0;
}

.mnodr_order_completed {
  padding-bottom: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_fixed_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
}

.mnodr_text_link {
  color: var(--m-colors-primary, #a59357);
  text-decoration: underline;
}

.mnodr_caption {
  font-size: 13px;
  font-weight: normal;
  color: var(--m-colors-gray350, #cfcfcf);
  line-height: 1.3846153846;
  letter-spacing: -0.3px;
  word-break: normal;
}

.mnodr_border {
  background-color: var(--m-colors-gray150, #f5f5f5);
  border-color: var(--m-colors-gray150, #f5f5f5);
  height: 10px;
  display: block;
}

.mnodr_section {
  padding: 20px 16px 30px;
  position: relative;
}
.mnodr_section .mnodr_section_title {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1666666667;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_section .mnodr_section_title:not(:first-child) {
  margin-top: 30px;
}
.mnodr_section .mnodr_section_title + .mnodr_section_text {
  margin-top: 8px;
}
.mnodr_section .mnodr_section_title + .mnodr_section_content {
  margin-top: 12px;
}
.mnodr_section .mnodr_section_text {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2142857143;
  letter-spacing: -0.2px;
  word-break: keep-all;
}
.mnodr_section .mnodr_section_text + .mnodr_section_text {
  margin-top: 5px;
}
.mnodr_section .mnodr_section_text + .btn_ship_emart {
  margin-top: 12px;
}
.mnodr_section .mnodr_section_content {
  margin-top: 20px;
}
.mnodr_section .mnodr_section_content:first-child {
  margin-top: 0;
}
.mnodr_section .mnodr_section_content + .mnodr_caption {
  margin-top: 16px;
}
.mnodr_section .mnodr_section_content ~ .mnodr_btn_group {
  margin-top: 30px;
}
.mnodr_section .mnodr_section_content ~ .mnodr_banner {
  margin-top: 30px;
}
.mnodr_section .mnodr_section_content ~ .mnodr_banner + .mnodr_banner {
  margin-top: 8px;
}
.mnodr_section .mnodr_section_content ~ .mnodr_bullet_list {
  margin-top: 30px;
}
.mnodr_section .mnodr_caption + .mnodr_caption {
  margin-top: 4px;
}
.mnodr_section .mnodr_btn_orderer_change {
  position: absolute;
  top: 17px;
  right: 20px;
}
.mnodr_section .mnodr_article_headbubble {
  position: absolute;
  left: 16px;
  top: -26px;
  bottom: auto;
}
.mnodr_section .mnodr_btn_set_oneclick {
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 32px;
  border-radius: 16px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_section .mnodr_btn_set_oneclick .icon {
  display: none;
}
.mnodr_section .mnodr_btn_set_oneclick:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_section .mnodr_btn_set_oneclick:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_section .mnodr_btn_payment {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0 auto;
  padding: 0 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex: 0 1 auto;
  height: 32px;
  border-radius: 16px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_section .mnodr_btn_payment:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_section .mnodr_btn_payment:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_section .mnodr_btn_payment .icon_chevron_right_s {
  display: none;
}
.mnodr_section.mnodr_section_giftsvc .mnodr_section_title + .mnodr_section_content {
  margin-top: 8px;
}
.mnodr_section.mnodr_section_price .mnodr_table_cell:last-child {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.mnodr_section .mnodr_tx_desc2 {
  margin-top: 4px;
}
.mnodr_section .mnodr_cmbtn_area {
  margin-top: 24px;
}
.mnodr_section .mnodr_banner.ty_authentic,
.mnodr_section .mnodr_banner.ty_tradein,
.mnodr_section .mnodr_banner_ty2 {
  margin-top: 24px;
}
.mnodr_section .mnodr_gift_shortcut {
  position: absolute;
  right: 20px;
  top: 20px;
}
.mnodr_section .mnodr_gift_shortcut a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.mnodr_section .mnodr_gift_shortcut a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_section .mnodr_gift_shortcut .primary {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_section .mnodr_gift_shortcut .primary:after {
  border-color: var(--m-colors-primary, #a59357);
}
.mnodr_section .mnodr_giftsvc_write_banner {
  display: block;
  margin: 14px 0 0;
  height: 88px;
  padding: 0 6.2686567164%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: url("../img/order/banner/write_banner_bg@2x.png") 0 0/cover;
}
.mnodr_section .mnodr_giftsvc_write_banner .gift_write_text {
  font-size: 14px;
  color: var(--m-colors-black, #000000);
  font-weight: bold;
  line-height: normal;
  position: absolute;
  top: 27px;
}
.mnodr_section .mnodr_giftsvc_write_banner .write_go {
  position: absolute;
  right: 9.8507462687%;
  top: 41px;
  display: inline-block;
  background-color: var(--m-colors-gray900, #222222);
  color: white;
  font-size: 11px;
  height: 20px;
  padding: 2px 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_section .mnodr_giftsvc_write_banner .write_go:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_section + .mnodr_section {
  padding-top: 6px;
}
.mnodr_section .ssgitembox_scroll:before {
  display: none;
}
.mnodr_section .mnodr_gift_cmitem_shortcut {
  position: absolute;
  right: 10px;
  top: 4px;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_section .mnodr_gift_cmitem_shortcut a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.mnodr_section .mnodr_gift_cmitem_shortcut a:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray400, #969696);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_section.mnodr_section_head {
  padding: 24px 16px;
  text-align: center;
}
.mnodr_section.mnodr_section_head .mnodr_section_title {
  font-size: 24px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.25;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_section.mnodr_section_head.ty_bg {
  padding: 24px 16px 20px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_section.mnodr_section_head.ty_bg .mnodr_section_title {
  margin-bottom: 24px;
}
.mnodr_section.mnodr_section_head.ty_bg .mnodr_article_list {
  margin: 0;
}
.mnodr_section.mnodr_section_head.ty_bg .mnodr_banner,
.mnodr_section.mnodr_section_head.ty_bg .mnodr_banner_ty2 {
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_section.mnodr_section_head.ty_bg + .mnodr_border {
  display: none;
}

.mnodr_section_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mnodr_section_new .mnodr_section_title {
  margin-block: 24px;
  font-size: var(--m-fontSizes-5xl, 24px);
}
.mnodr_section_new .mnodr_delivery_status_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 52px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 24px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_section_new .mnodr_delivery_status_btn:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_section_new .mnodr_delivery_status_btn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_section_new .mnodr_section_text {
  margin-top: 10px;
  margin-bottom: 6px;
  color: var(--m-colors-gray600, #777777);
  font-size: var(--m-fontSizes-sm, 13px);
}

.mnodr_btn > .mnodr_btn_content {
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  overflow: hidden;
}
.mnodr_btn > .mnodr_btn_content > .mnodr_btn_prepend_icon,
.mnodr_btn > .mnodr_btn_content > .mnodr_btn_append_icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  line-height: 0;
}

.mnodr_btn_ship_emart {
  border-radius: 22px;
  background-color: var(--m-colors-delivery-emart, #ffd040);
  border-color: var(--m-colors-delivery-emart, #ffd040);
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 12px;
  overflow: hidden;
}
.mnodr_btn_ship_emart .mnodr_btn_content {
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.25;
  letter-spacing: -0.3px;
}
.mnodr_btn_ship_emart .mnodr_btn_prepend_icon {
  margin-left: -8px;
  margin-right: 2px;
}
.mnodr_btn_ship_emart .mnodr_btn_prepend_icon > .icon {
  width: 40px;
  height: 40px;
}
.mnodr_btn_ship_emart .mnodr_btn_prepend_icon > .icon:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url("../img/com_v2/ic_cmitemship.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.mnodr_btn_orderer_change {
  background-color: transparent !important;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  width: auto;
}
.mnodr_btn_orderer_change.ty_xs {
  height: 25px;
}
.mnodr_btn_orderer_change > .mnodr_btn_content {
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1;
}

.mnodr_btn_contionus_shopping {
  border-radius: 22px;
  background-color: var(--m-colors-black, #000000);
  border-color: var(--m-colors-black, #000000);
}
.mnodr_btn_contionus_shopping > .mnodr_btn_content {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-white, #ffffff);
  line-height: 1;
  letter-spacing: 0;
  word-break: keep-all;
}

.mnodr_btn_order_detail {
  border-radius: 22px;
  background-color: transparent !important;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_btn_order_detail > .mnodr_btn_content {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray800, #444444);
  line-height: 1;
  letter-spacing: 0;
  word-break: keep-all;
}

.mnodr_btn_re_sms {
  background-color: var(--m-colors-black, #000000);
  border-color: var(--m-colors-black, #000000);
  width: 100%;
}
.mnodr_btn_re_sms.ty_lg {
  height: 50px;
}
.mnodr_btn_re_sms .mnodr_btn_content {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-white, #ffffff);
  line-height: 1.1666666667;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_btn_re_sms .mnodr_btn_content > .mnodr_btn_prepend_icon {
  margin-right: 8px;
}

.mnodr_btn_re_kakao {
  background-color: var(--m-colors-delivery-emart, #ffd040);
  border-color: var(--m-colors-delivery-emart, #ffd040);
  width: 100%;
}
.mnodr_btn_re_kakao.ty_lg {
  height: 50px;
}
.mnodr_btn_re_kakao .mnodr_btn_content {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1666666667;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_btn_re_kakao .mnodr_btn_content > .mnodr_btn_prepend_icon {
  margin-right: 8px;
}

.mnodr_btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_btn_group > .mnodr_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_btn_group > .mnodr_btn:last-child {
  margin-left: 4px;
}

.mnodr_orderer_info {
  position: relative;
}
.mnodr_orderer_info > strong {
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_orderer_info .orderer-address {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: keep-all;
  margin-top: 4px;
}
.mnodr_orderer_info .orderer-address + .mnodr_tx_desc {
  margin-top: 4px;
}
.mnodr_orderer_info ~ .mnodr_orderer_info {
  margin-top: 16px;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_orderer_info ~ .mnodr_orderer_info .mnodr_btn_orderer_change {
  top: 19px;
  right: 0;
}
.mnodr_orderer_info:first-child .mnodr_btn_orderer_change {
  top: -1px;
  right: 0;
}
.mnodr_orderer_info .orderer_change_memo {
  position: relative;
  padding-right: 40px;
  line-height: 1.2;
}
.mnodr_orderer_info .orderer_change_memo:not(:first-child) {
  margin-top: 4px;
}

.mnodr_orderer_info_change .mnodr_article_headbubble {
  position: absolute;
  left: 0;
  top: 100%;
  bottom: auto;
  margin: 6px 0 0;
}
.mnodr_orderer_info_change .mnodr_article_headbubble:before {
  top: -4px;
  bottom: auto;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.mnodr_orderer_info_gift ~ .mnodr_orderer_info_gift {
  margin-top: 8px;
  padding-top: 0;
  border-top: none;
}

.mnodr_section .mnodr_acdo_toggle .mnodr_form_sec {
  padding: 0;
}
.mnodr_acdo_toggle .mnodr_tx_tit > span {
  font-size: 20px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  letter-spacing: -0.3px;
  word-break: break-all;
}
.mnodr_acdo_toggle > .mnodr_acdo_cont {
  margin-top: 12px;
}
.mnodr_acdo_toggle > .mnodr_acdo_cont.ty_spacing_none {
  margin-top: 4px;
  margin-bottom: 2px;
}
.mnodr_acdo_toggle > .mnodr_acdo_cont.mnodr_bullst {
  margin-top: 0;
}
.mnodr_acdo_toggle + .mnodr_section_content {
  margin-top: 16px;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_acdo_toggle.on .mnodr_table .icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.mnodr_table_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_table_row + .mnodr_table_row {
  margin-top: 8px;
}
.mnodr_table_row + .mnodr_caption {
  margin: 2px 0 8px;
}
.mnodr_table_head > .mnodr_table_cell:first-child {
  font-size: 16px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1875;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_table_head > .mnodr_table_cell:last-child {
  font-size: 16px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1875;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_table_head2 > .mnodr_table_cell:first-child {
  font-size: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1666666667;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_table_head2 > .mnodr_table_cell:last-child {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_table_cell:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: break-all;
}
.mnodr_table_cell:first-child .cmbadge_mmbrs,
.mnodr_table_cell:first-child .cmbadge_universe_oval,
.mnodr_table_cell:first-child .mnodr_ico_eco,
.mnodr_table_cell:first-child .mnodr_ico_kbliiv {
  margin-right: 4px;
}
.mnodr_table_cell:first-child .mnodr_tooltip_btn_open {
  margin-left: 4px;
}
.mnodr_table_cell:last-child {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: break-all;
  max-width: 67%;
  text-align: right;
}
.mnodr_table .mnodr_foreign_currency {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: keep-all;
  display: block;
  margin-top: 4px;
}
.mnodr_table .mnodr_table_eco_row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0;
}
.mnodr_table .mnodr_table_eco_row .mnodr_pay_arrlink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-semibold, 600);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_table .mnodr_table_eco_row .mnodr_pay_arrlink:before, .mnodr_table .mnodr_table_eco_row .mnodr_pay_arrlink:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_table .mnodr_table_eco_row .mnodr_pay_arrlink:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_table .mnodr_table_eco_row .mnodr_pay_arrlink:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_bullet_list > .mnodr_bullet_item {
  padding-left: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.mnodr_bullet_list > .mnodr_bullet_item:before {
  content: "";
  width: 2px;
  height: 2px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--m-colors-gray500, #888888);
  border-radius: 50%;
}
.mnodr_bullet_list > .mnodr_bullet_item + .mnodr_bullet_item {
  margin-top: 4px;
}

.mnodr_icon_list > .mnodr_icon_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_icon_list > .mnodr_icon_item > :first-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 4px;
}
.mnodr_icon_list > .mnodr_icon_item > :first-child + .mnodr_caption {
  line-height: 1;
}
.mnodr_icon_list > .mnodr_icon_item + .mnodr_icon_item {
  margin-top: 4px;
}
.mnodr_icon_list .mnodr_icon_caption {
  font-size: 13px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3846153846;
  letter-spacing: -0.3px;
  word-break: normal;
}

.mnodr_banner {
  width: auto;
  height: auto;
  display: block;
  padding: 16px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-gray150, #f5f5f5);
  border-radius: 8px;
  text-align: left;
}
.mnodr_banner .mnodr_banner_title {
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.mnodr_banner .mnodr_banner_title + .mnodr_banner_text {
  margin-top: 4px;
}
.mnodr_banner .mnodr_banner_title ~ .mnodr_icon_list {
  margin-top: 8px;
}
.mnodr_banner .mnodr_banner_text {
  font-size: 13px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3846153846;
  letter-spacing: -0.2px;
  word-break: normal;
}
.mnodr_banner > .mnodr_banner_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_icon,
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_append {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_icon {
  max-width: 76px;
  margin-right: 12px;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_icon img {
  width: 100%;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_icon + div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_img {
  width: 76px;
  height: 86px;
  margin-right: 12px;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_img img {
  width: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_prepend_img + div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_append {
  margin-left: 4px;
}
.mnodr_banner > .mnodr_banner_content > .mnodr_banner_append > .icon {
  display: block;
  line-height: 0;
}
.mnodr_banner + .mnodr_banner {
  margin-top: 8px;
}
.mnodr_banner + .mnodr_bullet_list {
  margin-top: 30px;
}

.mnodr_bnrbox.ty_membership {
  margin-top: 8px;
  margin-bottom: 0px;
}
.mnodr_bnrbox.ty_membership + .mnodr_banner {
  margin-top: 8px;
}

.mnodr_banner_bio_auth .mnodr_banner_txt_wrap,
.mnodr_banner_ssg_money .mnodr_banner_txt_wrap {
  width: calc(100% - 115px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_banner_bio_auth .mnodr_banner_title,
.mnodr_banner_ssg_money .mnodr_banner_title {
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: break-word;
}
.mnodr_banner_bio_auth .mnodr_banner_text,
.mnodr_banner_ssg_money .mnodr_banner_text {
  font-size: 14px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.3571428571;
  letter-spacing: -0.3px;
  word-break: break-word;
}

.mnodr_banner_ty2 {
  position: relative;
  border-radius: 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_banner_ty2 .mnodr_banner_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_banner_ty2 .badge {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 8px;
}
.mnodr_banner_ty2 .mnodr_banner_text {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-regular, 400);
  line-height: 1.2;
}
.mnodr_banner_ty2 .mnodr_banner_icon_append {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_banner_ty2 .mnodr_banner_icon_append:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_banner_ty2 .mnodr_banner_icon_append:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_banner_ty2 .mnodr_banner_icon_append:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_banner_ty2 .mnodr_banner_icon_append:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_banner_ty2 .mnodr_article_headbubble {
  left: 50%;
  top: 100%;
  margin-top: -6px;
  margin-bottom: 0;
}

.mnodr_modal .mnodr_btn {
  height: 52px;
}

.mnodr_icon_rbbag {
  width: 76px;
  height: 72px;
  display: block;
  background: url("../img/order/ico_rbbag@3x.png") no-repeat center/100% auto;
}

.mnodr_icon_bottled_water {
  width: 76px;
  height: 86px;
  display: block;
  background: url("../img/order/ico_bottled_water@3x.png") no-repeat center/100% auto;
}

.mnodr_icon_bio_auth {
  width: 60px;
  height: 60px;
  display: block;
  background: url("../img/order/ico_bio_auth@3x.png") no-repeat center/100% auto;
}

.mnodr_icon_ssg_money {
  width: 59px;
  height: 39px;
  display: block;
  background: url("../img/order/ico_ssg_money@3x.png") no-repeat center/100% auto;
}

.mnodr_icon_basket {
  width: 60px;
  height: 60px;
  display: block;
  background: url("../img/order/svg/ico-basket.svg") no-repeat center/100% auto;
}

.mnodr_icon_sms:after {
  background-image: url("../img/order/svg/ico-sms.svg");
}

.mnodr_icon_kakao:after {
  background-image: url("../img/order/svg/ico-kakao.svg");
}

.icon_questionmark_circle {
  -webkit-filter: invert(49%) sepia(3%) saturate(6%) hue-rotate(319deg) brightness(93%) contrast(82%);
          filter: invert(49%) sepia(3%) saturate(6%) hue-rotate(319deg) brightness(93%) contrast(82%);
}

.mnodr_section_rental {
  margin-top: 24px;
}
.mnodr_section_rental img {
  border-radius: 12px;
  width: 100%;
}

.mnodr_delivschedule {
  padding: 20px 14px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_delivschedule_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px 16px 11px;
  border-radius: 12px;
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_delivschedule_sec + .mnodr_delivschedule_sec {
  margin-top: 8px;
}
.mnodr_delivschedule_sec.ty_disabled .mnodr_delivschedule_session {
  opacity: 0.2;
}
.mnodr_delivschedule_sec.ty_ing {
  -webkit-box-shadow: inset 0 0 0 2px var(--m-colors-secondary, #222222);
          box-shadow: inset 0 0 0 2px var(--m-colors-secondary, #222222);
}
.mnodr_delivschedule_sec.ty_ing .mnodr_delivschedule_num {
  color: var(--m-colors-secondary, #222222);
}

.mnodr_delivschedule_session {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_delivschedule_num {
  font-size: 14px;
  font-weight: 700;
}

.mnodr_delivschedule_date {
  margin-left: 16px;
  font-size: 13px;
  font-weight: 400;
}

.mnodr_delivschedule_state {
  font-size: 13px;
  font-weight: 500;
  margin-left: auto;
}

.mnodr_delivschedule_area {
  margin-top: 8px;
}

.mnodr_delivschedule_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_delivschedule_link:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_giftsvc.mnodr_giftsvc_step1_target {
  padding-bottom: 110px;
}
.mnodr_giftsvc.mnodr_giftsvc_step1_target .mnodr_hr12 {
  margin: 30px 0;
}
.mnodr_giftsvc.mnodr_giftsvc_step1_target .mnodr_bubble_bx {
  margin-top: 12px;
}
.mnodr_giftsvc.mnodr_giftsvc_step1_target .mnodr_giftsvc_sec {
  margin-bottom: 30px;
}

.mnodr_giftsvctab_wrap .mnodr_giftsvctab_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  padding: 0 16px;
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_item .mnodr_giftsvctab_btn {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 16px 4px;
  background: var(--m-colors-gray150, #f5f5f5);
  border-radius: 6px;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_item.selected .mnodr_giftsvctab_btn {
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-shadow: 0px -2px 4px rgba(136, 136, 136, 0.1);
          box-shadow: 0px -2px 4px rgba(136, 136, 136, 0.1);
  font-size: 13px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_item.new .mnodr_giftsvctab_btn:before {
  content: "NEW";
  position: absolute;
  top: 4px;
  right: 4px;
  min-width: 34px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 6px 2px;
  border-radius: 4px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_panel {
  display: none;
}
.mnodr_giftsvctab_wrap .mnodr_giftsvctab_panel.selected {
  display: block;
}
.mnodr_giftsvctab_wrap .mnodr_giftsend_tit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_giftsvctab_wrap .mnodr_tx_desc2 {
  margin-top: 6px;
}

.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .mnodr_rdotablist {
  padding: 0 16px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0 8px;
  padding: 0 16px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo_wrap > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border: 1px solid #e5e5e5;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo .giftsvc_sdrdo_txt {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo.selected {
  background: var(--m-colors-gray900, #222222);
  border: none;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo.selected .giftsvc_sdrdo_txt {
  color: #fff;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo.selected .giftsvc_sdrdo_txt.ty_kakao:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -337px;
  background-size: 472px 463px;
  width: 19px;
  height: 17px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo.selected .giftsvc_sdrdo_txt.ty_sms:before {
  background-image: url(../img/sprites/sp_mnodr_20211124@2x.png);
  background-position: -448px -255px;
  background-size: 472px 463px;
  width: 20px;
  height: 17px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_inp_sdrdo.selected .giftsvc_sdrdo_txt.ty_contact:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M12.030 12.87c-1.040 0-1.89-0.84-1.89-1.88s0.85-1.88 1.89-1.88 1.88 0.84 1.88 1.88c0 1.040-0.85 1.88-1.88 1.88zM12.030 10.31c-0.38 0-0.69 0.3-0.69 0.68s0.31 0.68 0.69 0.68c0.38 0 0.68-0.3 0.68-0.68s-0.31-0.68-0.68-0.68z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M16.91 17.77h-1.2c0-2.020-1.65-3.66-3.68-3.66s-3.68 1.64-3.68 3.66h-1.2c0-2.68 2.19-4.86 4.88-4.86 2.69 0.010 4.88 2.19 4.88 4.86z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M2.399 20.4v-16.8h19.2v16.8h-19.2zM17.999 7.2h2.4v-2.4h-2.4v2.4zM7.199 4.8v2.4h9.6v-2.4h-9.6zM5.999 7.2v-2.4h-2.4v2.4h2.4zM3.599 8.4v10.8h16.8v-10.8h-16.8z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_sdrdo_info {
  display: block;
  margin: 6px 0 12px;
  padding: 0 16px;
  font-size: 12px;
  font-weight: 400;
  color: #6841ff;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_sdrdo_info:first-child {
  margin-top: 8px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_tab_panel {
  display: none;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .giftsvc_tab_panel.selected {
  display: block;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .mnodr_giftsend_form {
  margin-top: 8px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .mnodr_rdotablist + .giftsvc_tab_cont .mnodr_giftsend_form {
  margin-top: 20px;
}
.mnodr_giftsvctab_wrap .giftsvc_send_tabwrap .mnodr_rdotab_footer {
  line-height: normal;
  margin-top: 5px;
}

.mnodr_btn_delete_giftsend {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-top: -1px;
  margin-left: 2px;
}
.mnodr_btn_delete_giftsend:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray300, #e5e5e5);
  content: "\e034";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_giftsend_btnarea {
  margin-top: 20px;
  padding: 0 16px;
}

.mnodr_btn_odd_giftsend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border-radius: 6px;
  background: #ffecec;
  padding: 8px 8px 7px;
  min-height: 32px;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_btn_odd_giftsend:after {
  content: "";
  margin-top: -2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e078";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_giftsvc_sec.mnodr_receipt_voucher {
  margin-top: -10px;
  margin-bottom: -10px;
}
.mnodr_giftsvc_sec.mnodr_receipt_voucher .mnodr_form_tit {
  line-height: 1.2;
}
.mnodr_giftsvc_sec.mnodr_receipt_voucher .mnodr_tx_desc {
  margin-top: 6px;
}
.mnodr_giftsvc_sec.mnodr_receipt_voucher .mnodr_form_cont {
  margin-top: 12px;
}

.mnodr_period_check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 20px 16px -4px;
}
.mnodr_period_check .mnodr_period_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px 0;
}
.mnodr_period_check .mnodr_period_select {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  background: var(--m-colors-white, #ffffff);
}
.mnodr_period_check .mnodr_period_select:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin-top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_period_check .mnodr_period_select select {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 8px 28px 7px 15px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  font-size: 13px;
  font-weight: 400;
  border-radius: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.mnodr_period_check .mnodr_period_txt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 13px;
  font-weight: 700;
  margin-left: 5px;
}
.mnodr_period_check .mnodr_period_txt + .mnodr_period_select {
  margin-left: 5px;
}
.mnodr_period_check .mnodr_period_btn_views {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  padding: 9px 12px 8px;
  margin-left: 8px;
  background-color: var(--m-colors-black, #000000);
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_banner.ty_authentic {
  border-radius: 0;
  padding: 16px;
}
.mnodr_banner.ty_authentic .mnodr_banner_textwrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_banner.ty_authentic .mnodr_banner_text {
  margin-left: 10px;
  margin-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--m-colors-gray800, #444444);
  font-weight: 500;
  line-height: normal;
  word-break: keep-all;
}
.mnodr_banner.ty_authentic .mnodr_banner_text strong {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_banner.ty_authentic .mnodr_banner_authentic_btn {
  overflow: hidden;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}
.mnodr_banner.ty_authentic .mnodr_banner_authentic_btn .icon_chevron_right_m_white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_banner.ty_authentic .mnodr_banner_authentic_btn .icon_chevron_right_m_white:after {
  background: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_banner.ty_authentic.ty_2 {
  padding: 14px 16px;
}
.mnodr_banner.ty_authentic.ty_2 .mnodr_banner_text {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.mnodr_banner.ty_authentic.ty_2 .mnodr_banner_authentic_btn {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}

.codr_unit_authentic {
  color: var(--m-colors-gray900, #222222);
  line-height: normal;
}

.codr_unit_authentic_label {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray700, #666666);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}

.mnodr_banner.ty_tradein {
  border-radius: 0;
  padding: 16px;
}
.mnodr_banner.ty_tradein .mnodr_banner_textwrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_banner.ty_tradein .mnodr_banner_text {
  margin-left: 10px;
  margin-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--m-colors-gray800, #444444);
  font-weight: 500;
  line-height: normal;
  word-break: keep-all;
}
.mnodr_banner.ty_tradein .mnodr_banner_text strong {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_banner.ty_tradein .mnodr_banner_tradein_btn {
  overflow: hidden;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}
.mnodr_banner.ty_tradein .mnodr_banner_tradein_btn .icon_chevron_right_m_white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_banner.ty_tradein .mnodr_banner_tradein_btn .icon_chevron_right_m_white:after {
  background: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_banner.ty_tradein.ty_2 {
  padding: 14px 16px;
}
.mnodr_banner.ty_tradein.ty_2 .mnodr_banner_text {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.mnodr_banner.ty_tradein.ty_2 .mnodr_banner_tradein_btn {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}

.codr_unit_tradein {
  color: var(--m-colors-gray900, #222222);
  line-height: normal;
}

.codr_unit_tradein_label {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray700, #666666);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}

.mnodr_banner.ty_quotation_consultation {
  border-radius: 0;
  padding: 16px;
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_textwrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_text {
  margin-left: 10px;
  margin-right: 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: var(--m-colors-gray800, #444444);
  font-weight: 500;
  line-height: normal;
  word-break: keep-all;
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_text strong {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_quotation_consultation_btn {
  overflow: hidden;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_quotation_consultation_btn .icon_chevron_right_m_white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_banner.ty_quotation_consultation .mnodr_banner_quotation_consultation_btn .icon_chevron_right_m_white:after {
  background: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_banner.ty_quotation_consultation.ty_2 {
  padding: 14px 16px;
}
.mnodr_banner.ty_quotation_consultation.ty_2 .mnodr_banner_text {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
}
.mnodr_banner.ty_quotation_consultation.ty_2 .mnodr_banner_quotation_consultation_btn {
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
  padding: 0 7px;
}

.codr_unit_quotation_consultation {
  color: var(--m-colors-gray900, #222222);
  line-height: normal;
}

.codr_unit_quotation_consultation_label {
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray700, #666666);
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}

.mnodr_authentic_register_info,
.mnodr_tradein_table {
  text-align: left;
  border-top: 1px solid var(--m-colors-gray300, #e5e5e5);
  border-right: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_authentic_register_info table,
.mnodr_tradein_table table {
  width: 100%;
}
.mnodr_authentic_register_info caption,
.mnodr_tradein_table caption {
  margin-top: -1px;
}
.mnodr_authentic_register_info th,
.mnodr_tradein_table th {
  padding: 10px;
  background: var(--m-colors-gray200, #f0f0f0);
  color: var(--m-colors-gray400, #969696);
  font-size: 12px;
  line-height: normal;
  font-weight: normal;
  border-left: 1px solid var(--m-colors-gray300, #e5e5e5);
  border-bottom: 1px solid var(--m-colors-gray300, #e5e5e5);
  letter-spacing: -0.3px;
}
.mnodr_authentic_register_info td,
.mnodr_tradein_table td {
  padding: 10px;
  color: var(--m-colors-gray700, #666666);
  border-left: 1px solid var(--m-colors-gray300, #e5e5e5);
  border-bottom: 1px solid var(--m-colors-gray300, #e5e5e5);
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.3px;
  vertical-align: top;
}
.mnodr_authentic_register_info td span,
.mnodr_tradein_table td span {
  font-weight: 500;
  text-decoration: underline;
}
.mnodr_authentic_register_info .ty_sm,
.mnodr_tradein_table .ty_sm {
  font-size: 11px;
}
.mnodr_authentic_register_info.ty_full,
.mnodr_tradein_table.ty_full {
  width: 100%;
}
.mnodr_authentic_register_info.ty_light,
.mnodr_tradein_table.ty_light {
  text-align: center;
  border-color: var(--m-colors-gray200, #f0f0f0);
}
.mnodr_authentic_register_info.ty_light th,
.mnodr_tradein_table.ty_light th {
  background: var(--m-colors-gray100, #fafafa);
  border-color: var(--m-colors-gray200, #f0f0f0);
  color: var(--m-colors-gray600, #777777);
}
.mnodr_authentic_register_info.ty_light td,
.mnodr_tradein_table.ty_light td {
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray200, #f0f0f0);
}

.codr_unit_info.ty_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
}
.codr_unit_info.ty_flex > span,
.codr_unit_info.ty_flex strong,
.codr_unit_info.ty_flex button {
  margin-right: 6px;
}

.mnodr_badge_check {
  width: 32px;
  height: 32px;
}
.mnodr_badge_check::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_19972_1411)'%3e %3ccircle cx='16' cy='16' r='16' fill='url(%23paint0_linear_19972_1411)'/%3e %3cpath d='M12.7443 15.5991L15.1507 17.833L19.3682 13.417M16.0562 8.37135L18.8594 7L20.3171 9.76001L23.3875 10.2948L22.9476 13.3825L25.1125 15.625L22.9476 17.8675L23.3875 20.9552L20.3171 21.4986L18.8594 24.25L16.0562 22.8786L13.2618 24.25L11.8042 21.4986L8.73363 20.9552L9.16488 17.8675L7 15.625L9.16488 13.3825L8.73363 10.2948L11.8042 9.76001L13.2618 7L16.0562 8.37135Z' stroke='white' stroke-width='1.2' stroke-miterlimit='10'/%3e %3c/g%3e %3cdefs%3e %3clinearGradient id='paint0_linear_19972_1411' x1='32' y1='16' x2='0' y2='16' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%23BE3FFA'/%3e %3cstop offset='0.4065' stop-color='%23F43479'/%3e %3cstop offset='0.5841' stop-color='%23F43479'/%3e %3cstop offset='1' stop-color='%23FF5452'/%3e %3c/linearGradient%3e %3cclipPath id='clip0_19972_1411'%3e %3crect width='32' height='32' fill='white'/%3e %3c/clipPath%3e %3c/defs%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}

.codr_unit_authentic_label::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M11.136 14.256v-1.404l0.468-0.636c0.456-0.6 1.524-2.028 1.608-2.124 0.18-0.24 0.288-0.516 0.288-0.804 0-0.756-0.684-1.38-1.524-1.38-0.192-0.012-1.176 0.048-1.5 1.224l-1.152-0.312c0.432-1.56 1.704-2.112 2.652-2.112 1.5 0 2.724 1.152 2.724 2.58 0 0.564-0.192 1.092-0.54 1.548-0.084 0.108-1.14 1.512-1.596 2.112l-0.216 0.288v1.020h-1.212z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M12.708 16.428c0 0.492-0.408 0.9-0.9 0.9s-0.9-0.408-0.9-0.9c0-0.492 0.408-0.9 0.9-0.9s0.9 0.408 0.9 0.9z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
}

.codr_quotation_consultation_info {
  color: var(--m-colors-gray900, #222222);
}
.codr_quotation_consultation_info .codr_quotation_consultation_info_box {
  margin-top: 20px;
  padding: 20px;
  color: var(--m-colors-gray600, #777777);
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.codr_quotation_consultation_info .codr_quotation_consultation_info_box em {
  color: var(--m-colors-primary, #a59357);
  font-weight: 600;
}
.codr_quotation_consultation_info .codr_quotation_consultation_content_list_item {
  margin-top: 20px;
}

.codr_authentic_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: var(--m-colors-gray900, #222222);
  line-height: normal;
}
.codr_authentic_info.dialog_scrollable {
  padding-bottom: 30px;
}
.codr_authentic_info h4 {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.codr_authentic_info .codr_authentic_info_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.codr_authentic_info .codr_authentic_info_row .ty_tx {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 10px;
  word-break: keep-all;
}
.codr_authentic_info .codr_authentic_info_row .ty_label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 52px;
          flex: 0 0 52px;
  height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-gray800, #444444);
  color: var(--m-colors-white, #ffffff);
  font-size: 10px;
  font-weight: 700;
}
.codr_authentic_info .codr_authentic_info_box {
  background-color: var(--m-colors-gray100, #fafafa);
  padding: 15px 20px;
}
.codr_authentic_info .codr_authentic_info_box .codr_authentic_info_box_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.codr_authentic_info .codr_authentic_info_box .codr_authentic_info_box_row .ty_name {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
  color: var(--m-colors-gray600, #777777);
}
.codr_authentic_info .codr_authentic_info_box .codr_authentic_info_box_row .ty_tx {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 500;
}
.codr_authentic_info .codr_authentic_info_box .codr_authentic_info_box_row:not(:first-of-type) {
  margin-top: 6px;
}
.codr_authentic_info .codr_authentic_info_desc {
  margin-top: 10px;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
}
.codr_authentic_info .codr_authentic_info_desc .ty_strong {
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
}
.codr_authentic_info .icon_arrow_down_xs {
  margin: 6px 0 6px 18px;
}

.mnodr_authentic_register {
  padding-bottom: 102px;
  line-height: normal;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_authentic_register .mnodr_authentic_register_sec {
  padding: 0 16px;
  margin-top: 20px;
}
.mnodr_authentic_register .mnodr_authentic_register_scroll {
  max-height: 230px;
  overflow-y: auto;
}
.mnodr_authentic_register .mnodr_authentic_register_bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 20px 16px 40px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_authentic_register .mnodr_authentic_register_bottom .mnodr_btn .mnodr_btn_tx {
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}
.mnodr_authentic_register .mnodr_authentic_register_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_authentic_register .mnodr_authentic_register_desc_tx {
  margin-top: 12px;
  text-align: center;
  word-break: keep-all;
  font-size: 16px;
}
.mnodr_authentic_register .mnodr_inp_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_authentic_register .mnodr_inp_txt label {
  font-size: 14px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 63px;
          flex: 0 0 63px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 700;
}
.mnodr_authentic_register .mnodr_inp_txt input {
  height: 40px;
  padding-left: 8px;
  padding-right: 8px;
}
.mnodr_authentic_register .mnodr_inp_txt input::-webkit-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt input::-moz-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt input:-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt input::-ms-input-placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt input::placeholder {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt input, .mnodr_authentic_register .mnodr_inp_txt:focus {
  border-color: var(--m-colors-gray500, #888888);
}
.mnodr_authentic_register .mnodr_inp_txt:not(:first-child) {
  margin-top: 12px;
}
.mnodr_authentic_register .mnodr_authentic_register_scroll_tx {
  font-size: 12px;
  line-height: 14px;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_authentic_register .mnodr_authentic_register_scroll_tx.ty_warning_loss {
  color: var(--m-colors-warning_loss, #ff5452);
}
.mnodr_authentic_register .mnodr_authentic_register_info {
  margin: 10px 0;
}

.mnodr_badge_tradein {
  width: 32px;
  height: 32px;
}
.mnodr_badge_tradein::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='16' cy='16' r='16' fill='url(%23paint0_linear_21517_10516)'/%3e %3cpath d='M20.6799 15.4932H19.8266L20.4799 12.8399L20.5199 12.6266V12.5466H20.4533H19.1866V12.5999L18.4799 15.4932H17.4266L16.7199 12.7332L16.6799 12.5999V12.5466H15.3066V12.5999L14.5599 15.4932H13.5066L12.8399 12.7332L12.7999 12.5999V12.5466H11.4533L11.4799 12.6266L12.1866 15.4799H11.2666V16.7999H12.5199L13.3466 20.1599H13.4133V20.1466H13.3466V20.2132H14.6399V20.1599L14.5866 20.1466L14.6533 20.1599L15.5333 16.7999H16.4666L17.3333 20.1599V20.2132H18.6399V20.1599L18.5866 20.1466L18.6533 20.1599L19.4933 16.7999H20.7466V15.4799H20.6799V15.4932ZM18.1599 16.8132L17.9599 17.6132L17.7599 16.8132H18.1599ZM15.8799 15.4932L15.9999 15.0132L16.1199 15.4932H15.8666H15.8799ZM14.2133 16.8132L14.0133 17.6132L13.8266 16.8132H14.2266H14.2133Z' fill='white'/%3e %3cpath d='M23.6267 11.2C22.0267 8.68 19.2133 7 16 7C11.0267 7 7 11.0267 7 16M23.8 7V11.2H19.6M8.38667 20.8133C9.98667 23.3333 12.8 25.0133 16 25.0133C20.9733 25.0133 25 20.9867 25 16.0133M8.2 25.0133V20.8133H12.4' stroke='white' stroke-miterlimit='10'/%3e %3cdefs%3e %3clinearGradient id='paint0_linear_21517_10516' x1='32' y1='16' x2='0' y2='16' gradientUnits='userSpaceOnUse'%3e %3cstop stop-color='%23BE3FFA'/%3e %3cstop offset='0.4065' stop-color='%23F43479'/%3e %3cstop offset='0.5841' stop-color='%23F43479'/%3e %3cstop offset='1' stop-color='%23FF5452'/%3e %3c/linearGradient%3e %3c/defs%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}

.mnodr_banner.ty_tradein .mnodr_banner_tradein_btn {
  padding: 0 9px;
}
.mnodr_banner.ty_tradein.ty_2 .mnodr_banner_tradein_btn {
  padding: 0 16px;
}

.mnodr_tradein {
  line-height: normal;
}
.mnodr_tradein > h3 {
  padding-top: 18px;
}
.mnodr_tradein .mnodr_tradein_content {
  min-height: 434px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mnodr_tradein .mnodr_form_sec {
  padding: 20px 0 0 0;
}
.mnodr_tradein .mnodr_form_sec .mnodr_form_tit {
  padding: 8px 0;
}
.mnodr_tradein .mnodr_form_sec#step-1 .mnodr_rdo_rdus > label {
  padding-left: 28px;
  padding-right: 28px;
}
.mnodr_tradein .mnodr_form_sec + .mnodr_form_sec {
  border: none;
}
.mnodr_tradein .mnodr_rdo_lst {
  margin: 0;
  padding: 6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.mnodr_tradein .mnodr_rdo_lst > .mnodr_rdo_rdus {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.mnodr_tradein .mnodr_rdo_lst > .mnodr_rdo_rdus > label {
  padding-left: 12px;
  padding-right: 12px;
  border-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tradein .dialog_sticky {
  z-index: 3;
  padding-top: 10px;
}
.mnodr_tradein .dialog_sticky .mnodr_btn {
  height: 52px;
  font-size: 16px;
  font-weight: 500;
}
.mnodr_tradein .dialog_sticky .mnodr_btn:disabled {
  background-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray400, #969696);
}
.mnodr_tradein .mnodr_tradein_sec {
  margin: 0;
  margin-top: 30px;
  padding: 0;
  position: relative;
}
.mnodr_tradein .mnodr_tradein_sec h4 + .mnodr_tradein_table {
  margin-top: 4px;
}
.mnodr_tradein .mnodr_tradein_sec::before {
  content: none;
}
.mnodr_tradein .mnodr_tradein_sec > .mnodr_tx_desc2:not(:first-child) {
  margin-top: 8px;
}
.mnodr_tradein .mnodr_tradein_prevbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray600, #777777);
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
}
.mnodr_tradein .mnodr_tradein_prevbtn::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28119%2C119%2C119%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_tradein .mnodr_sec_row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_tradein .mnodr_sec_row + .mnodr_tradein_table {
  margin-top: 8px;
}
.mnodr_tradein .mnodr_chk {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_tradein .mnodr_chk input + label {
  height: 20px;
}
.mnodr_tradein .mnodr_chk input + label::before {
  margin-top: 0;
}
.mnodr_tradein .mnodr_chk input + label::after {
  top: 2px;
}
.mnodr_tradein .mnodr_chk .mnodr_tx_desc2 {
  margin-top: 0;
}
.mnodr_tradein .mnodr_sec.ty_privacy .mnodr_sec_control {
  text-decoration: none;
}
.mnodr_tradein .mnodr_sec.ty_privacy .mnodr_sec_control button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_tradein .mnodr_sec.ty_privacy .mnodr_sec_control button i.open::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12.001 15.951l-7.376-7.376-0.849 0.849 8.224 8.224 8.224-8.224-0.849-0.849-7.376 7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_tradein .mnodr_sec.ty_privacy .mnodr_sec_control button i.close::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12.001 8.049l7.376 7.376 0.849-0.849-8.224-8.224-8.224 8.224 0.849 0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_tradein .mnodr_sec.ty_privacy .mnodr_sec_control .mnodr_tx_desc2 {
  margin-top: 0;
}
.mnodr_tradein .mnodr_tradein_bubble_wrap {
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 100%;
}
.mnodr_tradein .mnodr_tradein_bubble_wrap .mnodr_tradein_bubble {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: -5px;
  right: 0;
  max-width: 188px;
  padding: 5px 7px;
  border-radius: 4px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  font-size: 12px;
}
.mnodr_tradein .mnodr_tradein_bubble_wrap .mnodr_tradein_bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: 1px solid var(--m-colors-gray900, #222222);
  border-left: 1px solid var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-gray900, #222222);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_tradein .mnodr_loading_md {
  margin-top: 40px;
  height: 30px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.mnodr_tradein .mnodr_loading_md::before {
  z-index: unset;
}
.mnodr_tradein_no {
  margin-top: 40px;
  padding: 60px 0;
  text-align: center;
}
.mnodr_tradein_no .mnodr_tradein_no_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_tradein_no .mnodr_tradein_no_tit:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28207%2C207%2C207%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28207%2C207%2C207%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28207%2C207%2C207%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
  margin-bottom: 4px;
}
.mnodr_tradein_no .mnodr_tradein_no_txt {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: var(--m-colors-gray600, #777777);
}

.mnodr_tradein#page-2 .mnodr_tx_desc3,
.mnodr_tradein#page-2 .mnodr_tradein_prevbtn {
  margin-top: 4px;
}

.mnodr_odrdeliv.ty_bg {
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_history_gifttab_wrap .mnodr_history_gifttab_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_history_gifttab_wrap .mnodr_history_gifttab_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_history_gifttab_wrap .mnodr_history_gifttab_item .mnodr_history_gifttab_btn {
  display: block;
  width: 100%;
  padding: 15px 15px 14px;
  background-color: var(--m-colors-service-present_primary, #ab8f59);
  color: var(--m-colors-white, #ffffff);
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.mnodr_history_gifttab_wrap .mnodr_history_gifttab_item.selected .mnodr_history_gifttab_btn {
  font-weight: bold;
}
.mnodr_history_gifttab_wrap .mnodr_history_gifttab_panel {
  display: none;
}
.mnodr_history_gifttab_wrap .mnodr_history_gifttab_panel.selected {
  display: block;
}

.mnodr_history_receivedtab_wrap .mnodr_history_receivedtab_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 20px 16px;
  gap: 0 6px;
}
.mnodr_history_receivedtab_wrap .mnodr_history_receivedtab_item .mnodr_history_receivedtab_btn {
  padding: 8px 10px 7px;
  background-color: var(--m-colors-white, #ffffff);
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  line-height: 1.1;
}
.mnodr_history_receivedtab_wrap .mnodr_history_receivedtab_item.selected .mnodr_history_receivedtab_btn {
  background-color: var(--m-colors-black, #000000);
  border: 1px solid var(--m-colors-black, #000000);
  color: var(--m-colors-white, #ffffff);
}
.mnodr_history_receivedtab_wrap .mnodr_history_receivedtab_panel {
  display: none;
}
.mnodr_history_receivedtab_wrap .mnodr_history_receivedtab_panel.selected {
  display: block;
}

.mnodr_giftsvc_banner_swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100px;
}
.mnodr_giftsvc_banner_swiper .swiper-slide-img {
  position: relative;
}
.mnodr_giftsvc_banner_swiper .swiper-slide-img img {
  width: 100%;
  vertical-align: top;
  min-height: 100px;
}
.mnodr_giftsvc_banner_swiper .swiper-pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.45);
  min-height: 20px;
  padding: 4px 8px 3px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_banner_swiper .swiper-pagination-current {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_giftsvc_banner_swiper .swiper-pagination-separator,
.mnodr_giftsvc_banner_swiper .swiper-pagination-total {
  color: var(--m-colors-white, #ffffff);
  opacity: 0.5;
}

.mnodr_odrdeliv.ty_bg .mnodr_odrdeliv_giftsvc {
  position: relative;
  margin: 20px 14px;
  padding: 20px 16px;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 12px;
}
.mnodr_odrdeliv.ty_bg .mnodr_odrdeliv_giftsvc.ty_fullbox {
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
}

.mnodr_odrdeliv_giftsvc_btngroup {
  position: relative;
  margin: 20px 14px;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.mnodr_odrdeliv_giftsvc_btngroup:last-child {
  margin-bottom: 40px;
}
.mnodr_odrdeliv_giftsvc_btngroup.ty_narrow {
  margin-top: -8px;
  margin-bottom: -8px;
}

.mnodr_odrdeliv .mnodr_odrdeliv_giftsvc_bottom {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  margin-top: -10px;
  padding: 20px 14px 40px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_odrdeliv .mnodr_odrdeliv_giftsvc_bottom .mnodr_cmbtn_area {
  margin-top: 0;
}

.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .m_paginate_new,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .m_paginate_new {
  background-color: transparent;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item:not(:first-child),
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item:not(:first-child) {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_img,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_img {
  opacity: 0.3;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info i,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 i,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_tit,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_brd,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_name,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_option,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info i,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 i,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_tit,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_brd,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_name,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_option {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em:before {
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_tx_btn,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_tx_btn {
  color: var(--m-colors-gray350, #cfcfcf) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] i.icon_chevron_right_s,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] i.icon_chevron_right_s {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img {
  opacity: 0.3;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode {
  border-color: var(--m-colors-gray350, #cfcfcf) !important;
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before, .mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ico_copy_barcode,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ico_copy_barcode,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch {
  opacity: 0.2;
}
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img {
  opacity: 0.3;
}
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode {
  opacity: 0.3;
  color: var(--m-colors-white, #ffffff);
  border-color: inherit !important;
}
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before, .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:before,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:after,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after {
  -webkit-filter: inherit !important;
          filter: inherit !important;
}

.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_dvinfo,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_dvinfo {
  min-height: auto;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_icon_arrRIght,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_icon_arrRIght {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_icon_arrRIght::after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_icon_arrRIght::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .m_paginate_new,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .m_paginate_new {
  background-color: transparent;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item:not(:first-child),
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item:not(:first-child) {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  height: 100%;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_img,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_img {
  opacity: 0.3;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info i,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 i,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_tit,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_brd,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_name,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_option,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info i,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 i,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_tit,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_brd,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_name,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_option {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info > em:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_unit_info2 > em:before {
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_tx_btn,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] .mnodr_tx_btn {
  color: var(--m-colors-gray350, #cfcfcf) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] i.icon_chevron_right_s,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_unit.mnodr_giftsvc_unit[aria-disabled=true] i.icon_chevron_right_s {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img {
  opacity: 0.3;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode {
  border-color: var(--m-colors-gray350, #cfcfcf) !important;
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before, .mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ico_copy_barcode,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ico_copy_barcode,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch {
  opacity: 0.2;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true]:before {
  -webkit-filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
          filter: invert(91%) sepia(0%) saturate(1546%) hue-rotate(184deg) brightness(87%) contrast(106%) !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_img {
  opacity: 0.3;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_dvtype_text,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_giftsvc_barcode_text {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode {
  opacity: 0.3;
  border-color: inherit !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before, .mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:after,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch:after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:before,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_copy_barcode:after {
  -webkit-filter: inherit !important;
          filter: inherit !important;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_barcode_download,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_giftsvc_ecoupon_box .mnodr_odrdeliv_giftsvc_item .mnodr_giftsvc_dvtype[aria-disabled=true] .mnodr_btn_ssgmoney_switch {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_dvinfo,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_odrdeliv_giftsvc_dvinfo {
  min-height: 20px;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_icon_arrRIght,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_icon_arrRIght {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mnodr_odrdeliv.mnodr_odrdeliv_step1_giftsvc .mnodr_icon_arrRIght::after,
.mnodr_odrdeliv.mnodr_giftsvc_detail_wrap .mnodr_icon_arrRIght::after {
  content: "";
  background: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_odrdeliv .mnodr_unit.mnodr_giftsvc_unit .mnodr_unit_item {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
}
.mnodr_odrdeliv .mnodr_unit.mnodr_giftsvc_unit .mnodr_unit_item:first-child {
  margin-top: 10px;
}
.mnodr_odrdeliv .mnodr_unit.mnodr_giftsvc_unit .mnodr_unit_item:last-child {
  padding-bottom: 0;
}

.mnodr_history_msgsummary {
  margin-bottom: 10px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_history_msgsummary .mnodr_msgsummary {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mnodr_history_msgsummary .mnodr_msgsummary_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_history_msgsummary .mnodr_msgsummary_from,
.mnodr_history_msgsummary .mnodr_msgsummary_to {
  font-size: 18px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  line-height: normal;
}
.mnodr_history_msgsummary .mnodr_msgsummary_date {
  margin-left: auto;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_history_msgsummary .mnodr_msgsummary_img {
  overflow: hidden;
  position: relative;
  width: 85px;
  height: 85px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 10px;
}
.mnodr_history_msgsummary .mnodr_msgsummary_img img {
  width: 100%;
}
.mnodr_history_msgsummary .mnodr_msgsummary_desc {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray600, #777777);
  word-wrap: break-word;
  word-break: break-word;
}

.mnodr_msgsummary_subheader {
  margin: 10px 0;
}
.mnodr_msgsummary_subheader .mnodr_msgsummary_to {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_dvstate_progress {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
  background: #f0f0f0;
  border-radius: 5px;
  height: 8px;
  overflow: hidden;
}
.mnodr_dvstate_progress .mnodr_dvstate_bar {
  background: var(--m-colors-ssg_brand, linear-gradient(270deg, #be3ffa 0%, #f43479 40.65%, #f43479 58.41%, #ff5452 100%));
  border-radius: 5px;
}
.mnodr_dvstate_progress.ty_dimmed .mnodr_dvstate_bar {
  width: 100%;
  opacity: 0.2;
}

.mnodr_odrdeliv_giftsvc_dvinfo:first-child {
  margin-top: 0;
}
.mnodr_odrdeliv_giftsvc_dvinfo.ty_line {
  margin-top: 17px;
  border-top: 1px solid #e5e5e5;
  padding-top: 16px;
}

.mnodr_mall_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6px;
}
.mnodr_mall_header .mnodr_mall_ship {
  padding: 3px 8px 2px;
}
.mnodr_mall_header .mnodr_mall_ship .mnodr_ship_tx {
  font-size: 12px;
  font-weight: 500;
}
.mnodr_mall_header .mnodr_btn_receive_msg {
  margin-left: auto;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_mall_header .mnodr_btn_receive_msg:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}

.mnodr_ship_state {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 8px;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  border: 1px solid var(--m-colors-secondary, #222222);
  color: var(--m-colors-secondary, #222222);
}
.mnodr_mall_header.ty_cancel .mnodr_ship_state {
  border: 1px solid var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}
.mnodr_mall_header.ty_complete .mnodr_ship_state {
  border: 1px solid var(--m-colors-secondary, #222222);
  color: var(--m-colors-secondary, #222222);
}

.mnodr_ship_peruse {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-left: auto;
  font-size: 12px;
  font-weight: 500;
  color: #8807f3;
}
.mnodr_mall_header.ty_complete .mnodr_ship_peruse {
  color: #777;
}

.mnodr_odrdeliv_phone {
  padding: 11px 12px 9px;
  background: var(--m-colors-gray100, #fafafa);
  border: 1px solid #edf0f3;
  border-radius: 6px;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  margin-top: 8px;
}

.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_no {
  margin: 20px 14px;
  padding: 75px 16px 160px;
  background-color: #f5f5f5;
}
.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_no .mnodr_odrdeliv_giftsvc_noicon {
  display: block;
  width: 58px;
  height: 58px;
  margin: 0 auto;
  background: url("../img/order/svg/gift.svg");
  background-size: 100%;
}
.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_no .mnodr_odrdeliv_giftsvc_notxt {
  margin-top: 12px;
  font-size: 13px;
  color: var(--m-colors-gray350, #cfcfcf);
  text-align: center;
}
.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_no .mnodr_cmbtn_area {
  margin: 30px auto 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_odrdeliv_step1_giftsvc .mnodr_odrdeliv_giftsvc_no .mnodr_btn_go_giftsvc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 170px;
  height: 40px;
  margin: 0 auto;
  padding: 8px 24px 6px;
  border-radius: 0;
  border: 1px solid #cfcfcf;
  background: var(--m-colors-white, #ffffff);
  font-size: 14px;
  color: #444;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_giftsvc_bubble {
  position: relative;
  margin: 4px auto 0;
}
.mnodr_giftsvc_bubble p {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--m-colors-secondary, #222222);
  color: var(--m-colors-white, #ffffff);
  padding: 7px 8px 5px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  font-size: 12px;
}
.mnodr_giftsvc_bubble:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin: 0 auto -3px;
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  border-left: 1px solid var(--m-colors-secondary, #222222);
  border-top: 1px solid var(--m-colors-secondary, #222222);
  background-color: var(--m-colors-secondary, #222222);
}

.mnodr_tmpl_banner {
  position: relative;
  min-height: 100px;
  margin: 40px auto 0;
}
.mnodr_tmpl_banner .mnodr_tmpl_banner_img {
  position: relative;
}
.mnodr_tmpl_banner .mnodr_tmpl_banner_img img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: top;
}
.mnodr_tmpl_banner .mnodr_tmpl_banner_txt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 27px 30px;
  line-height: 1.2;
  gap: 2px 0;
}
.mnodr_tmpl_banner .mnodr_tmpl_banner_txt .text1,
.mnodr_tmpl_banner .mnodr_tmpl_banner_txt .text2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  height: 5.7vw;
  font-weight: 700;
  font-size: 4.8vw;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_giftsvc_userinfo {
  position: relative;
  padding: 30px 14px 0;
  text-align: center;
}
.mnodr_giftsvc_userinfo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 180px;
  background: #d6d2c4;
}

.mnodr_btn_msguser {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 117px;
  margin: 0 auto;
  padding: 6px 0 5px;
  background: var(--m-colors-gray100, #fafafa);
  border-radius: 50px;
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_btn_msguser:not(span):after {
  content: "";
  margin-top: -1px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_giftsvc_dvtype {
  margin-top: 30px;
  text-align: center;
}
.mnodr_giftsvc_dvtype .mnodr_giftsvc_dvtype_text {
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray800, #444444);
}

.mnodr_giftsvc_ssgpaycon .mnodr_giftsvc_barcode_text, .mnodr_giftsvc_barcode .mnodr_giftsvc_barcode_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 6px;
  font-size: 15px;
  font-weight: 700;
}
.mnodr_giftsvc_ssgpaycon .mnodr_giftsvc_barcode_text:not(:first-child), .mnodr_giftsvc_barcode .mnodr_giftsvc_barcode_text:not(:first-child) {
  margin-top: 4px;
}
.mnodr_giftsvc_ssgpaycon .mnodr_btn_copy_barcode, .mnodr_giftsvc_barcode .mnodr_btn_copy_barcode {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 12px 0;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  border-radius: 4px;
  background-color: var(--m-colors-white, #ffffff);
  font-size: 11px;
  color: var(--m-colors-gray800, #444444);
}
.mnodr_giftsvc_ssgpaycon .mnodr_btn_ico_copy_barcode, .mnodr_giftsvc_barcode .mnodr_btn_ico_copy_barcode {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -2px;
}
.mnodr_giftsvc_ssgpaycon .mnodr_btn_ico_copy_barcode::after, .mnodr_giftsvc_barcode .mnodr_btn_ico_copy_barcode::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M3.6 6v14.4h14.4v-2.4h2.4v-14.4h-14.4v2.4h-2.4zM19.2 16.8h-12v-12h12v12zM6 7.2v10.8h10.8v1.2h-12v-12h1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.mnodr_giftsvc_barcode .mnodr_giftsvc_barcode_img {
  max-width: 260px;
  margin: 0 auto;
}
.mnodr_giftsvc_barcode .mnodr_giftsvc_barcode_img img {
  width: 100%;
  vertical-align: top;
}
.mnodr_giftsvc_barcode .mnodr_giftsvc_ecoupon_img {
  height: 15px;
  margin: 12px 0;
}
.mnodr_giftsvc_barcode .mnodr_giftsvc_ecoupon_img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_giftsvc_barcode .mnodr_giftsvc_ecoupon_img + .mnodr_btn_barcode_download {
  margin-top: 0;
}
.mnodr_giftsvc_barcode .mnodr_btn_barcode_download {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 12px;
  margin-top: 20px;
  min-width: 130px;
  min-height: 28px;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray800, #444444);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_barcode .mnodr_btn_barcode_download::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M19.080 10.080l-0.96-0.96-5.52 5.64v-11.16h-1.2v11.16l-5.52-5.64-0.96 0.96 7.080 6.96 7.080-6.96z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M18 16.8v2.4h-12v-2.4h-1.2v3.6h14.4v-3.6h-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_giftsvc_ssgpaycon {
  padding: 20px;
  border-radius: 4px;
  background-color: var(--m-colors-gray100, #fafafa);
  margin-left: 6.5%;
  margin-right: 6.5%;
}
.mnodr_giftsvc_ssgpaycon .mnodr_btn_ssgmoney_switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 12px;
  margin-top: 10px;
  min-height: 28px;
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ssgpaycon .mnodr_btn_ssgmoney_switch::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_giftsvc_waiting:before {
  content: "";
  background: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e07c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 8px;
}
.mnodr_giftsvc_waiting .mnodr_btn_barcode_refresh {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  padding: 2px 12px 0;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  border-radius: 4px;
  background-color: var(--m-colors-white, #ffffff);
  font-size: 11px;
  color: var(--m-colors-gray800, #444444);
}

.mnodr_giftsvc_expiry:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12 14.916c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M11.4 13.404h1.2v-6.84h-1.2v6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-bottom: 8px;
}

.mnodr_giftsvc_error:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12 18.040c0.525 0 0.95-0.416 0.95-0.93s-0.425-0.93-0.95-0.93c-0.525 0-0.95 0.416-0.95 0.93s0.425 0.93 0.95 0.93z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12.6 8.67h-1.2v6.43h1.2v-6.43z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M20.48 20.66h-16.96c-0.63 0-1.19-0.33-1.5-0.88s-0.3-1.2 0.030-1.74l8.48-13.96c0.63-1.030 2.31-1.030 2.94 0l8.48 13.96c0.33 0.54 0.34 1.19 0.030 1.74-0.31 0.56-0.87 0.88-1.5 0.88zM11.56 4.71l-8.48 13.97c-0.14 0.23-0.050 0.44-0.010 0.52s0.18 0.26 0.45 0.26h16.96c0.27 0 0.41-0.18 0.45-0.26 0.050-0.080 0.13-0.29-0.010-0.52l-8.48-13.97c-0.13-0.22-0.35-0.25-0.44-0.25s-0.31 0.030-0.44 0.25z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-bottom: 8px;
}
.mnodr_giftsvc_error .mnodr_giftsvc_dvtype_text {
  color: var(--m-colors-gray700, #666666);
}

.mnodr_odrdeliv_couponinfo {
  margin-top: 40px;
  border-top: 1px solid #e5e5e5;
}

.mnodr_btn_cstel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_btn_cstel:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.389 21.23l-0.34-0.090c-3.14-0.89-6.030-2.58-8.34-4.89-2.32-2.32-4.010-5.21-4.88-8.35l-0.1-0.34 2.84-2.84 4.79 4.79-1.69 1.69c0.55 0.82 1.17 1.57 1.84 2.24s1.43 1.29 2.25 1.84l1.69-1.69 4.79 4.79-2.85 2.85zM4.079 7.91c0.84 2.81 2.38 5.39 4.48 7.49 2.090 2.090 4.67 3.63 7.48 4.49l1.5-1.5-3.090-3.090-1.52 1.52-0.41-0.26c-1.050-0.66-2.010-1.43-2.85-2.27s-1.6-1.8-2.26-2.85l-0.26-0.4 1.52-1.52-3.1-3.1-1.49 1.49z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M17.749 11.13h-1.2c0-2.050-1.67-3.73-3.73-3.73v-1.2c2.72 0.010 4.93 2.22 4.93 4.93z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M21.15 11.13h-1.2c0-3.92-3.19-7.12-7.12-7.12v-1.2c4.58 0.010 8.32 3.74 8.32 8.32z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_btn_period_extension {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 69px;
  min-height: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 12px;
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  background: var(--m-colors-white, #ffffff);
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray800, #444444);
  margin-left: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_userinfo {
  padding: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_userinfo:before {
  display: none;
}
.mnodr_giftsvc_ecoupon_box .mnodr_btn_msguser {
  min-width: auto;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_copy_barcode,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_barcode_download,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_waiting .mnodr_btn_barcode_refresh {
  border: 0 !important;
}

.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo {
  margin-top: 0;
  border-top: 0;
}

.mnodr_giftsvc_ecoupon_box {
  margin-bottom: 30px;
  padding: 30px 0;
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_giftsvc_ecoupon_box.ty_giftsvc {
  background-color: var(--m-colors-service-present_secondary_01, #d6d2c4);
}
.mnodr_giftsvc_ecoupon_box.ty_giftsvc .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:before,
.mnodr_giftsvc_ecoupon_box.ty_giftsvc .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:after {
  background-color: var(--m-colors-service-present_secondary_01, #d6d2c4);
}
.mnodr_giftsvc_ecoupon_box ~ .mnodr_odrdeliv_giftsvc {
  margin: 20px 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_userinfo {
  position: relative;
  margin-bottom: 16px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_btn_msguser {
  position: relative;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 28px;
  border-radius: 14px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_btn_msguser:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_btn_msguser:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper {
  overflow: hidden;
  position: relative;
  padding: 0 40px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-pagination-fraction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 20px;
  margin: 16px auto 0;
  padding: 0 8px;
  border-radius: 20px;
  background-color: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  color: var(--m-colors-gray350, #cfcfcf);
  font-size: 11px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-pagination-fraction .swiper-pagination-current {
  color: var(--m-colors-white, #ffffff);
  font-weight: 500;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-notification {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-next,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-prev {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0, 0, 0, 0);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-next:focus,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-prev:focus {
  z-index: 10;
  top: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  clip: auto;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-prev:focus {
  left: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M8.049 12l7.376-7.376-0.849-0.849-8.224 8.224 8.224 8.224 0.849-0.849-7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-button-next:focus {
  right: 40px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-slide {
  height: auto;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 8px;
  padding: 20px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-slide:not(:last-child) {
  margin-right: 10px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .swiper-slide:only-child {
  margin-right: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit {
  position: relative;
  min-height: 85px;
  padding-bottom: 20px;
  border-bottom: 1px dashed var(--m-colors-gray300, #e5e5e5);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:before, .mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:after {
  content: "";
  display: block;
  margin-top: 20px;
  position: absolute;
  bottom: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:before {
  left: 0;
  -webkit-transform: translate(-24px, 8px);
          transform: translate(-24px, 8px);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit:after {
  right: 0;
  -webkit-transform: translate(24px, 8px);
          transform: translate(24px, 8px);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_unit_tit {
  font-size: 13px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_dvtype {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 169px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_dvtype .mnodr_giftsvc_dvtype_text {
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_barcode_img {
  min-height: 109px;
  min-width: 240px;
  margin: 0 auto;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_barcode_img img {
  width: 100%;
  vertical-align: top;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_nobarcode {
  min-height: 109px;
  min-width: 240px;
  margin: 0 auto;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_nobarcode .mnodr_giftsvc_nobarcode_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 30px;
  font-size: 13px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_nobarcode .mnodr_giftsvc_nobarcode_text:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28136%2C136%2C136%29' d='M12 3.6c4.632 0 8.4 3.768 8.4 8.4s-3.768 8.4-8.4 8.4c-4.632 0-8.4-3.768-8.4-8.4s3.768-8.4 8.4-8.4zM12 2.4c-5.304 0-9.6 4.296-9.6 9.6s4.296 9.6 9.6 9.6c5.304 0 9.6-4.296 9.6-9.6s-4.296-9.6-9.6-9.6z'%3e%3c/path%3e %3cpath fill='rgb%28136%2C136%2C136%29' d='M14.724 12.72c-0.108-0.228-0.264-0.444-0.456-0.612s-0.444-0.324-0.744-0.444c-0.288-0.12-0.636-0.228-1.020-0.324-0.348-0.084-0.636-0.168-0.852-0.24-0.216-0.060-0.396-0.144-0.516-0.216-0.108-0.084-0.192-0.168-0.24-0.264-0.036-0.096-0.060-0.204-0.060-0.336v-0.024c0-0.216 0.096-0.396 0.288-0.552 0.18-0.156 0.468-0.228 0.816-0.228 0.324 0 0.636 0.060 0.96 0.18 0.312 0.12 0.636 0.3 0.96 0.54l0.060 0.048 0.756-1.068-0.048-0.036c-0.372-0.3-0.78-0.528-1.212-0.684s-0.912-0.24-1.452-0.24c-0.36 0-0.708 0.048-1.008 0.156-0.312 0.096-0.588 0.24-0.804 0.432-0.228 0.192-0.408 0.42-0.528 0.684-0.132 0.264-0.192 0.564-0.192 0.888v0.024c0 0.336 0.060 0.636 0.168 0.876s0.276 0.456 0.48 0.624c0.204 0.168 0.468 0.312 0.78 0.42 0.3 0.108 0.648 0.216 1.044 0.312 0.336 0.072 0.612 0.144 0.816 0.228 0.204 0.072 0.36 0.156 0.48 0.24 0.108 0.084 0.192 0.168 0.228 0.252 0.036 0.096 0.060 0.204 0.060 0.312v0.024c0 0.252-0.108 0.456-0.312 0.6-0.216 0.156-0.516 0.24-0.888 0.24-0.444 0-0.84-0.084-1.188-0.24s-0.708-0.396-1.044-0.684l-0.060-0.048-0.852 1.020 0.048 0.048c0.444 0.396 0.924 0.696 1.44 0.888s1.056 0.288 1.62 0.288c0.384 0 0.744-0.048 1.068-0.144s0.6-0.24 0.84-0.432c0.228-0.192 0.42-0.432 0.54-0.708 0.132-0.276 0.192-0.588 0.192-0.936v-0.024c-0.012-0.336-0.060-0.6-0.168-0.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_barcode_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8px;
  margin: 8px 0;
  font-size: 13px;
  font-weight: 500;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_copy_barcode {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_copy_barcode:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_ico_copy_barcode {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -2px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_ico_copy_barcode::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M3.6 6v14.4h14.4v-2.4h2.4v-14.4h-14.4v2.4h-2.4zM19.2 16.8h-12v-12h12v12zM6 7.2v10.8h10.8v1.2h-12v-12h1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ecoupon_img {
  height: 15px;
  margin: 4px 0 12px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ecoupon_img img {
  max-width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ecoupon_img + .mnodr_btn_barcode_download {
  margin-top: auto;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_barcode_download {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  margin-top: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_barcode_download:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e047";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_btn_barcode_download:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ssgpaycon {
  padding: 0;
  border-radius: 0;
  background-color: initial;
  margin-left: 0;
  margin-right: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ssgpaycon .mnodr_btn_ssgmoney_switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray900, #222222);
  color: var(--m-colors-white, #ffffff);
  margin-top: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ssgpaycon .mnodr_btn_ssgmoney_switch:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_ssgpaycon .mnodr_btn_ssgmoney_switch:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_waiting {
  margin-top: 60px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_waiting:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M20.388 12.012c0 4.68-3.696 8.352-8.4 8.352-4.716 0-8.4-3.672-8.4-8.352s3.684-8.352 8.4-8.352c2.364 0 4.464 0.876 6.012 2.496h-2.94v1.2h4.944v-4.824h-1.2v2.736c-1.776-1.812-4.152-2.808-6.828-2.808-5.388 0-9.6 4.2-9.6 9.552s4.212 9.552 9.6 9.552 9.6-4.2 9.6-9.552h-1.188z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_waiting .mnodr_btn_barcode_refresh {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray900, #222222);
  margin-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_waiting .mnodr_btn_barcode_refresh:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_expiry,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_error {
  margin-top: 60px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_expiry:before,
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_giftsvc_error:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12 14.916c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M11.4 13.404h1.2v-6.84h-1.2v6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}
.mnodr_giftsvc_ecoupon_box .mnodr_giftsvc_ecoupon_swiper .mnodr_sdesc {
  margin: 8px 0 0;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray500, #888888);
}

.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo .mnodr_btn_cstel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo .mnodr_btn_cstel:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.389 21.23l-0.34-0.090c-3.14-0.89-6.030-2.58-8.34-4.89-2.32-2.32-4.010-5.21-4.88-8.35l-0.1-0.34 2.84-2.84 4.79 4.79-1.69 1.69c0.55 0.82 1.17 1.57 1.84 2.24s1.43 1.29 2.25 1.84l1.69-1.69 4.79 4.79-2.85 2.85zM4.079 7.91c0.84 2.81 2.38 5.39 4.48 7.49 2.090 2.090 4.67 3.63 7.48 4.49l1.5-1.5-3.090-3.090-1.52 1.52-0.41-0.26c-1.050-0.66-2.010-1.43-2.85-2.27s-1.6-1.8-2.26-2.85l-0.26-0.4 1.52-1.52-3.1-3.1-1.49 1.49z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M17.749 11.13h-1.2c0-2.050-1.67-3.73-3.73-3.73v-1.2c2.72 0.010 4.93 2.22 4.93 4.93z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M21.15 11.13h-1.2c0-3.92-3.19-7.12-7.12-7.12v-1.2c4.58 0.010 8.32 3.74 8.32 8.32z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo .mnodr_btn_cstel strong {
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo .mnodr_btn_period_extension {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray350, #cfcfcf);
  color: var(--m-colors-gray900, #222222);
  margin-left: 6px;
  border: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_odrdeliv_giftsvc .mnodr_odrdeliv_couponinfo .mnodr_btn_period_extension:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_odrdeliv_giftsvc {
  margin: 40px auto;
  padding: 0 16px;
}
.mnodr_odrdeliv_giftsvc:first-of-type {
  margin-top: 30px;
}
.mnodr_odrdeliv_tx_heading {
  font-size: 20px;
  line-height: 1.35;
  word-break: keep-all;
  word-wrap: break-word;
}
.mnodr_odrdeliv_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_odrdeliv_giftsvc_headtit {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_odrdeliv_giftsvc_state {
  font-size: 20px;
  font-weight: bold;
}
.mnodr_odrdeliv_giftsvc_rgt {
  margin-left: auto;
}
.mnodr_odrdeliv_giftsvc_info {
  margin-top: 2px;
}
.mnodr_odrdeliv_giftsvc_item:not(:first-child) {
  margin-top: 40px;
}
.mnodr_odrdeliv_giftsvc_sender {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_odrdeliv_giftsvc_odrnum {
  font-size: 12px;
  color: #b0b0b0;
}
.mnodr_odrdeliv_giftsvc_dvinfo {
  margin-top: 17px;
  min-height: 24px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_odrdeliv_dvstate {
  font-size: 12px;
  font-weight: bold;
}
.mnodr_odrdeliv_dvreason {
  font-size: 12px;
  font-weight: bold;
  margin-left: 10px;
}
.mnodr_odrdeliv_giftsvc_no {
  margin: 84px auto;
}
.mnodr_odrdeliv_giftsvc_noicon {
  display: block;
  width: 77px;
  height: 94px;
  margin: 0 auto;
  background: url("../img/order/svg/icon_giftbox.svg") no-repeat;
  background-size: 100%;
}
.mnodr_odrdeliv_giftsvc_notxt {
  margin-top: 6px;
  color: #cfcfcf;
  text-align: center;
}
.mnodr_odrdeliv .mnodr_unit .mnodr_unit_thmb {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_odrdeliv .mnodr_unit .mnodr_unit_tit a {
  -webkit-line-clamp: 2;
}
.mnodr_odrdeliv .mnodr_unit .mnodr_unit_item {
  margin-top: 10px;
  padding: 20px 0 10px 0;
  border-top: 1px solid #f0f0f0;
}
.mnodr_odrdeliv .mnodr_unit .mnodr_unit_item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.mnodr_odrdeliv .mnodr_cmbtn_area {
  position: relative;
  margin-top: 20px;
}
.mnodr_odrdeliv .mnodr_tx_btn {
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-primary, #a59357);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_odrdeliv .mnodr_tx_btn:before, .mnodr_odrdeliv .mnodr_tx_btn:after {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_odrdeliv .mnodr_tx_btn:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_odrdeliv .mnodr_tx_btn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_odrdeliv .mnodr_tx_btn .icon {
  display: none;
}
.mnodr_odrdeliv .mnodr_btn_dvdetail {
  padding: 5px 16px 4px;
  border-radius: 14px;
  background-color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  color: var(--m-colors-white, #ffffff);
  line-height: 1.25;
}
.mnodr_odrdeliv .mnodr_btn_shippinginfo {
  border: 1px solid #222222;
  border-radius: 6px;
}
.mnodr_odrdeliv .mnodr_btn_giftsvc_msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_odrdeliv .mnodr_btn_giftsvc_msg .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_odrdeliv .mnodr_btn_giftsvc_msg .icon_chevron_right_s {
  margin-top: -2px;
}
.mnodr_odrdeliv .mnodr_btn_historygift {
  width: 100%;
  margin: 10px auto 8px;
  border-radius: 8px;
  background-color: var(--m-colors-gray300, #e5e5e5);
  font-size: 13px;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_odrdeliv .mnodr_btn_historygift .icon_chevron_right_s {
  -webkit-filter: invert(47%) sepia(90%) saturate(0%) hue-rotate(203deg) brightness(82%) contrast(79%);
          filter: invert(47%) sepia(90%) saturate(0%) hue-rotate(203deg) brightness(82%) contrast(79%);
}
.mnodr_odrdeliv .mnodr_btn_go_giftsvc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 120px;
  margin: 30px auto 0;
  padding: 8px 24px;
  font-size: 13px;
  background: #2fd5ff;
  border-radius: 110px;
  text-align: center;
  line-height: 1.23;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_regulardeliv {
  padding-bottom: 80px;
}

.mnodr_odrdeliv_banner_html {
  margin-bottom: -4px;
  padding: 0 16px;
}
.mnodr_odrdeliv_banner_html img {
  width: 100%;
  vertical-align: top;
}
.mnodr_odrdeliv_banner_html:has(img[src*=_v2]) {
  margin-bottom: 0;
  padding-inline: 0;
}

.mnodr_odrdeliv_headsec {
  padding: 20px 16px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_odrdeliv_headsec .mnodr_odrdeliv_headtxt {
  font-size: 20px;
  font-weight: 700;
}
.mnodr_odrdeliv_headsec .mnodr_odrdeliv_subtxt {
  font-size: 16px;
  font-weight: 700;
}

.mnodr_odrdeliv_headsec + .mnodr_regulardeliv_sec:first-of-type {
  padding-top: 0;
}

.mnodr_regulardeliv_sec {
  padding: 30px 16px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_regulardeliv_sec:first-of-type {
  padding-top: 20px;
}
.mnodr_regulardeliv_sec .mnodr_unit {
  margin-top: 20px;
}
.mnodr_regulardeliv_sec .mnodr_unit .mnodr_unit_thmb {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_regulardeliv_sec .mnodr_unit .mnodr_unit_tit a {
  -webkit-line-clamp: 2;
}
.mnodr_regulardeliv_sec .mnodr_unit .mnodr_unit_item {
  margin-top: 10px;
  padding: 20px 0 10px 0;
  border-top: 1px solid #f0f0f0;
}
.mnodr_regulardeliv_sec .mnodr_unit .mnodr_unit_item:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.mnodr_regulardeliv_sec .mnodr_unit .mnodr_unit_item:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.mnodr_regulardeliv_sec .mnodr_unit.ty_thmbCol3 .mnodr_unit_item {
  margin-top: 0;
  padding: 0;
  border-top: 0;
}
.mnodr_regulardeliv_sec .mnodr_impossible {
  padding-top: 60px;
}
.mnodr_regulardeliv_sec .mnodr_impossible .mnodr_impossible_icon {
  display: block;
  text-align: center;
}
.mnodr_regulardeliv_sec .mnodr_impossible .mnodr_impossible_icon:after {
  content: "";
  display: inline-block;
  width: 63px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="67" height="49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M45.298 42.003H24.68V2H65v40.003h-6.386M12.194 42.003H2V24.505l12.6-12.49h10.08" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/><path d="M18.38 47c3.48 0 6.3-2.794 6.3-6.24s-2.82-6.24-6.3-6.24-6.3 2.794-6.3 6.24S14.9 47 18.38 47ZM51.713 47c3.479 0 6.3-2.794 6.3-6.24s-2.821-6.24-6.3-6.24c-3.48 0-6.3 2.794-6.3 6.24s2.82 6.24 6.3 6.24ZM37.48 14.772l7.36 7.23 7.36-7.23" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/><path d="m37.48 29.231 7.36-7.23 7.36 7.23" stroke="%23222" stroke-width="3" stroke-miterlimit="10"/></svg>');
  vertical-align: top;
}
.mnodr_regulardeliv_sec .mnodr_impossible .mnodr_impossible_tx {
  margin-top: 20px;
  font-size: 12px;
  color: var(--m-colors-gray500, #888888);
  text-align: center;
}
.mnodr_regulardeliv_sec .mnodr_impossible .mnodr_impossible_tx em {
  display: block;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.mnodr_regulardeliv_sec .mnodr_impossible .mnodr_cmbtn_area {
  margin-top: 30px;
}
.mnodr_regulardeliv_sec .mnodr_cmbtn_area {
  position: static;
  margin-top: 20px;
}
.mnodr_regulardeliv_sec .mnodr_cmbtn_area + .mnodr_cmbtn_area {
  margin-top: 8px;
}

.mnodr_regulardeliv_state {
  font-size: 16px;
  font-weight: 700;
}
.mnodr_regulardeliv_state em {
  font-weight: inherit;
}

.mnodr_regulardeliv_topinfo_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 4px;
}

.mnodr_regulardeliv_date {
  font-size: 13px;
  font-weight: 500;
}

.mnodr_regulardeliv_payinfo {
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-primary, #a59357);
}

a.mnodr_regulardeliv_payinfo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
a.mnodr_regulardeliv_payinfo:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  vertical-align: top;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_regulardeliv_item {
  margin-top: 10px;
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}

.mnodr_regulardeliv_delivinfo {
  margin: 10px 0 20px;
}

.mnodr_regulardeliv_delivdetail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 0 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray500, #888888);
}

.mnodr_delivdetail_malltx {
  margin-left: 1px;
  font-size: 13px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_delivdetail_malltx:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  margin-left: 5px;
  border-radius: 50%;
  background-color: var(--m-colors-gray500, #888888);
}

.mnodr_regulardeliv_cmbtn_wrap {
  margin-top: 30px;
}

.mnodr_odrdeliv_prdchange_wrap {
  padding: 0 16px;
}
.mnodr_odrdeliv_prdchange_wrap .mnodr_unit .mnodr_unit_item:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.mnodr_item_search {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding-right: 44px;
  margin-bottom: 10px;
  background-color: #f5f5f5;
}
.mnodr_item_search input {
  border: 0;
  background: none;
  width: 100%;
  height: 30px;
  padding-left: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_item_search .mnodr_item_btnsearch {
  position: absolute;
  top: 4px;
  right: 6px;
  padding: 4px;
}
.mnodr_item_search .mnodr_item_btnsearch:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M3.6 10.8c0 3.96 3.24 7.2 7.2 7.2s7.2-3.24 7.2-7.2-3.24-7.2-7.2-7.2-7.2 3.24-7.2 7.2zM4.8 10.8c0-3.36 2.64-6 6-6s6 2.64 6 6-2.64 6-6 6-6-2.64-6-6z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M15.018 15.856l5.516 5.516 0.848-0.849-5.515-5.515-0.849 0.848z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  vertical-align: top;
}

.mnodr_item_search_nodata {
  margin: 40px auto;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_dvstate_box .mnodr_btn_dvstate_change,
.mnodr_dvstate_box .mnodr_btn_dvstate_albibag, .mnodr_dvstate_notice .mnodr_btn_dvstate_login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1px 16px 0;
  min-height: 24px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background-color: var(--m-colors-white, #ffffff);
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_dvstate_clm.ty_bg {
  background-color: var(--m-colors-gray150, #f5f5f5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100vh - 45px);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 60px;
}

.mnodr_dvstate_headsec {
  padding: 30px 16px 20px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_headsec .mnodr_dvstate_headtit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 12px;
}
.mnodr_dvstate_headsec .mnodr_dvstate_headtxt {
  font-size: 20px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_headsec:has(.mnodr_dvstate_headrgt) .mnodr_dvstate_headtxt {
  font-size: 18px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_headsec .mnodr_btn_realtime_location {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 117px;
  height: 28px;
  background: url("../img/order/btn_location.gif") no-repeat;
  background-size: 100%;
}

.mnodr_dvstate_lst {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.mnodr_dvstate_lst:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f1f1f1;
  border-radius: 10px;
  height: 10px;
}
.mnodr_dvstate_lst li {
  position: relative;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.mnodr_dvstate_lst li:before {
  content: "";
  display: block;
  height: 10px;
  background-color: #6841ff;
}
.mnodr_dvstate_lst li:first-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: left;
}
.mnodr_dvstate_lst li:first-child:before {
  border-radius: 10px 0 0 10px;
}
.mnodr_dvstate_lst li:last-child:before {
  border-radius: 0 10px 10px 0;
}
.mnodr_dvstate_lst li.on {
  color: var(--m-colors-secondary, #222222);
  font-weight: bold;
}
.mnodr_dvstate_lst li.on:before {
  content: "현재 배송 상태";
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: transparent;
  overflow: hidden;
  letter-spacing: -0.5rem;
  background-color: transparent;
  background: #6841ff;
}
.mnodr_dvstate_lst li.on:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 100%;
  width: 6px;
  height: 6px;
  background-color: var(--m-colors-white, #ffffff);
  margin-left: -8px;
  border-radius: 50%;
}
.mnodr_dvstate_lst li.on ~ li:before {
  background: #f1f1f1;
}
.mnodr_dvstate_lst .mnodr_dvstate_item {
  display: block;
  margin-top: 10px;
}

.mnodr_dvstate_lst_area {
  position: relative;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_prgress {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  z-index: 1;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_prgress .mnodr_dvstate_prgress_bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--m-colors-ssg_brand, linear-gradient(270deg, #be3ffa 0%, #f43479 40.65%, #f43479 58.41%, #ff5452 100%));
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_prgress .mnodr_dvstate_prgress_bar:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 100%;
  width: 6px;
  height: 6px;
  background-color: var(--m-colors-white, #ffffff);
  margin-left: -8px;
  border-radius: 50%;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f1f1f1;
  border-radius: 10px;
  height: 10px;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li {
  position: relative;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li:before {
  content: "";
  display: block;
  height: 10px;
  background-color: transparent;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li:first-child {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  text-align: left;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li:first-child:before {
  border-radius: 10px 0 0 10px;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li:last-child:before {
  border-radius: 0 10px 10px 0;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li.on {
  color: var(--m-colors-primary, #a59357);
  font-weight: bold;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li.on:before {
  content: "현재 배송 상태";
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: transparent;
  overflow: hidden;
  letter-spacing: -0.5rem;
  background-color: transparent;
  background: transparent;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li.on:after {
  content: "";
  display: none;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst li.on ~ li:before {
  background: #f1f1f1;
}
.mnodr_dvstate_lst_area .mnodr_dvstate_lst .mnodr_dvstate_item {
  display: block;
  margin-top: 10px;
}

.mnodr_dvstate_notice {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_dvstate_notice .mnodr_dvstate_message {
  margin: 12px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_notice .mnodr_dvstate_rtsstate {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 10px 16px;
  background-color: var(--m-colors-gray100, #fafafa);
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_dvstate_notice .mnodr_dvstate_rtsstate:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
.mnodr_dvstate_notice .mnodr_btn_dvstate_login {
  margin: 8px 20px;
}
.mnodr_dvstate_notice:has(.mnodr_btn_dvstate_login) {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_dvstate_notice:has(.mnodr_btn_dvstate_login) .mnodr_dvstate_message {
  margin: 8px 20px;
}

.mnodr_dvstate_map {
  position: relative;
  height: 280px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_map iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.mnodr_dvstate_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 10px 0;
  padding: 20px 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_dvstate_box {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 20px;
  background: var(--m-colors-white, #ffffff);
  border: 1px solid #e5e5e5;
  border-radius: 8px;
}
.mnodr_dvstate_box .mnodr_dvstate_boxtit {
  font-size: 16px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 19px 0 10px;
}
.mnodr_dvstate_head .mnodr_dvstate_headrt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_dvstate_head .mnodr_dvstate_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_head .mnodr_dvstate_link::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: -1px;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_dvstate_boxdetail {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-item-align: center;
      align-self: center;
}

.mnodr_dvstate_set {
  margin-left: 8px;
  -ms-flex-item-align: center;
      align-self: center;
}

.mnodr_dvstate_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
  gap: 8px 10px;
}
.mnodr_dvstate_dl:not(:first-child) {
  margin-top: 8px;
}
.mnodr_dvstate_dl .mnodr_dvstate_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 100px;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray400, #969696);
}
.notIsMobile .mnodr_dvstate_dl .mnodr_dvstate_dt {
  width: 110px;
}
.mnodr_dvstate_dl .mnodr_dvstate_dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-wrap: break-word;
  word-break: break-word;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.mnodr_dvstate_dl.ty2 {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mnodr_btn_dvtel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mnodr_btn_dvtel span {
  text-decoration: underline;
}
.mnodr_btn_dvtel:after {
  content: " ";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-left: 4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e075";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_dvstate_albibag {
  padding: 0;
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 20px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 12px;
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_img {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_img.ico_albibag, .mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_img.ico_albibag_return {
  display: block;
  width: 56px;
  height: 56px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_img.ico_albibag {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F5F5' d='M0 0h60v60H0z'/%3E%3Cpath d='M20.537 44h-4.123L13 23.416h6.087L20.537 44zm19.807 0h4.123l3.414-20.584h-6.087L40.344 44zm-3.751 0H24.406l-1.449-20.584h15.086L36.593 44z' fill='%23FFF'/%3E%3Cpath d='M22.957 23.416C22.957 19.32 26.334 16 30.5 16s7.543 3.32 7.543 7.416' stroke='%23000' stroke-width='1.8'/%3E%3Cpath fill='%2347A2FF' d='M19.087 23.416 20.537 44h3.87l-1.45-20.584zM42.32 23.416 40.87 44H37l1.449-20.584z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='m20.537 44-1.45-20.194M24.406 44l-1.449-20.194M40.463 44l1.449-20.194M36.593 44l1.45-20.194M44.585 44H16.414L13 23.416h35z'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_img.ico_albibag_return {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F5F5' d='M0 0h60v60H0z'/%3E%3Cpath d='M20.537 44h-4.123L13 23.416h6.087L20.537 44zm19.807 0h4.123l3.414-20.584h-6.087L40.344 44zm-3.751 0H24.406l-1.449-20.584h15.086L36.593 44z' fill='%238097AF'/%3E%3Cpath d='M22.957 23.416C22.957 19.32 26.334 16 30.5 16s7.543 3.32 7.543 7.416' stroke='%23000' stroke-width='1.8'/%3E%3Cpath fill='%2347A2FF' d='M19.087 23.416 20.537 44h3.87l-1.45-20.584zM42.32 23.416 40.87 44H37l1.449-20.584z'/%3E%3Cpath stroke='%23000' stroke-width='1.8' d='m20.537 44-1.45-20.194M24.406 44l-1.449-20.194M40.463 44l1.449-20.194M36.593 44l1.45-20.194M44.585 44H16.414L13 23.416h35z'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_info .mnodr_dvstate_albibag_txt {
  font-size: 14px;
  font-weight: 400;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 8px 8px;
  background: #f5f5f5;
}
.mnodr_dvstate_albibag .mnodr_dvstate_albibag_bottom p {
  font-size: 14px;
  font-weight: 700;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_dvstate_albibag .mnodr_btn_dvstate_albibag {
  margin-left: auto;
}

.mnodr_dvstate_shoppingCart {
  padding: 0;
}
.mnodr_dvstate_shoppingCart .mnodr_shoppingCartbn {
  padding: 12px 16px 10px 20px;
}
.mnodr_dvstate_shoppingCart .mnodr_dvstate_albibag_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 12px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0 0 8px 8px;
  background: #f5f5f5;
}
.mnodr_dvstate_shoppingCart .mnodr_dvstate_albibag_bottom p {
  font-size: 14px;
  font-weight: 700;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_dvstate_shoppingCart .mnodr_btn_dvstate_albibag {
  margin-left: auto;
}

.mnodr_dvstate_imgbox .mnodr_dvstate_img {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  gap: 10px 0;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_img > p {
  overflow: hidden;
  border-radius: 6px;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_img img {
  width: 100%;
  max-width: 100% !important;
  vertical-align: top;
  aspect-ratio: 3/4;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_noimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 8px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  padding: 20px;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_noimg .mnodr_dvstate_noimg_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-align: center;
  line-height: 1.25;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_noimg .mnodr_dvstate_noimg_text:before {
  content: "";
  margin-bottom: 4px;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e037";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_imgbox .mnodr_btn_image_download {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_dvstate_imgbox .mnodr_btn_image_download:before {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_imgbox .mnodr_btn_image_download:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e047";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_imgbox .mnodr_btn_image_download:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_dvstate_imgbox .mnodr_btn_image_download:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_dvstate_imgbox .mnodr_dvstate_imgdesc {
  margin: 10px 0;
  font-size: 13px;
  font-weight: 400;
  color: var(--m-colors-gray400, #969696);
}
.mnodr_dvstate_imgbox .mnodr_transit {
  margin-top: 30px;
}
.mnodr_dvstate_imgbox .mnodr_transit:first-child {
  margin-top: 0;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_infotit {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_info {
  display: grid;
  grid-template-columns: 100px 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px; /* 좌우 간격 */
  row-gap: 8px; /* 위아래 간격 */
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.38;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_info dt {
  color: var(--m-colors-gray400, #969696);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_info dd {
  font-weight: var(--m-fontWeights-medium, 500);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail li {
  margin-top: 8px;
  color: var(--m-colors-gray400, #969696);
  font-size: var(--m-fontSizes-sm, 13px);
  line-height: 1.38;
  letter-spacing: -0.3px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info,
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_opt {
  position: relative;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info strong,
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_opt strong {
  padding-right: 4px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info em,
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_opt em {
  padding-left: 4px;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info:after,
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_opt:after {
  content: "*";
  display: inline-block;
  padding: 0 4px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info:only-child {
  padding: 0;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_item_detail .unit_info:only-child:after {
  display: none;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_area {
  overflow: hidden;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 0 139px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst:before {
  content: "";
  position: absolute;
  top: 0;
  left: 119px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--m-colors-delivery-depart_today, #8807f3);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li {
  display: table;
  position: relative;
  margin-top: 36px;
  width: 100%;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child {
  margin-top: 0;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico {
  background-color: var(--m-colors-primary, #a59357);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 20px;
  width: 1px;
  height: 100%;
  background-color: var(--m-colors-primary, #a59357);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child .deliv_time {
  color: var(--m-colors-primary, #a59357);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child .deliv_state {
  font-weight: bold;
  color: var(--m-colors-primary, #a59357);
  height: 40px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child .deliv_state em {
  font-weight: bold;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:first-child + li {
  margin-top: 26px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li:last-child .deliv_ico:before {
  display: none;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 50%;
  left: -40px;
  width: 40px;
  height: 40px;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  border-radius: 50%;
  background-color: var(--m-colors-delivery-depart_today, #8807f3);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_ico:after {
  content: "";
  display: inline-block;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e03f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li.stock .deliv_ico:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e09e";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_time {
  position: absolute;
  top: 50%;
  left: -139px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  width: 99px;
  font-size: 13px;
  line-height: 1.23;
  letter-spacing: -0.3px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  font-size: 13px;
  line-height: 1.29;
  letter-spacing: -0.3px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_state em {
  color: var(--m-colors-delivery-depart_today, #8807f3);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_state em:not(.blind), .mnodr_dvstate_imgbox .mnodr_transit .mnodr_transit_lst li .deliv_state span:not(.blind) {
  display: contents;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle {
  margin-top: 30px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btnarea {
  margin-top: 20px;
  border-top: 1px solid var(--m-colors-gray300, #e5e5e5);
  padding: 12px 0;
  text-align: center;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  padding: 0;
  height: 20px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn:before, .mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e028";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 4px;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_off {
  display: block;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_btn .sr_on {
  display: none;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_off {
  display: none;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn .sr_on {
  display: block;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02e";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle.on .mnodr_delivdetail_cont {
  overflow-y: visible;
  height: auto;
}
.mnodr_dvstate_imgbox .mnodr_transit .mnodr_delivdetail_toggle .mnodr_delivdetail_cont {
  overflow-y: hidden;
  height: 40px;
}

.mnodr_dvstate_swiper {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  gap: 10px 0;
}
.mnodr_dvstate_swiper .swiper {
  overflow: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_dvstate_swiper .swiper-wrapper {
  max-width: 413px;
}
.mnodr_dvstate_swiper .swiper-pagination-combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-pagination-custom {
  margin: 0 10px;
  color: var(--m-colors-gray600, #777777);
  font-weight: var(--m-fontWeights-medium, 500);
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-pagination-current {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-prev:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-prev:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02a";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-prev:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-prev:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-next:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-next:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-next:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-next:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-disabled {
  cursor: not-allowed !important;
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-disabled:before {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_dvstate_swiper .swiper-pagination-combo .swiper-button-disabled:active:before {
  -webkit-animation: none;
          animation: none;
}
.mnodr_dvstate_swiper .swiper-pagination-bullets {
  margin: 16px 0 10px;
}
.mnodr_dvstate_swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_dvstate_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_dvstate_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
  content: "선택된";
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}
.mnodr_dvstate_swiper .swiper-pagination-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_dvstate_swiper .swiper-pagination-pc {
  display: none;
}
.notIsMobile .mnodr_dvstate_swiper .swiper-pagination-mobile {
  display: none;
}
.notIsMobile .mnodr_dvstate_swiper.is-single-slide .swiper-pagination-pc {
  display: none;
}
.notIsMobile .mnodr_dvstate_swiper .swiper-pagination-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mnodr_dvstate_ratingbox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_start {
  margin-top: 10px;
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 0 10px;
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating input {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  line-height: 0;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  clip: rect(0, 0, 0, 0);
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating label {
  width: 16px;
  height: 16px;
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating label:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M5.808 21.852l1.644-7.416-5.436-4.956 7.152-0.636 2.832-7.020 2.832 7.020 7.152 0.636-5.436 4.956 1.644 7.416-6.192-3.936-6.192 3.936zM12 16.5l4.404 2.796-1.164-5.268 3.924-3.576-5.172-0.456-1.992-4.956-1.992 4.932-5.172 0.468 3.924 3.576-1.164 5.268 4.404-2.784z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating input:checked ~ label:before,
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating input:not(:checked) > label:hover:before,
.mnodr_dvstate_ratingbox .mnodr_dvstate_starating input:not(:checked) > label:hover ~ label:before {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M7.626 14.491l-1.581 7.109 5.954-3.773 5.954 3.773-1.581-7.109 5.227-4.751-6.877-0.61-2.723-6.73-2.723 6.73-6.877 0.61 5.227 4.751z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.mnodr_btn_view_order {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray800, #444444);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_btn_view_order:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_baroquick_state {
  padding-bottom: 80px;
}
.mnodr_baroquick_state .mnodr_dvstate_content {
  display: block;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  background: none;
}
.mnodr_baroquick_state .mnodr_dvstate_headsec .mnodr_dvstate_headtxt {
  font-size: var(--m-fontSizes-7xl, 30px);
  line-height: normal;
}
.mnodr_baroquick_state .mnodr_dvstate_headsec .mnodr_dvstate_headtxt .mnodr_arrival_point {
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
}
.mnodr_baroquick_state .mnodr_dvstate_headsec .mnodr_dvstate_headtxt .mnodr_arrival_time {
  display: block;
  margin: 4px 0 0;
  font-weight: 500;
  color: var(--m-colors-gray500, #888888);
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_baroquick_state .mnodr_dvstate_headsec .mnodr_dvstate_subtit {
  font-size: var(--m-fontSizes-md, 14px);
  line-height: normal;
  color: var(--m-colors-gray700, #666666);
  margin: 12px 0 0;
}
.mnodr_baroquick_state .baroquick_delivery_status {
  padding: 60px 0 16px;
}
.mnodr_baroquick_state .baroquick_delivery_status ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 35px;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li .bike {
  display: none;
  position: absolute;
  top: -51px;
  margin: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li .bike img {
  width: 65px;
  height: 40px;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:not(:first-of-type) .bike, .mnodr_baroquick_state .baroquick_delivery_status ol li:not(:last-of-type) .bike {
  margin-left: -33px;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:first-of-type .bike {
  left: -4px;
  margin: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:first-of-type span {
  text-indent: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type .bike {
  left: auto;
  right: -4px;
  margin: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type .bike img {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type.active span:before {
  left: auto;
  right: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type span {
  right: 0;
  text-indent: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:last-of-type span:before {
  left: auto;
  right: 0;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li:before {
  content: "";
  display: block;
  background: var(--m-colors-gray300, #e5e5e5);
  height: 4px;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li span {
  display: block;
  margin: 10px 0 0;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray500, #888888);
  text-indent: calc(11px - 50%);
  position: absolute;
  white-space: nowrap;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li span:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -17px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_baroquick_state .baroquick_delivery_status ol li.done:before {
  background: var(--m-colors-delivery-baroquick, #ff9345);
}
.mnodr_baroquick_state .baroquick_delivery_status ol li.done span:before {
  background: var(--m-colors-delivery-baroquick, #ff9345);
}
.mnodr_baroquick_state .baroquick_delivery_status ol li.active .bike {
  display: block;
}
.mnodr_baroquick_state .baroquick_delivery_status ol li.active span {
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
  font-weight: bold;
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
}
.mnodr_baroquick_state .baroquick_delivery_status ol li.active span:before {
  left: -5px;
  top: -20px;
  background: var(--m-colors-delivery-baroquick_light, #ffeed1);
  border: 4px solid var(--m-colors-delivery-baroquick_dark_02, #ff6200);
  width: 8px;
  height: 8px;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 147, 69, 0.55);
          box-shadow: 0 0 0 0 rgba(255, 147, 69, 0.55);
  -webkit-animation: border-spread-fade 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: border-spread-fade 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@-webkit-keyframes border-spread-fade {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 147, 69);
            box-shadow: 0 0 0 0 rgb(255, 147, 69);
  }
  100% {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 147, 69, 0);
            box-shadow: 0 0 0 8px rgba(255, 147, 69, 0);
  }
}
@keyframes border-spread-fade {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgb(255, 147, 69);
            box-shadow: 0 0 0 0 rgb(255, 147, 69);
  }
  100% {
    -webkit-box-shadow: 0 0 0 8px rgba(255, 147, 69, 0);
            box-shadow: 0 0 0 8px rgba(255, 147, 69, 0);
  }
}
.mnodr_baroquick_state .baroquick_delivery_info {
  margin: 20px 0;
  padding: 16px;
  background: var(--m-colors-gray100, #fafafa);
  border-radius: 8px;
}
.mnodr_baroquick_state .baroquick_delivery_info .baroquick_delivery_infolist li:not(:first-of-type) {
  margin-top: 12px;
}
.mnodr_baroquick_state .baroquick_delivery_info .baroquick_delivery_infolist li strong {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_baroquick_state .baroquick_delivery_info .baroquick_delivery_infolist li p {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_baroquick_state .baroquick_delivery_helpbox {
  margin: 20px 0 0;
  padding: 20px;
  border-radius: 8px;
  background: var(--m-colors-delivery-baroquick_light, #ffeed1);
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_helpbox_title {
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: bold;
  text-align: center;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist {
  gap: 8px;
  margin: 10px 0 0;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist li {
  text-align: center;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist li:not(:first-of-type) {
  margin-top: 8px;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist li a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 20px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--m-colors-white, #ffffff);
  padding: 0 12px 0 16px;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist li a:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_baroquick_state .baroquick_delivery_helpbox .baroquick_delivery_helplist li a:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_cancel {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_cancel:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_cancel:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_orderview {
  margin: 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_orderview:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_baroquick_state .baroquick_btns .baroquick_btn_orderview:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider {
  position: relative;
  overflow: hidden;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination {
  margin: 10px 0 0;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--m-colors-gray900, #222222);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-pagination-custom {
  margin: 0 10px;
  color: var(--m-colors-gray600, #777777);
  font-weight: var(--m-fontWeights-medium, 500);
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-pagination-current {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-prev:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-prev:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02a";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-prev:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-prev:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 28px;
  height: 28px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-next:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-next:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-next:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-next:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-disabled {
  cursor: not-allowed !important;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-disabled:before {
  color: var(--m-colors-gray350, #cfcfcf);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-combo .swiper-button-disabled:active:before {
  -webkit-animation: none;
          animation: none;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-pc {
  display: none;
}
.notIsMobile .mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-mobile {
  display: none;
}
.notIsMobile .mnodr_baroquick_state .baroquick_delivery_photo_slider.is-single-slide .swiper-pagination-pc {
  display: none;
}
.notIsMobile .mnodr_baroquick_state .baroquick_delivery_photo_slider .swiper-pagination-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
  padding: 8px 6px 8px 8px;
  min-height: 78px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_photo {
  position: relative;
  margin-right: 10px;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_photo img {
  vertical-align: top;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_photo_text {
  background: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: var(--m-fontSizes-2xs, 11px);
  color: var(--m-colors-white, #ffffff);
  text-align: center;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate {
  position: relative;
  width: 100%;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate_mtxt strong {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate_mtxt span {
  color: var(--m-colors-delivery-baroquick_dark_02, #ff6200);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate_stxt {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate:after {
  content: "";
  display: block;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: "#cfcfcf";
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_cstate:only-child:after {
  display: none;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider .baroquick_delivery_photo_box .baroquick_delivery_complted_download {
  display: none;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a {
  overflow: hidden;
  display: block;
  padding: 0;
  border: 0;
  border-radius: 8px;
  position: relative;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_photo {
  margin: 0;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_photo img {
  width: 100%;
  height: 100%;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_photo_text {
  display: none;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate:after {
  display: none;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate_mtxt {
  padding: 8px;
  margin: 8px;
  font-size: var(--m-fontSizes-2xl, 18px);
  font-weight: bold;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate_mtxt strong,
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate_mtxt span {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate_stxt {
  padding: 8px;
  font-size: var(--m-fontSizes-2xs, 11px);
  color: var(--m-colors-white, #ffffff);
  background: var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box a .baroquick_delivery_cstate_stxt:before {
  content: "※";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 4px;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box .baroquick_delivery_complted_download {
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  background-color: var(--m-colors-black_alpha45, rgba(0, 0, 0, 0.45));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box .baroquick_delivery_complted_download:before {
  color: var(--m-colors-white, #ffffff);
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box .baroquick_delivery_complted_download:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e047";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box .baroquick_delivery_complted_download:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_baroquick_state .baroquick_delivery_photo_slider.baroquick_delivery_completed .baroquick_delivery_photo_box .baroquick_delivery_complted_download:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}

@-webkit-keyframes bounce-up-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  25% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  62% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  74% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes bounce-up-down {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  25% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  62% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  74% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.bounce {
  -webkit-animation: bounce-up-down 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
          animation: bounce-up-down 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@-webkit-keyframes bounce-up-down2 {
  0% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); /* 위로 퉁 */
  }
}

@keyframes bounce-up-down2 {
  0% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(-2px);
            transform: translateY(-2px); /* 위로 퉁 */
  }
}
.bounce2 {
  -webkit-animation: bounce-up-down2 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s infinite alternate;
          animation: bounce-up-down2 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s infinite alternate;
  will-change: transform;
}

.mnodr_customer_option {
  padding-bottom: 88px;
}
.mnodr_customer_option .mnodr_btn_area {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 36px;
}
.mnodr_customer_option .mnodr_btn_area .mnodr_btn {
  height: 52px;
  font-size: 15px;
  font-weight: 500;
}
.mnodr_customer_option .mnodr_section {
  padding: 30px 16px;
}
.mnodr_customer_option .mnodr_unit_item {
  padding: 10px 0 0 0;
}
.mnodr_customer_option .mnodr_form_sec {
  padding: 0;
}
.mnodr_customer_option .mnodr_bullst > li {
  line-height: normal;
  font-size: 13px;
}

body.notIsMobile .mnodr_customer_option#m_content {
  max-width: 620px;
}
body.notIsMobile .mnodr_customer_option .mnodr_section {
  padding: 30px 40px;
}
body.notIsMobile .mnodr_customer_option .mnodr_section > * {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
body.notIsMobile .mnodr_customer_option .mnodr_bullst {
  margin-bottom: 30px;
}
body.notIsMobile .mnodr_customer_option .mnodr_btn_area {
  position: unset;
  padding-left: 40px;
  padding-right: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
body.notIsMobile .mnodr_customer_option .mnodr_btn_area .mnodr_btn {
  max-width: 228px;
  border-radius: 8px;
}

.mnodr_affiliate_membership {
  padding: 40px 10px;
  min-height: calc(100vh - 45px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_affiliate_membership .m_paginate_new {
  background: var(--m-colors-white, #ffffff);
  padding: 10px 0;
  text-align: center;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate a,
.mnodr_affiliate_membership .m_paginate_new .m_paginate strong {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 38px;
  height: 36px;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 35px;
  color: var(--m-colors-black, #000000);
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate strong {
  border: 1px solid var(--m-colors-black, #000000);
  position: relative;
  color: var(--m-colors-black, #000000);
  font-weight: normal;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate a.prev:before,
.mnodr_affiliate_membership .m_paginate_new .m_paginate a.next:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid var(--m-colors-gray900, #222222);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate a.prev:before {
  border-width: 0 0 2px 2px;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate a.next:before {
  border-width: 2px 2px 0 0;
}
.mnodr_affiliate_membership .m_paginate_new .m_paginate span {
  float: left;
  width: 15px;
  height: 36px;
  background-size: 200px auto;
  background-position: 0 -100px;
  margin-left: 1px;
}

.mnodr_affiliate_header {
  margin: 0 10px 12px;
}

.mnodr_affiliate_title {
  height: 16px;
  background-image: url(../img/myssg/membership_logo_ssg.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.mnodr_affiliate_title.black_logo {
  background-image: url(../img/myssg/membership_logo_ssg_b.png);
}
.mnodr_affiliate_title .mnodr_partner_logo {
  display: block;
  height: 16px;
  padding-left: 132px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}
.mnodr_affiliate_title .mnodr_partner_logo img {
  vertical-align: top;
  height: 100%;
}

.mnodr_affiliate_subtitle {
  margin-top: 30px;
}

.mnodr_affiliate_sec {
  margin-top: 10px;
  padding: 20px 16px;
  border-radius: 6px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_affiliate_sec .mnodr_affiliate_head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mnodr_affiliate_sec .mnodr_affiliate_cont {
  margin-top: 0;
}
.mnodr_affiliate_sec.on .mnodr_affiliate_cont {
  margin-top: 5px;
}
.mnodr_affiliate_sec .mnodr_toggle_btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.mnodr_affiliate_sec .mnodr_toggle_btn .icon_caret_down::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray500, #888888);
  content: "\e015";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_brandstore_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 0 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

.mnodr_brandstore_item {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
}

.mnodr_brandstore_link {
  display: block;
}

.mnodr_brandstore_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--m-colors-gray200, #f0f0f0);
  padding: 6px;
  width: 100%;
  height: 65px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_brandstore_img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.mnodr_brandstore_name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  font-size: 12px;
  line-height: 1.2;
  padding: 7px 0;
  word-break: break-all;
  word-wrap: break-word;
}
.mnodr_brandstore_name > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.mnodr_brandstore_name .icon.icon_chevron_right {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto;
  height: auto;
  -webkit-transform: none;
          transform: none;
}
.mnodr_brandstore_name .icon.icon_chevron_right:after {
  content: "";
  background: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_brandstore_group {
  border: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.mnodr_brandstore_group .mnodr_brandstore_link {
  padding: 15px 12px;
}
.mnodr_brandstore_group .mnodr_brandstore_name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  font-size: 14px;
}

.mnodr_brandstore_details {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 7px;
  font-size: 12px;
  letter-spacing: -0.26px;
  color: var(--m-colors-gray600, #777777);
}

.mnodr_brandstore_widelist {
  margin-bottom: 20px;
}

.mnodr_brandstore_wideitem {
  margin-top: 10px;
}

.mnodr_cont_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
  padding: 0 10px;
  min-height: 31px;
}
.mnodr_cont_title.ty_bg {
  background-color: var(--m-colors-gray100, #fafafa);
}
.mnodr_cont_title .mnodr_odrdate {
  font-size: 14px;
  font-weight: normal;
}

.mnodr_btn_odrdetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_btn_odrdetail .icon.icon_chevron_right {
  -webkit-transform: none;
          transform: none;
}
.mnodr_btn_odrdetail .icon.icon_chevron_right:after {
  content: "";
  background: none;
  display: inline-block;
  width: 12px;
  height: 12px;
  font-family: var(--m-font-icon) !important;
  font-size: 12px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_odrlist {
  padding: 10px;
}
.mnodr_odrlist:last-of-type {
  padding-bottom: 20px;
}

.mnodr_odrlist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_odrlist_item:not(:first-child) {
  margin-top: 5px;
}
.mnodr_odrlist_item .mnodr_unit_tit {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
  white-space: nowrap;
}
.mnodr_odrlist_item .mnodr_unit_brd {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_odrlist_item .mnodr_unit_count {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  line-height: 1.38;
}

.mnodr_affiliate_info {
  margin: 30px 0 10px;
}

.mnodr_affiliate_dl {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 3px;
  line-height: 1.29;
}
.mnodr_affiliate_dl:not(:first-child) {
  margin-top: 15px;
}
.mnodr_affiliate_dl > dt {
  display: table-cell;
  width: 64px;
}
.mnodr_affiliate_dl > dd {
  display: table-cell;
}
.mnodr_affiliate_dl > dd .mnodr_tx_desc {
  overflow: hidden;
}

.mnodr_btn_tel {
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  padding-bottom: 4px;
}

.mnodr_affiliate_footer {
  margin-top: 40px;
  text-align: center;
}

.mnodr_btn_noconnect {
  font-size: 14px;
  text-decoration: underline;
  letter-spacing: -0.32px;
  text-align: center;
  color: var(--m-colors-white, #ffffff);
}

.mnodr_affiliate_noitems {
  margin: 60px auto 40px;
}
.mnodr_affiliate_noitems .mnodr_noitems_delivcar {
  width: 67px;
  height: 49px;
  margin: 0 auto 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='67' height='49' viewBox='0 0 67 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='3' fill='none' fill-rule='evenodd'%3E%3Cpath d='M45.286 42H24.68V2H65v40h-6.4M12.206 42H2V24.5L14.6 12h10.08'/%3E%3Cpath d='M18.38 47c3.479 0 6.3-2.798 6.3-6.25 0-3.453-2.821-6.249-6.3-6.249-3.48 0-6.3 2.796-6.3 6.25 0 3.45 2.82 6.249 6.3 6.249zM51.723 47c3.48 0 6.3-2.798 6.3-6.25 0-3.453-2.82-6.249-6.3-6.249s-6.3 2.796-6.3 6.25c0 3.45 2.82 6.249 6.3 6.249zM37.49 14.78 44.841 22l7.348-7.22'/%3E%3Cpath d='m37.49 29.218 7.351-7.22 7.348 7.22'/%3E%3C/g%3E%3C/svg%3E");
}
.mnodr_affiliate_noitems .mnodr_noitems_tit {
  font-size: 16px;
  line-height: 1.06;
  letter-spacing: -0.34px;
  text-align: center;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_affiliate_noitems .mnodr_noitems_txt {
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
  color: var(--m-colors-gray500, #888888);
}

.mnodr_order_eco {
  padding: 0 20px;
  line-height: 1.2;
}

.mnodr_eco_imgbanner img {
  width: 100%;
  vertical-align: top;
  aspect-ratio: 375/153;
}

.mnodr_eco_sec {
  margin-top: 20px;
  padding: 20px 16px;
  border-radius: 6px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_eco_sec .m_paginate_new {
  margin-top: 30px;
  background: var(--m-colors-white, #ffffff);
  text-align: center;
}
.mnodr_eco_sec .m_paginate_new .m_paginate {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  vertical-align: top;
  gap: 4px;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a,
.mnodr_eco_sec .m_paginate_new .m_paginate strong {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 28px;
  height: 26px;
  margin-right: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 26px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.35px;
  text-align: center;
}
.mnodr_eco_sec .m_paginate_new .m_paginate strong {
  border: 0;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
  position: relative;
  font-weight: normal;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev:before,
.mnodr_eco_sec .m_paginate_new .m_paginate a.next:before {
  background: none;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: var(--m-font-icon) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02b";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.prev:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 40px;
  height: 40px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.next:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.next:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: var(--m-font-icon) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.next:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_eco_sec .m_paginate_new .m_paginate a.next:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}
.mnodr_eco_sec .m_paginate_new .m_paginate span {
  float: left;
  width: 15px;
  height: 36px;
  margin-left: 1px;
}

.mnodr_eco_sec_head {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--m-colors-gray900, #222222);
}

.mnodr_eco_sec_tit {
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-semibold, 600);
}

.mnodr_eco_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mnodr_eco_dl .mnodr_eco_dt {
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray700, #666666);
}
.mnodr_eco_dl .mnodr_eco_dd {
  font-size: var(--m-fontSizes-3xl, 20px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_eco_odrtit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.mnodr_eco_odrtit:not(:first-child) {
  padding-top: 10px;
  border-top: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_eco_odrtit .mnodr_odrdate {
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_eco_odrtit .mnodr_btnarea_rgt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_eco_odrtit .mnodr_btn_eco_odrdetail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_eco_odrtit .mnodr_btn_eco_odrdetail:before, .mnodr_eco_odrtit .mnodr_btn_eco_odrdetail:after {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_eco_odrtit .mnodr_btn_eco_odrdetail:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_eco_odrtit .mnodr_btn_eco_odrdetail:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_eco_odrlist .mnodr_eco_odrlist_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 15px;
  margin-top: 10px;
}
.mnodr_eco_odrlist .mnodr_unit_tit {
  font-size: var(--m-fontSizes-sm, 13px);
  line-height: 1.25;
}
.mnodr_eco_odrlist .mnodr_unit_name {
  color: var(--m-colors-gray700, #666666);
}
.mnodr_eco_odrlist .mnodr_unit_count {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  text-align: right;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
}

.mnodr_eco_noitems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 4px;
  margin: 37px auto 20px;
  padding: 60px 0;
  text-align: center;
}
.mnodr_eco_noitems:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28150%2C150%2C150%29' d='M3.6 3.6h16.8v16.8h-16.8v-16.8zM4.8 19.2h14.4v-14.4h-14.4v14.4z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 7.68h9.6v1.2h-9.6v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 11.28h9.6v1.2h-9.6v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%28150%2C150%2C150%29' d='M7.2 14.88h4.8v1.2h-4.8v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}
.mnodr_eco_noitems .mnodr_eco_noitems_tit {
  font-size: var(--m-fontSizes-xl, 16px);
}
.mnodr_eco_noitems .mnodr_eco_noitems_txt {
  font-weight: var(--m-fontWeights-regular, 400);
  color: var(--m-colors-gray600, #777777);
}

.mnodr_eco_infosec {
  margin-top: 30px;
}
.mnodr_eco_infosec .mnodr_eco_sec_head {
  border-bottom-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_eco_infosec .mnodr_eco_sec_tit {
  font-size: var(--m-fontSizes-lg, 15px);
}
.mnodr_eco_infosec .mnodr_eco_infotx {
  color: var(--m-colors-gray500, #888888);
  line-height: 1.23;
}

.mnodr_order_eco {
  padding: 0 20px;
  line-height: 1.2;
}

.mnodr_eco_imgbanner img {
  width: 100%;
  vertical-align: top;
  aspect-ratio: 375/153;
}

.mnodr_kbliiv_section_content .mnodr_kbliiv_order_none {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--m-colors-gray600, #777777);
  text-align: center;
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_kbliiv_section_content .mnodr_kbliiv_order_none::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: var(--m-font-icon) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray600, #777777);
  content: "\e07e";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 4px;
}
.mnodr_kbliiv_section_content .content_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  font-size: var(--m-fontSizes-md, 14px);
  color: var(--m-colors-gray700, #666666);
}
.mnodr_kbliiv_section_content .content_info_detail_button {
  margin-left: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 8px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_kbliiv_section_content .content_info_detail_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e02c";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.mnodr_kbliiv_section_content .content_info_detail_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_kbliiv_section_content .mnodr_kbliiv_section_content_order {
  padding-block: 20px;
  border-bottom: 2px dotted var(--m-colors-gray900, #222222);
}
.mnodr_kbliiv_section_content .mnodr_kbliiv_section_content_order:first-child {
  padding-top: 0;
}
.mnodr_kbliiv_section_content .mnodr_kbliiv_section_content_order:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.mnodr_kbliiv_section_content .content_list {
  padding: 16px;
  color: var(--m-colors-gray700, #666666);
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.mnodr_kbliiv_section_content .content_list .content_list_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-block: 8px;
  border-bottom: 1px solid var(--m-colors-gray300, #e5e5e5);
  font-size: var(--m-fontSizes-xs, 12px);
}
.mnodr_kbliiv_section_content .content_list .content_list_row:first-child {
  padding-top: 0;
}
.mnodr_kbliiv_section_content .content_list .content_list_row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.mnodr_kbliiv_section_content .content_list .content_list_item_text_area {
  width: 100%;
}
.mnodr_kbliiv_section_content .content_list .content_list_item_text {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_kbliiv_section_content .content_list .content_list_item_text .content_list_item_text_brandname {
  margin-right: 4px;
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_kbliiv_section_content .content_list .content_list_item_quantity {
  width: 40px;
  margin-left: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}
.mnodr_kbliiv_section_content .content_list .content_list_item_price {
  width: 80px;
  margin-left: 4px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: right;
}

.mnodr_kbliiv_section {
  padding: 20px 16px;
  background-color: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray900, #222222);
}

.mnodr_kbliiv_section_cap {
  margin-top: 20px;
  padding-block: 12px;
  line-height: 14px;
  text-align: center;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-semibold, 600);
  background-color: #febd36;
}

.mnodr_kbliiv_section_heading {
  margin-top: 20px;
  text-align: center;
  font-size: var(--m-fontSizes-5xl, 24px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_kbliiv_section_head {
  padding-top: 40px;
  margin-bottom: 16px;
  padding-bottom: 4px;
  border-bottom: 2px solid var(--m-colors-gray900, #222222);
}
.mnodr_kbliiv_section_head.padding_none {
  padding-top: 0;
}
.mnodr_kbliiv_section_head.last {
  padding-top: 10px;
}

.mnodr_kbliiv_section_title {
  font-size: var(--m-fontSizes-xl, 16px);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_kbliiv_section_content_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  color: var(--m-colors-gray700, #666666);
  font-size: var(--m-fontSizes-md, 14px);
}
.mnodr_kbliiv_section_content_row .content_price_important {
  color: var(--m-colors-primary, #a59357);
  font-weight: var(--m-fontWeights-bold, 700);
}

.mnodr_kbliiv_order_more_button {
  margin-top: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 36px;
  border-radius: 18px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray700, #666666);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_kbliiv_order_more_button:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
}
.mnodr_kbliiv_order_more_button:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_kbliiv_section_notice_text {
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-gray700, #666666);
  margin-bottom: 10px;
}
.mnodr_kbliiv_section_notice_text:last-child {
  margin-bottom: 0;
}

/* 예약결제 */
.mnodr_ssgpay_acdocont .codr_pay_cardarea {
  position: relative;
  margin-top: -5px;
}
.mnodr_ssgpay_acdocont .codr_pay_cardarea .swiper-container {
  overflow: hidden;
}
.mnodr_ssgpay_acdocont .codr_pay_cardarea .swiper-slide {
  width: calc(100% - 64px);
}
.mnodr_ssgpay_acdocont .codr_pay_card {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 64%;
  border-radius: 3vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ssgpay_acdocont .codr_pay_card .codr_pay_cardbi {
  position: absolute;
  top: 20px;
  left: 16px;
}
.mnodr_ssgpay_acdocont .codr_pay_card .codr_pay_cardbi img {
  vertical-align: bottom;
  max-height: 20px;
}
.mnodr_ssgpay_acdocont .codr_pay_card .codr_pay_cardinfo {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  min-height: 40px;
}
.mnodr_ssgpay_acdocont .codr_pay_card .codr_pay_cardinfo strong {
  display: block;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 17px;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_ssgpay_acdocont .codr_pay_card .codr_pay_cardinfo em {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 17px;
  word-wrap: break-word;
  word-break: break-all;
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_dark .codr_pay_cardinfo {
  color: #fff;
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_light .codr_pay_cardinfo {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_add {
  position: relative;
  background: #fff;
  border: 1px solid #e0e0e0;
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_add > span {
  position: absolute;
  top: 50%;
  left: 10px;
  right: 10px;
  margin-top: 15px;
  text-align: center;
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_add:before,
.mnodr_ssgpay_acdocont .codr_pay_card.ty_add:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35px;
  height: 2px;
  margin: -20px 0 0 -17px;
  background: var(--m-colors-gray900, #222222);
}
.mnodr_ssgpay_acdocont .codr_pay_card.ty_add:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.mnodr_ssgpay_acdocont .codr_pay_cardarea input:checked + label:before,
.mnodr_ssgpay_acdocont .codr_pay_cardarea input:checked + label:after {
  content: "";
  position: absolute;
}
.mnodr_ssgpay_acdocont .codr_pay_cardarea input:checked + label:before {
  top: 0;
  right: 10px;
  width: 20px;
  height: 30px;
  background: var(--m-colors-black, #000000);
}
.mnodr_ssgpay_acdocont .codr_pay_cardarea input:checked + label:after {
  top: 14px;
  right: 14px;
  width: 12px;
  height: 11px;
  background: url(../img/com_v2/codr_ico_star.png) no-repeat;
  background-size: 100% auto;
}
.mnodr_ssgpay_acdocont .codr_pay_cardlst > li {
  display: inline-block;
  padding: 3px 1px;
  vertical-align: top;
}
.mnodr_ssgpay_acdocont .codr_pay_cardlst label {
  display: inline-block;
  height: 35px;
  padding: 0 13px;
  border: 1px solid #e0e0e0;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 31px;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 18px;
}
.mnodr_ssgpay_acdocont .codr_pay_cardlst input:checked + label {
  padding: 0 12px;
  border: 2px solid #222;
  font-weight: bold;
  line-height: 29px;
}

.mnodr_pay_bridge {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.mnodr_pay_bridge .mnodr_pay_bridge_content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_pay_bridge .mnodr_pay_bridge_img {
  display: inline-block;
  width: 72px;
  height: 73px;
}
.mnodr_pay_bridge .mnodr_pay_bridge_img img {
  width: 100%;
  vertical-align: top;
}
.mnodr_pay_bridge .mnodr_pay_bridge_bx {
  margin: 38px 0 105px;
}

@media screen and (orientation: landscape) {
  .mnodr_pay_bridge .mnodr_pay_bridge_bx {
    margin-bottom: 0;
  }
}
.mnodr_multi_delivery {
  padding-bottom: 80px;
}

.mnodr_multi_acdo {
  margin: 20px 14px;
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 8px;
}
.mnodr_multi_acdo .mnodr_acdo_header {
  padding: 0;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk {
  padding: 20px 0 20px 16px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk input + label {
  position: relative;
  padding-left: 32px;
  gap: 4px 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk input + label:before {
  position: absolute;
  top: 0;
  left: 0;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk .mnodr_tx_wrap {
  margin: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 8px;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk .mnodr_tx_desc3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.mnodr_multi_acdo .mnodr_acdo_header .mnodr_chk .mnodr_tx_desc {
  line-height: 1.2;
}
.mnodr_multi_acdo .mnodr_acdo_btn {
  padding: 8px 7px 8px 2px;
}
.mnodr_multi_acdo .mnodr_acdo_btn button::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M7.332 10.308l0.852-0.852 3.816 3.816 3.816-3.816 0.852 0.852-4.668 4.656-4.668-4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}
.mnodr_multi_acdo .mnodr_acdo_btn.on button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M16.668 13.692l-0.852 0.852-3.816-3.816-3.816 3.816-0.852-0.852 4.668-4.656 4.668 4.656z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  height: 32px;
}
.mnodr_multi_acdo .mnodr_multi_price {
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-primary, #a59357);
}
.mnodr_multi_acdo .mnodr_acdo_cont {
  margin-top: 0;
}
.mnodr_multi_acdo .mnodr_unit_subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  gap: 0 9px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 16px;
  margin: 0;
  line-height: 1.25;
}
.mnodr_multi_acdo .mnodr_unit_subheader.ty_em {
  background-color: rgba(255, 208, 64, 0.4);
}
.mnodr_multi_acdo .mnodr_unit_subheader.ty_tr {
  background-color: rgba(166, 221, 39, 0.4);
}
.mnodr_multi_acdo .mnodr_unit_subheader.ty_parcel {
  background-color: rgba(214, 210, 196, 0.4);
}
.mnodr_multi_acdo .mnodr_unit_subheader.ty_oneday {
  background-color: #f4e5d5;
}
.mnodr_multi_acdo .mnodr_unit_subheader.ty_star {
  background-color: var(--m-colors-delivery-star_light, #e7deff);
}
.mnodr_multi_acdo .mnodr_unit_subheader .mnodr_multi_delivtype {
  margin-left: auto;
  font-size: 12px;
  font-weight: 700;
  color: var(--m-colors-gray800, #444444);
}
.mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.em, .mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.tr, .mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.oneday {
  height: 20px;
}
.mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.em {
  width: 60px;
}
.mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.tr {
  width: 60px;
}
.mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship.oneday {
  width: 60px;
}
.mnodr_multi_acdo .mnodr_unit_subheader .cm_mall_ship,
.mnodr_multi_acdo .mnodr_unit_subheader .mnodr_mall_ship {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_multi_acdo .mnodr_unit_subheader .mnodr_mall_ship:first-child {
  padding-left: 7px;
}
.mnodr_multi_acdo .mnodr_unit_subheader .mnodr_ship_tit {
  font-size: 12px;
  font-weight: 400;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_multi_acdo .mnodr_unit_subheader + .mnodr_unit_item {
  border-top: 0;
}
.mnodr_multi_acdo .mnodr_unit_item {
  margin-left: 16px;
  margin-right: 16px;
  padding-left: 0;
  padding-right: 0;
}
.mnodr_multi_acdo .mnodr_giftsvc_unit {
  padding-bottom: 20px;
}
.mnodr_multi_acdo .mnodr_giftsvc_sectit_area + .mnodr_unit_item {
  border-top: 0;
  padding-top: 4px;
}

.mnodr_mall_ship {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 4px 7px;
  height: 20px;
  border-radius: 40px;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_mall_ship .mnodr_ship_tx {
  font-size: 10px;
  font-weight: bold;
  line-height: 1.2;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_mall_ship.parcel {
  background: var(--m-colors-delivery-post, #d6d2c4);
}
.mnodr_mall_ship.ssgcon {
  background: var(--m-colors-delivery-mobilecoupon, #9ee5d2);
}
.mnodr_mall_ship.ty_s {
  height: 20px;
}

.mnodr_multi_article {
  margin: 20px 14px;
  border-color: var(--m-colors-gray900, #222222);
}

.mnodr_multi_final .mnodr_acdo_header {
  padding: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_multi_final .mnodr_acdo_btn {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  padding: 20px 16px 16px;
}
.mnodr_multi_final .mnodr_acdo_btn button {
  display: block;
  padding-top: 9px;
}
.mnodr_multi_final .mnodr_acdo_btn button::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12.001 15.951l-7.376-7.376-0.849 0.849 8.224 8.224 8.224-8.224-0.849-0.849-7.376 7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_multi_final .mnodr_acdo_btn.on button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M12.001 8.049l7.376 7.376 0.849-0.849-8.224-8.224-8.224 8.224 0.849 0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.mnodr_multi_final .mnodr_acdo_cont {
  margin-top: -8px;
}
.mnodr_multi_final .mnodr_multi_final_title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 20px 0 16px 16px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_multi_final .mnodr_multi_finalsec {
  margin: 30px 0;
  padding: 0 16px;
}
.mnodr_multi_final .mnodr_multi_finalsec:first-child {
  margin-top: 0;
}
.mnodr_multi_final .mnodr_multi_finalsec .mnodr_tx_tit {
  font-size: 18px;
  font-weight: 700;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_multi_final .mnodr_multi_finalsec .mnodr_form_cont {
  margin-top: 20px;
}
.mnodr_multi_final .mnodr_form_sec:first-child {
  margin-top: 0;
}
.mnodr_multi_final .mnodr_sec_heading {
  padding-top: 0;
  margin-top: 30px;
}
.mnodr_multi_final .mnodr_sec_heading:first-child {
  padding-top: 0;
  margin-top: 0;
}

.m_content.mnodr_ssggiftcard.ty_bg {
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_ssggiftcard_headsec {
  padding: 24px 16px 20px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_headtit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_headtxt {
  font-weight: 400;
  line-height: 1.2;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_headtxt strong {
  font-weight: 700;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_headrgt {
  margin-left: auto;
  margin-bottom: 3px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_charge {
  padding: 5px 9px 3px;
  border-radius: 6px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  font-size: 12px;
  color: var(--m-colors-gray700, #666666);
  line-height: 1.35;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_charge .ssg_price {
  color: var(--m-colors-gray900, #222222);
  font-weight: 700;
}
.mnodr_ssggiftcard_headsec .mnodr_ssggiftcard_charge .ssg_tx {
  color: var(--m-colors-gray900, #222222);
}

.mnodr_ssggiftcard_sec {
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_ssggiftcard_lst {
  margin: 20px 16px;
}
.mnodr_ssggiftcard_lst .mnodr_ssggiftcard_item + .mnodr_ssggiftcard_item {
  margin-top: 10px;
}

.mnodr_ssggiftcard_item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_imgbx {
  position: relative;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 105px;
  border-radius: 8px;
  background-color: var(--m-colors-white, #ffffff);
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_imgbx img {
  width: 100%;
  vertical-align: top;
  aspect-ratio: 1;
}
.mnodr_ssggiftcard_item .mnodr_chk {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mnodr_ssggiftcard_item .mnodr_chk input + label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_cont {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
  border-radius: 8px;
  background-color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_cont:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 0;
  width: 1px;
  background-color: var(--m-colors-gray200, #f0f0f0);
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.14em 6px 0;
  height: 16px;
  font-size: 11px;
  font-weight: 500;
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_type.ty_giftsvc {
  background-color: #ab8f59;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_txtwrap:not(:first-child) {
  margin-top: 6px;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_txtwrap em {
  color: var(--m-colors-gray600, #777777);
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_pricewrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6px;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_price .ssg_pirce {
  font-size: 18px;
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_price .ssg_tx {
  margin-top: 4px;
  font-size: 13px;
  color: var(--m-colors-gray600, #777777);
}
.mnodr_ssggiftcard_item .mnodr_ssggiftcard_from {
  margin-top: 5px;
  margin-left: auto;
}

.mnodr_ssggiftcard_bottom {
  margin: 40px 0;
  text-align: center;
}

.mnodr_ssggiftcard_noti {
  font-size: 12px;
  color: var(--m-colors-gray800, #444444);
}

.mnodr_ssggiftcard_btnmore {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 24px;
  margin-top: 8px;
  padding: 2px 12px 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid #e5e5e5;
  background: var(--m-colors-white, #ffffff);
  color: var(--m-colors-gray500, #888888);
  font-size: 12px;
}

.mnodr_ssggiftcard_info {
  border-top: 1px solid #e5e5e5;
  margin: 0 16px;
}
.mnodr_ssggiftcard_info .mnodr_form_sec {
  padding: 16px 0 12px;
}

.mnodr_ssggiftcard_nodata {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 60px 0;
}
.mnodr_ssggiftcard_nodata .mnodr_ssggiftcard_nodata_tx {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_ssggiftcard_nodata .mnodr_ssggiftcard_nodata_tx:before {
  content: "";
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 auto 8px;
  background: url("../img/order/ico_ssggiftcard_nodata@3x.png") no-repeat;
  background-size: 100%;
}

:root {
  --toolbarFormHeight: 53px;
  --buttonHeight: 52px;
}

.mnodr_refund {
  padding-bottom: calc(var(--toolbarFormHeight) + var(--buttonHeight));
}
.mnodr_refund em {
  font-weight: inherit;
}
.mnodr_refund > .mnodr_form_sec.ty3:last-child {
  margin-bottom: 0;
}
.mnodr_refund .mnodr_article_headrt {
  font-size: 16px;
}
.mnodr_refund .mnodr_priceitem_stit {
  font-weight: 400;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_refund .mnodr_priceitem > dd:last-child {
  width: auto;
}
.mnodr_refund .mnodr_rdotablist {
  margin-top: 20px;
}

.mnodr_refund_headsec {
  padding: 30px 16px;
  background-color: var(--m-colors-white, #ffffff);
}

.mnodr_refund_headtit {
  text-align: center;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_refund_headtxt {
  font-size: 20px;
  font-weight: 700;
}

.mnodr_refund_headdesc {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
}

.mnodr_refund_sec {
  padding-bottom: 40px;
}
.mnodr_refund_sec + .mnodr_refund_sec:before {
  content: "";
  display: block;
  height: 20px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_refund_bgsec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  gap: 10px 0;
  padding: 20px 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_refund_article {
  background-color: var(--m-colors-white, #ffffff);
  border-radius: 8px;
}

.mnodr_refund_infobx_tit {
  font-size: 13px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
}

.mnodr_refund_infobx {
  margin-top: 20px;
}
.mnodr_refund_infobx .mnodr_bullst > li {
  margin-top: 8px;
}

.mnodr_refund_fail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 16px;
  gap: 16px;
  font-size: 13px;
  font-weight: 500;
}
.mnodr_refund_fail > dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.mnodr_refund_fail > dd {
  text-align: right;
  line-height: 1.35;
}

.mnodr_refund_fail_stit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 2px;
}
.mnodr_refund_fail_stit:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-primary, #a59357);
  content: "\e036";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_refund_form_box .mnodr_form_tit {
  margin-top: 40px;
  font-weight: 500;
}
.mnodr_refund_form_box .mnodr_form_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}
.mnodr_refund_form_box .mnodr_form_cont > label {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 103px;
  color: var(--m-colors-gray700, #666666);
}
.mnodr_refund_form_box .mnodr_form_cont > [class^=mnodr_inp_] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.mnodr_refund_form_box .mnodr_inp_sel select {
  padding-left: 8px;
}
.mnodr_refund_form_box .mnodr_inp_sel:after {
  right: 8px;
  border: 0;
  pointer-events: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_refund_form_box .mnodr_inp_txt {
  margin-top: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.mnodr_refund_form_box .mnodr_inp_txt input {
  padding-left: 8px;
}
.mnodr_refund_form_box .mnodr_inp_txt input[type=number]::-webkit-outer-spin-button,
.mnodr_refund_form_box .mnodr_inp_txt input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.mnodr_refund_form_box .mnodr_inp_txt input[type=number] {
  -moz-appearance: textfield;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp .mnodr_inp_txt + .mnodr_inp_btn {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  height: 40px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  background-color: var(--m-colors-gray800, #444444);
  color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp .mnodr_inp_txt + .mnodr_inp_btn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp .mnodr_inp_btn .mnodr_btn_tx {
  color: inherit;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp.success .mnodr_inp_txt input {
  padding-right: 35px;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp.success .mnodr_inp_txt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-success, #07a740);
  content: "\e030";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp.error .mnodr_inp_txt {
  border-color: var(--m-colors-warning_loss, #ff5452);
}
.mnodr_refund_form_box .mnodr_inp_btn_grp.error .mnodr_inp_txt input {
  padding-right: 35px;
}
.mnodr_refund_form_box .mnodr_inp_btn_grp.error .mnodr_inp_txt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-warning_loss, #ff5452);
  content: "\e095";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_refund_form_box .mnodr_inp_helper {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 400;
}
.mnodr_refund_form_box .mnodr_helper_txt.success {
  color: var(--m-colors-gray500, #888888);
}
.mnodr_refund_form_box .mnodr_helper_txt.error {
  color: var(--m-colors-warning_loss, #ff5452);
}

.mnodr_refund_complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  font-weight: 700;
  padding: 120px 0;
  gap: 8px 0;
}
.mnodr_refund_complete:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e030";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_toolbar2 .mnodr_form_sec.ty_gray {
  padding: 16px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}

.mnodr_charging_payment {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 0;
  margin-top: 20px;
}
.mnodr_charging_payment .mnodr_chk {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mnodr_charging_payment .mnodr_chk input + label {
  padding-right: 8px;
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_charging_payment .mnodr_chk label:before {
  margin-right: 8px;
}
.mnodr_charging_payment .mnodr_charging_payment_label {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-2xs, 11px);
  font-weight: var(--m-fontWeights-bold, 700);
  padding: 0 6px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnodr_charging_paynoti {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
  color: var(--m-colors-gray500, #888888);
}
.mnodr_charging_paynoti em {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_paynoti .mnodr_btn_charging_infodetail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 24px;
  height: 24px;
  border-radius: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_charging_paynoti .mnodr_btn_charging_infodetail:before {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_paynoti .mnodr_btn_charging_infodetail:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e038";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_charging_paynoti .mnodr_btn_charging_infodetail:active {
  -webkit-tap-highlight-color: transparent;
}
.mnodr_charging_paynoti .mnodr_btn_charging_infodetail:active:before {
  -webkit-tap-highlight-color: transparent;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: iconButtonPressAnimation 0.2s ease;
          animation: iconButtonPressAnimation 0.2s ease;
}

.mnodr_charging_paybox {
  display: none;
  margin-top: 6px;
  padding: 16px;
  background-color: var(--m-colors-gray100, #fafafa);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
}
.mnodr_charging_paybox .mnodr_priceitem dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 7px;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_paybox .mnodr_priceitem .mnodr_bank_name {
  color: var(--m-colors-gray800, #444444);
  text-decoration: underline;
}
.mnodr_charging_paybox .mnodr_priceitem dd {
  width: auto;
}
.mnodr_charging_paybox .mnodr_priceitem .ssg_price,
.mnodr_charging_paybox .mnodr_priceitem .ssg_tx {
  font-size: var(--m-fontSizes-sm, 13px);
}

.mnodr_charging_nopaybox {
  display: none;
  margin-top: 16px;
  padding: 16px;
  background-color: var(--m-colors-gray100, #fafafa);
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray150, #f5f5f5);
  text-align: center;
  line-height: 1.2;
}
.mnodr_charging_nopaybox .mnodr_charging_notext {
  font-size: var(--m-fontSizes-xs, 12px);
  color: var(--m-colors-gray800, #444444);
}
.mnodr_charging_nopaybox .mnodr_charging_notext .mnodr_tx_point {
  font-weight: var(--m-fontWeights-bold, 700);
}
.mnodr_charging_nopaybox .mnodr_charging_paybtn {
  margin-top: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 0px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  background-color: var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_charging_nopaybox .mnodr_charging_paybtn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_charging_method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 12px 0 -4px;
}
.mnodr_charging_method:last-child {
  margin-bottom: 0;
}
.mnodr_charging_method .mnodr_charging_method_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-right: 12px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_method .mnodr_charging_method_dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mnodr_charging_method .mnodr_charging_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: 24px;
  padding: 0px 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  font-size: 12px;
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_method .mnodr_charging_btn:not(:first-child) {
  margin-left: 4px;
}

.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_method_dt {
  margin-right: 0;
}
.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_btn {
  border: 0;
  margin: 0;
}

.mnodr_charging_payment ~ .mnodr_charging_method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  margin: 20px 0 -4px;
}
.mnodr_charging_payment ~ .mnodr_charging_method:last-child {
  margin-bottom: 0;
}
.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_method_dt {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-bottom: 6px;
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_method_dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  gap: 7px;
}
.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 24px;
  border-radius: 4px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: auto;
  padding: 0 12px;
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray300, #e5e5e5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mnodr_charging_payment ~ .mnodr_charging_method .mnodr_charging_btn:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}

.mnodr_ssgpay_acdo {
  position: relative;
}
.mnodr_ssgpay_acdo .mnodr_charging_method_btnlayer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  right: 80px;
  height: 100%;
}

body.notIsMobile #m_wrap {
  padding-bottom: 20px;
  min-height: 100vh;
  background-color: var(--m-colors-gray150, #f5f5f5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.notIsMobile #m_wrap a,
body.notIsMobile #m_wrap button,
body.notIsMobile #m_wrap input + label {
  cursor: pointer;
}
body.notIsMobile #header {
  display: none;
}
body.notIsMobile #m_container > .mcom_tit_renew {
  display: none;
}
body.notIsMobile #m_content {
  max-width: 460px;
  margin: 0 auto;
  padding-bottom: 0;
  background-color: var(--m-colors-white, #ffffff);
  border: 0.01em solid transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.notIsMobile #m_content.ty_bg {
  max-width: 488px;
  background-color: inherit;
}
body.notIsMobile .m_content_flexwrap {
  min-height: auto;
}
body.notIsMobile .mnodr_toolbar2 {
  position: static;
  max-width: 460px;
  margin: 20px auto 0;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
body.notIsMobile .mnodr_toolbar2 .mnodr_cmbtn_area {
  border-radius: 8px;
}
body.notIsMobile .mnodr_toolbar2 .mnodr_cmbtn_area button:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
body.notIsMobile .mnodr_toolbar2 .mnodr_cmbtn_area button:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (min-width: 460px) {
  body.notIsMobile .mnodr_toolbar2 {
    padding: 0;
  }
}
body.notIsMobile .mnodr_modal_cont::-webkit-scrollbar-thumb {
  border-radius: 12px;
}
body.notIsMobile .mnodr_ssgpay_slider .swiper-slide {
  max-width: 283px;
}
body.notIsMobile .mnodr_modal.ty_alert .mnodr_modal_wrap {
  max-width: 375px;
  width: calc(100% - 55px);
  left: 50% !important;
  right: auto !important;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mcom_tit_renew {
  height: auto;
  min-height: 56px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: calc(env(safe-area-inset-top, 0px) + 8px) 12px 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--m-colors-black_alpha85, rgba(0, 0, 0, 0.85));
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.mcom_tit_renew .mcom_tit_lft {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.mcom_tit_renew:not(:has(.mcom_tit_lft)) {
  padding-left: 20px;
}
.mcom_tit_renew .mcom_tit_txt {
  text-align: left;
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .btn_back .ctg_icon_back:before,
.mcom_tit_renew .btn_search .ctg_icon_search:before,
.mcom_tit_renew .btn_share .icon_share_sns:before,
.mcom_tit_renew .btn_cart .ctg_icon_cart:before,
.mcom_tit_renew .btn_home .ctg_icon_home:before,
.mcom_tit_renew .btn_close .ctg_icon_close:before,
.mcom_tit_renew .btn_share .ctg_icon_share:before {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .btn_clip .cmlike_ico .cmlike_primary_m:before {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .cmnoti_push {
  font-weight: var(--m-fontWeights-medium, 500);
}
.mcom_tit_renew .mcom_category .cate_path .depth .ctg_txt {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_category .cate_path .depth.previous a:before, .mcom_tit_renew .mcom_category .cate_path .depth.previous a:after {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:before, .mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more:after {
  color: var(--m-colors-white, #ffffff);
}
.mcom_tit_renew .mcom_category .cate_path .depth.current .btn_more .ctg_txt {
  color: var(--m-colors-white, #ffffff);
}

body.notIsMobile #m_wrap {
  background-color: var(--m-colors-white, #ffffff);
}

.mnodr_hr16 {
  height: 10px;
}

.m_srharea {
  top: env(safe-area-inset-top, 0px) !important;
  background-color: var(--m-colors-black, #000000);
}

.m_head_inparea2 .inpbx2 {
  background-color: var(--m-colors-white_alpha10, rgba(255, 255, 255, 0.1));
}
.m_head_inparea2 .inpbx2 input {
  color: var(--m-colors-white, #ffffff);
}
.m_head_inparea2 .addr_del:before {
  color: var(--m-colors-white_alpha10, rgba(255, 255, 255, 0.1));
}
.m_head_inparea2 .mcom_b_prev .inp_ico_prev:before,
.m_head_inparea2 .mcom_b_def .inp_ico_srch:before {
  color: var(--m-colors-white, #ffffff);
}

.mnodr_loading_lg:before,
.mnodr_loading_md:before,
.mnodr_loading:before {
  background-image: url("https://sui.ssgcdn.com/ui/m_ssg/img/design/eshop/loading_eshop.webp");
}

.mnodr_chk input[type=checkbox] + label:before {
  border-radius: 4px;
}
.mnodr_unit_thmb .mnodr_chk input[type=checkbox] + label:before, .mnodr_goods_item .mnodr_chk input[type=checkbox] + label:before {
  border-radius: 0;
}

.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp + label,
.mnodr_rdotablist_deliv .mnodr_rdotab_deliv .mnodr_rdotab_inp + label:before {
  border-radius: 4px;
}

.body_ios .bottomsheet_sheet,
.body_ios .mnodr_modal {
  margin-top: env(safe-area-inset-top, 0px);
}

.body_ios .mnodr_modal.ty_full {
  margin-top: auto;
}
.body_ios .mnodr_modal.ty_full .mnodr_modal_wrap {
  margin-top: env(safe-area-inset-top);
}

.bottomsheet_sheet,
.mnodr_modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst:before,
.mnodr_modal .mnodr_transit .mnodr_transit_lst:before {
  left: 118px;
  width: 2px;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_ico,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_ico {
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_ico:after {
  background-image: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e03f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li .deliv_state em,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li .deliv_state em {
  color: var(--m-colors-primary, #a59357);
  font-weight: var(--m-fontWeights-semibold, 600);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li:first-child .deliv_ico:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-white, #ffffff);
  content: "\e044";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li.stock:first-child .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li.stock:first-child .deliv_ico:after {
  color: var(--m-colors-white, #ffffff);
}
.bottomsheet_sheet .mnodr_transit .mnodr_transit_lst li.stock .deliv_ico:after,
.mnodr_modal .mnodr_transit .mnodr_transit_lst li.stock .deliv_ico:after {
  background-image: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e070";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_dvstate_progress .mnodr_dvstate_bar,
.mnodr_dvstate_lst_area .mnodr_dvstate_prgress .mnodr_dvstate_prgress_bar {
  background: var(--m-colors-primary, #a59357);
}

.mnodr_btn_odd_giftsend {
  background: var(--m-colors-primary_light, #f2efe6);
}

.mnodr_giftrefund_wrap .mnodr_rdobox_wrap .mnodr_rdobox_list {
  gap: 0;
}

.mnodr_cmbtn_area.ty_space,
.mnodr_modalbtn_area.ty_space {
  gap: 0;
}

.mnodr_cmbtn_area.ty_space2:has(> .mnodr_btn_rect) {
  gap: 0;
}
.mnodr_cmbtn_area.ty_space2 .mnodr_btn_rect + .mnodr_btn_rect {
  margin-left: -1px;
}

.mnodr_cmbtn_area .mnodr_btn.ty_primary1_light {
  border-color: var(--m-colors-primary_light, #f2efe6);
  background-color: var(--m-colors-primary_light, #f2efe6);
}

.codr_odrdeliv .codr_btnarea ul {
  gap: 0;
}
.codr_odrdeliv .codr_btnarea ul li:nth-child(n+3) {
  margin-top: -1px;
}
.codr_odrdeliv .codr_btnarea ul li:nth-child(2n) {
  margin-left: -1px;
}

.mnodr_rdo_lst_rdus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 4px;
  margin: 8px 0 0;
}
.mnodr_rdo_lst_rdus > li {
  margin: 0;
}
.mnodr_rdo_lst_rdus .mnodr_rdo_rdus input[type=radio] + label {
  padding: 8px 12px;
  line-height: 1.1;
}
.mnodr_rdo_lst_rdus .mnodr_tx_size5 {
  font-size: var(--m-fontSizes-md, 14px) !important;
}

.mnodr_refund_form_box .mnodr_inp_sel:after {
  right: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.modr_together .mnodr_together_nickname:before {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 6px;
  border-radius: 100%;
  background: var(--m-colors-primary, #a59357) url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.95 7.108c.58-.648.931-1.504.931-2.441 0-.53-.112-1.033-.314-1.488a2.333 2.333 0 1 1-.617 3.93zM12.652 13.422c.38-.479.563-1.055.563-1.689 0-1.33-.779-2.425-1.927-3.162 2.77.205 4.426 1.446 4.426 2.946 0 1.234-1.121 1.733-3.062 1.905z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 7.333A2.667 2.667 0 1 0 6.25 2a2.667 2.667 0 0 0 0 5.333zM6.25 14c3.728 0 6-.389 6-2.267 0-1.877-2.272-3.4-6-3.4s-6 1.523-6 3.4c0 1.878 2.272 2.267 6 2.267z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
}

.mnodr_unit_select select {
  position: relative;
  z-index: 1;
}
.mnodr_unit_select .mnodr_ic.ic_arr.ty_fillgray {
  display: none;
}
.mnodr_unit_select:after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4px;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray700, #666666);
  content: "\e016";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_coupon_unit input + label {
  background-color: var(--m-colors-white, #ffffff);
  border-left-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit input + label:before {
  border-radius: 4px;
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit input + label:after {
  display: none;
}
.mnodr_coupon_unit input:checked + label {
  border-radius: 0 4px 4px 0;
  border-left: 1px solid var(--m-colors-primary_light, #f2efe6);
  background-color: var(--m-colors-primary_light, #f2efe6);
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay], .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard] {
  backgroun-color: var(--m-colors-gray300, #e5e5e5);
  border-left-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay]:before, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard]:before {
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay]:after, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard]:after {
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_coupon_unit input:checked + label[for=_coupon_ssgpay] .mnodr_coupon_chk_tx, .mnodr_coupon_unit input:checked + label[for=_coupon_ssgcomcard] .mnodr_coupon_chk_tx {
  color: var(--m-colors-gray900, #222222);
}
.mnodr_coupon_unit input:checked + label:before {
  border: 1px solid var(--m-colors-primary, #a59357);
}
.mnodr_coupon_unit input:checked + label .mnodr_coupon_chk_ico {
  border-color: var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-primary, #a59357);
}
.mnodr_coupon_unit input:checked + label .mnodr_coupon_chk_tx {
  color: var(--m-colors-black, #000000);
}
.mnodr_coupon_unit .mnodr_coupon_cont {
  padding: 16px;
}
.mnodr_coupon_unit.ty_mmbrs .mnodr_coupon_cont, .mnodr_coupon_unit.ty_universe .mnodr_coupon_cont {
  padding: 16px;
}

.mnodr_rdotablist .mnodr_rdotab {
  margin-bottom: 10px;
}
.mnodr_rdotablist .mnodr_rdotab:not(:first-child) {
  margin-top: 10px;
}
.mnodr_rdotablist .mnodr_rdotab:before {
  border: 0;
}
.mnodr_rdotablist .mnodr_rdotab .mnodr_rdotab_inp + label:before {
  bottom: 0;
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_rdotablist .mnodr_rdotab .mnodr_rdotab_inp:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
}

.mnodr_chktablist .mnodr_chktab {
  margin-bottom: 10px;
}
.mnodr_chktablist .mnodr_chktab:before {
  border: 0;
}
.mnodr_chktablist .mnodr_chktab .mnodr_chktab_inp + label:before {
  bottom: 0;
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_chktablist .mnodr_chktab .mnodr_chktab_inp:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
}
.mnodr_chktablist .mnodr_chktab_inp:checked + label .mnodr_chktab_btn {
  border-color: var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-primary, #a59357);
}

.mnodr_cartsharelogin .mnodr_rdotablist {
  padding: 0 16px;
}
.mnodr_cartsharelogin .mnodr_rdotab:before {
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_cartsharelogin .mnodr_rdotab.on:before {
  border: 1px solid var(--m-colors-primary, #a59357);
}

.mnodr_rdotablist.ty_nohighlight {
  padding: 0 16px;
}
.mnodr_rdotablist.ty_nohighlight .mnodr_rdotab:before {
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_rdotablist.ty_nohighlight .mnodr_rdotab.on:before {
  border-color: var(--m-colors-primary, #a59357);
}

.mnodr_choice_lst .mnodr_choice_item {
  margin-top: 10px;
}
.mnodr_choice_lst .mnodr_choice_item:first-child {
  margin-top: 0;
}
.mnodr_choice_lst .mnodr_choice_head {
  border-radius: 4px;
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_choice_lst input:checked + label .mnodr_choice_head {
  border: 1px solid var(--m-colors-primary, #a59357) !important;
}

.mnodr_choice_lst.ty2 .mnodr_choice_item {
  margin-top: 10px;
}
.mnodr_choice_lst.ty2 .mnodr_choice_item:first-child {
  margin-top: 0;
}
.mnodr_choice_lst.ty2 .mnodr_choice_head {
  border-radius: 4px;
}
.mnodr_choice_lst.ty2 input:checked + label .mnodr_choice_head {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
          box-shadow: inset 0 0 0 1px var(--m-colors-primary, #a59357);
}

.mnodr_modal.mnodr_changeaddr .mnodr_modal_cont {
  overflow-y: auto !important;
}
.mnodr_modal.mnodr_changeaddr .mnodr_rdotablist {
  padding: 0 16px;
}
.mnodr_modal.mnodr_changeaddr .mnodr_rdotablist + .mnodr_sec {
  margin-top: 10px;
}
.mnodr_modal.mnodr_changeaddr .mnodr_rdotablist + .mnodr_sec .mnodr_btn.ty_grayline {
  border-radius: 4px;
  border-color: var(--m-colors-gray300, #e5e5e5);
}
.mnodr_modal.mnodr_changeaddr .mnodr_rdotablist .mnodr_rdotab .mnodr_rdotab_inp + label:before {
  border: 1px solid var(--m-colors-gray300, #e5e5e5);
}
.mnodr_modal.mnodr_changeaddr .mnodr_rdotablist .mnodr_rdotab .mnodr_rdotab_inp:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
}
.mnodr_modal.mnodr_changeaddr .mnodr_btn.ty_lg {
  font-size: var(--m-fontSizes-xl, 16px);
}
.mnodr_modal.mnodr_changeaddr .mnodr_btn.ty_gray5 {
  background-color: var(--m-colors-gray900, #222222);
}

.mnodr_card_discount_tx .mnodr_tx_point {
  color: var(--m-colors-service-ssgpay_primary, #e24f39) !important;
}

.mnodr_btn_contionus_shopping {
  background-color: var(--m-colors-primary, #a59357);
  border-color: var(--m-colors-primary, #a59357);
}

.m_content.ty_bg {
  background-color: var(--m-colors-white, #ffffff);
}
.m_content.ty_bg .mnodr_article,
.m_content.ty_bg .mnodr_article_list {
  border: 0;
  border-radius: 0;
  margin: 0;
}
.m_content.ty_bg .mnodr_article:before,
.m_content.ty_bg .mnodr_article:after {
  display: none;
}
.m_content.ty_bg .mnodr_article_head {
  padding-block: 12px;
  margin-top: 32px;
  border-bottom: 4px solid var(--m-colors-black, #000000);
}
.m_content.ty_bg .mnodr_article.mnodr_delivery_infos .mnodr_article_head {
  margin-top: 20px;
}
.m_content.ty_bg .mnodr_article_cont.ty_line2 {
  margin-top: -15px;
}
.m_content.ty_bg .mnodr_article_cont.ty_line2:before {
  display: none;
}
.m_content.ty_bg .mnodr_article_foot {
  border-radius: 0;
}
.m_content.ty_bg .mnodr_article_foot .mnodr_article_head {
  margin-block: 0;
  border-bottom: 0;
}
.m_content.ty_bg .mnodr_article_foot .mnodr_btn_area {
  padding: 0 16px;
}
.m_content.ty_bg .mnodr_article.mnodr_acdo_toggle .mnodr_article_head.mnodr_acdo_btn {
  padding-inline: 0;
  margin: 20px 16px 16px;
}
.m_content.ty_bg .mnodr_article_headrt .mnodr_btn.ty_grayline {
  padding: 0;
  border: 0;
  background: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: 20px;
  font-size: var(--m-fontSizes-xs, 12px);
  font-weight: var(--m-fontWeights-bold, 700);
  text-decoration: none;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.m_content.ty_bg .mnodr_article_headrt .mnodr_btn.ty_grayline:before, .m_content.ty_bg .mnodr_article_headrt .mnodr_btn.ty_grayline:after {
  color: var(--m-colors-gray900, #222222);
}
.m_content.ty_bg .mnodr_article_headrt .mnodr_btn.ty_grayline:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.m_content.ty_bg .mnodr_article_headrt .mnodr_btn.ty_grayline:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.m_content.ty_bg .mnodr_universe_benebox {
  margin: 0 16px;
}
.m_content.ty_bg .mnodr_article_delivtit {
  margin-inline: 0;
  border-radius: 0;
}
.m_content.ty_bg .mnodr_article_delivtit + .mnodr_article_list .mnodr_article_foot {
  border-radius: 0;
}
.m_content.ty_bg .mnodr_article_list._v2 .mnodr_article_head {
  padding-inline: 0;
  margin-inline: 16px;
}
.m_content.ty_bg .mnodr_article_list._v2 .mnodr_article_head[class*=head_type_] {
  padding-inline: 16px;
  margin-inline: 0;
  border-radius: 0;
  border-bottom: 0;
}
.m_content.ty_bg .mnodr_article_list._v2 .mnodr_fungible_item button {
  border-radius: 0;
}
.m_content.ty_bg .mnodr_multi_acdo {
  margin: 0;
}
.m_content.ty_bg .mnodr_article.mnodr_regulardeliv_cmbtn_wrap {
  margin-inline: 16px;
}
.m_content.ty_bg .mnodr_quick_cardbox {
  margin-top: 32px;
}

.mnodr_article_headbubble {
  left: 0;
}

.nodcsn_order .mnodr_sec_heading {
  padding-top: 40px;
}

.mnodr_order_eco {
  padding: 0;
}

.mnodr_eco_infosec {
  padding-inline: 16px;
}

.mnodr_modal.ty_full .mnodr_modal_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 16px 16px 0 0;
}
.mnodr_modal.ty_full .mnodr_modal_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 16px 16px;
  height: auto;
  border-bottom: 0;
  text-align: left;
}
.mnodr_modal.ty_full .mnodr_modal_head .mnodr_modal_tit {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--m-fontSizes-2xl, 18px);
  color: var(--m-colors-gray900, #222222);
}
.mnodr_modal.ty_full .mnodr_modal_close {
  margin-left: 10px;
  position: static;
  width: auto;
  height: auto;
}
.mnodr_modal.ty_full .mnodr_modal_close .ic_close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  width: auto;
  height: auto;
}
.mnodr_modal.ty_full .mnodr_modal_close .ic_close:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e039";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bottomsheet_sheet {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.bottomsheet_handle {
  padding-top: 0;
  border-bottom: 0;
}
.bottomsheet_handle:before {
  margin: 10px auto 12px;
}

.bottomsheet_title {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 50px 16px 16px;
  font-size: var(--m-fontSizes-2xl, 18px);
  color: var(--m-colors-gray900, #222222);
  text-align: left;
}

.bottomsheet_btn_close {
  top: 24px;
  right: 16px;
}
.bottomsheet_btn_close .icon_close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  width: auto;
  height: auto;
  padding: 0;
}
.bottomsheet_btn_close .icon_close:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e039";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mnodr_toolbar2 .mnodr_cmbtn_area #mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_cmbtn_area .mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_refresh {
  background-color: var(--m-colors-gray900, #222222);
}
.mnodr_toolbar2 .mnodr_cmbtn_area #mnodr_btn_refresh .ic_refresh,
.mnodr_toolbar2 .mnodr_cmbtn_area .mnodr_btn_refresh .ic_refresh,
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_refresh .ic_refresh,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_refresh .ic_refresh {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  background: none;
  color: var(--m-colors-white, #ffffff);
}
.mnodr_toolbar2 .mnodr_cmbtn_area #mnodr_btn_refresh .ic_refresh:after,
.mnodr_toolbar2 .mnodr_cmbtn_area .mnodr_btn_refresh .ic_refresh:after,
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_refresh .ic_refresh:after,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_refresh .ic_refresh:after {
  display: inline-block;
  width: 32px;
  height: 32px;
  font-family: var(--m-font-icon) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e07d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mnodr_toolbar2 .mnodr_cmbtn_area .mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_btn_area .mnodr_btn_refresh {
  border-color: var(--m-colors-gray900, #222222);
}
.mnodr_toolbar2 .mnodr_cmbtn_area #mnodr_btn_refresh,
.mnodr_toolbar2 .mnodr_btn_area #mnodr_btn_refresh {
  -webkit-box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
          box-shadow: inset 0 0 0 1px var(--m-colors-gray900, #222222);
}
/*# sourceMappingURL=mnodr_eshop.css.map */