@charset "UTF-8";
@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;
}
: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;
}

a,
button,
input,
textarea,
select,
label {
  -webkit-tap-highlight-color: transparent;
}

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

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;
}

:lang(zh) *,
:lang(zh) .tx_zh {
  font-family: "Roboto-Regular", "Microsoft Yahei", 微软雅黑, STXihei, 华文细黑, "나눔바른고딕", NanumBarunGothic, sans-serif !important;
}

:lang(auto) .hide_ko,
:lang(ko) .hide_ko,
:lang(en) .hide_en,
:lang(zh) .hide_zh {
  display: none !important;
}

:lang(en) .hide_gl,
:lang(zh) .hide_gl {
  display: none !important;
}

:lang(auto) .show_ko,
:lang(ko) .show_ko,
:lang(en) .show_en,
:lang(zh) .show_zh {
  display: block !important;
}

:lang(en) .show_gl,
:lang(zh) .show_gl {
  display: block !important;
}

:lang(en) select.show_gl,
:lang(zh) select.show_gl {
  display: inline-block !important;
}

:lang(en) span.show_gl,
:lang(zh) span.show_gl {
  display: inline !important;
}

:lang(en) em.show_gl,
:lang(zh) em.show_gl {
  display: inline !important;
}

:lang(ko) .tx_ko {
  display: inline;
}

:lang(ko) .tx_en {
  display: none;
}

:lang(ko) .tx_zh {
  display: none;
}

:lang(ko) .tx_gl {
  display: none;
}

:lang(auto) .tx_ko {
  display: inline;
}

:lang(auto) .tx_en {
  display: none;
}

:lang(auto) .tx_zh {
  display: none;
}

:lang(auto) .tx_gl {
  display: none;
}

:lang(en) .tx_ko {
  display: none;
}

:lang(en) .tx_en {
  display: inline;
}

:lang(en) .tx_zh {
  display: none;
}

:lang(en) .tx_gl {
  display: inline;
}

:lang(zh) .tx_ko {
  display: none;
}

:lang(zh) .tx_en {
  display: none;
}

:lang(zh) .tx_zh {
  display: inline;
}

:lang(zh) .tx_gl {
  display: inline;
}

@-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);
  }
}
@-webkit-keyframes ani_bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
  23% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  54% {
    opacity: 1;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ani_bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
  23% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  54% {
    opacity: 1;
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes ani_bounce_remove {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
}
@keyframes ani_bounce_remove {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
}
@-webkit-keyframes ani_bounce_back {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
  23% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  44% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  63% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  83% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes ani_bounce_back {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.05);
            transform: scale(0.05);
  }
  23% {
    opacity: 1;
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  44% {
    opacity: 1;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  63% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  83% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
.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;
}

/* 공통 input UI 추가 */
.cm_inpbx {
  display: block;
  overflow: hidden;
  width: auto;
  height: 19px;
  padding: 10px 16px 9px 10px;
  line-height: 19px;
  border: 1px solid #969696;
  border-radius: 0;
  letter-spacing: -1px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cm_inpbx input {
  width: 100%;
  height: 17px;
  border: 0 none;
  background: transparent;
  font-size: 14px;
  line-height: 17px;
  color: #666;
  vertical-align: top;
}

.cm_inpbx input.focus,
.cm_inpbx input:focus {
  color: var(--m-colors-gray900, #222222);
}

.cm_inprdo {
  position: relative;
  min-width: 20px;
  display: inline-block;
  min-height: 20px;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}
.cm_inprdo input {
  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;
}
.cm_inprdo input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../img/common/sp_form.png) 50% -25px no-repeat;
  background-size: 20px auto;
  -webkit-background-size: 20px auto;
}
.cm_inprdo input:checked:after {
  background-position: 50% -49px;
}
.cm_inprdo input + label {
  display: inline-block;
  padding-left: 26px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  vertical-align: top;
}
.cm_inprdo input:disabled:after {
  background-position: 50% 0;
}
.cm_inprdo input:disabled + label {
  color: #bbb;
}

.v3 .cm_inprdo {
  position: relative;
  min-width: 20px;
  display: inline-block;
  min-height: 20px;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}
.v3 .cm_inprdo input {
  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;
}
.v3 .cm_inprdo input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 1px;
  background: none;
  width: 11px;
  height: 11px;
  margin-right: 4px;
  border: 4px 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;
}
.v3 .cm_inprdo input:checked:after {
  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);
}
.v3 .cm_inprdo input + label {
  display: inline-block;
  padding-left: 26px;
  line-height: 20px;
  font-size: 14px;
  color: #666;
  vertical-align: top;
}
.v3 .cm_inprdo input:disabled:after {
  background-color: var(--m-colors-gray100, #fafafa);
  border-color: var(--m-colors-gray100, #fafafa);
  -webkit-box-shadow: 0 0 0 1px #e5e5e5;
          box-shadow: 0 0 0 1px #e5e5e5;
}
.v3 .cm_inprdo input:disabled + label {
  color: #bbb;
}

/* 공통 drop select UI 추가 */
.cm_drop_opt {
  overflow: hidden;
  position: relative;
  height: 40px;
}

.cm_drop_opt.on {
  overflow: visible;
}

.cm_drop_opt .cm_drop_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
}

.cm_drop_opt.on .cm_drop_select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
  outline: 0;
}

.cm_drop_opt.on .cm_drop_select:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  content: "";
}

.cm_drop_opt.on .cm_drop_scroll {
  display: block;
}

.cm_drop_opt .cm_drop_select {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 40px;
  padding: 0 27px 0 10px;
  border: 1px solid #969696;
  border-radius: 0;
  background: #fff;
  font-size: 0;
  text-align: left;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cm_drop_opt .cm_drop_select:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.cm_drop_opt .cm_drop_select .txt {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  max-height: 40px;
  margin-right: -2px;
  padding-right: 2px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #666;
  vertical-align: middle;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}

.cm_drop_opt .cm_drop_select .sel_arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 12px;
  height: 7px;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../img/common/sp_form.png) no-repeat -4px -75px;
  background-size: 20px auto;
}

.cm_drop_opt.on .cm_drop_select .sel_arrow {
  background-position: 50% -88px;
}

.cm_drop_opt .cm_drop_scroll {
  display: none;
  overflow-y: auto !important;
  position: relative;
  max-height: 100%;
  margin-top: -1px;
  background: #fff;
  border: 1px solid #222;
  border-radius: 0;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}

.cm_drop_opt .cm_drop_list {
  width: 100%;
  height: 100%;
  padding: 5px 0;
}

.cm_drop_opt .cm_drop_list li {
  height: 100%;
  min-height: 33px;
  border-top: none;
}

.cm_drop_opt .cm_drop_list li:first-child {
  border-top: 0;
}

.cm_drop_opt .cm_drop_list li a {
  display: block;
  height: 100%;
  padding: 6px 20px 6px 15px;
  font-size: 14px;
  color: #666;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cm_drop_opt .cm_drop_list li a:before {
  display: none;
}

.cm_drop_opt .cm_drop_list li .txt {
  display: inline-block;
  vertical-align: -1px;
  word-break: break-all;
  word-wrap: break-word;
}

.cm_drop_opt .cm_drop_list li a:hover,
.cm_drop_opt .cm_drop_list li a:focus {
  background: #f1f1f1;
}

.cm_drop_opt .cm_drop_list li.disabled {
  margin-bottom: 4px;
}

.cm_drop_opt .cm_drop_list li.disabled a {
  color: #bbb;
}

.cm_drop_opt .cm_drop_list li.selected {
  background: none;
}

.cm_drop_opt .cm_drop_list li.selected a {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

/* 공통 버튼 UI 추가 */
.cm_btnarea {
  margin: 30px 0 40px;
}

.cm_btnarea ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cm_btnarea li {
  display: table-cell;
  vertical-align: top;
}

.cm_btn {
  display: block;
  width: 100%;
  height: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  line-height: 46px;
  text-align: center;
}

.cm_btn.btn_gray {
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  color: var(--m-colors-gray900, #222222);
}

.cm_btn.btn_orange {
  border: 1px solid var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
  color: #fff;
}

.v3 .myssgmny_btnarea .cm_btn.btn_orange, .myssgmny_btnarea.v3 .cm_btn.btn_orange {
  border: 1px solid var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
  color: #fff;
}

.cm_btn.btn_black {
  border: 1px solid #222;
  background: var(--m-colors-gray900, #222222);
  color: #fff;
}

/* 쓱배송 필터 */
.cmsort_filter_wrap {
  padding: 0 15px;
  border-bottom: 1px solid #f5f5f5;
}
.cmsort_filter_wrap .cmsort_sel_filter {
  position: relative;
  display: inline-block;
}
.cmsort_filter_wrap .cmsort_filter_selected a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding-right: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmsort_filter_wrap .cmsort_filter_selected a::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: -3px;
  border-style: solid;
  border-width: 6px 5px 0;
  border-color: #666 transparent transparent;
  content: "";
}
.cmsort_filter_wrap .cmsort_filter_lst {
  position: absolute;
  top: calc(100% + 3px);
  display: none;
  width: 115px;
  z-index: 1;
  background: #fff;
  -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);
}
.cmsort_filter_wrap .cmsort_filter_lst.on {
  display: block;
}
.cmsort_filter_wrap .cmsort_filter_lst li {
  position: relative;
}
.cmsort_filter_wrap .cmsort_filter_lst li a {
  display: block;
  padding: 11px 10px 11px 20px;
  font-size: 13px;
  letter-spacing: -0.43px;
  color: #444;
}
.cmsort_filter_wrap .cmsort_filter_lst li.on a {
  color: #fff;
  background-color: #444;
}
.cmsort_filter_wrap .cmsort_filter_lst li.on.ty_recmd .cmsort_recmd_info {
  background-image: url(../img/sprites/sp_cmsort_20210104@2x.png);
  background-position: -27px -30px;
  background-size: 76px 47px;
  width: 17px;
  height: 17px;
}
.cmsort_filter_wrap .cmsort_filter_lst li.ty_recmd a {
  padding-right: 27px;
}
.cmsort_filter_wrap .cmsort_filter_lst li.ty_recmd .cmsort_recmd_info {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  margin-top: -8px;
  background-image: url(../img/sprites/sp_cmsort_20210104@2x.png);
  background-position: 0px -30px;
  background-size: 76px 47px;
  width: 17px;
  height: 17px;
  content: "";
}
.cmsort_filter_wrap::after {
  display: block;
  content: "";
  clear: both;
}
.cmsort_filter_wrap .cmsort_inp_chkwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
}
.cmsort_filter_wrap .cmsort_inp_chk {
  position: relative;
  height: 44px;
  margin-left: 15px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cmsort_filter_wrap .cmsort_inp_chk:first-child {
  margin-left: 0;
}
.cmsort_filter_wrap .cmsort_inp_chk input + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
}
.cmsort_filter_wrap .cmsort_inp_chk input + label::before {
  display: block;
  margin-right: 3px;
  background-image: url(../img/sprites/sp_cmsort_20210104@2x.png);
  background-position: 0px 0px;
  background-size: 76px 47px;
  width: 20px;
  height: 20px;
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cmsort_filter_wrap .cmsort_inp_chk input + label .cmsort_tx_label {
  font-size: 13px;
  color: #444;
}
.cmsort_filter_wrap .cmsort_inp_chk input:checked + label::before {
  background-image: url(../img/sprites/sp_cmsort_20210104@2x.png);
  background-position: -30px 0px;
  background-size: 76px 47px;
  width: 20px;
  height: 20px;
}
.cmsort_filter_wrap .cmsort_inp_chk input:checked + label .cmsort_tx_label {
  color: var(--m-colors-primary, #a59357);
}
.cmsort_filter_wrap.v2 .cmsort_sel_filter {
  float: right;
}
.cmsort_filter_wrap.v2 .cmsort_filter_selected a {
  padding-right: 0;
}
.cmsort_filter_wrap.v2 .cmsort_filter_selected a::after {
  background-image: url(../img/sprites/sp_cmsort_20210104@2x.png);
  background-position: -60px 0px;
  background-size: 76px 47px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: 0;
  margin-left: 2px;
  border: none;
  top: 0;
  content: "";
}
.cmsort_filter_wrap.v2 .cmsort_inp_chkwrap {
  float: left;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox]:focus {
  outline: none !important;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox] + label {
  font-size: var(--m-fontSizes-sm, 13px);
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox] + label:before {
  border-radius: 4px;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox] + label:before {
  -ms-flex-item-align: center;
      align-self: center;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox] + label > span {
  margin-left: 0;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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;
}
.cmsort_filter_wrap.v2 .cmsort_inp_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);
}
.cmsort_filter_wrap.v2 .cmsort_inp_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");
}
.cmsort_filter_wrap.v2 .cmsort_inp_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);
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input[type=checkbox]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input + label:before {
  margin-right: 4px;
  background: none;
}
.cmsort_filter_wrap.v2 .cmsort_inp_chk input:checked + label .cmsort_tx_label {
  color: var(--m-colors-gray900, #222222);
}

.cmsort_btn_slide {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  float: right;
}
.cmsort_btn_slide label {
  margin-right: 6px;
}

.cmsort_inp_txt {
  font-size: 13px;
  color: #444;
}

.cmsort_switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 18px;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmsort_switch input[type=checkbox] {
  display: inline-block;
  width: 29px;
  height: 14px;
  background: #d8d8d8;
  border-radius: 7px;
  vertical-align: top;
  outline: 0;
  border: 0 none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}
.cmsort_switch input[type=checkbox]::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 0.5px solid #d1d1d1;
  background: #fff;
  border-radius: 100%;
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
  -webkit-box-shadow: 0 3px 1px 0 rgba(184, 183, 183, 0.02), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 1px 0 rgba(27, 27, 28, 0.03), 0 1px 1px 0 rgba(28, 26, 26, 0.03), 0 0 1px 0 rgba(28, 26, 26, 0.04), 0 2px 5px 0 rgba(22, 18, 18, 0.15);
          box-shadow: 0 3px 1px 0 rgba(184, 183, 183, 0.02), 0 2px 1px 0 rgba(0, 0, 0, 0.02), 0 2px 1px 0 rgba(27, 27, 28, 0.03), 0 1px 1px 0 rgba(28, 26, 26, 0.03), 0 0 1px 0 rgba(28, 26, 26, 0.04), 0 2px 5px 0 rgba(22, 18, 18, 0.15);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  content: "";
}
.cmsort_switch input[type=checkbox]:checked {
  background: #fd5a58;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cmsort_switch input[type=checkbox]:checked::after {
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}

.tm_drop_opt {
  position: relative;
  height: 40px;
  font-weight: 500;
}

.tm_drop_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.tm_drop_opt.on .tm_drop_select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
  outline: 0;
}

.tm_drop_opt.on .tm_drop_select:after {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  content: "";
}

.tm_drop_opt.on .tm_drop_scroll {
  display: block;
  max-height: 208px;
  z-index: 100;
}

.tm_drop_select {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 40px;
  padding: 0 30px 0 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  font-size: 0;
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tm_drop_select:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.tm_drop_select .txt {
  display: inline-block;
  overflow: hidden;
  max-height: 40px;
  font-size: 13px;
  color: #666;
  vertical-align: middle;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}

.tm_drop_select .sel_arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 9px;
  height: 5px;
  margin-top: -3px;
  background: url(../img/ico_sel_arr.png) no-repeat #999;
  background-size: 9px auto;
}

.tm_drop_scroll {
  display: none;
  overflow-y: auto !important;
  position: relative;
  max-height: 100%;
  margin-top: 3px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.5);
}

.tm_drop_tblscroll {
  height: 150px;
  margin-top: 10px;
  border: 0;
  border-radius: 0;
}

.tm_drop_tbllst {
  position: relative;
  overflow: hidden;
}

.tm_drop_tbllst:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
}

.tm_drop_tbllst li {
  position: relative;
  float: left;
  width: 33.3%;
}

.tm_drop_tbllst li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  border-width: 0 1px 1px 0;
}

.tm_drop_tbllst li a {
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  height: 50px;
  line-height: 1.2;
  font-size: 14px;
  color: #444;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tm_drop_tbllst li.selected a {
  color: #fff;
  background: #444;
}

.tm_drop_list {
  width: 100%;
  height: 100%;
}

.tm_drop_list li {
  height: 100%;
  min-height: 34px;
  border-top: 1px solid #d9d9d9;
}

.tm_drop_list li:first-child {
  border-top: 0;
}

.tm_drop_list li a {
  display: block;
  height: 100%;
  padding: 2px 10px;
  font-size: 13px;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tm_drop_list li a:before {
  display: inline-block;
  min-height: 32px;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.tm_drop_list li .txt {
  display: inline-block;
  vertical-align: -1px;
  word-break: break-all;
  word-wrap: break-word;
}

.tm_drop_list li.selected {
  background: #ff64a8;
}

.tm_drop_list li.selected a {
  color: #fff;
}

.sm .tm_drop_list li.selected {
  background: #fc1934;
}

.sd .tm_drop_list li.selected {
  background: #db9b51;
}

.em .tm_drop_list li.selected {
  background: #ffd200;
}

.em .tm_drop_list li.selected a {
  color: #666;
}

.traders .tm_drop_list li.selected {
  background: #a6de27;
}

.tv .tm_drop_list li.selected {
  background: #e2231a;
}

.siv .tm_drop_list li.selected {
  background: var(--m-colors-gray900, #222222);
}

.tm_drop_area.type2 .tm_drop_scroll {
  position: absolute;
  top: 0;
  left: -1px;
  overflow: hidden;
  z-index: 2000;
  width: 100%;
  margin-top: 0;
}

.tm_drop_area.type2 .tm_drop_list li {
  height: 32px;
  min-height: 32px;
}

.tm_drop_area.type2 .tm_drop_list li a {
  padding: 1px 9px;
}

.tm_drop_area.type2 .tm_drop_select .sel_arrow {
  width: 7px;
  height: 10px;
  margin-top: -5px;
  background-color: #ccc;
  background-position: 0 -13px;
}

.tm_drop_area.type2 .tm_drop_list li.selected {
  background: #fff;
}

.tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #ff64a8;
}

.sm .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #fc1934;
}

.sd .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #db9b51;
}

.em .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #ffd200;
}

.traders .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #a6de27;
}

.tv .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: #e2231a;
}

.siv .tm_drop_area.type2 .tm_drop_list li.selected a {
  color: var(--m-colors-gray900, #222222);
}

.body_and .tm_drop_area {
  height: auto;
}

.mcom_fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2900;
}

.mcom_fixed .mcom_bgn {
  border-top: 1px solid #c4c4c4;
  background-color: #fff;
}

.mcom_fixed .btn {
  display: block;
  height: 52px;
  background: #757a80;
  font-size: 16px;
  font-weight: bold;
  color: #fefeff;
  line-height: 51px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -1px;
}

.mcom_fixed .b_type1 {
  background: #ff69a4;
}

.mcom_fixed.sm .b_type1 {
  background: #fc1934;
}

.mcom_fixed.sd .b_type1 {
  background: #cb8c5e;
}

.mcom_fixed.em .b_type1 {
  background: #ff602c;
}

.mcom_fixed.em.traders .b_type1 {
  background: #a6dd27;
}

.mcom_fixed.em.boons .b_type1 {
  background: #c40000;
}

.mcom_fixed.boots .b_type1 {
  background: #004990;
}

.mcom_fixed .b_type2 {
  background: #757a80;
}

.mcom_fixed .b_type2.btn_wish {
  border-left: 1px solid #fff;
}

.mcom_fixed .b_type3 {
  height: 43px;
  line-height: 43px;
  margin: 3px 1px 0;
  font-size: 14px;
}

.mcom_fixed .b_type4 {
  background: #9fa2a6;
}

.mcom_fixed .b_type5 {
  background: #c9c9c9;
  font-size: 15px;
  font-weight: normal;
  color: #f5f5f5;
}

.mcom_fixed .col40 {
  width: 40%;
}

.mcom_fixed .btn_request_alert {
  display: block;
  height: 52px;
  margin-top: -1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ff6967;
  font-size: 15px;
  font-weight: normal;
  line-height: 51px;
  letter-spacing: -1px;
  color: #fff;
  text-align: center;
}

.mcom_fixed .btn_request_alert .ico_notice {
  display: inline-block;
  width: 17px;
  height: 19px;
  margin: 15px 3px 0 0;
  background-position: -26px -28px;
  vertical-align: top;
}

.mcom_fixed .btn_top {
  overflow: hidden;
  position: absolute;
  right: 10px;
  bottom: 100%;
  margin: 0 0 10px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(199, 199, 199, 0.9) !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
}

.mcom_fixed .btn_top .tx {
  display: block;
  position: absolute;
  left: -9999px;
}

.mcom_fixed .btn_top .ico_top {
  width: 20px;
  height: 25px;
  margin-top: 9px;
  background: url(../img/com_v2/sp_cmfloating.png?v=20200427);
  background-size: 50px auto;
  background-position: -30px -40px;
}

.mcom_fixed .btn_prev {
  position: absolute;
  left: 0;
  top: 0;
  width: 51px;
  height: 52px;
  border-top: 1px solid #c4c4c4;
  background: #fff;
}

.mcom_fixed .btn_part {
  position: absolute;
  right: 0;
  top: 0;
  width: 51px;
  height: 51px;
  margin: -1px 0 0 0;
  display: block;
  border: 0;
  border-top: 1px solid #c4c4c4;
  border-radius: 0;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: bold;
  color: #666;
  line-height: 51px;
  text-align: center;
}

.mcom_fixed .btn_part a {
  display: block;
  width: 51px;
  height: 50px;
}

.mcom_fixed .m_f_toppd {
  position: relative;
  height: auto;
  padding: 0;
  margin: 0 10px 10px;
}

.mcom_fixed .m_f_toppd .m_f_lt {
  position: absolute;
  left: 0;
  bottom: 0;
}

.mcom_fixed .m_f_toppd .m_f_rt {
  position: absolute;
  right: 0;
  bottom: 0;
}

.mcom_fixed .m_f_toppd .btn_top {
  position: static;
  bottom: auto;
  right: 0;
  top: 0;
  margin: 5px 0 0;
}

.mcom_fixed .m_f_toppd .btn_prev {
  position: static;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(199, 199, 199, 0.9) !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
}

.mcom_fixed .m_f_toppd .btn_prev .ico_prev {
  width: 22px;
  height: 18px;
  margin-top: 12px;
  background: url(../img/com_v2/sp_cmfloating.png?v=20200427);
  background-size: 50px auto;
  background-position: 0 -40px;
}

.mcom_fixed .m_f_toppd .txt {
  font-size: 13px;
}

.mcom_fixed .m_f_toppd2 {
  position: relative;
  padding: 0 51px;
}

.mcom_fixed .m_f_toppd2 .m_f_lt {
  position: absolute;
  left: 10px;
  bottom: 100%;
}

.mcom_fixed .m_f_toppd2 .m_f_rt {
  position: absolute;
  right: 10px;
  bottom: 100%;
}

.mcom_fixed .m_f_toppd2 .btn_top {
  position: static;
  bottom: auto;
  right: 0;
  top: 0;
  margin: 5px 0 8px;
}

.mcom_fixed .m_f_toppd3 {
  position: relative;
  padding-left: 51px;
}

.mcom_fixed .btn_history {
  display: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(199, 199, 199, 0.9) !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.9);
}

.mcom_fixed .btn_history .cmfloating_icohistory {
  display: inline-block;
  overflow: hidden;
  background: url(../img/com_v2/sp_cmfloating.png?v=20200427) no-repeat;
  background-size: 50px auto;
  vertical-align: top;
}

.mcom_fixed .btn_history .cmfloating_icohistory {
  width: 29px;
  height: 31px;
  margin-top: 6px;
}

.mcom_fixed .btn_history .cmfloating_thmbhistory {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  vertical-align: top;
}

.mcom_fixed .m_f_history_gd {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 64px;
  background: rgba(0, 0, 0, 0.8);
  text-align: right;
}

.mcom_fixed .m_f_history_gd span {
  display: inline-block;
  overflow: hidden;
  width: 233px;
  height: 34px;
  margin: 16px 67px 0 0;
  background: url(../img/com_v2/tx_history_gd.png) 0 0 no-repeat;
  background-size: 233px 34px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

#floating-layer2 .btn_history {
  display: block;
}

@media (max-height: 340px) {
  .mcom_fixed .btn_history {
    display: none !important;
  }
}
.mcom_fixed .mcom_fixtbl {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.mcom_fixed .mcom_fixtbl.ty_otherseller + .mcom_fixtbl li.col_like {
  border-top: 1px solid #e5e5e5;
}

.mcom_fixed .mcom_fixtbl li {
  display: table-cell;
  vertical-align: top;
}

.mcom_fixed .mcom_fixtbl li .disable {
  color: #adb0b2;
}

.mcom_fixed .mcom_or li:first-child .b_type3 {
  margin-left: 4px;
}

.mcom_fixed .mcom_or li:nth-child(2) .b_type3 {
  margin-right: 4px;
}

.mcom_fixed .mcom_or li:last-child {
  width: 42%;
}

/* 선물하기 */
.mcom_fixed .gift_btn {
  display: block;
  width: 51px;
  height: 51px;
  border-right: 1px solid #ddd;
  background: url(../img/gift_btn.png) no-repeat;
  background-size: 51px 51px;
}

.mcom_fixed.on {
  display: block !important;
  z-index: 3000;
}

.mcom_fixed .gift_tooltip {
  display: none;
}

.mcom_fixed.on .gift_tooltip {
  display: block;
}

.mcom_fixed .gift_tooltip .gift_dim {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 52px;
  left: 0;
  border: 1px solid transparent;
  background: var(--m-colors-black, #000000);
  opacity: 0.7;
}

.mcom_fixed .gift_tooltip_box {
  position: absolute;
  right: 19px;
  bottom: 95px;
  width: 300px;
  height: auto;
  padding: 24px 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--m-colors-gray900, #222222);
}

.mcom_fixed .gift_tooltip_box::after {
  position: absolute;
  bottom: -12px;
  right: 20px;
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid #fff;
  border-left: 12px solid transparent;
  border-bottom: 0 none;
  border-right: 12px solid transparent;
  content: "";
}

.mcom_fixed .gift_tooltip_box .gift_tooltip_tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -0.67px;
}

.mcom_fixed .gift_tooltip_box .gift_tooltip_tit + .gift_tooltip_subtit {
  margin-top: 12px;
}

.mcom_fixed .gift_tooltip_box .gift_tooltip_subtit {
  margin-top: 14px;
  font-size: 13px;
  letter-spacing: -0.43px;
}

.mcom_fixed .gift_tooltip_box .gift_tooltip_ico {
  position: absolute;
  top: -59px;
  right: 1px;
  display: block;
  width: 95px;
  height: 59px;
  background: url(../img/cdtl_sp_cob_v2.png) 0 0 no-repeat;
  background-size: 250px auto;
  background-position: -155px -191px;
}

.mcom_fixed .gift_tooltip_box .gift_btn_area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.mcom_fixed .gift_tooltip_box .gift_btn_area button {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 126px;
          flex: 1 1 126px;
  height: 48px;
  margin-left: 8px;
  color: var(--m-colors-gray900, #222222);
}

.mcom_fixed .gift_tooltip_box .gift_btn_area button:first-child {
  margin-left: 0;
}

.mcom_fixed .gift_tooltip_box .gift_btn_send {
  background: #94e3f7;
}

.mcom_fixed .gift_tooltip_box .gift_btn_add,
.mcom_fixed .gift_tooltip_box .gift_btn_receive {
  background: #eee;
}

.mcom_fixed .gift_tooltip_box .gift_btn_close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 1px;
  height: 1px;
}

/*iphone X 대응*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  .mcom_fixed.ty_hotdeal,
.cdtl_opt_bar.ty_hotdeal,
.mcom_fixed.ty_base,
.cdtl_opt_bar.ty_base {
    padding-bottom: 12px !important;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
  .mcom_fixed.ty_hotdeal,
.mcom_fixed.ty_base {
    background-color: #fff !important;
  }
  .mcom_fixed .gift_tooltip .gift_dim {
    bottom: 64px !important;
  }
}
.col_otherseller {
  position: relative;
  height: 40px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.col_otherseller:before {
  position: absolute;
  content: "";
  display: block;
  top: -1px;
  width: 100%;
  height: 1px;
  background: var(--m-colors-gray900, #222222);
}

.cdtl_btn_otherseller {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}
.cdtl_btn_otherseller:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(0, -50%) scale(1, 1) rotate(45deg);
          transform: translate(0, -50%) scale(1, 1) rotate(45deg);
  border-top: 1px solid #222;
  border-right: 1px solid #222;
}
.cdtl_btn_otherseller .cdtl_btn_otherseller_tx {
  font-weight: bold;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  padding-left: 15px;
}

.cm_sns {
  padding: 10px 0;
  text-align: center;
}

.cm_sns li {
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: top;
}

.cm_sns li a {
  display: block;
  width: 35px;
  height: 35px;
  background-image: url(../img/common/sp_sns.png);
  background-repeat: no-repeat;
  background-size: 275px 100px;
}

.cm_sns li a.kakao {
  background-position: 0 0;
}

.cm_sns li a.kakao_story {
  background-position: -40px 0;
}

.cm_sns li a.facebook {
  background-position: -80px 0;
}

.cm_sns li a.twitter {
  background-position: -120px 0;
}

.cm_sns li a.pinterest {
  background-position: -160px 0;
}

.cm_sns li a.sms {
  background-position: -200px 0;
}

.cm_sns li a.url {
  background-position: -240px 0;
}

.cm_url_tip {
  display: none;
  margin: 3px 0;
  color: #444;
  font-size: 13px;
  text-align: center;
}

.cm_url_txt {
  display: none;
  padding: 0 20px 10px;
}

.cm_url_txt input {
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #808080;
  text-indent: 10px;
  width: 100%;
  font-size: 14px;
  line-height: 26px;
  height: 31px;
}

.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);
  }
}
.ani_dot_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: 100%;
  min-height: 55px;
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/design/common/animation_loading_cs.webp") no-repeat 50% 50%;
  background-size: 26px 22px;
}

/* 해바/오반장 광고 아이콘 */
.ssg-tooltip-wrap.tt_adinfo {
  position: absolute;
  right: 20px;
  top: 214px;
  z-index: 100;
  width: 44px;
  height: 18px;
}

.ssg-tooltip-wrap.tt_adinfo .btn_tt_adinfo {
  display: inline-block;
  overflow: hidden;
  width: 44px;
  height: 18px;
  background: url(../img/common/ico_adinfo.png) 0 0 no-repeat;
  background-size: 44px 18px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ssg-tooltip-wrap.tt_adinfo .ssg-tooltip-layer {
  display: none;
  position: absolute;
  right: 0;
  top: 27px;
  padding: 6px 10px 4px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  text-align: left;
  line-height: 14px;
  font-size: 12px;
  color: #757575;
  white-space: nowrap;
}

.ssg-tooltip-wrap.tt_adinfo .ssg-tooltip-layer:before,
.ssg-tooltip-wrap.tt_adinfo .ssg-tooltip-layer:after {
  position: absolute;
  right: 14px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid;
  content: "";
}

.ssg-tooltip-wrap.tt_adinfo .ssg-tooltip-layer:before {
  top: -9px;
  border-bottom-color: #d8d8d8;
}

.ssg-tooltip-wrap.tt_adinfo .ssg-tooltip-layer:after {
  top: -8px;
  border-bottom-color: #fff;
}

.ssg-tooltip-wrap.tt_adinfo.on .ssg-tooltip-layer {
  display: block;
}

/* 광고 아이콘 */
.ssg-tooltip-wrap.tt_adinfo_n {
  position: absolute;
  left: 10px;
  z-index: 21;
  width: 43px;
  height: 18px;
}

.ssg-tooltip-wrap.tt_adinfo_n .btn_tt_adinfo {
  display: inline-block;
  overflow: hidden;
  width: 43px;
  height: 18px;
  background: url(../img/common/ico_adinfo_n.png) 0 0 no-repeat;
  background-size: 43px 18px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin: 0 0 4px;
  padding: 12px 10px 10px 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  color: #444;
  line-height: 17px;
  text-align: left;
  white-space: nowrap;
  -webkit-box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.3);
}

.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:before,
.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:after {
  position: absolute;
  left: 7px;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid transparent;
  content: "";
}

.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:before {
  margin-top: 1px;
  border-top-color: #ccc;
}

.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:after {
  border-top-color: #fff;
}

.ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(../img/common/btn_adclose_n.png) no-repeat 50% 50%;
  background-size: 9px 9px;
}

.ssg-tooltip-wrap.tt_adinfo_n.on .ssg-tooltip-layer {
  display: block;
}

.ssg-tooltip-wrap.tt_disabled .btn_tt_adinfo {
  opacity: 0.3;
}

.ssg-tooltip-wrap.tt_disabled .ssg-tooltip-layer {
  display: none !important;
}

.cmnoti_push {
  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: 16px;
  max-height: 16px;
  line-height: 16px;
  border-radius: 8px;
  background-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-white, #ffffff);
  padding: 0 4px;
  font-size: var(--m-fontSizes-3xs, 10px);
  font-weight: var(--m-fontWeights-bold, 700);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmnoti_cartshare {
  width: 16px;
  height: 16px;
}
.cmnoti_cartshare::after {
  content: "";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_service_together_circle.png") center/100% no-repeat;
}

.m_paginate_wrap {
  background: #fff;
  padding: 20px 0;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}
.m_paginate_wrap .m_paginate {
  display: inline-block;
  vertical-align: top;
}
.m_paginate_wrap .m_paginate a,
.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-size: 15px;
  text-align: center;
}
.m_paginate_wrap .m_paginate strong {
  border: 1px solid #222;
  position: relative;
  color: var(--m-colors-gray900, #222222);
  font-weight: normal;
}
.m_paginate_wrap .m_paginate a.prev:before,
.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;
}
.m_paginate_wrap .m_paginate a.next:before {
  background-position: 0 -40px;
}
.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;
}

.m_paginate_new {
  background: #fff;
  padding: 10px 0;
  text-align: center;
}
.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;
}
.m_paginate_new .m_paginate a,
.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;
}
.m_paginate_new .m_paginate strong {
  border: 1px solid #000;
  position: relative;
  color: var(--m-colors-black, #000000);
  font-weight: normal;
}
.m_paginate_new .m_paginate a.prev:before,
.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);
}
.m_paginate_new .m_paginate a.prev:before {
  border-width: 0 0 2px 2px;
}
.m_paginate_new .m_paginate a.next:before {
  border-width: 2px 2px 0 0;
}
.m_paginate_new .m_paginate span {
  float: left;
  width: 15px;
  height: 36px;
  background-size: 200px auto;
  background-position: 0 -100px;
  margin-left: 1px;
}

.m_page_nav {
  position: relative;
  text-align: center;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
  background-color: #f5f5f5;
}
.m_page_nav.last_lsit .m_nav_cen a:hover {
  cursor: default;
}
.m_page_nav .m_nav_cen a {
  display: block;
  height: 55px;
  font-weight: bold;
  line-height: 56px;
}
.m_page_nav .m_nav_cen.type02 a {
  display: block;
  height: 39px;
  font-weight: bold;
  padding: 6px 0 10px;
  line-height: 18px;
}
.m_page_nav .m_nav_cen.type02 .ico_navarrow {
  width: 20px;
  height: 23px;
  margin: 17px 3px 0 0;
  background-position: -25px -40px;
  display: block;
  margin: 0 auto;
}
.m_page_nav .m_nav_cen .ico_navarrow {
  width: 20px;
  height: 23px;
  margin: 16px 5px 0 0;
  background-position: -25px -40px;
}
.m_page_nav .m_nav_cen .nav_page {
  display: inline-block;
  vertical-align: top;
}
.m_page_nav .m_nav_cen .nav_page .tit {
  display: inline-block;
  font-size: 13px;
  color: #ff5b7e;
  letter-spacing: -1px;
  font-weight: bold;
  vertical-align: top;
}
.m_page_nav .m_nav_cen .nav_page .txt {
  display: inline-block;
  margin-left: 3px;
  font-size: 13px;
  color: #999;
  font-weight: normal;
  vertical-align: top;
}
.m_page_nav .m_nav_cen .nav_page .term_tit {
  font-size: 13px;
  line-height: 17px;
  color: var(--m-colors-gray900, #222222);
}
.m_page_nav .more_loading {
  background: url(../img/indicator.gif) 50% 50% no-repeat;
  width: 100%;
  height: 55px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 32px 32px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* 카테고리 인기상품 */
.cmctbest_wrap ._grid_container {
  min-height: 1000px;
}

.cmctbest_tab {
  z-index: 100;
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 30px;
  padding: 13px 0 12px;
  background-color: #f5f5f5;
}

.cmctbest_tab.ty_holiday {
  top: 43px;
}

.cmctbest_tab:after {
  content: "";
  display: block;
  z-index: 101;
  background: url(../img/special/ico_tab_scroll.png) no-repeat 0 0;
  background-size: 40px 55px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 55px;
  pointer-events: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.cmctbest_tab .cmctg_top {
  display: none;
}

.cmctbest_tab.scroll_end:after {
  display: none;
}

.cmctbest_tab_scroll {
  padding-bottom: 30px;
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.cmctbest_tab_lst {
  position: relative;
  display: table;
}

.cmctbest_tab_lst li {
  display: table-cell;
  padding-right: 18px;
  vertical-align: middle;
  white-space: nowrap;
}

.cmctbest_tab_lst li:first-child {
  padding-left: 18px;
}

.cmctbest_tab_lst li a {
  display: block;
  height: 30px;
  line-height: 1;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  color: #444;
}

.cmctbest_tab_lst li.on a {
  color: #fff;
  padding-left: 13px;
  padding-right: 13px;
  border-radius: 15px;
  background-color: var(--m-colors-gray900, #222222);
}

.cmctbest_lst .cm_item .tt_adinfo_n .ssg-tooltip-close {
  display: none;
}

.cmctbest_lst .cm_item:not(.cm_unitset_item) .thmb_inner {
  position: relative;
  display: block;
  padding-bottom: 100%;
}

.cmctbest_lst .cm_item:not(.cm_unitset_item) .thmb_inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
}

.cmctbest_lst .cm_item:not(.cm_unitset_item) .thmb_inner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
}

.cmctbest_sec {
  width: 100%;
}

.cmctbest_tit {
  padding: 15px 0;
}

.cmctbest_wrap ._grid_container.ty_holiday .cmctbest_tit {
  border-bottom: 1px solid #f0f0f0;
}

.cmctbest_tit h3 {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.cmctbest_nodata {
  position: relative;
  height: 100vh;
  min-height: 800px;
  background: #f9f9f9;
}

.cmctbest_nodata.ty_holiday {
  height: 15vh;
  min-height: 136px;
}

.cmctbest_nodata p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  margin-top: -50px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  font-size: 16px;
}

.cmctbest_nodata p:before {
  display: block;
  margin: 0 auto 5px;
  width: 48px;
  height: 48px;
  content: "";
  background: url(../img/special/no_data.png) 0 0 no-repeat;
  background-size: 48px 48px;
}

.cmctbest_more {
  text-align: center;
}

.cmctbest_more:before,
.cmctbest_more:after {
  content: "";
  display: block;
  height: 15px;
  background: #f0f1f5;
  border-top: 1px solid #e1e1e1;
  z-index: 1;
}

.cmctbest_wrap ._grid_container.ty_holiday .cmctbest_more:before {
  display: none;
}

.cmctbest_wrap ._grid_container.ty_holiday .cmctbest_more {
  border-top: 1px solid #f0f0f0;
}

.cmctbest_more:not(:last-child):after {
  display: none;
}

.cmctbest_more a {
  display: block;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
}

.cmctbest_more span:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 5px;
  margin-left: 8px;
  background: url(../img/special/ico_arrow_bottom.png) no-repeat 0 0;
  background-size: 9px 5px;
  vertical-align: middle;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.mnmorning_banner img {
  width: 100%;
  vertical-align: top;
}

.mcom_ban,
.mcom_ban320 {
  position: relative;
  margin: 9.5px 15px;
}
.mcom_ban .cmunit_tt_adinfo,
.mcom_ban320 .cmunit_tt_adinfo {
  position: absolute;
  top: 3px;
  right: 3px;
}
.mcom_ban .cmunit_tt_adinfo .cmunit_tt_adinfo_layer,
.mcom_ban320 .cmunit_tt_adinfo .cmunit_tt_adinfo_layer {
  right: 0;
  left: auto;
  top: 25px;
  bottom: auto;
  z-index: 100;
}
.mcom_ban .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:before, .mcom_ban .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:after,
.mcom_ban320 .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:before,
.mcom_ban320 .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:after {
  right: 7px;
  left: auto;
  top: -7px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mcom_ban .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:after,
.mcom_ban320 .cmunit_tt_adinfo .cmunit_tt_adinfo_layer:after {
  top: -5px;
}

.mcom_ban img {
  width: 100%;
  vertical-align: top;
  border-radius: 8px;
}

.mcom_ban320 {
  text-align: center;
}
.mcom_ban320 a {
  display: block;
  text-align: center;
}
.mcom_ban320 img {
  width: 320px;
  vertical-align: top;
}

.channel_ban {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 124px;
  z-index: 5000 !important;
}
.channel_ban .cb_box {
  position: relative;
  width: 300px;
  margin: 0 auto;
  background: #333;
  text-align: center;
}
.channel_ban .cb_box img {
  width: 300px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.channel_ban .cb_list {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  font-size: 12px;
  line-height: 37px;
}
.channel_ban .cb_list:after {
  clear: both;
  content: "";
  display: block;
}
.channel_ban .cb_list li {
  position: relative;
  float: left;
  width: 50%;
  text-align: center;
}
.channel_ban .cb_list li:before {
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 1px;
  background: #4d4c50;
  content: "";
}
.channel_ban .cb_list li:first-child:before {
  display: none;
}
.channel_ban .cb_list li a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
}
.channel_ban .cb_list li a span {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 10px 0 0 5px;
  background: url(../img/common/bt_close.png) no-repeat 0 0;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-size: 15px 15px;
  vertical-align: top;
}
.channel_ban .cb_list_area {
  position: relative;
  height: 39px;
  background: #f3f3f3;
}
.channel_ban .cb_list_area li a {
  display: block;
  position: absolute;
  font-size: 12px;
  line-height: 25px;
  color: #010101;
}
.channel_ban .cb_list_area li a span {
  display: inline-block;
  overflow: hidden;
  width: 15px;
  height: 15px;
  margin: 0 0 0 4px;
  background: url(../img/common/bt_close2.png) no-repeat 0 0;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-size: 15px 15px;
  vertical-align: middle;
}
.channel_ban .cb_list_area li a.cb_today {
  left: 20px;
  top: 6px;
}
.channel_ban .cb_list_area li a.cb_close {
  right: 11px;
  top: 6px;
  width: 77px;
  border: 1px solid #e4e4e4;
  background: #f9f9f9;
  text-align: center;
}

.extend_ban {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2000;
  height: 90px;
}
.extend_ban .prd_box {
  position: relative;
  z-index: 2000;
  width: 320px;
  height: 100%;
  margin: auto;
}
.extend_ban .prd_thum {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}
.extend_ban .prd_thum a {
  display: block;
}
.extend_ban .prd_thum img {
  vertical-align: top;
}
.extend_ban .prd_close_area {
  position: absolute;
  right: 10px;
  bottom: 100%;
  z-index: 10;
  height: 28px;
  margin-bottom: -14px;
}
.extend_ban .prd_close_area a {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/common/prd_close.png) no-repeat 5px 5px;
  background-size: 28px 28px;
  margin-top: -5px;
}
.extend_ban .fixed_dim {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
}

.pst_bn .bn_osmu li {
  position: relative;
  margin-bottom: 5px;
}

.pst_bn .bn_osmu .link_osmu {
  position: relative;
  display: block;
}

.pst_bn .bn_osmu .bn_img {
  display: block;
}

.pst_bn .bn_osmu .bn_img img {
  width: 100%;
  vertical-align: top;
  min-width: 320px;
  min-height: 194px;
}

.pst_bn .bn_osmu .bn_txt {
  position: absolute;
  right: 0;
  bottom: 25px;
  width: 230px;
  height: 64px;
  background: url(../img/common/bg_osmu.png);
}

.pst_bn .bn_osmu .bn_txt .bn_txt_inner {
  padding: 0 20px;
}

.pst_bn .bn_osmu .bn_txt .h1,
.pst_bn .bn_osmu .bn_txt .h2 {
  overflow: hidden;
  display: block;
  word-break: break-all;
}

.pst_bn .bn_osmu .bn_txt .h1 {
  width: 100%;
  height: 20px;
  margin-top: 13px;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  line-height: 20px;
}

.pst_bn .bn_osmu .bn_txt .h2 {
  width: 170px;
  height: 18px;
  margin-top: 1px;
  font-size: 14px;
  color: #777;
  line-height: 18px;
}

.pst_bn .bn_osmu .sp_badge,
.pst_bn .bn_osmu .bn_img .sp_btn,
.pst_bn .bn_osmu .bn_txt .ico_patten,
.pst_bn .bn_osmu .bn_txt .btn_go {
  display: none;
}

.ty_bthmb2 li {
  position: relative;
  text-align: center;
  font-size: 14px;
  padding-bottom: 10px;
}

.ty_bthmb2 li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 10px;
  background: #f0f1f5;
  border-top: 1px solid #e1e1e1;
}

.ty_bthmb2 li .cm_item {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
}

.ty_bthmb2 li .cm_item .thmb {
  position: relative;
  margin: 0 auto;
  z-index: 1;
}

.ty_bthmb2 li .cm_item .thmb img {
  width: 100%;
  vertical-align: top;
}

.ty_bthmb2 li .cm_item .thmb_inner {
  position: relative;
}

.ty_bthmb2 li .cm_item .tx_thmb {
  padding: 10px 70px 7px 10px;
  text-align: left;
  min-height: 90px;
}

.cm_collct_wrap .cmitem_tt_adinfo,
.cm_item .cmitem_tt_adinfo {
  position: absolute;
  top: 3px;
  right: 3px;
}
.cm_collct_wrap .thmb .thmb_set,
.cm_item .thmb .thmb_set {
  overflow: hidden;
  position: relative;
  padding-bottom: 100%;
}
.cm_collct_wrap .thmb .thmb_set_row,
.cm_item .thmb .thmb_set_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: 0;
  height: 50%;
}
.cm_collct_wrap .thmb .thmb_set_row:first-child,
.cm_item .thmb .thmb_set_row:first-child {
  top: 0;
  bottom: auto;
}
.cm_collct_wrap .thmb .thmb_set_row .thmb_set_col,
.cm_item .thmb .thmb_set_row .thmb_set_col {
  display: block;
  overflow: hidden;
  position: relative;
  width: 50%;
  border: 1px solid transparent;
  border-width: 1px 0 0 1px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 50%;
}
.cm_collct_wrap .thmb .thmb_set_row .thmb_set_col:after,
.cm_item .thmb .thmb_set_row .thmb_set_col:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.03);
  content: "";
}
.cm_collct_wrap .thmb .thmb_set_row:first-child .thmb_set_col,
.cm_item .thmb .thmb_set_row:first-child .thmb_set_col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  max-width: 100%;
  border-top-width: 0;
  border-bottom-width: 0;
}
.cm_collct_wrap .thmb .thmb_set_row:last-child .thmb_set_col,
.cm_item .thmb .thmb_set_row:last-child .thmb_set_col {
  border-top-width: 1px;
}
.cm_collct_wrap .thmb .thmb_set_row .thmb_set_col img,
.cm_item .thmb .thmb_set_row .thmb_set_col img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cm_collct_wrap .thmb .thmb_btn,
.cm_item .thmb .thmb_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  padding: 0;
  border: 1px solid transparent;
  border-width: 1px 0 0 1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cm_collct_wrap .thmb .thmb_btn .btn_collct_more,
.cm_item .thmb .thmb_btn .btn_collct_more {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
}
.cm_collct_wrap .thmb .thmb_btn .btn_collct_more:before,
.cm_collct_wrap .thmb .thmb_btn .btn_collct_more:after,
.cm_item .thmb .thmb_btn .btn_collct_more:before,
.cm_item .thmb .thmb_btn .btn_collct_more:after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}
.cm_collct_wrap .thmb .thmb_btn .btn_collct_more:before,
.cm_item .thmb .thmb_btn .btn_collct_more:before {
  width: 23px;
  height: 2px;
}
.cm_collct_wrap .thmb .thmb_btn .btn_collct_more:after,
.cm_item .thmb .thmb_btn .btn_collct_more:after {
  width: 2px;
  height: 23px;
}
.cm_collct_wrap .tx_thmb .collct_tagbx,
.cm_item .tx_thmb .collct_tagbx {
  display: block;
  margin-bottom: 7px;
}
.cm_collct_wrap .tx_thmb .collct_tag,
.cm_item .tx_thmb .collct_tag {
  display: inline-block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 21px;
  padding: 0 5px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: -0.28px;
  color: #fff;
  vertical-align: top;
  background-color: var(--m-colors-black, #000000);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cm_collct_wrap .tx_thmb .collct_titbx,
.cm_item .tx_thmb .collct_titbx {
  display: block;
  line-height: 19px;
}
.cm_collct_wrap .tx_thmb .collct_tit,
.cm_item .tx_thmb .collct_tit {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.37px;
  color: #3b3b3b;
  word-break: break-all;
  word-wrap: break-word;
}
.cm_collct_wrap .tx_thmb .collct_txbx,
.cm_item .tx_thmb .collct_txbx {
  display: block;
  margin-top: 5px;
  line-height: 17px;
}
.cm_collct_wrap .tx_thmb .collct_tx,
.cm_item .tx_thmb .collct_tx {
  display: block;
  font-size: 14px;
  letter-spacing: -0.32px;
  line-height: 17px;
  color: #777;
  word-break: break-all;
  word-wrap: break-word;
}
.cm_collct_wrap .tx_thmb .collct_txbx.ty_color1 .collct_tx,
.cm_item .tx_thmb .collct_txbx.ty_color1 .collct_tx {
  color: var(--m-colors-primary, #a59357);
}
.cm_collct_wrap .cm_collct_btn .btn_collct_more,
.cm_item .cm_collct_btn .btn_collct_more {
  display: inline-block;
  vertical-align: top;
  max-width: 120px;
  min-width: 70px;
  min-height: 28px;
  padding: 6px 13px;
  border: 1px solid #ccc;
  border-radius: 15px;
  background-color: var(--m-colors-white, #ffffff);
  font-size: 12px;
  line-height: 1.2;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.28px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cm_collct_store_img.ty_color1 {
  background-image: -webkit-gradient(linear, left top, right top, from(#8568ff), to(#2d3cac));
  background-image: linear-gradient(to right, #8568ff, #2d3cac);
}
.cm_collct_store_img.ty_color1:after {
  display: none;
}
.cm_collct_store_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.cm_collct_store_img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.cm_collct_store_img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cm_collct_store_profile {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: left;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  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;
}
.cm_collct_store_profile .cm_collct_store_pimg {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  -webkit-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.17);
          box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.17);
  background-image: linear-gradient(131deg, #ffc0f6 17%, #ff8f28);
}
.cm_collct_store_profile .cm_collct_store_ptx {
  font-weight: 500;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -0.83px;
  text-align: center;
  color: var(--m-colors-white, #ffffff);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mnsditem_ty_list .cm_collct_wrap,
.cmitem_ty_list .cm_collct_wrap {
  position: relative;
  text-align: left;
}
.mnsditem_ty_list .cm_collct_wrap .cm_collct_item,
.cmitem_ty_list .cm_collct_wrap .cm_collct_item {
  display: table;
  width: 100%;
}
.mnsditem_ty_list .cm_collct_wrap .thmb,
.cmitem_ty_list .cm_collct_wrap .thmb {
  display: table-cell;
  width: 145px;
  height: 145px;
  vertical-align: top;
}
.mnsditem_ty_list .cm_collct_wrap .thmb_inner,
.cmitem_ty_list .cm_collct_wrap .thmb_inner {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.mnsditem_ty_list .cm_collct_wrap .thmb img,
.cmitem_ty_list .cm_collct_wrap .thmb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.mnsditem_ty_list .cm_collct_wrap .tx_thmb,
.cmitem_ty_list .cm_collct_wrap .tx_thmb {
  display: table-cell;
  padding: 0 15px 40px 20px;
  vertical-align: top;
}
.mnsditem_ty_list .cm_collct_wrap .cm_collct_btn,
.cmitem_ty_list .cm_collct_wrap .cm_collct_btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mnsditem_ty_list .cm_collct_wrap .cm_collct_btn .btn_collct_more,
.cmitem_ty_list .cm_collct_wrap .cm_collct_btn .btn_collct_more {
  min-width: 104px;
  border-radius: 4px;
}

.mnsditem_ty_thmb .cm_collct_wrap,
.cmitem_ty_thmb .cm_collct_wrap {
  position: relative;
  text-align: left;
}
.mnsditem_ty_thmb .cm_collct_wrap .thmb,
.cmitem_ty_thmb .cm_collct_wrap .thmb {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.mnsditem_ty_thmb .cm_collct_wrap .thmb img,
.cmitem_ty_thmb .cm_collct_wrap .thmb img {
  width: 100%;
  vertical-align: top;
}
.mnsditem_ty_thmb .cm_collct_wrap .tx_thmb,
.cmitem_ty_thmb .cm_collct_wrap .tx_thmb {
  padding: 10px 0 15px;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mnsditem_ty_big .cm_collct_wrap,
.cmitem_ty_big .cm_collct_wrap,
.cmitem_ty_review .cm_collct_wrap {
  position: relative;
  text-align: left;
}
.mnsditem_ty_big .cm_collct_wrap .thmb,
.cmitem_ty_big .cm_collct_wrap .thmb,
.cmitem_ty_review .cm_collct_wrap .thmb {
  position: relative;
}
.mnsditem_ty_big .cm_collct_wrap .thmb_inner,
.cmitem_ty_big .cm_collct_wrap .thmb_inner,
.cmitem_ty_review .cm_collct_wrap .thmb_inner {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}
.mnsditem_ty_big .cm_collct_wrap .thmb img,
.cmitem_ty_big .cm_collct_wrap .thmb img,
.cmitem_ty_review .cm_collct_wrap .thmb img {
  width: 100%;
  vertical-align: top;
}
.mnsditem_ty_big .cm_collct_wrap .tx_thmb,
.cmitem_ty_big .cm_collct_wrap .tx_thmb,
.cmitem_ty_review .cm_collct_wrap .tx_thmb {
  min-height: 26px;
  padding: 22px 120px 0 0;
}
.mnsditem_ty_big .cm_collct_wrap .tx_thmb .collct_tit,
.cmitem_ty_big .cm_collct_wrap .tx_thmb .collct_tit,
.cmitem_ty_review .cm_collct_wrap .tx_thmb .collct_tit {
  display: inline-block;
  vertical-align: top;
}
.mnsditem_ty_big .cm_collct_wrap .cm_collct_btn,
.cmitem_ty_big .cm_collct_wrap .cm_collct_btn,
.cmitem_ty_review .cm_collct_wrap .cm_collct_btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.mnsditem_ty_big .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:before,
.cmitem_ty_big .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:before,
.cmitem_ty_review .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:before {
  width: 46px;
  height: 4px;
}
.mnsditem_ty_big .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:after,
.cmitem_ty_big .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:after,
.cmitem_ty_review .cm_collct_wrap .thmb .thmb_btn .btn_collct_more:after {
  width: 4px;
  height: 46px;
}
.mnsditem_ty_big .cm_collct_store_img:before,
.cmitem_ty_big .cm_collct_store_img:before,
.cmitem_ty_review .cm_collct_store_img:before {
  content: "";
  display: block;
  padding-top: 43.47%;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_pimg,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_pimg,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_pimg {
  margin: 0 15px 0 30px;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_info,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_info,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_titbx,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_titbx,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_info .collct_titbx {
  display: block;
  line-height: 19px;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_tit,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_tit,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_info .collct_tit {
  display: block;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.37px;
  color: #fff;
  word-break: break-all;
  word-wrap: break-word;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_txbx,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_txbx,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_info .collct_txbx {
  display: block;
  margin-top: 5px;
  line-height: 17px;
}
.mnsditem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_tx,
.cmitem_ty_big .cm_collct_store_profile .cm_collct_store_info .collct_tx,
.cmitem_ty_review .cm_collct_store_profile .cm_collct_store_info .collct_tx {
  display: block;
  font-size: 14px;
  letter-spacing: -0.32px;
  line-height: 17px;
  color: #fff;
  word-break: break-all;
  word-wrap: break-word;
}

.cmitem_ty_big .cm_collct_wrap {
  margin: 0 15px 35px 15px;
}

.ty_lst2 li {
  position: relative;
  padding: 10px 0 0 0;
  border-top: 10px solid #f0f1f5;
  text-align: left;
}

.ty_lst2 li:first-child {
  border-top: 0;
}

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

.ty_lst2 li .cm_item {
  margin: 0;
  padding-bottom: 10px;
  position: relative;
  display: table;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
}

.ty_lst2 li .cm_item .thmb {
  display: table-cell;
  width: 150px;
  height: 150px;
  vertical-align: top;
}

.ty_lst2 li .cm_item .thmb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.ty_lst2 li .cm_item .thmb_inner {
  position: relative;
}

.ty_lst2 li .cm_item .tx_thmb {
  display: table-cell;
  padding: 2px 8px 40px 10px;
  vertical-align: top;
}

.mnsditem_collect_type .cm_collct_wrap .thmb,
.mnsditem_collect_type .cm_collct_wrap .thmb_inner {
  border-radius: 0 !important;
}
.mnsditem_collect_type .cm_collct_wrap .tx_thmb .collct_tag,
.mnsditem_collect_type .cm_collct_wrap .cm_item .tx_thmb .collct_tag {
  border-radius: 0 !important;
}
.mnsditem_collect_type .cm_collct_wrap .cm_collct_btn {
  right: 15px;
  margin-left: 15px;
}
.mnsditem_collect_type .cm_collct_wrap .tx_thmb {
  padding-left: 15px !important;
  padding-top: 10px;
}
.mnsditem_collect_type .cm_collct_wrap .tx_thmb .collct_tagbx {
  margin-bottom: 10px;
}
.mnsditem_collect_type .cm_collct_wrap .tx_thmb .collct_txbx.ty_color1 .collct_tx,
.mnsditem_collect_type .cm_collct_wrap .cm_item .tx_thmb .collct_txbx.ty_color1 .collct_tx {
  color: #a59357;
}

/* 동영상코너 유닛 */
.cm_mov_unit {
  position: relative;
  margin-top: 50px;
}

.cm_mov_unit:after {
  display: block;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

.cm_mov_unit .mov_unit_player {
  width: 100%;
}

.cm_mov_unit .mov_unit_player video {
  width: 100%;
  vertical-align: top;
}

.cm_mov_unit .mov_unit_tit {
  color: var(--m-colors-gray900, #222222);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.5px;
  padding: 10px 20px 28px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cm_mov_unit .mov_unit_btnarea {
  position: relative;
  margin-top: -30px;
}

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

.cm_mov_unit .mov_unit_btnarea .mov_unit_btn {
  width: 100%;
  height: 50px;
  margin: 0 auto;
}

.cm_mov_unit .mov_unit_btnarea .mov_unit_btn a {
  color: #888;
  line-height: 50px;
  display: block;
  font-size: 14px;
  letter-spacing: -0.5px;
}

.cm_mov_unit .mov_unit_btnarea .ic_dtl {
  text-align: center;
}

.cm_mov_unit .mov_unit_btnarea .ic_dtl:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  vertical-align: -1px;
}

/* cate_common */
.com_tmpl_cate {
  position: relative;
  margin: 20px 0;
  padding: 30px 0 15px;
  text-align: center;
}

.com_tmpl_cate .com_tmpl_cate_title {
  display: block;
  padding-bottom: 15px;
  text-align: center;
}

.com_tmpl_cate .com_tmpl_cate_title span.tit {
  display: block;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: var(--m-colors-gray900, #222222);
}

.com_tmpl_cate .com_tmpl_cate_title span.subtit {
  display: block;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}

.com_tmpl_cate ul {
  display: inline-block;
  font-size: 0;
}

.com_tmpl_cate li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  margin: 0 5px 15px;
}

.com_tmpl_cate li em {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 59px;
  margin-top: 8px;
  color: #666;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  word-wrap: break-word;
  word-break: break-all;
}

.com_tmpl_cate li span.thmb:after {
  display: block;
  width: 59px;
  height: 59px;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  content: "";
}

.com_tmpl_cate li .thmb {
  display: block;
  width: 59px;
  height: 59px;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 50%;
}

.com_tmpl_cate li.more:before,
.com_tmpl_cate li.more:after {
  position: absolute;
  top: 28px;
  left: 29px;
  width: 1px;
  height: 20px;
  margin-top: -9px;
  background-color: #888;
  content: "";
}

.com_tmpl_cate li.more:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.com_tmpl_cate li span.ico_new {
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: 2px;
  z-index: 10;
  width: 16px;
  height: 16px;
  background: url(../img/com_v2/ico_cate_new.png) no-repeat 0 0;
  background-size: 16px 16px;
  content: "";
}

.com_tmpl_cate.ty_left {
  margin: 0;
}

.com_tmpl_cate.ty_left .com_tmpl_cate_title {
  padding: 0 20px 24px;
  text-align: left;
}

.tv_home .com_tmpl_cate li em {
  color: #666;
}

.brich_street .com_tmpl_cate {
  margin-bottom: 0;
}

.body_siv .com_tmpl_cate {
  margin-bottom: 0;
  padding-bottom: 35px;
}

.body_em .com_tmpl_cate,
.body_sm .com_tmpl_cate {
  margin: 0;
  border-top: 10px solid #f5f5f5;
}

.body_mnmorning .com_tmpl_cate,
.mnmorning_sec .com_tmpl_cate {
  border-top: 0;
  padding-bottom: 15px;
  background: #ececec;
}
.body_mnmorning .com_tmpl_cate.v3,
.mnmorning_sec .com_tmpl_cate.v3 {
  background: #fff;
  padding-bottom: 0;
  margin-bottom: 5px;
}

/* v3 */
.com_tmpl_cate {
  position: relative;
  margin: 20px 0;
  padding: 30px 0 15px;
  text-align: center;
}
.com_tmpl_cate.v3 + .shd_sec_plz {
  margin-top: 50px;
}

.com_tmpl_cate .com_tmpl_cate_title {
  display: block;
  padding-bottom: 15px;
  text-align: center;
}

.com_tmpl_cate .com_tmpl_cate_title span.tit {
  display: block;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.5px;
  color: var(--m-colors-gray900, #222222);
}

.com_tmpl_cate .com_tmpl_cate_title span.subtit {
  display: block;
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #777;
  line-height: 17px;
}

.com_tmpl_cate ul {
  display: inline-block;
  font-size: 0;
  margin-top: -25px;
}

.com_tmpl_cate li {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  margin: 25px 5px 0;
}

.com_tmpl_cate li em {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: 59px;
  margin-top: 5px;
  color: #777;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.5px;
  word-wrap: break-word;
  word-break: break-all;
}

.com_tmpl_cate li span.thmb:after {
  display: block;
  width: 59px;
  height: 59px;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 50%;
  content: "";
}

.com_tmpl_cate li .thmb {
  display: block;
  width: 59px;
  height: 59px;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 50%;
}

.com_tmpl_cate li.more:before,
.com_tmpl_cate li.more:after {
  position: absolute;
  top: 28px;
  left: 29px;
  width: 1px;
  height: 20px;
  margin-top: -9px;
  background-color: #888;
  content: "";
}

.com_tmpl_cate li.more:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.com_tmpl_cate li span.ico_new {
  overflow: hidden;
  position: absolute;
  top: -1px;
  right: 2px;
  z-index: 10;
  width: 16px;
  height: 16px;
  background: url(../img/com_v2/ico_cate_new.png) no-repeat 0 0;
  background-size: 16px 16px;
  content: "";
}

.com_tmpl_cate.ty_left {
  margin: 0;
}

.com_tmpl_cate.ty_left .com_tmpl_cate_title {
  padding: 0 20px 24px;
  text-align: left;
}

.tv_home .com_tmpl_cate li em {
  color: #666;
}

.brich_street .com_tmpl_cate {
  margin-bottom: 0;
}

.body_ssg .com_tmpl_cate {
  margin-bottom: 5px;
  padding-bottom: 0;
}

.body_siv .com_tmpl_cate {
  margin-bottom: 0;
  padding-bottom: 35px;
}

.body_em .com_tmpl_cate,
.body_sm .com_tmpl_cate {
  margin: 0;
  border-top: 10px solid #f5f5f5;
}

.body_mnmorning .com_tmpl_cate,
.mnmorning_sec .com_tmpl_cate {
  padding-bottom: 15px;
  border-top: 0;
  background: #ececec;
}

/* v4 */
.com_tmpl_cate.v4 {
  margin: 0;
  padding: 3px 0 86px;
}
.com_tmpl_cate.v4:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: #f5f5f5;
}
.com_tmpl_cate.v4 .com_tmpl_cate_title {
  position: relative;
  padding: 20px 16px;
  margin-left: 14px;
  background: #fff;
  text-align: left;
}
.com_tmpl_cate.v4 .com_tmpl_cate_title span.tit {
  line-height: 29px;
}
.com_tmpl_cate.v4 .com_tmpl_cate_title span.subtit {
  margin-top: 4px;
  color: #8c8c8c;
  font-size: 14px;
}
.com_tmpl_cate.v4 .com_tmpl_cate_list {
  margin: -25px 15px 0 15px;
}

.shd_quick {
  padding: 15px 0 5px 0;
}

.shd_quick:after {
  display: none;
}

.shd_quick ul::-webkit-scrollbar {
  display: none;
}

.shd_quick ul::-webkit-scrollbar-thumb {
  background: #d1d1d1;
}

.shd_quick ul {
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 0;
  white-space: nowrap;
  text-align: center;
}

.shd_quick li {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  text-align: center;
}

.shd_quick li:first-child {
  margin-left: 15px;
}

.shd_quick li:last-child {
  margin-right: 15px;
}

.shd_quick li:first-child:nth-last-child(2),
.shd_quick li:first-child:nth-last-child(2) ~ li {
  width: 40%;
}

.shd_quick li:first-child:nth-last-child(3),
.shd_quick li:first-child:nth-last-child(3) ~ li {
  width: 27%;
}

.shd_quick li a {
  display: inline-block;
  width: 75px;
  height: 100%;
  text-align: center;
}

.shd_quick li .thmb {
  display: block;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  background-size: cover;
  background-position: 50% 50%;
}

.shd_quick li em {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #777;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.shd_quick li em:after {
  content: "";
  display: none;
}

.shd_quick.ssg_main {
  padding: 30px 0px;
  background: #f9f9f9;
}

/* 공통 몰메인 팝업 */
.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_mnmorning:after {
  display: none;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 70px;
  z-index: 1;
  width: calc(100% - 55px);
  max-width: 320px;
  margin: 0 auto;
  border: 0;
  border-radius: 8px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: inherit;
          transform: inherit;
  word-break: break-all;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_detail {
  height: 380px;
  overflow-y: auto;
  text-align: left;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .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;
  position: relative;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tit {
  display: block;
  margin-bottom: 0.4em;
  font-size: 20px;
  line-height: 1.17em;
  letter-spacing: -0.04em;
  color: var(--m-colors-gray900, #222222);
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx {
  margin-bottom: 0.44em;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: -0.03em;
  color: #444;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx:last-child {
  margin-bottom: 0;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tit,
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx {
  margin-left: 15px;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a {
  position: relative;
  display: block;
  border-radius: 18px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.4px;
  margin-top: 10px;
  padding: 7px 0 6px 15px;
  line-height: 18px;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a.button_ty1 {
  background-color: #8097af;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a.button_ty2 {
  background-color: #ffd040;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a:before {
  position: absolute;
  top: 49%;
  right: 23px;
  width: 1px;
  height: 19px;
  margin-top: -8.2px;
  background-color: #fff;
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 49%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-top: 0;
  min-height: 52px;
  border-left: 1px solid #d0d0d0;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem:first-child {
  border-left: 0;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem:before {
  display: none;
}
.ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fbtn {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background: #e5e5e5;
  font-size: 14px;
  letter-spacing: -1px;
  font-weight: 500;
  color: #444;
}
@media screen and (orientation: landscape) and (max-width: 1023px) {
  .ly_cmnotipop_wrap.ly_mnmorning .ly_cont .ly_cmnotipop_button {
    position: static;
  }
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_mnmorning {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
  display: none;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button {
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 70px;
  z-index: 1;
  width: 89.33%;
  max-width: 335px;
  border: 1px solid #222;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  word-break: break-all;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_detail {
  height: 380px;
  overflow-y: auto;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 8% 7%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tit {
  display: block;
  margin-bottom: 0.38em;
  font-size: 24px;
  line-height: 1.17em;
  letter-spacing: -0.04em;
  color: var(--m-colors-gray900, #222222);
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx {
  margin-bottom: 0.44em;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: -0.03em;
  color: #444;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx:last-child {
  margin-bottom: 0;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tit,
.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_tx {
  margin-left: 15px;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a {
  position: relative;
  display: block;
  border-radius: 18px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.4px;
  margin-top: 10px;
  padding: 7px 0 6px 15px;
  line-height: 18px;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a.button_ty1 {
  background-color: #8097af;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a.button_ty2 {
  background-color: #ffd040;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a:before {
  position: absolute;
  top: 49%;
  right: 23px;
  width: 1px;
  height: 19px;
  margin-top: -8.2px;
  background-color: #fff;
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .cmnotipop_button a:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 49%;
  width: 7px;
  height: 7px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_foot {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem {
  display: table-cell;
  position: relative;
  border-top: 3px solid #222;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem:before {
  position: absolute;
  top: 13px;
  left: 0;
  width: 1px;
  height: 19px;
  background: url(../img/com_v2/sp_cmnotipop.png) no-repeat 0 0;
  background-size: 70px auto;
  content: "";
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fitem:first-child:before {
  display: none;
}

.ly_mnmorning .ly_cont .ly_cmnotipop_button .ly_cmnotipop_fbtn {
  width: 100%;
  height: 44px;
  font-size: 13px;
  font-weight: 500;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.03em;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
/* 대체상품 레이어 */
.ly_change {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2500;
  padding-top: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}

.ly_change .tit_change {
  position: relative;
  height: 48px;
  border-radius: 14px 14px 0px 0px;
  background: #dfe6e9;
}

.ly_change .tit_change h3 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #262f33;
  line-height: 48px;
}

.ly_change .tit_change .btn_close {
  background: url(../img/btn_close2.png) 0 0 no-repeat;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  position: absolute;
  top: 16px;
  right: 18px;
  overflow: hidden;
}

.ly_change .cont_change {
  overflow: hidden;
  background-color: #fff;
}

.ly_change .mcom_scroll {
  padding-bottom: 100px;
}

@media all and (orientation: portrait) {
  .ly_change .express_cont {
    min-height: 400px;
  }
}
.ly_change .cont_change li {
  background: #fff;
}

.ly_change .cont_change.change_success {
  background: #fff;
}

._app.ly_change {
  top: 0;
}

._app.ly_change .mcom_scroll {
  padding-bottom: 148px;
}

.ly_change.ly_narae {
  top: 0;
}

.ly_change.ly_narae .mcom_scroll {
  padding-bottom: 148px;
}

/*앱으로 보기*/
.ly_app.v2 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
  display: none;
}
.ly_app.v2.ty2 {
  z-index: 5001;
}
.ly_app.v2 .ly_cont {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 264px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 8px;
}
.ly_app.v2 .ly_cont a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ly_app.v2 .ly_cont .bn img {
  width: 244px;
  vertical-align: top;
}
.ly_app.v2 .ly_cont .btn_app_view {
  background-image: url(../img/sp_app.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 900px 100px;
  width: 286px;
  height: 67px;
  margin-top: 4px;
}
.ly_app.v2 .ly_cont .btn_web_view {
  background: url(../img/sp_app.png) 0 -75px no-repeat;
  background-size: 900px 100px;
  width: 90px;
  height: 25px;
  margin: 19px 0 0 16px;
  float: right;
}
.ly_app.v2 .btn_app_close {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 264px;
  height: 52px;
  padding-right: 0;
  background-color: #e5e5e5;
}
.ly_app.v2 .btn_app_close img {
  max-width: 100%;
}
.ly_app.v2 .bn_app {
  width: 264px;
}
.ly_app.v2 .bn_app img {
  max-width: 100%;
  vertical-align: top;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_app {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
  display: none;
}

.ly_app.ty2 {
  z-index: 5001;
}

.ly_app .ly_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 264px;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ly_app .ly_cont a {
  display: inline-block;
}

.ly_app .ly_cont .bn img {
  width: 244px;
  vertical-align: top;
}

.ly_app .ly_cont .btn_app_view {
  background-image: url(../img/sp_app.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 900px 100px;
  width: 286px;
  height: 67px;
  margin-top: 4px;
}

.ly_app .ly_cont .btn_web_view {
  background: url(../img/sp_app.png) 0 -75px no-repeat;
  background-size: 900px 100px;
  width: 90px;
  height: 25px;
  margin: 19px 0 0 16px;
  float: right;
}

.ly_app .btn_app_close {
  width: 264px;
  padding-right: 11px;
}

.ly_app .btn_app_close img {
  max-width: 100%;
}

.ly_app .bn_app {
  width: 264px;
}

.ly_app .bn_app img {
  max-width: 100%;
  vertical-align: top;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
.mcom_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2500;
  background: rgba(0, 0, 0, 0.7);
}
.mcom_modal.show {
  display: block;
}
.mcom_modal.ty_full .mcom_modal_wrap {
  position: fixed;
  top: 28px;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px 10px 0 0;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mcom_modal.ty_full .mcom_modal_wrap:focus {
  outline: none;
}
.mcom_modal.ty_full .mcom_modal_head {
  border-bottom: 1px solid #d1d1d1;
}
.mcom_modal.ty_full .mcom_modal_close {
  position: absolute;
  top: 15px;
}
.mcom_modal .mcom_modal_wrap {
  position: absolute;
  top: 50%;
  left: 24px;
  right: 21px;
  color: var(--m-colors-gray900, #222222);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
}
.mcom_modal .mcom_modal_head {
  position: relative;
  height: 56px;
  padding: 20px 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.mcom_modal .mcom_modal_tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.5px;
  color: var(--m-colors-black, #000000);
}
.mcom_modal .mcom_modal_close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
}
.mcom_modal .mcom_modal_close:before, .mcom_modal .mcom_modal_close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 24px;
  background-color: var(--m-colors-gray900, #222222);
}
.mcom_modal .mcom_modal_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.mcom_modal .mcom_modal_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.mcom_modal .mcom_modal_cont {
  padding: 20px;
}
.mcom_modal .mcom_modal_cont.mcom_modal_iframe {
  width: 100%;
  height: 100%;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_modal .mcom_modal_cont.mcom_modal_iframe iframe {
  vertical-align: top;
  width: 100%;
  height: 100%;
  border: 0;
}
.mcom_modal .mcom_modal_cont .mcom_modal_scroll {
  height: 100%;
}
.mcom_modal .mcom_modal_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mcom_modal .mcom_modal_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
}
.mcom_modal .mcom_modal_btn.ty_gray {
  background-color: #e5e5e5;
}
.mcom_modal .mcom_modal_btn.ty_red {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}
.mcom_modal .mcom_modal_btn.ty_cancel {
  background-color: #e5e5e5;
}
.mcom_modal .mcom_modal_btn.ty_change {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}

.mcom_modal_ty2 {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2500;
  padding: 50px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
  text-align: center;
}
.mcom_modal_ty2:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.mcom_modal_ty2.show {
  display: block;
}
.mcom_modal_ty2 .mcom_modal_wrap {
  display: inline-block;
  position: relative;
  width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  text-align: left;
  word-break: break-all;
  vertical-align: middle;
}
.mcom_modal_ty2 .mcom_modal_head {
  padding: 24px 15px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.mcom_modal_ty2 .mcom_modal_head:after {
  display: block;
  height: 1px;
  margin-top: 3px;
  background: var(--m-colors-gray900, #222222);
  content: "";
}
.mcom_modal_ty2 .mcom_modal_tit {
  display: block;
  font-size: 22px;
  line-height: 22px;
  color: var(--m-colors-gray900, #222222);
}
.mcom_modal_ty2 .mcom_modal_close {
  position: absolute;
  top: -42px;
  right: 0;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background: #fff;
}
.mcom_modal_ty2 .mcom_modal_close:before, .mcom_modal_ty2 .mcom_modal_close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 17px;
  background-color: var(--m-colors-gray900, #222222);
}
.mcom_modal_ty2 .mcom_modal_close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.mcom_modal_ty2 .mcom_modal_close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
.mcom_modal_ty2 .mcom_modal_cont {
  padding: 20px 15px 40px;
}
.mcom_modal_ty2 .mcom_modal_cont.mcom_modal_scroll {
  overflow: hidden;
  overflow-y: auto;
  max-height: 390px;
  -webkit-overflow-scrolling: touch;
}
.mcom_modal_ty2 .mcom_modal_cont.mcom_modal_scroll::-webkit-scrollbar {
  display: none;
}
.mcom_modal_ty2 .mcom_modal_cont .mcom_modal_btnarea {
  margin-top: 30px;
}
.mcom_modal_ty2 .mcom_modal_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mcom_modal_ty2 .mcom_modal_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 44px;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
}
.mcom_modal_ty2 .mcom_modal_btn.ty_gray {
  background-color: #e5e5e5;
}
.mcom_modal_ty2 .mcom_modal_btn.ty_red {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}
.mcom_modal_ty2 .mcom_modal_btn.ty_cancel {
  background-color: #e5e5e5;
}
.mcom_modal_ty2 .mcom_modal_btn.ty_change {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}

.mcom_ly_wrap {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2500;
  padding: 56px 0 25px;
  background-color: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
  overflow: auto;
}

.mcom_ly_wrap:after {
  display: inline-block;
  width: 1px;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.mcom_ly_wrap .mcom_ly_inr {
  position: relative;
  display: inline-block;
  min-width: 270px;
  max-width: 350px;
  width: 90%;
  padding: 18px 15px 27px;
  background: #fff;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mcom_ly_wrap .mcom_ly_inr img {
  max-width: 100%;
  vertical-align: top;
}

.mcom_ly_wrap .mcom_ly_tit {
  margin-bottom: 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid #222;
  font-size: 22px;
  font-weight: normal;
  line-height: 1.25;
  color: var(--m-colors-gray900, #222222);
}

.mcom_ly_wrap .mcom_ly_cont {
  font-size: 12px;
  color: #5d6065;
}

.mcom_ly_wrap .modal-close-btn {
  position: absolute;
  top: -41px;
  right: 0;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 18px;
}

.mcom_ly_wrap .modal-close-btn:before,
.mcom_ly_wrap .modal-close-btn:after {
  display: block;
  position: absolute;
  top: 18px;
  left: 9px;
  width: 18px;
  height: 1px;
  background: var(--m-colors-gray900, #222222);
  content: "";
}

.mcom_ly_wrap .modal-close-btn:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mcom_ly_wrap .modal-close-btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mcom_ly_wrap.show {
  display: block;
  opacity: 1;
  visibility: visible;
}

.myssg_modal_new {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2500;
  padding: 0 27px 0 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.7);
  font-size: 0;
  text-align: center;
}
.myssg_modal_new:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.myssg_modal_new.show {
  display: block;
}
.myssg_modal_new .mcom_modal_wrap {
  display: inline-block;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  -webkit-transform: none;
          transform: none;
  width: 100%;
  background-color: #fff;
  border-radius: 20px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  text-align: left;
  word-break: break-all;
  vertical-align: middle;
}
.myssg_modal_new .mcom_modal_head {
  margin-bottom: 20px;
  padding: 0;
  text-align: left;
}
.myssg_modal_new .mcom_modal_tit {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.myssg_modal_new .mcom_modal_cont {
  padding: 40px 30px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_modal_new .mcom_modal_cont.mcom_modal_scroll {
  overflow: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 232px);
  -webkit-overflow-scrolling: touch;
}
.myssg_modal_new .mcom_modal_cont.mcom_modal_scroll::-webkit-scrollbar {
  display: none;
}
.myssg_modal_new .mcom_modal_foot {
  overflow: hidden;
  border-radius: 0 0 20px 20px;
}
.myssg_modal_new .mcom_modal_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mcom_modal_cont .myssg_modal_new .mcom_modal_btnarea {
  margin-top: 30px;
}
.myssg_modal_new .mcom_modal_btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 52px;
  font-size: 14px;
  color: #444;
}
.myssg_modal_new .mcom_modal_btn.ty_gray {
  background-color: #e5e5e5;
}
.myssg_modal_new .mcom_modal_btn.ty_red {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}
.myssg_modal_new .mcom_modal_btn.ty_cancel {
  background-color: #e5e5e5;
}
.myssg_modal_new .mcom_modal_btn.ty_change {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}

/* 온라인 포인트카드 발급 팝업 */
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop {
  /* 고해상도 대응 */
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
  background: #fff;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 30px 18px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tit {
  display: block;
  font-size: 20px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.17em;
  margin-bottom: 0.4em;
  letter-spacing: -0.04em;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
  font-size: 13px;
  letter-spacing: -0.03em;
  height: auto;
  padding-bottom: 73.89%;
  background: url(../img/com_v2/img_ptcd_barcode.png) center bottom no-repeat;
  background-size: contain;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx .cmnotipop_subtit {
  letter-spacing: -0.5px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 19px;
  font-size: 14px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx .cmnotipop_dsc {
  color: #9b9b9b;
  letter-spacing: -1.4px;
  line-height: 19px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst {
  text-align: left;
  margin-top: 18px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst li {
  position: relative;
  height: 30px;
  line-height: 30px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 12px;
  color: #888;
  line-height: 17px;
  letter-spacing: -1px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl:hover {
  text-decoration: underline;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl .ico_arr {
  display: inline-block;
  width: 4px;
  height: 8px;
  margin: 0 0 1px 5px;
  background: url(../img/com_v2/sdc_sp_ico.png) no-repeat 0 0;
  background-position: -6px -16px;
  background-size: 100px auto;
  vertical-align: middle;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cm_btnarea {
  margin: 16px 18px 30px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk {
  position: relative;
  min-width: 18px;
  display: inline-block;
  min-height: 18px;
  line-height: 1;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input[type=checkbox] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  border-radius: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #969696;
  background: #fff;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input:checked:after {
  border-color: var(--m-colors-primary, #a59357);
  background: url(../img/com_v2/codr_chk.png) -1px -1px no-repeat;
  background-size: 18px auto;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input + label {
  display: inline-block;
  padding-left: 25px;
  line-height: 18px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  letter-spacing: -1.3px;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input:disabled {
  opacity: 0.5;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .custom_chk input:disabled + label {
  opacity: 0.5;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot {
  width: 100%;
  height: 52px;
  line-height: 52px;
  text-align: center;
  background: #e5e5e5;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot .custom_chk {
  vertical-align: middle;
}
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot .custom_chk input + label {
  font-size: 13px;
  color: #777;
  vertical-align: top;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
    background: url(../img/com_v2/img_ptcd_barcode@2x.png) center bottom no-repeat;
    background-size: contain;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
    background: url(../img/com_v2/img_ptcd_barcode@3x.png) center bottom no-repeat;
    background-size: contain;
  }
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_cmnotipop_wrap.ly_ptcd .ly_cmnotipop {
  position: static;
  -webkit-transform: initial;
          transform: initial;
  width: calc(100% - 55px);
  max-width: 320px;
}
.ly_cmnotipop_wrap.ly_ptcd .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 30px 28px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}
.ly_cmnotipop_wrap.ly_ptcd .cmnotipop_detail_inr .cmnotipop_tit {
  display: block;
  margin-bottom: 18px;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: var(--m-colors-gray900, #222222);
}

.ly_ptcd {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
}

.ly_ptcd .ly_cmnotipop {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 96%;
  max-width: 335px;
  border: 1px solid #eee;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  transform: translat(-50%, -50%);
  word-break: break-all;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
  background: #fff;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 28px 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tit {
  display: block;
  margin-bottom: 18px;
  font-size: 22px;
  line-height: 1.17em;
  letter-spacing: -0.04em;
  color: var(--m-colors-gray900, #222222);
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
  font-size: 13px;
  letter-spacing: -0.03em;
  height: 310px;
  background: url(../img/com_v2/img_ptcd_barcode.png) center bottom no-repeat;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx .cmnotipop_subtit {
  letter-spacing: -0.5px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 19px;
  font-size: 14px;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx .cmnotipop_dsc {
  color: #9b9b9b;
  letter-spacing: -1.4px;
  line-height: 19px;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst {
  text-align: left;
  margin-top: 18px;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst li {
  position: relative;
  height: 30px;
  line-height: 30px;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 12px;
  color: #888;
  line-height: 17px;
  letter-spacing: -1px;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl:hover {
  text-decoration: underline;
}

.ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .ptcd_agr_lst .agr_btn_dtl .ico_arr {
  display: inline-block;
  width: 4px;
  height: 8px;
  margin: 0 0 1px 5px;
  background: url(../img/com_v2/sdc_sp_ico.png) no-repeat 0 0;
  background-position: -6px -16px;
  background-size: 100px auto;
  vertical-align: middle;
}

.ly_ptcd .ly_cmnotipop .cm_btnarea {
  margin: 16px 20px 22px;
}

.ly_ptcd .ly_cmnotipop .custom_chk {
  position: relative;
  min-width: 18px;
  display: inline-block;
  min-height: 18px;
  line-height: 1;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}

.ly_ptcd .ly_cmnotipop .custom_chk input[type=checkbox] {
  position: absolute;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
  border-radius: 0;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.ly_ptcd .ly_cmnotipop .custom_chk input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #969696;
  background: #fff;
}

.ly_ptcd .ly_cmnotipop .custom_chk input:checked:after {
  border-color: var(--m-colors-primary, #a59357);
  background: url(../img/com_v2/codr_chk.png) -1px -1px no-repeat;
  background-size: 18px auto;
}

.ly_ptcd .ly_cmnotipop .custom_chk input + label {
  display: inline-block;
  padding-left: 25px;
  line-height: 18px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  letter-spacing: -1.3px;
}

.ly_ptcd .ly_cmnotipop .custom_chk input:disabled {
  opacity: 0.5;
}

.ly_ptcd .ly_cmnotipop .custom_chk input:disabled + label {
  opacity: 0.5;
}

.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  background: #eee;
}

.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot .custom_chk {
  vertical-align: middle;
}

.ly_ptcd .ly_cmnotipop .ly_cmnotipop_foot .custom_chk input + label {
  font-size: 13px;
  color: #777;
  vertical-align: top;
}

/* 고해상도 대응 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
    background: url(../img/com_v2/img_ptcd_barcode@2x.png) center bottom no-repeat;
    background-size: 321px auto;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 3) {
  .ly_ptcd .ly_cmnotipop .cmnotipop_detail_inr .cmnotipop_tx {
    background: url(../img/com_v2/img_ptcd_barcode@3x.png) center bottom no-repeat;
    background-size: 321px auto;
  }
}
/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
.cm_modal_sec.show {
  opacity: 1;
  visibility: visible;
}

.cm_modal_sec {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  background-color: #fff;
}

.cm_modal_sec:before {
  content: "";
  display: block;
  height: 10px;
  margin-top: -10px;
  background-color: rgba(0, 0, 0, 0.7);
}

.cm_modal_sec .cm_modal_wrap {
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: scroll;
}

.cm_modal_sec .cm_modal_top {
  position: fixed;
  top: 10px;
  width: 100%;
  z-index: 3001;
  background-color: rgba(0, 0, 0, 0.7);
}

.cm_modal_sec .cm_modal_ctn {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-top: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cm_modal_sec .cm_modal_btm {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
}

.cm_modal_sec.ty_btm .cm_modal_ctn {
  margin-bottom: 55px;
}

.cm_modal_sec .cm_modal_tit {
  position: relative;
  padding: 9px 54px;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 10px 10px 0px 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
}

.cm_modal_sec .cm_modal_tit h3 {
  overflow: hidden;
  text-align: center;
  font-size: 16px;
  line-height: 36px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
}

.cm_modal_sec .cm_modal_tit .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 54px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cm_modal_sec .cm_modal_tit .btn_close .ic_close {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 1px;
}

.cm_modal_sec .cm_modal_tit .btn_close .ic_close:before,
.cm_modal_sec .cm_modal_tit .btn_close .ic_close:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #252524;
  content: "";
}

.cm_modal_sec .cm_modal_tit .btn_close .ic_close:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cm_modal_sec .cm_modal_tit .btn_close .ic_close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 버튼 하단고정 */
.cm_modal_sec.ty_btm .cm_modal_btm {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 40;
}

.cm_modal_sec.ty_btm .cm_modal_ctn {
  margin-bottom: 52px;
}

.body_app.body_and .cm_modal_sec.ty_btm .cm_modal_btm {
  padding-bottom: 53px;
  background: #fff;
}

.body_app.body_and .cm_modal_sec.ty_btm .cm_modal_ctn {
  margin-bottom: 105px;
}

.ly_unitset {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2500;
  padding-top: 10px;
  background-color: rgba(0, 0, 0, 0.7);
}

.ly_unitset .tit_unitset {
  position: relative;
  height: 36px;
  padding: 9px 54px;
  border-bottom: 1px solid #d2d2d2;
  border-radius: 10px 10px 0px 0px;
  background: #fff;
  text-align: center;
}

.ly_unitset .tit_unitset h3 {
  overflow: hidden;
  font-size: 16px;
  line-height: 36px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
}

.ly_unitset .tit_unitset h3 img {
  max-width: 100%;
  height: 35px;
  vertical-align: middle;
}

.ly_unitset .ly_unitset_ctn {
  position: relative;
}

.ly_unitset .ly_unitset_ctn > .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  height: 54px;
}

.ly_unitset .ly_unitset_ctn > .btn_close .ic_close {
  position: absolute;
  left: 50%;
  margin-left: -12px;
  width: 25px;
  height: 1px;
}

.ly_unitset .ly_unitset_ctn > .btn_close .ic_close:before,
.ly_unitset .ly_unitset_ctn > .btn_close .ic_close:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #252524;
  content: "";
}

.ly_unitset .ly_unitset_ctn > .btn_close .ic_close:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ly_unitset .ly_unitset_ctn > .btn_close .ic_close:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.ly_unitset .cont_unitset,
.search_layer .cont_imgtip {
  background: #f0f1f5 url(../img/indicator.gif) 50% 50% no-repeat;
  background-size: 32px 32px;
}

.ly_unitset .unitset_ly_tit {
  padding: 16px 15px 0;
  background: #f0f1f5;
  font-size: 14px;
  line-height: 32px;
  color: #666;
}

.ly_unitset .unitset_ly_tit:first-of-type {
  padding-top: 8px;
}

.ly_unitset .unitset_ly_tit .point {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.ly_unitset .cont_unitset {
  overflow: hidden;
}

.ly_unitset .cont_unitset.unitset_success {
  background-image: none;
}

.ly_unitset .unitset_ly_pd {
  background: #fff;
}

.ly_unitset .unitset_item_tag {
  overflow: hidden;
  height: 53px;
  margin-bottom: -10px;
  padding: 14px 0 15px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ly_unitset .unitset_item_tag .unitset_scroll {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 40px;
}

.ly_unitset .unitset_item_tag .tag_lst {
  display: -webkit-inline-box;
  padding: 0 14px;
  font-size: 0;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.ly_unitset .unitset_item_tag .tag_lst a {
  display: inline-block;
  font-size: 13px;
  color: #7a7a7a;
  margin-left: 2px;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid #ebebeb;
  border-radius: 12px;
  padding: 2px 10px 1px;
  letter-spacing: -0.3px;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-focus-ring-color: rgba(255, 255, 255, 0);
  outline: none;
}

.ly_unitset .unitset_item_tag .tag_lst a[href] {
  border: 1px solid #d8d8d8;
}

.ly_unitset .unitset_item_tag .tag_lst a[href]:before {
  display: none;
}

.ly_unitset .unitset_item_tag .tag_lst a[href]:active,
.ly_unitset .unitset_item_tag .tag_lst a[href]:focus,
.ly_unitset .unitset_item_tag .tag_lst a[href].on {
  border-color: var(--m-colors-primary, #a59357);
  color: var(--m-colors-primary, #a59357);
}

.ly_unitset .unitset_item_tag .tag_lst a:first-child {
  margin-left: 0;
}

.body_app .ly_unitset .unitset_ly_pd {
  padding-bottom: 130px;
}

@media all and (orientation: portrait) {
  .ly_unitset .cont_unitset {
    min-height: 400px;
  }
}
/* 비밀번호 변경 팝업 */
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 30px 28px 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .cmnotipop_tit {
  display: block;
  font-size: 20px;
  margin-bottom: 0.4em;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.17em;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
  background: #fff;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .cmnotipop_tx {
  font-size: 13px;
  letter-spacing: -0.03em;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .cmnotipop_tx em {
  color: var(--m-colors-primary, #a59357);
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_tip {
  margin-top: 30px;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_tip strong {
  font-size: 14px;
  font-weight: normal;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list {
  margin-top: 2px;
  font-size: 13px;
  color: #777;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li {
  padding: 13px 0;
  border-top: solid 1px #f5f5f5;
  min-height: 60px;
  -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;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li:first-child {
  border-top: 0;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li i {
  width: 62px;
  padding-right: 29px;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li i:before {
  content: "";
  display: block;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_othernumber:before {
  margin-left: 7px;
  width: 43px;
  height: 53px;
  background: url("../img/password_campaign/ico_othernumber.svg");
  background-size: 100%;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_combination:before {
  width: 61px;
  height: 23px;
  background: url("../img/password_campaign/ico_combination.svg");
  background-size: 100%;
}
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_memo:before {
  margin-left: 7px;
  width: 55px;
  height: 53px;
  background: url("../img/password_campaign/ico_memo.svg");
  background-size: 100%;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_cmnotipop_wrap.ly_password_campaign .ly_cmnotipop {
  position: static;
  -webkit-transform: initial;
          transform: initial;
  width: calc(100% - 55px);
  max-width: 320px;
}

.ly_password_campaign {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
}
.ly_password_campaign .ly_cmnotipop {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 96%;
  max-width: 335px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  word-break: break-all;
}
.ly_password_campaign .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
  background: #fff;
}
.ly_password_campaign .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 40px 20px 17px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
}
.ly_password_campaign .ly_cmnotipop .cmnotipop_tit {
  display: block;
  margin-bottom: 10px;
  font-size: 21px;
  line-height: 1.17em;
  letter-spacing: -0.04em;
  color: var(--m-colors-gray900, #222222);
}
.ly_password_campaign .ly_cmnotipop .cmnotipop_tx {
  font-size: 13px;
  letter-spacing: -0.03em;
}
.ly_password_campaign .ly_cmnotipop .cmnotipop_tx em {
  color: var(--m-colors-primary, #a59357);
}
.ly_password_campaign .ly_cmnotipop .password_campaign_tip {
  margin-top: 30px;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_tip strong {
  font-size: 14px;
  font-weight: normal;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list {
  margin-top: 2px;
  font-size: 13px;
  color: #777;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li {
  padding: 13px 0;
  border-top: solid 1px #f5f5f5;
  min-height: 60px;
  -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;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li:first-child {
  border-top: 0;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li i {
  width: 62px;
  padding-right: 29px;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li i:before {
  content: "";
  display: block;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_othernumber:before {
  margin-left: 7px;
  width: 43px;
  height: 53px;
  background: url("../img/password_campaign/ico_othernumber.svg");
  background-size: 100%;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_combination:before {
  width: 61px;
  height: 23px;
  background: url("../img/password_campaign/ico_combination.svg");
  background-size: 100%;
}
.ly_password_campaign .ly_cmnotipop .password_campaign_list li .ico_memo:before {
  margin-left: 7px;
  width: 55px;
  height: 53px;
  background: url("../img/password_campaign/ico_memo.svg");
  background-size: 100%;
}
.ly_password_campaign .ly_cmnotipop .cm_btnarea {
  margin: 0;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
/* 배송지 등록 팝업 */
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
}
.ly_cmnotipop_wrap.ly_regi_ad .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;
  text-align: center;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_tit {
  display: block;
  font-size: 20px;
  margin-bottom: 0.4em;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.17em;
  font-weight: bold;
  letter-spacing: -0.35px;
  color: var(--m-colors-gray900, #222222);
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_img {
  width: 140px;
  margin: 0 auto;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_img img {
  width: 100%;
  vertical-align: top;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_tx {
  margin-top: 2px;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_subtit {
  letter-spacing: -0.16px;
  line-height: 16px;
  font-size: 13px;
  color: #777;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .tx_emart {
  color: #ffa516;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .tx_earlymorning {
  color: #8097af;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .tx_traders {
  color: #99cc00;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cmnotipop_dsc {
  margin-top: 20px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  line-height: 20px;
}
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop .cm_btnarea {
  margin: 0;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_cmnotipop_wrap.ly_regi_ad .ly_cmnotipop {
  position: static;
  -webkit-transform: initial;
          transform: initial;
  width: calc(100% - 55px);
  max-width: 320px;
}

.ly_regi_ad {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
}
.ly_regi_ad .ly_cmnotipop {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 96%;
  max-width: 330px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  transform: translat(-50%, -50%);
  word-break: break-all;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 40px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_tit {
  display: block;
  margin-top: 35px;
  font-size: 28px;
  font-weight: normal;
  line-height: 33px;
  letter-spacing: -0.35px;
  color: var(--m-colors-gray900, #222222);
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_img {
  width: 140px;
  margin: 0 auto;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_img img {
  width: 100%;
  vertical-align: top;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_tx {
  margin-top: 2px;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_subtit {
  letter-spacing: -0.16px;
  line-height: 16px;
  font-size: 13px;
  color: #777;
}
.ly_regi_ad .ly_cmnotipop .tx_emart {
  color: #ffa516;
}
.ly_regi_ad .ly_cmnotipop .tx_earlymorning {
  color: #8097af;
}
.ly_regi_ad .ly_cmnotipop .tx_traders {
  color: #99cc00;
}
.ly_regi_ad .ly_cmnotipop .cmnotipop_dsc {
  margin-top: 20px;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  line-height: 20px;
}
.ly_regi_ad .ly_cmnotipop .cm_btnarea {
  margin: 0;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
/* 로그인 보안 설정 팝업 */
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
}
.ly_cmnotipop_wrap.ly_security .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;
  text-align: center;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_tit {
  margin-top: 30px;
  display: block;
  font-size: 20px;
  margin-bottom: 0.4em;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.17em;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_img {
  width: 104px;
  margin: 0 auto;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_img img {
  width: 100%;
  vertical-align: top;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_tx {
  margin-top: 2px;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_dsc {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.23px;
  line-height: 22px;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_lst {
  display: inline-block;
  margin: 10px auto 0;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_lst li {
  position: relative;
  padding-left: 18px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -0.19px;
  text-align: left;
}
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop .cmnotipop_lst li:before {
  position: absolute;
  display: block;
  left: 2px;
  top: 3px;
  width: 8px;
  height: 4px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  content: "";
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(s) */
.ly_cmnotipop_wrap.ly_security .ly_cmnotipop {
  position: static;
  -webkit-transform: initial;
          transform: initial;
  width: calc(100% - 55px);
  max-width: 320px;
}
.ly_cmnotipop_wrap.ly_security .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;
  text-align: center;
}
.ly_cmnotipop_wrap.ly_security .cmnotipop_tit {
  display: block;
  margin-top: 30px;
  font-size: 20px;
  line-height: 22px;
  color: var(--m-colors-gray900, #222222);
}

.ly_security {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5000;
}
.ly_security .ly_cmnotipop {
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  border-radius: 8px;
  width: 72.8%;
  max-width: 273px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  word-break: break-all;
}
.ly_security .ly_cmnotipop .cmnotipop_detail {
  height: 100%;
}
.ly_security .ly_cmnotipop .cmnotipop_detail_inr {
  display: inline-block;
  width: 100%;
  padding: 32px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
  text-align: center;
}
.ly_security .ly_cmnotipop .cmnotipop_tit {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  line-height: 22px;
  color: var(--m-colors-gray900, #222222);
}
.ly_security .ly_cmnotipop .cmnotipop_img {
  width: 104px;
  margin: 0 auto;
}
.ly_security .ly_cmnotipop .cmnotipop_img img {
  width: 100%;
  vertical-align: top;
}
.ly_security .ly_cmnotipop .cmnotipop_tx {
  margin-top: 2px;
}
.ly_security .ly_cmnotipop .cmnotipop_dsc {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.23px;
  line-height: 22px;
}
.ly_security .ly_cmnotipop .cmnotipop_lst {
  display: inline-block;
  margin: 10px auto 0;
}
.ly_security .ly_cmnotipop .cmnotipop_lst li {
  position: relative;
  padding-left: 18px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -0.19px;
  text-align: left;
}
.ly_security .ly_cmnotipop .cmnotipop_lst li:before {
  position: absolute;
  display: block;
  left: 2px;
  top: 3px;
  width: 8px;
  height: 4px;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  content: "";
}
.ly_security .ly_cmnotipop .cm_btnarea {
  margin: 0;
}
.ly_security .ly_cmnotipop .cm_btnarea .cm_btn {
  font-size: 14px;
}

/* https://project.ssgadm.com/browse/WEBD-9 배포 후 삭제 예정(e) */
/* 넷퍼넬 팝업 */
.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;
}

.store_modal {
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3100;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
  display: none;
  text-align: center;
}
.store_modal.show {
  display: block;
}

.store_modal_cont {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: calc(100% - 106px);
  width: 100%;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: auto;
  max-height: 100%;
}

.store_modal_tit {
  font-size: 18px;
  color: var(--m-colors-gray900, #222222);
}

.store_modal_coupon {
  margin: 20px auto 0;
  position: relative;
}
.store_modal_coupon .store_coupon_desc {
  margin-top: 15px;
}
.store_modal_coupon .store_coupon_desc > :first-child {
  margin-top: 0;
}
.store_modal_coupon .store_coupon_date {
  margin-top: 3px;
  font-size: 13px;
  line-height: 15px;
  color: var(--m-colors-gray900, #222222);
}
.store_modal_coupon .store_coupon_tx {
  margin-top: 15px;
  font-size: 14px;
  line-height: 17px;
  color: var(--m-colors-gray900, #222222);
}
.store_modal_coupon .store_couon_multipletx {
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
}

.store_modal_desc {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.store_modal_tit + .store_modal_desc {
  margin-top: 0;
  padding-top: 15px;
  border-top: 0;
}
.store_modal_desc .store_modal_tx {
  font-size: 14px;
  line-height: 17px;
  color: var(--m-colors-gray900, #222222);
}
.store_modal_desc .store_modal_tx.ty_gray {
  color: #666;
}

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

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

.store_modal.ty_alert .store_modal_tit {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.5px;
}
.store_modal.ty_alert .store_modal_wrap {
  position: fixed;
  background: #fff;
}
.store_modal.ty_alert .store_modal_cont {
  padding: 24px;
  letter-spacing: -0.3px;
  min-width: auto;
  max-width: auto;
}
.store_modal.ty_alert .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: #fff;
  z-index: 1;
}
.store_modal.ty_alert .mnodr_btn_area button,
.store_modal.ty_alert .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;
}
.store_modal.ty_alert .mnodr_btn_area .mnodr_btn + .mnodr_btn {
  margin-left: -1px;
}
.store_modal.ty_alert .mnodr_btn {
  display: block;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  position: relative;
}
.store_modal.ty_alert .mnodr_btn.ty_sm {
  height: 40px;
  font-size: 16px;
}
.store_modal.ty_alert .mnodr_btn.ty_point {
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
}
.store_modal.ty_alert .mnodr_btn.ty_gray {
  background-color: #e5e5e5;
  color: var(--m-colors-gray900, #222222);
}
.store_modal.ty_alert .mnodr_btn:disabled {
  background: #c9c9c9;
  color: white;
}

.store_couponimg_lst {
  margin: 63px 0;
}
.store_couponimg_lst li + li {
  margin-bottom: 55px;
}

.store_couponimg_list.v2 {
  margin: 40px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px 20px;
  max-width: 800px;
}

.store_couponimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: url(../img/sprites/sp_storecoupon_20211221@2x.png);
  background-position: -262px -558px;
  background-size: 1052px 804px;
  width: 252px;
  height: 126px;
  margin: 0 auto;
  padding-left: 28px;
  font-size: 14px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.store_couponimg.ty_multiple {
  background-position: 0px 0px;
  width: 266px;
  height: 140px;
}
.store_couponimg.ty_em {
  background-position: -276px 0px;
}
.store_couponimg.ty_sm {
  background-position: 0px -558px;
}
.store_couponimg.ty_tr {
  background-position: -524px -558px;
}
.store_couponimg.ty_sd {
  background-position: 0px -422px;
}
.store_couponimg.ty_mnmorning {
  background-position: -538px 0px;
}
.store_couponimg.ty_mncasamia {
  background-position: 0px -286px;
}
.store_couponimg.ty_mnchicor {
  background-position: -262px -286px;
}
.store_couponimg.ty_tv {
  background-position: -800px 0px;
}
.store_couponimg.ty_hwd {
  background-position: 0px -150px;
}
.store_couponimg.ty_mntrip {
  background-position: -538px -136px;
}
.store_couponimg.ty_si {
  background-position: -524px -422px;
}
.store_couponimg.ty_sf {
  background-position: -262px -422px;
}
.store_couponimg.ty_outlet {
  background-position: -538px -272px;
}
.store_couponimg.ty_king {
  background-position: -262px -150px;
}
.store_couponimg.ty_free_em {
  background-position: -800px -136px;
  width: 238px;
}
.store_couponimg.ty_free_tr {
  background-position: -800px -408px;
  width: 238px;
}
.store_couponimg.ty_free_mnmorning {
  background-position: -800px -272px;
  width: 238px;
}
.store_couponimg .store_couponimg_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
}
.store_couponimg .store_couponimg_tit {
  width: 100%;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.3px;
}
.store_couponimg .store_couponimg_money {
  font-size: 50px;
  font-weight: bold;
  line-height: 58px;
  letter-spacing: -0.3px;
}
.store_couponimg .store_couponimg_won {
  margin: 32px 0 0 2px;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
}
.store_couponimg .store_couponimg_value {
  margin-top: -6px;
  font-size: 75px;
  font-weight: bold;
  line-height: 88px;
  letter-spacing: -0.3px;
}
.store_couponimg .store_couponimg_percent {
  margin: 36px 0 0 4px;
  font-size: 30px;
  font-weight: bold;
  line-height: 35px;
}
.store_couponimg.ty_multiple {
  padding-bottom: 14px;
}
.store_couponimg.ty_em .store_couponimg_tx, .store_couponimg.ty_tr .store_couponimg_tx, .store_couponimg.ty_mnmorning .store_couponimg_tx, .store_couponimg.ty_mncasamia .store_couponimg_tx, .store_couponimg.ty_king .store_couponimg_tx {
  color: var(--m-colors-black, #000000);
}
.store_couponimg.ty_free_em, .store_couponimg.ty_free_tr, .store_couponimg.ty_free_mnmorning {
  padding-left: 59px;
}
.store_couponimg.ty_free_em .store_couponimg_tit, .store_couponimg.ty_free_tr .store_couponimg_tit, .store_couponimg.ty_free_mnmorning .store_couponimg_tit {
  padding-bottom: 18px;
  font-size: 40px;
  font-weight: bold;
  line-height: 48px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}

/* 쿠폰 UI 변경 */
.store_couponimg_v2 {
  width: 343px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.store_couponimg_v2 * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.store_couponimg_v2.ty_em .store_couponimg_info {
  border-color: #ffd040;
}
.store_couponimg_v2.ty_em .store_coupon_tail {
  background: #ffd040;
}
.store_couponimg_v2.ty_em .store_coupon_tail .ic_download {
  -webkit-filter: brightness(0%) saturate(0%) invert(10%) sepia(41%) saturate(16%) hue-rotate(129deg) brightness(97%) contrast(93%);
          filter: brightness(0%) saturate(0%) invert(10%) sepia(41%) saturate(16%) hue-rotate(129deg) brightness(97%) contrast(93%);
}
.store_couponimg_v2.ty_em .store_coupon_tail .tx_download {
  color: var(--m-colors-gray900, #222222);
}
.store_couponimg_v2.ty_sd .store_couponimg_info {
  border-color: #a59357;
}
.store_couponimg_v2.ty_sd .store_coupon_tail {
  background: #a59357;
}
.store_couponimg_v2.ty_tr .store_couponimg_info {
  border-color: #a6dd27;
}
.store_couponimg_v2.ty_tr .store_coupon_tail {
  background: #a6dd27;
}
.store_couponimg_v2.ty_mnmorning .store_couponimg_info {
  border-color: #a3b7cd;
}
.store_couponimg_v2.ty_mnmorning .store_coupon_tail {
  background: #a3b7cd;
}
.store_couponimg_v2.ty_univ .store_couponimg_info {
  border-color: #002041;
}
.store_couponimg_v2.ty_univ .store_coupon_tail {
  background: linear-gradient(15deg, #002041 44.59%, #497cff 103.46%);
}
.store_couponimg_v2 .store_couponimg_info {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  border: 1px solid #ff0014;
  border-radius: 0 8px 8px 0;
  background: #fff;
}
.store_couponimg_v2 .store_couponimg_info:before {
  content: "";
  position: absolute;
  width: 0px;
  height: calc(100% - 16px);
  border: 1px dashed #fff;
  top: 8px;
  right: -1px;
}
.store_couponimg_v2 .store_coupon_tail {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  border-radius: 8px 0 0 8px;
  background: linear-gradient(45deg, #ff5452 20.44%, #f43479 39.93%, #be3ffa 92.36%);
}
.store_couponimg_v2 .store_coupon_tail .store_coupondown_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;
  width: 100%;
  height: 100%;
}
.store_couponimg_v2 .store_coupon_tail .ic_download {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../img/store/ic_download_white.svg") no-repeat center/contain;
}
.store_couponimg_v2 .store_coupon_tail .ic_download + .tx_download {
  margin-top: 2px;
}
.store_couponimg_v2 .store_coupon_tail .tx_download {
  font-size: 15px;
  line-height: 1.2;
  color: #fff;
}
.store_couponimg_v2 .store_couponimg_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
}
.store_couponimg_v2 .store_couponimg_tit {
  margin-bottom: 2px;
  width: 100%;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
}
.store_couponimg_v2 .store_couponimg_grade {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 105%;
          flex: 0 0 105%;
}
.store_couponimg_v2 .store_couponimg_money,
.store_couponimg_v2 .store_couponimg_value {
  font-weight: bold;
  font-size: 34px;
  line-height: 40px;
}
.store_couponimg_v2 .store_couponimg_won,
.store_couponimg_v2 .store_couponimg_percent {
  margin: 36px 0 0 1px;
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
}
.store_couponimg_v2 .store_couponimg_option {
  margin-top: 4px;
  font-size: 11px;
  line-height: 14px;
  color: #444;
}
.store_couponimg_v2 .store_couponimg_date {
  margin-top: 2px;
  font-size: 11px;
  line-height: 14px;
  color: #888;
}

.store_couponimg_typeD_v2 {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 150px;
  height: 75px;
  padding: 17px 37px 18px 11px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='75' viewBox='0 0 150 75' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' fill='white'/%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' stroke='%23FF0014' stroke-width='0.375'/%3E%3Cpath d='M120 3C120 1.34315 121.343 0 123 0H150V75H123C121.343 75 120 73.6568 120 72V3Z' fill='url(%23paint0_linear_14507_12658)'/%3E%3Cg clip-path='url(%23clip0_14507_12658)'%3E%3Crect width='1' height='69' transform='translate(120 3)' fill='url(%23pattern0_14507_12658)'/%3E%3C/g%3E%3Cpath d='M132.258 18.75L132.258 20.1302L134.737 21.7149L132.258 23.2996L132.258 24.6798L138.117 24.6798L138.117 23.4018L134.26 23.4018L136.897 21.7149L134.26 20.0295L138.117 20.0295L138.117 18.75L132.258 18.75Z' fill='white'/%3E%3Cpath d='M137.391 37.7391C137.791 37.7391 138.117 38.0683 138.117 38.4743C138.117 38.8802 137.791 39.2095 137.391 39.2095C136.99 39.2095 136.664 38.8802 136.664 38.4743C136.664 38.0683 136.99 37.7391 137.391 37.7391Z' fill='white'/%3E%3Cpath d='M132.148 28.4234C132.148 30.1224 133.509 31.5011 135.188 31.5011C136.868 31.5011 138.228 30.1239 138.228 28.4234C138.228 26.723 136.868 25.3458 135.188 25.3458C133.509 25.3458 132.148 26.7245 132.148 28.4234ZM136.966 28.4234C136.966 29.4188 136.17 30.2246 135.187 30.2246C134.204 30.2246 133.408 29.4188 133.408 28.4234C133.408 27.4281 134.204 26.6223 135.187 26.6223C136.17 26.6223 136.966 27.4281 136.966 28.4234Z' fill='white'/%3E%3Cpath d='M136.966 34.26C136.966 35.2553 136.17 36.0612 135.187 36.0612C134.204 36.0612 133.408 35.2553 133.408 34.26C133.408 33.7052 133.656 33.2105 134.045 32.8798L133.151 31.9747C132.535 32.5385 132.147 33.3519 132.147 34.2585C132.147 35.9574 133.507 37.3361 135.187 37.3361C136.866 37.3361 138.227 35.9589 138.227 34.2585C138.227 33.3519 137.839 32.537 137.223 31.9747L136.329 32.8798C136.718 33.2105 136.966 33.7052 136.966 34.26Z' fill='white'/%3E%3Cpath d='M137.282 56.25L136.361 55.4742C136.801 54.9375 137.079 54.3752 137.079 53.6941C137.079 53.1573 136.868 52.8341 136.522 52.8341L136.505 52.8341C136.176 52.8341 136.008 53.0385 135.754 54.0354C135.45 55.2366 135.12 56.0109 133.947 56.0109L133.93 56.0109C132.858 56.0109 132.148 55.1419 132.148 53.9241C132.148 53.0551 132.419 52.3139 132.9 51.7095L133.878 52.3905C133.516 52.9183 133.296 53.4385 133.296 53.9406C133.296 54.4428 133.524 54.7074 133.812 54.7074L133.828 54.7074C134.217 54.7074 134.343 54.4518 134.605 53.4204C134.917 52.2101 135.347 51.529 136.378 51.529L136.394 51.529C137.567 51.529 138.227 52.4326 138.227 53.7181C138.227 54.6217 137.915 55.5328 137.281 56.2485L137.282 56.25Z' fill='white'/%3E%3Cpath d='M137.282 51.0404L136.361 50.2646C136.801 49.7279 137.079 49.1656 137.079 48.4845C137.079 47.9477 136.868 47.6245 136.522 47.6245L136.505 47.6245C136.176 47.6245 136.008 47.829 135.754 48.8258C135.45 50.0271 135.121 50.8029 133.947 50.8029L133.93 50.8029C132.858 50.8014 132.148 49.9323 132.148 48.7145C132.148 47.8455 132.419 47.1043 132.9 46.4999L133.878 47.181C133.516 47.7087 133.296 48.2289 133.296 48.7311C133.296 49.2332 133.524 49.4978 133.812 49.4978L133.828 49.4978C134.217 49.4978 134.343 49.2422 134.605 48.2108C134.917 47.0005 135.347 46.3195 136.378 46.3195L136.394 46.3195C137.567 46.3195 138.227 47.2231 138.227 48.5085C138.227 49.4121 137.915 50.3232 137.281 51.0389L137.282 51.0404Z' fill='white'/%3E%3Cpath d='M134.666 40.1882L134.666 42.687L135.819 42.687L135.819 41.4662L136.635 41.4662C136.874 41.8075 137.021 42.23 137.021 42.687C137.021 43.6823 136.17 44.4882 135.187 44.4882C134.204 44.4882 133.408 43.6823 133.408 42.687C133.408 42.1894 133.607 41.7398 133.929 41.4136L133.038 40.5115C132.489 41.0678 132.148 41.8376 132.148 42.687C132.148 44.386 133.509 45.7647 135.188 45.7647C136.868 45.7647 138.228 44.3875 138.228 42.687C138.228 41.6917 137.817 40.7941 137.168 40.1867L134.669 40.1867L134.666 40.1882Z' fill='white'/%3E%3Cdefs%3E%3Cpattern id='pattern0_14507_12658' patternContentUnits='objectBoundingBox' width='0.375' height='0.0326087'%3E%3Cuse xlink:href='%23image0_14507_12658' transform='scale(0.09375 0.0013587)'/%3E%3C/pattern%3E%3ClinearGradient id='paint0_linear_14507_12658' x1='132.191' y1='75' x2='169.296' y2='60.3282' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FF5452'/%3E%3Cstop offset='0.271099' stop-color='%23F43479'/%3E%3Cstop offset='1' stop-color='%23BE3FFA'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_14507_12658'%3E%3Crect width='0.375' height='75' fill='white' transform='translate(120)'/%3E%3C/clipPath%3E%3Cimage id='image0_14507_12658' width='4' height='24' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgBzY/BCQAgDAOjk7j/R5xAN9IN1KJIid8+elAIByUEMGAe8r6khdBFBknqobEYLBC5xIko3zjcUN98AxbtDEH3N94dOwAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.store_couponimg_typeD_v2.ty_em {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='75' viewBox='0 0 150 75' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' fill='white'/%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' stroke='%23FF6200' stroke-width='0.375'/%3E%3Cpath d='M120 3C120 1.34315 121.343 0 123 0H150V75H123C121.343 75 120 73.6568 120 72V3Z' fill='%23FFD040'/%3E%3Cg clip-path='url(%23clip0_14507_12545)'%3E%3Crect width='1' height='69' transform='translate(120 3)' fill='url(%23pattern0_14507_12545)'/%3E%3C/g%3E%3Cpath d='M139.528 36.1464C139.549 36.2167 139.651 36.5932 139.651 36.9928C139.651 37.8864 139.275 38.3621 138.472 38.3621L133.652 38.3621L133.652 37.8616C133.652 37.3395 133.951 37.1691 134.368 37.1691L134.734 37.1691L134.734 36.1472L135.016 36.1472C135.421 36.1472 135.648 36.431 135.648 36.8522L135.648 37.1691L138.266 37.1691C138.553 37.1691 138.757 37.0706 138.757 36.6586C138.757 36.4153 138.688 36.187 138.677 36.1481C138.774 36.1481 139.529 36.1481 139.529 36.1481M135.516 39.2482C135.516 38.9951 135.59 38.7336 135.598 38.7022L134.734 38.7022C134.725 38.7452 134.622 39.2342 134.622 39.6983C134.622 40.4868 134.942 41.0428 135.784 41.0428L139.536 41.0428L139.536 39.8497L136.015 39.8497C135.704 39.8497 135.516 39.6487 135.516 39.2482M135.982 46.0939C135.5 46.0939 134.626 46.3703 134.626 47.9638C134.626 48.7813 134.839 49.1106 134.917 49.2264C134.849 49.348 134.626 49.7278 134.626 50.489C134.626 51.9609 135.349 52.3588 135.948 52.3588L139.536 52.3588L139.536 51.1566L136.025 51.1567C135.822 51.1567 135.515 51.0408 135.515 50.4898C135.515 50.0604 135.729 49.8279 136.025 49.8279L139.536 49.8279L139.536 48.6249L136.025 48.6249C135.73 48.6249 135.515 48.3974 135.515 47.9638C135.515 47.493 135.753 47.2961 136.025 47.2961L138.731 47.2961C139.261 47.2961 139.561 46.9834 139.561 46.4853L139.561 46.0939L135.982 46.0939L135.982 46.0939ZM134.624 43.5522C134.624 42.0481 135.326 41.5028 136.26 41.5028L137.78 41.5028C138.848 41.5028 139.653 42.1978 139.653 43.6366C139.653 45.0754 139.015 45.7655 138.157 45.7655C137.473 45.7655 137.021 45.2939 136.743 44.2671C136.703 44.1173 136.556 43.6176 136.49 43.3909C136.341 42.8738 136.225 42.7067 136.005 42.7067C135.772 42.7067 135.517 42.9954 135.517 43.5804C135.517 44.2803 135.944 44.5012 136.251 44.5046L136.251 45.5959C135.301 45.5959 134.624 45.0208 134.624 43.5522M138.76 43.731C138.76 43.2693 138.472 42.7042 137.74 42.7042L137.164 42.7042C137.164 42.7042 137.421 43.6151 137.498 43.8691C137.634 44.3234 137.861 44.5418 138.161 44.5418C138.46 44.5418 138.76 44.2919 138.76 43.731Z' fill='white'/%3E%3Cpath d='M139.649 55.3655C139.649 57.0252 138.648 57.75 137.381 57.75L136.013 57.75C134.252 57.75 133.566 56.5586 133.566 55.162C133.566 53.475 134.471 52.7378 135.375 52.7378C136.697 52.7378 137.02 54.1071 137.192 54.7135C137.243 54.8881 137.432 55.5302 137.473 55.6749C137.634 56.2392 137.814 56.4022 138.018 56.4022C138.369 56.4022 138.671 56.0919 138.671 55.3663C138.671 54.7359 138.46 54.2734 137.81 54.1964L137.81 52.8759C138.839 53.0133 139.648 53.6396 139.648 55.3655M134.545 55.2174C134.545 55.9505 135.029 56.4312 135.853 56.4312L136.718 56.4312C136.718 56.4312 136.432 55.4391 136.309 55.0246C136.205 54.6771 135.987 54.0558 135.449 54.0558C134.979 54.0558 134.546 54.443 134.546 55.2174' fill='white'/%3E%3Cpath d='M135.052 33.9837C135.052 33.9837 134.411 34.0432 134.15 33.7206C134.15 33.7206 133.789 33.4558 133.992 33.0305C133.992 33.0305 134.15 32.7509 134.801 32.8402L136.726 33.1182C136.726 33.1182 136.87 33.1182 136.552 32.9561C136.234 32.7947 135.053 31.9516 134.946 31.5917C134.946 31.5917 134.715 31.1805 135.344 30.8868C135.344 30.8868 135.537 30.8148 135.842 30.7842C136.145 30.7528 136.653 30.7263 137.159 30.7544C137.159 30.7544 137.406 30.7693 136.711 30.4317C136.016 30.0933 134.824 29.4745 134.917 28.9052C135.012 28.3343 135.467 28.3608 135.8 28.3459C136.132 28.331 138.244 28.4212 138.474 28.2739C138.474 28.2739 138.822 28.1705 138.764 27.8032C138.764 27.8032 139.675 27.5194 139.712 28.4833C139.717 28.585 139.686 29.1932 138.836 29.213C138.836 29.213 136.692 29.1385 136.565 29.3313C136.565 29.3313 136.28 29.491 137.94 30.1099C139.605 30.7304 139.599 30.8289 139.559 31.3576C139.529 31.7646 138.952 31.7688 138.691 31.7539C138.431 31.7398 136.464 31.7497 136.356 31.7564C136.305 31.7605 135.954 31.8308 137.479 32.5192C137.868 32.6946 138.33 32.7964 138.967 32.9147C138.967 32.9147 139.703 33.0694 139.602 33.7363C139.602 33.7363 139.559 34.1169 139.053 34.1467C139.053 34.1467 137.1 33.9704 136.449 33.9704C135.799 33.9704 135.051 33.9845 135.051 33.9845L135.052 33.9837Z' fill='white'/%3E%3Cpath d='M138.524 23.1955C138.568 23.4743 138.467 23.5323 138.467 23.5323C138.323 23.7532 137.685 23.8409 137.252 23.7532C136.818 23.6646 136.21 23.6059 136.21 23.6059C134.186 23.62 133.579 24.6194 133.535 25.1465C133.492 25.676 133.98 26.1757 133.98 26.1757C135.075 27.4375 137.151 27.5698 137.151 27.5698C139.828 27.7908 139.799 26.1468 139.799 26.1468C139.856 25.2366 138.931 24.7228 138.944 24.679C138.959 24.6351 139.263 24.444 139.263 24.444C139.574 24.2041 139.612 24.0403 139.595 23.8855C139.502 22.9531 138.525 23.1963 138.525 23.1963L138.524 23.1955ZM136.715 24.7502C136.859 24.861 137.2 24.8288 137.2 24.8288C137.351 24.861 137.599 24.928 137.599 24.928C137.802 25.0017 138.004 25.1183 138.004 25.1183C138.886 25.5444 138.655 26.1236 138.655 26.1236C138.467 26.85 136.888 26.6597 136.888 26.6597C134.583 26.3859 134.634 25.5883 134.634 25.5883C134.675 25.1531 135.194 24.9636 135.289 24.9173C135.846 24.6442 136.543 24.7071 136.543 24.7071C136.635 24.7121 136.715 24.7502 136.715 24.7502Z' fill='white'/%3E%3Cpath d='M138.688 20.6853C138.899 20.9393 138.572 21.1999 138.572 21.1999C138.303 21.4663 137.896 21.3794 137.806 21.3314C137.715 21.2843 136.406 20.2443 132.714 20.2451C130.357 20.2443 130.503 21.1701 130.503 21.1701C130.526 21.9751 131.282 22.3053 132.885 22.6288C134.131 22.8819 136.225 22.9142 137.531 22.7098C139.87 22.3458 139.875 21.1991 139.875 21.1991C139.889 20.303 139.065 20.332 139.065 20.332C138.452 20.3113 138.688 20.6844 138.688 20.6844L138.688 20.6853ZM136.721 21.746C136.87 21.8891 135.394 21.971 133.97 21.8328C132.565 21.698 131.765 21.2504 131.765 21.2504C131.662 21.156 133.695 20.9202 134.801 21.1072C135.908 21.2934 136.552 21.5813 136.721 21.746Z' fill='white'/%3E%3Cpath d='M138.688 17.691C138.899 17.9442 138.572 18.204 138.572 18.204C138.303 18.4704 137.896 18.3843 137.806 18.3363C137.715 18.2884 136.406 17.2484 132.714 17.25C130.355 17.25 130.502 18.1742 130.502 18.1742C130.525 18.9784 131.281 19.3093 132.884 19.6328C134.13 19.886 136.224 19.9199 137.531 19.7164C139.869 19.3507 139.874 18.204 139.874 18.204C139.888 17.3087 139.064 17.3377 139.064 17.3377C138.452 17.317 138.687 17.691 138.687 17.691L138.688 17.691ZM136.721 18.7509C136.87 18.8948 135.394 18.9767 133.97 18.8394C132.565 18.7037 131.765 18.2561 131.765 18.2561C131.662 18.1618 133.695 17.926 134.801 18.1121C135.908 18.3008 136.552 18.5887 136.721 18.7509Z' fill='white'/%3E%3Cdefs%3E%3Cpattern id='pattern0_14507_12545' patternContentUnits='objectBoundingBox' width='0.375' height='0.0326087'%3E%3Cuse xlink:href='%23image0_14507_12545' transform='scale(0.09375 0.0013587)'/%3E%3C/pattern%3E%3CclipPath id='clip0_14507_12545'%3E%3Crect width='0.375' height='75' fill='white' transform='translate(120)'/%3E%3C/clipPath%3E%3Cimage id='image0_14507_12545' width='4' height='24' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgBzY/BCQAgDAOjk7j/R5xAN9IN1KJIid8+elAIByUEMGAe8r6khdBFBknqobEYLBC5xIko3zjcUN98AxbtDEH3N94dOwAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E");
}
.store_couponimg_typeD_v2.ty_mnmorning {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='151' height='75' viewBox='0 0 151 75' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' fill='white'/%3E%3Cpath d='M117.375 0.1875C118.928 0.187505 120.188 1.4467 120.188 3V72C120.187 73.5533 118.928 74.8125 117.375 74.8125H0.1875V0.1875H117.375Z' stroke='%2344637E' stroke-width='0.375'/%3E%3Cpath d='M120.375 3C120.375 1.34315 121.718 0 123.375 0H150.375V75H123.375C121.718 75 120.375 73.6568 120.375 72V3Z' fill='%23A3B7CD'/%3E%3Cg clip-path='url(%23clip0_14507_12617)'%3E%3Crect width='1' height='69' transform='translate(120.375 3)' fill='url(%23pattern0_14507_12617)'/%3E%3C/g%3E%3Cpath d='M133.735 49.6793C135.015 49.6793 136.27 49.2413 136.834 48.1885L137.576 48.7444C137.192 49.4308 136.527 49.8815 135.714 50.1342C136.611 50.4163 137.361 50.9048 137.786 51.6166L137.104 52.2146C136.447 51.0944 135.091 50.589 133.794 50.589H132.429L132.429 49.6793H133.735ZM131.755 45.5184H139.37V46.4197H135.512V47.203H138.999V48.0874H131.89L131.89 47.203H134.754V46.4197H131.755L131.755 45.5184Z' fill='white'/%3E%3Cpath d='M132.21 43.3538H133.347V41.6523H132.21L132.21 40.7258H132.909L132.909 39.1929H131.755L131.755 38.2579H136.295V39.1929H135.234V40.7258H135.908L135.908 44.2887H132.21L132.21 43.3538ZM135.15 43.3538L135.15 41.6523H134.072V43.3538H135.15ZM136.641 38.2579H139.37L139.37 39.1929H137.399L137.399 43.4464H136.641L136.641 38.2579ZM134.468 40.7258V39.1929H133.667V40.7258H134.468Z' fill='white'/%3E%3Cpath d='M132.454 36.0596H134.215V34.8214H132.454L132.454 33.9539H137.525L137.525 36.944H132.454L132.454 36.0596ZM136.767 36.0596V34.8214H134.956V36.0596H136.767ZM131.755 30.61H139.37V31.5112H135.47V32.3198H138.999V33.2042H131.89L131.89 32.3198H134.695V31.5112H131.755L131.755 30.61Z' fill='white'/%3E%3Cpath d='M134.442 25.8005H135.436V22.7852L136.186 22.7852L136.186 29.7256H135.436V26.7271H134.442V25.8005ZM132.168 25.7921C133.095 25.7921 133.937 24.7729 134.139 23.181L134.872 23.5432C134.678 24.794 134.114 25.7879 133.314 26.2722C134.114 26.7607 134.678 27.7546 134.872 29.0096L134.139 29.3466C133.937 27.7799 133.078 26.7439 132.168 26.7439L131.882 26.7439L131.882 25.7921L132.168 25.7921ZM136.683 26.2638C136.683 24.6129 137.163 23.6359 138.022 23.6274C138.881 23.6359 139.361 24.6129 139.361 26.2638C139.361 27.9231 138.881 28.917 138.022 28.917C137.163 28.917 136.683 27.9231 136.683 26.2638ZM137.399 26.2638C137.399 27.384 137.601 27.9736 138.022 27.9652C138.443 27.9736 138.654 27.384 138.654 26.2638C138.654 25.1688 138.443 24.5708 138.022 24.5624C137.601 24.5708 137.399 25.1688 137.399 26.2638Z' fill='white'/%3E%3Cdefs%3E%3Cpattern id='pattern0_14507_12617' patternContentUnits='objectBoundingBox' width='0.375' height='0.0326087'%3E%3Cuse xlink:href='%23image0_14507_12617' transform='scale(0.09375 0.0013587)'/%3E%3C/pattern%3E%3CclipPath id='clip0_14507_12617'%3E%3Crect width='0.375' height='75' fill='white' transform='translate(120.375)'/%3E%3C/clipPath%3E%3Cimage id='image0_14507_12617' width='4' height='24' preserveAspectRatio='none' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABBSURBVHgBzY/BCQAgDAOjk7j/R5xAN9IN1KJIid8+elAIByUEMGAe8r6khdBFBknqobEYLBC5xIko3zjcUN98AxbtDEH3N94dOwAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E");
}
.store_couponimg_typeD_v2 .store_couponimg_info {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.store_couponimg_typeD_v2 .store_couponimg_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: left;
  color: var(--m-colors-gray900, #222222);
}
.store_couponimg_typeD_v2 .store_couponimg_tit {
  margin-bottom: 3px;
  width: 100%;
  font-weight: 600;
  font-size: 8px;
  line-height: 1;
}
.store_couponimg_typeD_v2 .store_couponimg_grade {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 105%;
          flex: 0 0 105%;
  letter-spacing: -0.8px;
}
.store_couponimg_typeD_v2 .store_couponimg_money,
.store_couponimg_typeD_v2 .store_couponimg_value {
  font-weight: bold;
  font-size: 33px;
  line-height: 1;
}
.store_couponimg_typeD_v2 .store_couponimg_won,
.store_couponimg_typeD_v2 .store_couponimg_percent {
  margin: 36px 0 0 1px;
  font-weight: bold;
  font-size: 9px;
  line-height: 1;
}
.store_couponimg_typeD_v2 .store_couponimg_option {
  margin-top: 4px;
  font-size: 11px;
  line-height: 14px;
  color: #444;
}

.store_couponimg_small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-image: url(../img/sprites/sp_storecoupon_20211221.png);
  background-position: -880px -694px;
  width: 100px;
  height: 50px;
  margin: 0 auto;
  padding-left: 12px;
  font-size: 14px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .store_couponimg_small {
    background-image: url(../img/sprites/sp_storecoupon_20211221@2x.png);
    background-size: 1052px 804px;
  }
}
.store_couponimg_small.ty_em {
  background-position: -800px -544px;
}
.store_couponimg_small.ty_sm {
  background-position: -770px -694px;
}
.store_couponimg_small.ty_tr {
  background-position: 0px -754px;
}
.store_couponimg_small.ty_sd {
  background-position: -440px -694px;
}
.store_couponimg_small.ty_mnmorning {
  background-position: -110px -694px;
}
.store_couponimg_small.ty_mncasamia {
  background-position: -910px -604px;
}
.store_couponimg_small.ty_mnchicor {
  background-position: 0px -694px;
}
.store_couponimg_small.ty_tv {
  background-position: -110px -754px;
}
.store_couponimg_small.ty_hwd {
  background-position: -910px -544px;
}
.store_couponimg_small.ty_mntrip {
  background-position: -220px -694px;
}
.store_couponimg_small.ty_si {
  background-position: -660px -694px;
}
.store_couponimg_small.ty_sf {
  background-position: -550px -694px;
}
.store_couponimg_small.ty_outlet {
  background-position: -330px -694px;
}
.store_couponimg_small.ty_king {
  background-position: -800px -604px;
}
.store_couponimg_small.ty_free_em {
  background-position: -220px -754px;
  width: 95px;
}
.store_couponimg_small.ty_free_tr {
  background-position: -430px -754px;
  width: 95px;
}
.store_couponimg_small.ty_free_mnmorning {
  background-position: -325px -754px;
  width: 95px;
}
.store_couponimg_small .store_couponimg_tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #fff;
}
.store_couponimg_small .store_couponimg_money {
  font-size: 18px;
  font-weight: bold;
  line-height: 21px;
  letter-spacing: -0.3px;
}
.store_couponimg_small .store_couponimg_won {
  margin: 7px 0 0 1px;
  font-size: 10px;
  font-weight: bold;
  line-height: 12px;
}
.store_couponimg_small .store_couponimg_value {
  font-size: 32px;
  font-weight: bold;
  line-height: 38px;
  letter-spacing: -0.3px;
}
.store_couponimg_small .store_couponimg_percent {
  margin: 17px 0 0 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
}
.store_couponimg_small.ty_em .store_couponimg_tx, .store_couponimg_small.ty_tr .store_couponimg_tx, .store_couponimg_small.ty_mnmorning .store_couponimg_tx, .store_couponimg_small.ty_mncasamia .store_couponimg_tx, .store_couponimg_small.ty_king .store_couponimg_tx {
  color: var(--m-colors-black, #000000);
}
.store_couponimg_small.ty_free_em, .store_couponimg_small.ty_free_tr, .store_couponimg_small.ty_free_mnmorning {
  padding-left: 25px;
}
.store_couponimg_small.ty_free_em .store_couponimg_tit, .store_couponimg_small.ty_free_tr .store_couponimg_tit, .store_couponimg_small.ty_free_mnmorning .store_couponimg_tit {
  padding-bottom: 7px;
  font-size: 15px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}

/* 쿠폰 다운 */
.store_coupon_down {
  margin-top: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.store_coupon_down.ty2 {
  text-align: center;
  margin-top: 27px;
  font-weight: bold;
}
.store_coupon_down .store_coupondown_desc {
  display: block;
  margin-left: 19px;
  min-width: 184px;
  margin-right: 8px;
  font-size: 14px;
  color: #1c1c1c;
  line-height: 1.3;
}
.store_coupon_down .store_coupondown_btn {
  position: relative;
  display: block;
  width: 41px;
  min-width: 41px;
  height: 41px;
  border-radius: 50%;
  border: 1px solid #bbb;
}
.store_coupon_down .store_coupondown_btn:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../img/sprites/sp_storecoupon_20211221@2x.png);
  background-position: -1020px -544px;
  background-size: 1052px 804px;
  width: 14px;
  height: 14px;
}
.store_coupon_down .store_coupondown_btn.ty_complete {
  border: none;
  background: var(--m-colors-black, #000000);
  text-align: center;
}
.store_coupon_down .store_coupondown_btn.ty_complete:before {
  display: none;
}
.store_coupon_down .store_coupondown_btn.ty_complete span {
  display: inline-block;
  line-height: 1.2;
  color: #fff;
  font-size: 10px;
  margin-top: 4px;
}

.store_coupongrid_item + .store_coupongrid_item {
  margin-top: 40px;
}

.store_couponunit_info {
  margin-top: 15px;
  text-align: center;
}
.store_couponunit_infotit {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.store_couponunit_infodesc {
  display: block;
  font-size: 13px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #777;
}
.store_couponunit_infotit + .store_couponunit_infodesc {
  margin-top: 3px;
}
.store_couponunit_infodesc + .store_couponunit_infodesc {
  margin-top: 2px;
}

.store_coupongrid_btnarea {
  margin-top: 10px;
  text-align: center;
}

.store_coupongrid_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;
  width: 100%;
  height: 45px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.store_coupongrid_btn:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -1px 0 0 5px;
  background: center/100% no-repeat;
  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><g fill="none" fill-rule="evenodd"><path d="M0 20V0h20v20z"/><g fill="%23000" fill-rule="nonzero"><path d="m15.9 8.4-.8-.8-4.6 4.7V3h-1v9.3L4.9 7.6l-.8.8 5.9 5.8z"/><path d="M15 14v2H5v-2H4v3h12v-3z"/></g></g></svg>');
  vertical-align: middle;
  content: "";
}

@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);
}

.cmplanindex_noresult {
  margin: 24px 0;
  padding: 0 15px;
  font-size: 17px;
  line-height: 24px;
  color: #777;
  letter-spacing: -0.3px;
  text-align: center;
}

.cmplan_banner .cmplan_banner_img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cmplan_cmctg_nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 500;
}

.cmplan_ctg_tab {
  height: 52px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.cmplan_ctg_tab .cmplan_ctg_scroll {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.cmplan_ctg_tab .cmplan_ctg_scroll::-webkit-scrollbar {
  display: none;
}
.cmplan_ctg_tab .cmplan_ctg_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 17px 0 17px;
}
.cmplan_ctg_tab .cmplan_ctg_lst li {
  padding-right: 20px;
}
.cmplan_ctg_tab .cmplan_ctg_lst li:first-child {
  padding-left: 20px;
}
.cmplan_ctg_tab .cmplan_ctg_lst li a {
  display: block;
  line-height: 1.3;
  font-size: 14px;
  text-align: center;
  color: #858585;
}
.cmplan_ctg_tab .cmplan_ctg_lst li.on a {
  color: #d28d65;
}

.ly_endpm {
  position: -webkit-sticky;
  position: sticky;
  z-index: 700;
}

.ly_endpm .sp_endpm,
.ly_endpm .sp_endpm:after {
  display: inline-block;
  background: url(../img/sp_endpm.png) 0 0 no-repeat;
  background-size: 300px 300px;
}

.ly_endpm .dimmed_endpm {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 900;
  background: rgba(0, 0, 0, 0.7);
}

.dimmed_noscroll {
  overflow: hidden;
  height: 100vh;
}

.ly_endpm .endpm_wrap {
  position: absolute;
  left: 2.5%;
  top: 60px;
  right: 2.5%;
  padding-bottom: 28px;
  background-color: #fff;
  text-align: center;
  z-index: 980;
}

.ly_endpm .endpm_tit {
  width: 252px;
  height: 125px;
  margin-top: -17px;
  vertical-align: top;
  background-position: 0 0;
}

.ly_endpm .endpm_tit_txt {
  display: inline-block;
  width: 270px;
  color: var(--m-colors-gray900, #222222);
  margin-top: 40px;
  font-weight: normal;
  font-size: 27px;
  line-height: 34px;
}

.ly_endpm .btn_endpm_back {
  position: absolute;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background: none;
}

.ly_endpm .btn_endpm_back:after {
  position: absolute;
  left: 12px;
  top: 11px;
  width: 20px;
  height: 20px;
  background-position: -255px 0;
  content: "";
}

.ly_endpm .btn_endpm_close {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background: none;
}

.ly_endpm .btn_endpm_close:after {
  position: absolute;
  left: 13px;
  top: 12px;
  width: 17px;
  height: 16px;
  background-position: -283px 0;
  content: "";
}

.ly_endpm .endpm_cont {
  margin: 11px 0;
}

.ly_endpm .endpm_cont_tit.tit_benefit {
  width: 185px;
  height: 13px;
  margin-bottom: 20px;
  vertical-align: top;
  background-position: 0 -125px;
}

.ly_endpm .anoter_btn_wrap {
  width: 237px;
  margin: 0 auto;
}

.ly_endpm .anoter_btn_wrap a {
  display: block;
  height: 55px;
  margin-top: 5px;
}

.ly_endpm .anoter_btn_wrap a:first-child {
  margin-top: 0;
}

.ly_endpm .anoter_btn_wrap .btn_another01 {
  background-position: 0 -145px;
}

.ly_endpm .anoter_btn_wrap .btn_another02 {
  background-position: 0 -205px;
}

.ly_endpm.ly_endexb .sp_endpm {
  background-image: url(../img/sp_endexb.png);
}

.ly_endpm.ly_endexb .endpm_cont_tit.tit_benefit {
  width: 129px;
}

.cm_plan_top {
  background-color: #fff;
  padding: 0 18px;
  position: relative;
  line-height: 1.5;
}

.cm_plan_top .sp_com {
  background-image: url(../img/sp_com_rtn2.png);
  display: inline-block;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  background-size: 250px 1300px;
}

.cm_plan_info {
  padding: 3px 0;
}

.cm_plan_info .mall {
  font-family: "Times New Roman";
  font-size: 13px;
  color: #fc1934;
  font-weight: bold;
  letter-spacing: 0;
}

.cm_plan_info .mall.ssgmall {
  color: #fc1934;
}

.cm_plan_info .mall.emart {
  color: #ffa516;
}

.cm_plan_info .mall.traders {
  color: #9c0;
}

.cm_plan_info .mall.ssg {
  color: #1b1b1b;
}

.cm_plan_info .mall.boons {
  color: #ff4f4f;
}

.cm_plan_info .mall.depart {
  color: #784130;
}

.cm_plan_info .mall.depart.v2 {
  font-family: "AppleSDGothicNeo-Bold", sans-serif;
  font-size: 12px;
  color: #754435;
}

.cm_plan_info .mall.boots {
  color: #004990;
}

.cm_plan_info .mall.howdy {
  color: #040a09;
}

.cm_plan_info .mall.tv {
  color: #e2231a;
}

.cm_plan_info .mall.si {
  color: var(--m-colors-gray900, #222222);
}

.cm_plan_info .mall.outlet {
  color: #d9117c;
}

.cm_plan_info .mall.mnmorning {
  color: #8097af;
}

.cm_plan_info .mall.mncasamia {
  color: var(--m-colors-gray900, #222222);
}

.cm_plan_info .mall.mnchicor {
  color: var(--m-colors-black, #000000);
}

.cm_plan_tit {
  font-size: 21px;
  color: var(--m-colors-black, #000000);
  line-height: 1.1;
  padding: 0 0 16px 0;
  min-height: 46px;
  letter-spacing: -0.5px;
  word-break: break-all;
  word-wrap: break-word;
}

.cm_plan_btn {
  position: absolute;
  top: 27px;
  right: 18px;
}

.cm_plan_btn .btn_part {
  float: left;
  border: 0 !important;
  background-color: #fff;
  margin: 0 0 0 5px;
  opacity: 1 !important;
}

.cm_plan_btn .btn_part a {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.cm_plan_btn .btn_part a span {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 40px;
  background-image: url(../img/common/sp_btn.png);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  margin: 0;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cm_plan_btn .btn_part a span.ico_clip {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-image: url(../img/common/clipani_off.png);
  background-repeat: no-repeat;
  background-size: 100px 250px;
  background-position: 0 -50px;
}

.cm_plan_btn .btn_part.clip_red a span.ico_clip {
  background-image: url(../img/common/sp_btn.png);
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 0 -50px;
}

.cm_plan_btn .btn_part.clip_on a span.ico_clip {
  width: 44px;
  height: 44px;
  background: url(../img/common/clipani_80.png);
  background-size: 151px 2080px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 -2px -2px 0;
  -webkit-animation: ani_bounce 0.65s ease-out;
          animation: ani_bounce 0.65s ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.cm_plan_btn .btn_part.clip_ani a span.ico_clip {
  width: 44px;
  height: 44px;
  background: url(../img/common/clipani_80.png);
  background-size: 151px 2080px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  -webkit-animation: ani_bounce 0.65s ease-out;
          animation: ani_bounce 0.65s ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  margin: 0 -2px -2px 0;
}

.cm_plan_btn .btn_part a span.ico_url {
  background-image: url(../img/common/clipani_off.png);
  background-repeat: no-repeat;
  background-size: 100px 250px;
  background-position: -50px -50px;
}

.cm_plan_view {
  margin: 0 17px;
  border-top: 1px solid #dfdfdf;
  position: relative;
}

.cm_plan_top .cm_plan_view {
  margin: 0;
}

.cm_plan_view select {
  width: 100%;
  height: 35px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: 0;
  opacity: 0.01;
}

.cm_plan_view label {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 35px;
}

.cm_plan_view label em {
  font-size: 9px;
}

.cm_plan_cont {
  text-align: center;
}

.cm_plan_cont img {
  vertical-align: top;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}

.cm_plan_cont .bnr_wrap img {
  max-width: 100%;
}

.cm_plan_bn {
  text-align: center;
}

.cm_plan_bn a {
  display: inline-block;
}

.cm_plan_bn img {
  vertical-align: top;
  max-width: 100%;
}

.cm_plan_bn + video {
  max-width: 100%;
  vertical-align: top;
}

.cm_plan_bnr {
  position: relative;
  min-height: 152px;
  background: #fff;
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.cm_plan_bnr .cm_bnr_cont {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

.cm_plan_bnr .cm_bnr_cont:after {
  position: absolute;
  top: -13px;
  left: 21%;
  width: 25px;
  height: 13px;
  background: url(../img/cm_bnr_arr.png) no-repeat;
  background-size: 25px auto;
  content: "";
}

.cm_plan_bnr .cm_bnr_table {
  display: table;
  width: 100%;
  border-collapse: collapse;
}

.cm_plan_bnr .cm_bnr_cell {
  display: table-cell;
  height: 152px;
  padding: 3% 2.7%;
  text-align: center;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cm_plan_bnr .cm_bnr_txtarea {
  width: 47%;
  padding-left: 3.2%;
}

.cm_plan_bnr .cm_bnr_txtarea .cm_bnr_tit {
  display: inline-block;
  overflow: hidden;
  width: 69px;
  height: 51px;
  background: url(../img/cm_bnr_tit.png) no-repeat;
  background-size: 69px auto;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cm_plan_bnr .cm_bnr_txtarea .cm_bnr_txt {
  display: block;
  overflow: hidden;
  height: 40px;
  margin-top: 15px;
  font-size: 13px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  letter-spacing: -0.03em;
  text-overflow: ellipsis;
  word-break: break-all;
}

.cm_plan_bnr .cm_bnr_imgarea {
  width: 53%;
}

.cm_plan_bnr .cm_bnr_imgarea img {
  width: 100%;
  vertical-align: middle;
}

.cm_plan_html {
  text-align: center;
}

.cm_plan_html img {
  vertical-align: top;
  width: auto !important;
  max-width: 100%;
  height: auto !important;
}

.cm_plan_html table {
  width: auto !important;
  max-width: 100%;
}

.cm_plan_mov {
  max-width: 750px;
  margin: 0 auto;
}

.cm_plan_mov video {
  width: 100%;
  vertical-align: top;
}

.cm_plan_ty {
  padding: 9px 12px;
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}
.cm_plan_ty.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 10;
}

.cm_plan_ty .sp_com {
  background-image: url(../img/sp_com_rtn2.png);
  display: inline-block;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  background-size: 250px 1300px;
}

.cm_plan_ty .sp_com.sel_arrow {
  position: absolute;
  right: 8px;
  top: 50%;
  width: 8px;
  height: 6px;
  margin-top: -3px;
  background-position: -35px -30px;
}

.cm_plan_ty .posr {
  display: table-cell;
  width: 53px;
  height: 40px;
}

.cm_plan_ty .btn_t {
  display: block;
  position: relative;
  width: auto;
  height: 38px;
  padding: 0 23px 0 8px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 38px;
  color: #666;
  text-align: center;
  margin-right: 5px;
}

.cm_plan_ty .btn_t em {
  font-weight: bold;
}

.cm_plan_ty .btn_t .ico_lst {
  width: 13px;
  height: 13px;
  margin-top: 12px;
  background-position: -59px -27px;
}

.cm_plan_ty .btn_t .ico_thmb {
  width: 13px;
  height: 13px;
  margin-top: 12px;
  background-position: -59px -42px;
}

.cm_plan_ty .btn_t .ico_bthmb {
  width: 13px;
  height: 13px;
  margin-top: 12px;
  background: #666;
}

.cm_plan_ty .tm,
.cm_plan_ty .sort {
  display: table-cell;
  width: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
}

.cm_plan_ty .tm select,
.cm_plan_ty .sort select {
  width: 100%;
  height: 40px;
  padding: 0 0 0 8px;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff;
  font-size: 13px;
  line-height: 40px;
  color: #666;
  vertical-align: top;
  font-weight: bold;
}

.cm_plan_ty .tm label,
.cm_plan_ty .sort label {
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 6px;
  margin-top: -3px;
  background-image: url(../img/sp_com_rtn2.png);
  display: inline-block;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  background-size: 250px 1300px;
  background-position: -35px -30px;
}

.cm_plan_ty .tm + .sort {
  width: 105px;
  padding-left: 5px;
}

.cm_plan_ty .tm label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.theme_tit {
  padding: 9px 12px;
  border-top: 1px solid #666;
  background: #f2f2f2 url(../img/line_xdot_d9d9d9.gif) repeat-x 0 100%;
  background-size: 2px 1px;
  font-size: 14px;
  line-height: 22px;
  color: var(--m-colors-gray900, #222222);
  position: relative;
  word-break: break-all;
  word-wrap: break-word;
}

.gr_slide_bnr {
  position: relative;
  background: #fff;
  max-width: 640px;
  margin: 0 auto;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 20px;
}

.gr_slide_bnr .sb_flick_type {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
}

.gr_slide_bnr .box_style {
  padding: 0 20px;
}

.gr_slide_bnr .link_osmu {
  display: table;
  width: 100%;
}

.gr_slide_bnr .link_osmu .bn_img {
  display: table-cell;
  width: 38%;
  position: relative;
}

.gr_slide_bnr .link_osmu .bn_img img {
  width: 100%;
}

.gr_slide_bnr .link_osmu .bn_txt {
  display: table-cell;
  width: 62%;
  vertical-align: middle;
}

.gr_slide_bnr .link_osmu .bn_txt .h1 {
  display: block;
  padding: 0 5% 0 6%;
}

.gr_slide_bnr .link_osmu .bn_txt .h1 em {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 38px;
  margin-bottom: 2px;
  color: #303030;
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.gr_slide_bnr .link_osmu .bn_txt .h2 {
  display: block;
  padding: 3px 5% 0 6%;
  overflow: hidden;
  max-height: 30px;
  color: #888;
  font-size: 12px;
  line-height: 15px;
}

.gr_slide_bnr .swiper-pagination {
  overflow: hidden;
  margin: 20px 0 30px;
  font-size: 0;
  text-align: center;
}

.gr_slide_bnr .swiper-pagination > .swiper-pagination-bullet {
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  margin: 0 3px 0 2px;
  background-color: #ccc;
  border-radius: 50%;
  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gr_slide_bnr .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #383f45;
}

/* 기획전 기본템플릿 배너 */
.cm_plan_tmplbn .bn_img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cm_plan_tmplbn .bn_txt {
  padding: 11px 23px 18px;
}

.cm_plan_tmplbn .bn_txt .place {
  display: block;
  margin-bottom: 8px;
  line-height: 21px;
}

.cm_plan_tmplbn .bn_txt .h1 {
  display: block;
  margin-bottom: 4px;
  font-size: 19px;
  line-height: 27px;
  letter-spacing: -0.3px;
}

.cm_plan_tmplbn .bn_txt .h2 {
  display: block;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.3px;
}

.cm_plan_tmplbn .bn_tag.v2 {
  padding: 17px 20px 17px 20px;
}

.cm_plan_tmplbn .bn_tag.v2 .tag {
  display: block;
  overflow: hidden;
  max-height: 42px;
}

.cm_plan_tmplbn .bn_tag.v2 .tag:after {
  display: block;
  clear: both;
  content: "";
}

.cm_plan_tmplbn .bn_tag.v2 .tag .tag_word {
  float: left;
  height: 17px;
  padding: 2px 3px;
  font-size: 15px;
  line-height: 1.33;
  color: #777;
  letter-spacing: -0.28px;
}

.hwd_tmplbn {
  background: #fff;
  word-wrap: break-word;
  word-break: break-word;
}

.hwd_tmplbn .hwd_tmplbn_descbx:last-child {
  margin-bottom: 0;
  padding-bottom: 35px;
}
.hwd_tmplbn .hwd_tmplbn_descbx img {
  display: block;
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
}

.hwd_tmplbn .hwd_tmplbn_keyword {
  margin: 0 30px;
  padding-top: 20px;
}

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

.hwd_tmplbn .hwd_tmplbn_kwdtxt {
  float: left;
  margin-right: 4px;
  font-size: 13px;
  line-height: 20px;
  color: #252525;
}

.hwd_tmplbn .hwd_tmplbn_bnr {
  margin: 0 30px;
  padding-top: 30px;
  text-align: center;
}
.hwd_tmplbn .hwd_tmplbn_bnr:first-child {
  padding-top: 0;
}
.hwd_tmplbn .hwd_tmplbn_bnr:last-child {
  padding-bottom: 50px;
}

.hwd_tmplbn .hwd_tmplbn_bnr.ty_full {
  margin-right: 0;
  margin-left: 0;
}

.hwd_tmplbn .hwd_tmplbn_bnrlink {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}

.hwd_tmplbn .hwd_tmplbn_bnrimg {
  max-width: 100%;
  vertical-align: top;
}

.hwd_tmplbn .hwd_plantmpl_html {
  margin: 0 30px;
  font-size: 16px;
  line-height: 28px;
  color: var(--m-colors-black, #000000);
}

.hwd_tmplbn .hwd_plantmpl_imgbx {
  margin: 0 -30px;
  text-align: center;
}

.hwd_tmplbn .hwd_plantmpl_desc {
  padding-top: 30px;
}
.hwd_tmplbn .hwd_plantmpl_desc:first-child {
  padding-top: 0;
}

/* 트립 기획전 상세 */
.srch_trip {
  padding-bottom: 5px;
}

.srch_trip .srch_trip_tab {
  display: table;
  table-layout: fixed;
  position: relative;
  width: 100%;
  background: #eee;
  border-top: 5px solid #eee;
  border-collapse: collapse;
  z-index: 10;
}

.srch_trip .srch_trip_tab li {
  display: table-cell;
  vertical-align: top;
}

.srch_trip .srch_trip_tab li a {
  display: block;
  height: 55px;
  line-height: 55px;
  border: 0;
  border-top-right-radius: 5px;
  letter-spacing: -0.5px;
  font-weight: bold;
  font-size: 15px;
  color: #717171;
  text-align: center;
}

.srch_trip .srch_trip_tab li:last-child a {
  border-top-right-radius: 0px;
  border-top-left-radius: 5px;
}

.srch_trip .srch_trip_tab li.on a {
  background: #fff;
  color: var(--m-colors-gray900, #222222);
}

.sec_mntripunit {
  padding: 0 20px 30px;
}

#planShopItem .grid_infinite .grid_tabnav {
  position: relative !important;
}
#planShopItem .grid_infinite.on .grid_tabnav {
  position: fixed !important;
  top: env(safe-area-inset-top, 0px);
  z-index: 9;
  width: 100%;
}

.grid_infinite {
  min-height: 100vh;
  position: relative;
  z-index: 400;
}
.grid_infinite .grid_tabnav {
  position: -webkit-sticky;
  position: sticky;
  top: env(safe-area-inset-top, 0px);
  z-index: 9;
}
.grid_infinite .grid_heading {
  padding: 20px 15px 0;
  background-color: #fff;
}
.grid_infinite .grid_heading h3 {
  color: var(--m-colors-black, #000000);
  font-size: 20px;
  font-weight: bold;
}
.grid_infinite .cmctg_nav .cmctg_txt {
  max-width: 250px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.grid_infinite .grid_section {
  width: 100%;
}
.grid_infinite .cmitem_grid {
  width: 100%;
}
.grid_infinite .cmitem_grid_lst {
  background-color: #fff;
}
.grid_infinite .mntripunit_grid_lst {
  padding: 0 15px;
}
.grid_infinite .cmctbest_nodata {
  margin: 36px 0 30px;
  height: 350px;
  min-height: auto;
}

.cmctbest_nodata_v2 {
  padding: 60px 0;
  position: relative;
  background: #f9f9f9;
  text-align: center;
}
.cmctbest_nodata_v2 p {
  font-size: 14px;
  text-align: center;
  color: #777;
}
.cmctbest_nodata_v2::before {
  content: "";
  background: url("../img/com_v2/ico_face_smile@2x.png") no-repeat;
  background-size: contain;
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 auto 5px;
}

.body_eshop #planShopItem .grid_infinite.on .grid_tabnav {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  height: 55px;
  top: env(safe-area-inset-top, 0px);
  overflow: visible !important;
}
.body_eshop #planShopItem .grid_infinite.on .grid_tabnav::before {
  content: "";
  display: block;
  width: 100%;
  height: 65px;
  background-color: #fff;
  position: absolute;
  top: -60px;
  left: 0;
}

/* 개인화탭 */
.sp_foryou {
  display: inline-block;
  overflow: hidden;
  background: url(../img/common/sp_foryou.png) no-repeat;
  background-size: 125px 125px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.foryou_cont {
  padding: 10px 0;
}

.foryou_pd_tit {
  margin-top: 40px;
}
.foryou_pd_tit:before {
  display: block;
  content: "";
  height: 10px;
  background-color: #dee1e7;
}
.foryou_pd_tit:first-of-type {
  margin-top: 0;
}
.foryou_pd_tit:first-of-type:before {
  display: none;
}
.foryou_pd_tit:first-of-type .foryou_tit {
  margin-top: 0;
}
.foryou_pd_tit .foryou_tit {
  padding: 0 15px;
  margin-top: 22px;
}
.foryou_pd_tit .foryou_tit:before {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  content: "";
}
.foryou_pd_tit .foryou_txt {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.foryou_pd_tit .price_wrap {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.3px;
}
.foryou_pd_tit .price_wrap .ssg_price {
  font-weight: 500;
}
.foryou_pd_tit .price_wrap .new_price:before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #222;
}

@media screen and (max-width: 360px) {
  .foryou_pd_tit .price_wrap {
    font-size: 15px;
  }
}
.foryou_pd .cmitem_ty_list .cmunit_sideinfo {
  padding-right: 100px;
}

.foryou_pd .cmitem_ty_list .cmunit_fund {
  margin-right: 0;
}

.foryou_pd .cmforu_del {
  position: absolute;
  right: 0;
  bottom: 9px;
}

.foryou_pd .cmforu_btn_del {
  display: inline-block;
  position: relative;
  width: 100px;
  height: 34px;
  margin-top: -5px;
  padding: 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  line-height: 14px;
  color: #6c7080;
  letter-spacing: -0.3px;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  outline: transparent;
}

.foryou_pd .cmforu_btn_del:before,
.foryou_pd .cmforu_btn_del:after {
  position: absolute;
  bottom: 0;
  background: url(../img/common/cmunit_btn_foru.png) no-repeat 100% 100%;
  background-size: auto 44px;
  content: "";
}

.foryou_pd .cmforu_btn_del:before {
  right: 10px;
  left: 0;
  height: 100%;
  border-radius: 5px 0 0 5px;
  background-repeat: repeat-x;
}

.foryou_pd .cmforu_btn_del:after {
  right: 0;
  width: 10px;
  height: 44px;
  border-bottom-right-radius: 5px;
}

.foryou_pd .cmforu_txt_del {
  display: inline-block;
  position: relative;
  padding-right: 13px;
  vertical-align: top;
}

.foryou_pd .cmforu_txt_del:before,
.foryou_pd .cmforu_txt_del:after {
  position: absolute;
  top: 7px;
  right: 0;
  width: 11px;
  height: 1px;
  background: #6c7080;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.foryou_pd .cmforu_txt_del:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.foryou_nodata {
  padding: 142px 20px 27px;
  background: #dee1e7 url(../img/common/bg_foryou_nodata.png) 50% 20px no-repeat;
  background-size: 165px 121px;
  text-align: center;
}
.foryou_nodata .nodata_txt {
  margin-top: 15px;
  font-weight: bold;
  font-size: 18px;
  color: #4b4f56;
}
.foryou_nodata .nodata_txt2 {
  margin-top: 5px;
  font-size: 13px;
  line-height: 17px;
  color: #646d78;
}
.foryou_nodata .fc1 {
  color: #ff8a4a;
}
.foryou_nodata .fc2 {
  color: #f37bde;
}
.foryou_nodata .fc3 {
  color: #2bbde2;
}

/* 클립할인 */
.clipslae_cont {
  overflow: hidden;
  padding: 10px 0;
}

.clipslae_cont .clipsale_tit {
  height: 39px;
  margin-top: 10px;
  padding: 0 2px;
  text-align: center;
}

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

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

.clipslae_cont .clipsale_tit.type1 {
  background: #958ce5;
}

.clipslae_cont .clipsale_tit.type2 {
  background: #ffa86e;
}

.clipslae_cont .clipsale_tit .txt {
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
  vertical-align: -2px;
}

.clipslae_cont .clipsale_tit .price_wrap {
  letter-spacing: -0.02em;
}

.clipslae_cont .clipsale_tit .ssg_price {
  display: inline-block;
  font-size: 15px;
  vertical-align: -1px;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.clipslae_cont .clipsale_tit .ssg_tx {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}

.clipslae_cont .clipsale_tit .new_price:before {
  display: inline-block;
  width: 6px;
  height: 7px;
  margin: 0 3px 0 5px;
  background: url(../img/ico_clipsale.png) no-repeat 50% 0;
  background-size: 6px 7px;
  content: "";
}

.clipslae_cont .clipsale_tit .new_price .ssg_price,
.clipslae_cont .clipsale_tit .new_price .ssg_tx {
  color: #fff200;
}

@media screen and (max-width: 360px) {
  .clipslae_cont .clipsale_tit .price_wrap {
    font-size: 12px;
  }
  .clipslae_cont .clipsale_tit .ssg_price {
    font-size: 14px;
  }
}
/*쓱스타그램*/
.star_wrap .star_banner img {
  display: block;
  width: 100%;
}

.star_wrap .sns_like {
  position: relative;
  display: block;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  padding: 7px 0 7px 0;
}

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

.star_wrap .sns_like .txt {
  float: left;
  display: -webkit-box;
  height: 25px;
  width: 80%;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.star_wrap .sns_like .txt span {
  padding-left: 6px;
}

.star_wrap .sns_like .like {
  position: absolute;
  right: 8px;
  top: 8px;
  padding-left: 20px;
  font-size: 15px;
  color: #666;
  background: url(../img/ico_like.png) no-repeat 0 2px;
  background-size: 17px 15px;
}

.star_wrap .star_content {
  border-bottom: 10px solid #f0f1f5;
}

/* 이벤트쿠폰 개편 */
.sp_ec {
  overflow: hidden;
  display: inline-block;
  background: url(../img/sp_ec.png) no-repeat 0 0;
  background-size: 100px auto;
  vertical-align: top;
}

.cm_ec_sec:after {
  display: block;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  background: #efefef;
  content: "";
}

.cmec_main_swiper {
  position: relative;
}
.cmec_main_swiper .cmec_swiper_bn {
  overflow: hidden;
  position: relative;
  padding-bottom: 62.77778%;
}
.cmec_main_swiper .cmec_swiper_bn img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.cmec_main_swiper .cmec_swiper_utils {
  height: 35px;
  text-align: center;
}
.cmec_main_swiper .cmec_swiper_utils.on .cmec_swiper_ctrls {
  display: inline-block;
}
.cmec_main_swiper .cmec_swiper_utils.on .cmec_swiper_set {
  display: block;
}
.cmec_main_swiper .cmec_swiper_ctrls {
  display: none;
  position: relative;
  vertical-align: top;
}
.cmec_main_swiper .cmec_swiper_ctrls .swiper-pagination {
  font-weight: 500;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
  line-height: 35px;
}
.cmec_main_swiper .cmec_swiper_ctrls .swiper-pagination .cmec_swiper_current,
.cmec_main_swiper .cmec_swiper_ctrls .swiper-pagination .cmec_swiper_total {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_prev,
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_next {
  position: absolute;
  top: 5px;
  width: 25px;
  height: 25px;
}
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_prev:after,
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_next:after {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 6px;
  height: 9px;
  background: url(../img/sp_ec_slide.png) no-repeat 0 0;
  background-size: 32px auto;
  content: "";
}
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_prev {
  left: -17px;
}
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_next {
  right: -18px;
}
.cmec_main_swiper .cmec_swiper_ctrls .cmec_swiper_next:after {
  background-position: -8px 0;
}
.cmec_main_swiper .cmec_swiper_set {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 5px;
}
.cmec_main_swiper .cmec_swiper_set .cmec_swiper_autoplay {
  position: relative;
  width: 25px;
  height: 25px;
}
.cmec_main_swiper .cmec_swiper_set .cmec_swiper_autoplay:after {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 9px;
  background: url(../img/sp_ec_slide.png) no-repeat -16px 0;
  background-size: 32px auto;
  content: "";
}
.cmec_main_swiper .cmec_swiper_set .cmec_swiper_autoplay.on:after {
  right: 9px;
  width: 6px;
  background-position: -26px 0;
}

.body_sf .cmec_main_swiper .cmec_swiper_bn img + img {
  max-width: 100%;
  top: 10px;
  left: 20px;
}

.cm_ec_grid {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e1e1e1;
  table-layout: fixed;
}

.cm_ec_grid .grid_item {
  display: table-cell;
  border-left: 1px solid #e1e1e1;
}

.cm_ec_grid .grid_item:first-child {
  border-left: 0;
}

.cm_ec_grid .grid_link {
  display: block;
  padding: 19px 10px 15px 15px;
  line-height: 0;
}

.cm_ec_grid .grid_link .tx_benefit {
  display: inline-block;
  position: relative;
  padding-right: 13px;
  font-size: 14px;
  color: #5e5e5e;
  line-height: 1.21;
  vertical-align: top;
}

.cm_ec_grid .grid_link .tx_benefit:after {
  position: absolute;
  top: 50%;
  right: 2px;
  width: 5px;
  height: 5px;
  margin-top: -4px;
  border: 1px solid #5e5e5e;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.cm_ec_grid .grid_link .tx_count {
  display: block;
  margin-top: 6px;
  color: var(--m-colors-primary, #a59357);
  line-height: 1;
}

.cm_ec_grid .grid_link .tx_num {
  font-weight: 500;
  font-size: 30px;
  vertical-align: -1px;
}

.cm_ec_grid .grid_link .tx_unit {
  margin-left: 2px;
  font-size: 13px;
}

.cm_ec_grid.ty_min .grid_link {
  padding: 19px 15px 16px;
}

.cm_ec_grid.ty_min .grid_link .tx_benefit {
  font-size: 13px;
}

/* 401814 구매 프로모션 종료 대응 3/4 오픈후 삭제(s) */
.cm_ec_couponlist {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}

.cm_ec_couponlist li {
  display: table-cell;
  text-align: center;
}

.cm_ec_couponlist a {
  position: relative;
  display: block;
  padding: 16px 0 11px 0;
}

.cm_ec_couponlist a em {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  color: #5e5e5e;
}

.cm_ec_couponlist .sp_ec {
  width: 21px;
  height: 21px;
}

.cm_ec_couponlist .ico_ec01 {
  background-position: 0 0;
}

.cm_ec_couponlist .ico_ec02 {
  background-position: -23px 0;
}

.cm_ec_couponlist .ico_ec03 {
  background-position: -46px 0;
}

.cm_ec_couponlist .ico_ec04 {
  background-position: -69px 0;
}

.cm_ec_couponlist.v2 a em {
  display: initial;
  margin-top: 0;
}

/* 401814 구매 프로모션 종료 대응 3/4 오픈후 삭제(e)  */
/* 401814 구매 프로모션 종료 대응(s) */
.cm_ec_couponlist.v2 {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}

.cm_ec_couponlist.v2 li {
  display: table-cell;
  text-align: center;
}

.cm_ec_couponlist.v2 a {
  position: relative;
  display: block;
  padding: 25px 0 24px;
}

.cm_ec_couponlist.v2 a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 20px;
  margin-top: -10px;
  background-color: #e1e1e1;
}

.cm_ec_couponlist.v2 li:first-child a:before {
  display: none;
}

.cm_ec_couponlist.v2 a em {
  font-size: 12px;
  color: #5e5e5e;
}

.cm_ec_couponlist.v2 .sp_ec {
  width: 21px;
  height: 21px;
}

.cm_ec_couponlist.v2 .ico_ec01 {
  background-position: 0 0;
}

.cm_ec_couponlist.v2 .ico_ec02 {
  background-position: -23px 0;
}

.cm_ec_couponlist.v2 .ico_ec03 {
  background-position: -46px 0;
}

.cm_ec_couponlist.v2 .ico_ec04 {
  background-position: -69px 0;
}

/* 401814 구매 프로모션 종료 대응(e) */
.cm_ec_benefit .btn_benefit_login {
  display: block;
  padding: 21px 15px 16px;
  border-bottom: 1px solid #e1e1e1;
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  line-height: 19px;
}

.cm_ec_benefit .btn_benefit_login .tx_login {
  display: inline-block;
  position: relative;
  padding-right: 16px;
  vertical-align: top;
}

.cm_ec_benefit .btn_benefit_login .tx_login:after {
  position: absolute;
  top: 50%;
  right: 3px;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border: 1px solid #222;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.cm_ec_benefit .cm_ec_grid:last-child {
  border-bottom: 0;
}

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

.cm_ec_filter .btn_filter {
  display: inline-block;
  position: relative;
  margin-right: 5px;
  font-size: 14px;
  vertical-align: top;
}

.cm_ec_filter .btn_filter:last-child {
  margin-right: 0;
}

.cm_ec_filter .btn_filter .lbl_filter {
  display: inline-block;
  width: 65px;
  padding-top: 1px;
  border: solid 1px #efefef;
  border-radius: 14px;
  background: #fff;
  font-size: 12px;
  color: #888;
  line-height: 21px;
  vertical-align: top;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cm_ec_filter .btn_filter .rdo_filter {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 1px;
  height: 1px;
  -webkit-appearance: none;
}

.cm_ec_filter .btn_filter .rdo_filter:checked + .lbl_filter {
  border-color: var(--m-colors-gray900, #222222);
  background: var(--m-colors-gray900, #222222);
  color: #fff;
}

.cm_ec_openevent {
  padding-bottom: 20px;
}

.cm_ec_openevent .tit_openevent {
  margin-bottom: 11px;
  padding-top: 20px;
  font-size: 16px;
  font-weight: normal;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.19;
  text-align: center;
}

.cm_ec_openevent .cm_ec_filter {
  padding-bottom: 15px;
}

.cm_ec_openevent .evt_osmu_lst {
  position: relative;
  background: #efefef;
}

.cm_ec_openevent .evt_osmu_lst:before {
  position: absolute;
  top: 0;
  right: 50%;
  bottom: 0;
  z-index: 1;
  width: 1px;
  background: #efefef;
  content: "";
}

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

.cm_ec_openevent .evt_osmu_unit {
  float: left;
  position: relative;
  width: 50%;
  border-top: 1px solid #efefef;
  font-size: 14px;
  vertical-align: top;
}

.cm_ec_openevent .evt_osmu_unit:nth-child(2n-1):after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #efefef;
  content: "";
}

.cm_ec_openevent .evt_osmu_unit .eo_check,
.cm_ec_openevent .evt_osmu_unit .eo_detail hr,
.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_tags,
.cm_ec_openevent .evt_osmu_unit .eo_ic_clip,
.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_period .eo_ic_fin {
  display: none;
}

.cm_ec_openevent .evt_osmu_unit .eo_link {
  display: block;
  background-color: #fff;
  text-decoration: none !important;
}

.cm_ec_openevent .evt_osmu_unit .eo_thmb {
  overflow: hidden;
  position: relative;
  padding-bottom: 71.12%;
}

.cm_ec_openevent .evt_osmu_unit .eo_thmb .thmb {
  position: absolute;
  width: 100%;
}

.cm_ec_openevent .evt_osmu_unit .eo_thmb .thmb img {
  width: 100%;
  vertical-align: top;
}

.cm_ec_openevent .evt_osmu_unit .eo_thmb .badge {
  position: absolute;
  bottom: 0;
  left: 15px;
  min-width: 31px;
  padding: 1px 7px 0;
  background: var(--m-colors-gray900, #222222);
  font-size: 9px;
  color: #fff;
  line-height: 19px;
  text-align: center;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail {
  height: 120px;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_in {
  position: relative;
  margin: 0 15px;
  padding: 8px 0 17px;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_period {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: var(--m-colors-gray900, #222222);
  font-size: 11px;
  line-height: 1.09;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_period em {
  font-weight: 500;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_tit {
  overflow: hidden;
  max-height: 69px;
  margin-bottom: 4px;
  word-break: break-all;
  word-wrap: break-word;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_tit strong {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  max-height: 38px;
  margin-bottom: 3px;
  color: var(--m-colors-gray900, #222222);
  font-size: 15px;
  font-weight: normal;
  line-height: 19px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.cm_ec_openevent .evt_osmu_unit .eo_detail .eo_tit p {
  overflow: hidden;
  max-height: 28px;
  color: #888;
  font-size: 11px;
  line-height: 14px;
}

.cm_ec_openevent .evt_osmu_unit .eo_link.pub .eo_detail .eo_period {
  color: transparent;
}

.cm_ec_couponsec:after {
  display: block;
  height: 14px;
  border-top: 1px solid #d1d1d1;
  background: #f5f5f5;
  content: "";
}

.cm_ec_couponlist + .cm_ec_couponsec {
  padding-top: 15px;
}

.cm_ec_inmall {
  margin-bottom: 20px;
}

/* 수정 예정(s) */
.cm_ec_inmall .evt_cbboxlist {
  padding: 15px 12px;
}

.cm_ec_couponsec .cm_ec_inmall .evt_cbboxlist {
  padding: 0 12px 15px;
}

.cm_ec_couponsec .cm_ec_inmall .evt_cbbtn_offline {
  padding: 25px 12px 0;
}

/* 수정 예정(e) */
.cm_ec_inmall .sch_alert_tbl {
  height: 260px;
  margin: 0;
}

.cm_ec_inmall .sch_alert_td {
  padding: 20px 0 30px;
}

.cm_ec_outmall {
  position: relative;
  margin-top: -20px;
  padding-bottom: 44px;
}

.cm_ec_outmall .evt_cbboxlist {
  display: none;
  margin: 0 12px;
  padding: 15px 0;
  border-top: #e1e1e1 1px solid;
}

.cm_ec_outmall .btn_toggle_area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.cm_ec_outmall .btn_toggle_area .btn_toggle_open {
  display: block;
  width: 100%;
}

.cm_ec_outmall .btn_toggle_area .tx_off,
.cm_ec_outmall .btn_toggle_area .tx_on {
  position: relative;
  display: inline-block;
  padding: 2px 20px 0 0;
  font-size: 13px;
  color: #686b71;
  letter-spacing: -0.2px;
  line-height: 42px;
  vertical-align: top;
  text-align: center;
}

.cm_ec_outmall .btn_toggle_area .tx_off:after,
.cm_ec_outmall .btn_toggle_area .tx_on:after {
  position: absolute;
  top: 50%;
  right: 2px;
  margin-top: -7px;
  width: 8px;
  height: 8px;
  border: solid #999;
  border-width: 0 1px 1px 0;
  color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.cm_ec_outmall .btn_toggle_area .tx_on {
  display: none;
}

.cm_ec_outmall .btn_toggle_area .tx_on:after {
  margin-top: -2px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.cm_ec_outmall.open .evt_cbboxlist {
  display: block;
}

.cm_ec_outmall.open .btn_toggle_area .tx_off {
  display: none;
}

.cm_ec_outmall.open .btn_toggle_area .tx_on {
  display: inline-block;
}

@media screen and (max-width: 359px) {
  .cm_ec_filter .btn_filter .lbl_filter {
    width: 54px;
    padding-top: 2px;
    font-size: 11px;
    line-height: 20px;
  }
}
.cm_ec_banner {
  padding-bottom: 15px;
}
.cm_ec_banner a {
  display: block;
}
.cm_ec_banner img {
  width: 100%;
  vertical-align: top;
}

.cm_ec_nav {
  margin: 15px 15px 0;
  padding: 7px 8px 6px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
}
.cm_ec_nav .cm_ec_navlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -27px;
}
.cm_ec_nav li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  margin-left: 13px;
  padding-left: 14px;
}
.cm_ec_nav li:after {
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 13px;
  background: #e5e5e5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.cm_ec_nav li:first-child:after {
  display: none;
}
.cm_ec_nav 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;
  padding: 5px 0;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
}
.cm_ec_nav .icon {
  margin-right: 4px;
}

.cm_ec_coupon {
  padding: 30px 15px 50px;
}

/* 이벤트 응모 정보 확인 */
.evtdtl_ct_entry {
  padding: 0 15px 160px;
}

.body_app .evtdtl_ct_entry {
  padding-bottom: 148px;
}

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

.evtdtl_tittx {
  margin-top: 35px;
  font-size: 29px;
  line-height: 37px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.8px;
  text-align: center;
}

.evtdtl_meminfo {
  margin-top: 39px;
  background: #f5f5f5;
  padding: 21px 18px;
}

.evtdtl_meminfo_lst {
  font-size: 15px;
  line-height: 20px;
}

.evtdtl_meminfo_lst li {
  margin-top: 7px;
}

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

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

.evtdtl_meminfo_lst .evtdtl_meminfo_tit {
  float: left;
  clear: both;
  width: 57px;
  color: #666;
}

.evtdtl_meminfo_lst .evtdtl_meminfo_desc {
  display: block;
  overflow: hidden;
  color: var(--m-colors-gray900, #222222);
}

.evtdtl_meminfo_tx {
  margin-top: 7px;
  font-size: 15px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

.evtdtl_tx {
  margin-top: 19px;
  font-size: 15px;
  line-height: 21px;
  color: #666;
}

.evtdtl_bul_lst {
  margin-top: 10px;
}

.evtdtl_bul_lst li {
  position: relative;
  margin-top: 10px;
  padding-left: 8px;
  font-size: 13px;
  line-height: 20px;
  color: #666;
}

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

.evtdtl_bul_lst li:before {
  position: absolute;
  top: 8px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #666;
  content: "";
}

.evtdtl_btnarea {
  margin: 50px -15px 0;
}

/* 콜렉션UI(공식스토어, 기획전) */
.collect_imgbnr a,
.collect_bnr a {
  display: block;
}

.collect_imgbnr img,
.collect_bnr img {
  width: 100%;
  vertical-align: top;
}

.collect_banner {
  overflow: hidden;
  padding-bottom: 10px;
  background: #fff;
}

.collect_banner .pst_bn .bn_osmu li {
  margin-bottom: 0;
}

.collect_banner .pst_bn .bn_osmu .bn_img {
  position: relative;
}

.collect_banner .pst_bn .bn_osmu .bn_img:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.04);
}

.collect_banner .pst_bn .bn_osmu .bn_txt {
  width: 280px;
  height: 66px;
}

.collect_banner .pst_bn .bn_osmu .bn_txt .bn_txt_inner {
  padding: 0 22px;
}

.collect_banner .pst_bn .bn_osmu .ty_bg01 .bn_txt {
  background: rgba(131, 191, 198, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg02 .bn_txt {
  background: rgba(168, 136, 174, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg03 .bn_txt {
  background: rgba(95, 180, 169, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg04 .bn_txt {
  background: rgba(250, 145, 167, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg05 .bn_txt {
  background: rgba(209, 129, 143, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg06 .bn_txt {
  background: rgba(189, 163, 151, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg07 .bn_txt {
  background: rgba(209, 179, 144, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg08 .bn_txt {
  background: rgba(165, 153, 217, 0.93);
}

.collect_banner .pst_bn .bn_osmu .ty_bg09 .bn_txt {
  background: rgba(118, 155, 185, 0.93);
}

.collect_banner .pst_bn .bn_osmu .bn_txt .h1 {
  font-weight: 500;
  font-size: 17px;
  color: #fff;
}

.collect_banner .pst_bn .bn_osmu .bn_txt .h2 {
  width: auto;
  margin-top: 5px;
  font-size: 13px;
  color: #fff;
}

.collect_banner .pst_bn .bn_osmu .bn_txt span em {
  display: inline;
}

.body_sm .collect_banner .pst_bn .bn_osmu .bn_txt .h2,
.body_em .collect_banner .pst_bn .bn_osmu .bn_txt .h2 {
  display: none;
}

.body_sm .collect_banner .pst_bn .bn_osmu .bn_txt .h1,
.body_em .collect_banner .pst_bn .bn_osmu .bn_txt .h1 {
  height: 42px;
}

.body_sm .collect_banner .pst_bn .bn_osmu .bn_txt span em,
.body_em .collect_banner .pst_bn .bn_osmu .bn_txt span em {
  display: block;
  height: 21px !important;
}

.siv .collect_banner {
  padding-bottom: 30px;
}

.collect_bnr {
  position: relative;
}

.collect_bnr .txt_area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

.collect_bnr .txt_area:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.collect_bnr .txt_area .inr {
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  vertical-align: middle;
}

.collect_bnr .txt_area em {
  overflow: hidden;
  display: block;
  font-size: 30px;
  color: #fff;
  line-height: 35px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.collect_bnr .txt_area em:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 19px;
  margin: 6px 0 0 7px;
  background: url(../img/common/sp_collect.png) no-repeat -14px -6px;
  background-size: 25px 25px;
  vertical-align: top;
}

.collect_bnr .tag_area {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding-bottom: 8px;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
}

.collect_bnr .tag_area .tag {
  display: inline-block;
  height: 20px;
  margin: 8px 3px 0;
  padding: 0 8px;
  border: 1px solid #c5c5c5;
  color: #fff;
  line-height: 22px;
  vertical-align: top;
}

.collection_lst .btn_open,
.collection_lst .btn_go_shop {
  display: block;
  width: 100%;
  height: 43px;
  border-top: 1px solid #e4e6e9;
  background: #eff1f5;
  font-size: 14px;
  color: #686b71;
  line-height: 43px;
  text-align: center;
}

.collection_lst .btn_open:after,
.collection_lst .btn_go_shop:after {
  content: "";
  display: inline-block;
  background: url(../img/common/sp_collect.png) no-repeat;
  background-size: 25px 25px;
  vertical-align: top;
}

.collection_lst .btn_open:after {
  width: 12px;
  height: 6px;
  margin: 17px 0 0 5px;
}

.collection_lst .btn_go_shop:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 1px solid #888;
  border-top: 1px solid #888;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
  vertical-align: -1px;
  background: none;
  border-bottom: 0 !important;
}

.collection_lst .btn_go_shop {
  display: none !important;
}

.collection_lst .cm_pdlst2 li {
  display: none;
}

.collection_lst .cm_pdlst2 li:nth-child(1),
.collection_lst .cm_pdlst2 li:nth-child(2),
.collection_lst .cm_pdlst2 li:nth-child(3) {
  display: block;
}

.collection_lst.open .cm_pdlst2 li {
  display: block;
}

.collection_lst.open .btn_open {
  display: none;
}

.collection_lst.open .btn_go_shop {
  display: block !important;
}

.collection_tab {
  height: 46px;
  background-color: #b09bd1;
}
.collection_tab.collection_sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
}
.collection_tab .collection_tab_scroll {
  overflow: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.collection_tab .collection_tab_scroll::-webkit-scrollbar {
  display: none;
}
.collection_tab .collection_tab_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 14px 0 14px;
}
.collection_tab .collection_tab_lst li {
  padding-right: 20px;
}
.collection_tab .collection_tab_lst li:first-child {
  padding-left: 20px;
}
.collection_tab .collection_tab_lst li a {
  display: block;
  font-size: 14px;
  text-align: center;
  line-height: 1.3;
  color: #fff;
}
.collection_tab .collection_tab_lst li.on a {
  color: #3e3e3e;
}

.collect_imgbnr {
  position: relative;
  padding-bottom: 60.27%;
}

.collect_imgbnr img {
  position: absolute;
  top: 0;
  left: 0;
}

.collect_imgbnr > a:before {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  content: "";
  background: rgba(0, 0, 0, 0.2);
}

.collect_imgbnr .cm_clip_item,
.collect_imgbnr .cmlike {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}

.collect_imgbnr .cmlike_btn {
  background: #fff;
  border-radius: 100%;
  padding: 6px;
}

.collect_imgbnr span.open_bdg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 43px;
  height: 26px;
  background-color: var(--m-colors-primary, #a59357);
  color: #fff;
  font-size: 11px;
  text-align: center;
  line-height: 25px;
}

.collect_imgbnr span.brand_text {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 30px;
}

.collect_imgbnr .ssg-tooltip-wrap.tt_adinfo_n {
  position: absolute;
  left: 0;
  bottom: 0;
}

.collect_imgbnr .cm_clip_item.clip_off .sel_clip {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/common/clipani_off.png) -50px 0 no-repeat;
  background-size: 100px 250px;
  width: 40px;
  height: 40px;
}

.collect_imgbnr .cm_clip_item.clip_ani .sel_clip {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 44px;
  height: 44px;
  background-image: url(../img/common/clipani_80.png);
  background-size: 151px 2080px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  -webkit-animation: ani_bounce 0.65s ease-out;
          animation: ani_bounce 0.65s ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; /*-webkit-animation:clipani_80 .75s steps(25);animation:clipani_80 .75s steps(25);*/
  margin: 0 -2px -2px 0;
}

.collect_imgbnr .cm_clip_item.clip_on .sel_clip {
  position: absolute;
  width: 44px;
  height: 44px;
  background-image: url(../img/common/clipani_80.png);
  background-size: 151px 2080px;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  margin: 0 -2px -2px 0;
  right: 0;
  bottom: 0;
}

.cm_clip_nodata {
  padding: 40px 0 50px 0;
  text-align: center;
  color: #919191;
  font-size: 18px;
}

.cm_clip_nodata span.sub_txt {
  display: block;
  font-size: 12px;
  line-height: 22px;
}

.collect_planbnr > a {
  display: block;
  position: relative;
  height: 210px;
  padding-right: 160px;
  background: #a2daeb;
  white-space: nowrap;
}

.collect_planbnr > a:before {
  position: absolute;
  right: 63px;
  bottom: 0;
  width: 40px;
  height: 22px;
  background: url(../img/common/bg_collect_plan.png) no-repeat 50% 100%;
  background-size: 100% auto;
  content: "";
}

.collect_planbnr > a:after {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.collect_planbnr .bnr_img {
  overflow: hidden;
  position: absolute;
  right: 5px;
  bottom: 30px;
  width: 155px;
  height: 155px;
  border-radius: 78px;
}

.collect_planbnr .bnr_img img {
  width: 100%;
  height: 100%;
  border-radius: 78px;
}

.collect_planbnr .bnr_txt {
  display: inline-block;
  margin-top: 6px;
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
  white-space: normal;
  word-break: break-all;
}

.collect_planbnr .bnr_txt .tit {
  display: block;
  font-size: 25px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
  line-height: 32px;
}

.collect_planbnr .bnr_txt .subtit {
  display: block;
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

@media screen and (max-width: 320px) {
  .collect_planbnr > a {
    height: 180px;
    padding-right: 138px;
  }
  .collect_planbnr > a:before {
    right: 54px;
    width: 35px;
    height: 20px;
  }
  .collect_planbnr .bnr_img {
    width: 133px;
    height: 133px;
    bottom: 25px;
  }
  .collect_planbnr .bnr_txt .tit {
    display: inline;
  }
}
/* 신백 기획전(콜렉션UI) */
.sd .collect_banner .pst_bn .bn_osmu li {
  margin-bottom: 0;
}

.sd .collect_banner .pst_bn .bn_osmu .bn_txt {
  width: 230px;
  height: 64px;
}

.sd .collect_banner .pst_bn .bn_osmu .bn_txt .bn_txt_inner {
  padding: 0 20px;
}

.sd .collect_banner .pst_bn .bn_osmu .bn_txt .h1 {
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
}

.sd .collect_banner .pst_bn .bn_osmu .bn_txt .h2 {
  width: 170px;
  margin-top: 1px;
  font-size: 14px;
  color: #777;
}

/* 공식스토어 - 샤벳 */
.m_special_banner .m_special_cont {
  position: relative;
}

.m_special_banner .m_special_cont li .cm_item {
  border-top: 1px solid #e9e9e9 !important;
}

.m_special_banner .m_special_cont:first-child li .cm_item {
  border-top: 0 !important;
}

@media screen and (min-width: 640px) {
  .m_special_banner .m_special_cont {
    display: block;
    max-width: none;
    margin: 0 auto;
  }
  .m_special_banner .m_special_tit {
    border-top: 0;
  }
}
/* 상품유닛 UI */
.cm_pdlst2 {
  margin: 1px 0 0 -1px;
}

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

.cm_pdlst2 a {
  display: block;
}

.cm_pdlst2 li {
  float: left;
  width: 33.33%;
}

.cm_pdlst2 li .pd_thmb {
  position: relative;
  padding-bottom: 100%;
}

.cm_pdlst2 li .pd_thmb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.cm_pdlst2 li .pd_unit {
  padding-left: 1px;
}

.cm_pdlst2 .tx_detail {
  height: 85px;
  padding: 11px 12px 10px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cm_pdlst2 .tx_detail .brand {
  overflow: hidden;
  display: block;
  font-size: 12px;
  color: #947171;
  line-height: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cm_pdlst2 .tx_detail .tit {
  overflow: hidden;
  display: block;
  display: -webkit-box;
  margin-top: 1px;
  font-size: 12px;
  color: #686b71;
  line-height: 15px;
  font-weight: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.cm_pdlst2 .tx_detail .price {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: #686b71;
}

.cm_pdlst2 .tx_detail .price span {
  font-weight: 500;
  font-size: 11px;
}

.cm_pdlst2 .tx_detail .old_price {
  display: none;
}

.siv .cm_pdlst2 .tx_detail .price {
  display: block;
  font-weight: 500;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}

.mcom_dview {
  position: relative;
  margin: 0 auto;
  background: #fff;
  text-align: center;
}

.mcom_dview .mcom_dview_tab {
  position: absolute;
  top: 66px;
  left: 50%;
  z-index: 2001;
  width: 250px;
  min-height: 36px;
  margin-left: -126px;
  padding: 8px 0;
  border: 1px solid rgba(136, 136, 136, 0.8);
  border-top-left-radius: 52px;
  border-top-right-radius: 52px;
  border-bottom-left-radius: 52px;
  border-bottom-right-radius: 52px;
  background: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -1px;
  text-align: center;
}

.mcom_dview .mcom_dview_li {
  border-bottom: 1px solid #b3bec2;
}

.mcom_dview .mcom_dview_top {
  margin: 35px 0;
  text-align: center;
}

.mcom_dview .mcom_dview_top a {
  display: inline-block;
  width: 90px;
  height: 35px;
  background: url(../img/com_v2/btn_dview_top.png) 0 0 no-repeat;
  background-size: 90px 35px;
  vertical-align: top;
}

.mcom_resize {
  overflow: hidden;
}

.mcom_resize img {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  vertical-align: top;
}

.mcom_resize p,
.mcom_resize h1,
.mcom_resize h2,
.mcom_resize h3,
.mcom_resize h4,
.mcom_resize h5,
.mcom_resize h6,
.mcom_resize ul,
.mcom_resize ol,
.mcom_resize li,
.mcom_resize dl,
.mcom_resize dt,
.mcom_resize dd,
.mcom_resize table,
.mcom_resize th,
.mcom_resize td,
.mcom_resize form,
.mcom_resize fieldset,
.mcom_resize div {
  width: auto !important;
  height: auto !important;
  font-size: initial;
  line-height: initial;
}

.mcom_resize table,
.mcom_resize iframe,
.mcom_resize object,
.mcom_resize embed {
  max-width: 100%;
}

/* 푸시알림 개편 */
.sp_push,
.push_list .pushlst_btn .ico_more:after,
.push_list .pushlst_btn .ico_close:after,
.push_list_wrap .push_list_btn a:before,
.push_list_wrap .push_list_btn a:after,
.push_tooltip_wrap .push_tooltip:after,
.push_tooltip_wrap .push_tooltip .tx_tit:before,
.push_tooltip_wrap .push_tooltip .btn_close span {
  display: inline-block;
  overflow: hidden;
  background: url(../img/com_v2/sp_push.png) no-repeat 0 0;
  background-size: 150px 150px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.push_list_wrap {
  background: #ebebeb;
}

.push_list_wrap .push_list li {
  margin-top: 6px;
}
.push_list_wrap .push_list li:first-child {
  margin-top: 0;
}

.push_list .pushlst_cont {
  padding: 15px 15px 8px;
  background: #fff;
}

.push_list .pushlst_con {
  margin-top: 5px;
}

.push_list .pushlst_con li {
  vertical-align: top;
}

.push_list .pushlst_con .pushlst_txt {
  font-weight: normal;
  font-size: 14px;
  color: #212121;
  word-break: break-all;
  word-wrap: break-word;
}

.push_list .pushlst_con .pushlst_txt .tit {
  font-weight: bold;
}

.push_list .pushlst_con .pushlst_txt .txt {
  word-break: break-all;
  word-wrap: break-word;
}

.push_list .pushlst_con .pushlst_img {
  min-width: 110px;
  text-align: center;
}

.push_list .pushlst_con .pushlst_img img {
  max-width: 100%;
}

.push_list .pushlst_tit {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  padding: 15px 13px 0 20px;
  font-weight: normal;
  font-size: 14px;
  color: #212121;
  word-break: break-all;
  word-wrap: break-word;
}

.push_list .pushlst_by {
  display: table;
  width: 100%;
  min-height: 23px;
}

.push_list .pushlst_by .ico_box {
  display: table-cell;
}

.push_list .pushlst_by .ico_box span {
  display: inline-block;
  height: 20px;
  padding: 1px 12px 0 11px;
  border: 1px solid #000;
  border-radius: 11px;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 1px;
  vertical-align: top;
  white-space: nowrap;
}

.push_list .pushlst_by .ico_box span.ico_yellow {
  border-color: #f4a642;
  color: #fa9411;
}

.push_list .pushlst_by .ico_box span.ico_violet {
  border-color: #b091f0;
  color: #885ede;
}

.push_list .pushlst_by .ico_box span.ico_green {
  border-color: #5cdfce;
  color: #00c3aa;
}

.push_list .pushlst_by .ico_box span.ico_pink {
  border-color: #e85ea2;
  color: #e85ea2;
  letter-spacing: 0;
  line-height: 22px;
}

.push_list .pushlst_by .ico_box span.ico_trip {
  border-color: #338ca8;
  color: #338ca8;
}

.push_list .pushlst_by .tx_date {
  display: table-cell;
  width: 90px;
  font-weight: 500;
  font-size: 12px;
  color: #b2b2b2;
  text-align: right;
  vertical-align: bottom;
}

.push_list .pushlst_btn {
  border-top: 1px solid #ebebeb;
  background: #f5f5f5;
  text-align: center;
}

.push_list .pushlst_btn a {
  display: block;
}

.push_list .pushlst_btn .ico_more,
.push_list .pushlst_btn .ico_close {
  display: inline-block;
  font-size: 12px;
  line-height: 32px;
}

.push_list .pushlst_btn .ico_more {
  color: #676d73;
}

.push_list .pushlst_btn .ico_close {
  display: none;
  color: #ff69a4;
}

.push_list .pushlst_btn .ico_more:after {
  width: 10px;
  height: 10px;
  margin: -3px 0 0 5px;
  background-position: -70px 0;
  vertical-align: middle;
  content: "";
}

.push_list .pushlst_btn .ico_close:after {
  width: 10px;
  height: 10px;
  margin: -3px 0 0 5px;
  background-position: -85px 0;
  vertical-align: middle;
  content: "";
}

.push_list .pushlst_bnr {
  position: relative;
  background: #fff;
  padding: 0 15px 15px 15px;
  text-align: center;
}

.push_list .pushlst_bnr a {
  display: block;
}

.push_list .pushlst_bnr img {
  max-width: 100%;
  vertical-align: top;
}

.push_list li.active .pushlst_tit {
  -webkit-line-clamp: inherit;
}

.push_list li.active .pushlst_btn .ico_more {
  display: none;
}

.push_list li.active .pushlst_btn .ico_close {
  display: inline-block;
}

.push_list_wrap .m_paginate_wrap {
  border-top: 0;
  background: #ebebeb;
}

.push_list_wrap .push_list_btn {
  padding: 5px 32px 24px;
}

.push_list_wrap .push_list_btn a {
  display: table;
  width: 100%;
  min-height: 38px;
  position: relative;
  padding: 10px 0;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 14px;
  line-height: 19px;
  color: #808080;
}

.push_list_wrap .push_list_btn a:before {
  position: absolute;
  top: 50%;
  left: 16px;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  background-position: 0 0;
  content: "";
}

.push_list_wrap .push_list_btn a:after {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 27px;
  height: 10px;
  margin-top: -5px;
  background-position: -40px 0;
  content: "";
}

.push_list_wrap .push_list_btn .txt {
  display: table-cell;
  padding: 0 50px 0 65px;
  vertical-align: middle;
}

.push_list_wrap .push_list_btn .txt em {
  color: #212121;
}

.push_list_wrap .sch_alert_tbl {
  margin: 0;
  height: 260px;
  background-color: #fff;
}

.push_tooltip_wrap {
  margin-bottom: -5px;
  padding: 12px 6px 10px;
}

.push_tooltip_wrap.on {
  display: block;
}

.push_tooltip_wrap.off {
  display: none;
}

.push_tooltip_wrap .push_tooltip {
  position: relative;
  padding: 14px 13px 11px 20px;
  border-bottom: 1px solid #d9d9d9;
  background: #f1ffff;
  word-wrap: break-word;
}

.push_tooltip_wrap .push_tooltip:after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 100%;
  width: 15px;
  height: 10px;
  background-position: -75px -15px;
}

.push_tooltip_wrap .push_tooltip .tx_tit {
  display: block;
  position: relative;
  margin-right: 15px;
  padding-left: 22px;
  font-size: 17px;
  color: #212121;
  letter-spacing: -0.5px;
}

.push_tooltip_wrap .push_tooltip .tx_tit:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 17px;
  background-position: -40px -15px;
}

.push_tooltip_wrap .push_tooltip .tx {
  font-size: 14px;
  color: #6491b3;
  letter-spacing: -0.5px;
}

.push_tooltip_wrap .push_tooltip .btn_close {
  position: absolute;
  right: 0;
  top: 0;
  height: 13px;
  padding: 12px 11px;
}

.push_tooltip_wrap .push_tooltip .btn_close span {
  width: 13px;
  height: 13px;
  background-position: -60px -15px;
}

.push_swiper_wrap {
  padding: 5px;
}
.push_swiper_wrap .swiper-container {
  overflow: hidden;
  width: 100%;
  letter-spacing: -0.3px;
  position: relative;
}
.push_swiper_wrap .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: initial;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  border-radius: 8px;
  background-color: #fff;
}
.push_swiper_wrap .swiper-slide:focus {
  outline: none !important;
}
.push_swiper_wrap .swiper-slide:focus-visible {
  outline: 2px solid auto Highlight;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
.push_swiper_wrap .push_swiper_ctrls {
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  z-index: 10;
  content-visibility: hidden;
}
.push_swiper_wrap .push_swiper_ctrls.on {
  content-visibility: auto;
}
.push_swiper_wrap .swiper-pagination {
  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;
  gap: 0 5px;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.push_swiper_wrap .swiper-pagination-bullet {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--m-colors-gray350, #cfcfcf);
}
.push_swiper_wrap .swiper-pagination-bullet-active {
  background-color: #666;
}
.push_swiper_wrap .chat_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8px;
  padding: 15px;
  line-height: 1.2;
}
.push_swiper_wrap .chat_link:focus-visible {
  outline: 1px solid auto Highlight;
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.push_swiper_wrap .thmb {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 3px;
}
.push_swiper_wrap .thmb_img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #f5f5f5;
}
.push_swiper_wrap .thmb_img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.push_swiper_wrap .detail {
  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;
  gap: 0 8px;
  width: 100%;
}
.push_swiper_wrap .detail dl {
  min-width: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  line-height: 1.2;
}
.push_swiper_wrap .detail dl dt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.push_swiper_wrap .detail dl dd {
  margin-top: 4px;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.push_swiper_wrap .detail .msg_info {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  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: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex-preferred-size: 89px;
      flex-basis: 89px;
}
.push_swiper_wrap .detail .msg_info .tx_time {
  font-size: 11px;
  color: var(--m-colors-gray400, #969696);
}
.push_swiper_wrap .detail .msg_info .msg_alarm {
  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;
  min-width: 25px;
  margin-top: 8px;
  padding: 3px 9px;
  background: var(--m-colors-primary, #a59357);
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.167;
}

.push_banner_wrap {
  min-height: 24vw;
}
.push_banner_wrap .push_banner_link {
  display: block;
  width: 100%;
}
.push_banner_wrap img {
  display: block;
  width: 100%;
}

/* 푸시알림 개편 (2023) */
.pushctg_nav {
  position: relative;
  background-color: #ebebeb;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.0392156863);
}
.pushctg_nav .pushctg_scroll {
  height: 50px;
  -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;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pushctg_nav .pushctg_scroll::-webkit-scrollbar {
  display: none;
}
.pushctg_nav .pushctg_menu {
  padding: 9px 0;
  font-size: 0;
}
.pushctg_nav .pushctg_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.pushctg_nav .pushctg_item:first-child {
  padding-left: 15px;
}
.pushctg_nav .pushctg_item:last-child {
  padding-right: 5px;
}
.pushctg_nav .pushctg_lnk {
  display: block;
  height: 32px;
  line-height: 33px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  text-align: center;
  border-radius: 16px;
  background-color: #fff;
  padding: 0 12px;
}
.pushctg_nav .pushctg_lnk.on {
  color: #fff;
  padding: 0 14px;
  background-color: var(--ctg-active-bgcolor, #222);
}

.push_msg_box {
  min-height: calc(100vh - 150px);
  padding: 10px 16px;
  position: relative;
}
.body_app .push_msg_box {
  min-height: calc(100vh - 105px);
}
.push_msg_box .push_msg_no {
  color: #888;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.push_msg_box .push_msg_list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.push_msg_box .push_msg_ico {
  display: table-cell;
  width: 34px;
  padding-right: 8px;
  vertical-align: top;
}
.push_msg_box .push_msg_ico img {
  max-width: 100%;
}
.push_msg_box .push_msg_wrap {
  display: table-cell;
  vertical-align: top;
  padding-right: 8px;
}
.push_msg_box .push_msg_wrap .push_msg_tit {
  color: #666;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 4px;
}
.push_msg_box .push_msg_wrap .push_msg_cont {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  overflow: hidden;
}
.push_msg_box .push_msg_wrap .push_msg_cont .push_msg_txt {
  color: var(--m-colors-gray900, #222222);
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 10px;
}
.push_msg_box .push_msg_wrap .push_msg_cont .push_msg_txt:last-child {
  margin-bottom: 0;
}
.push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img {
  margin-bottom: 12px;
}
.push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img.ty_aad {
  margin: -10px -12px 10px;
}
.push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img img {
  max-width: 100%;
  vertical-align: top;
}
.push_msg_box .push_msg_wrap .push_msg_btn {
  padding-bottom: 2px;
}
.push_msg_box .push_msg_wrap .push_msg_btn + p {
  margin-top: 10px;
}
.push_msg_box .push_msg_wrap .push_msg_btn a {
  display: block;
  border: 1px solid #cfcfcf;
  background-color: #fff;
  color: #444;
  text-decoration: none;
  line-height: 33px;
  height: 32px;
  text-align: center;
}
.push_msg_box .push_msg_wrap .push_msg_btn a.btn_ty2 {
  background-color: #666;
  color: #fff;
  border-color: #666;
}
.push_msg_box .push_msg_wrap .push_msg_btn a + a {
  margin-top: 4px;
}
.push_msg_box .push_msg_wrap .push_msg_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.push_msg_box .push_msg_wrap .push_msg_link ~ .push_msg_btn {
  position: relative;
  z-index: 1;
}
.push_msg_box .push_msg_wrap .push_msg_date {
  text-align: right;
  color: #888;
  font-size: 12px;
  line-height: 15px;
  margin-top: 4px;
}
.push_msg_box .push_msg_wrap .push_msg_line {
  margin: 10px -12px 12px;
  padding-top: 1px;
  background-color: #f0f0f0;
}
.push_msg_box .push_msg_dv {
  font-size: 12px;
  text-align: center;
  margin: 16px 0;
  position: relative;
  line-height: 1.2;
}
.push_msg_box .push_msg_dv::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #dedede;
}
.push_msg_box .push_msg_dv span {
  background-color: #ebebeb;
  position: relative;
  padding: 0 12px;
  color: #888;
  line-height: 1.3;
}

.pushctg_nav.v2 {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2001;
  background-color: #ebebeb;
  -webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.0392156863);
          box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.0392156863);
}
.pushctg_nav.v2 .pushctg_scroll {
  height: 50px;
  -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;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pushctg_nav.v2 .pushctg_scroll::-webkit-scrollbar {
  display: none;
}
.pushctg_nav.v2 .pushctg_menu {
  padding: 9px 0;
  font-size: 0;
}
.pushctg_nav.v2 .pushctg_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.pushctg_nav.v2 .pushctg_item:first-child {
  padding-left: 15px;
}
.pushctg_nav.v2 .pushctg_item:last-child {
  padding-right: 5px;
}
.pushctg_nav.v2 .pushctg_lnk {
  display: block;
  height: 32px;
  line-height: 33px;
  color: var(--m-colors-gray900, #222222);
  font-size: 14px;
  letter-spacing: -0.3px;
  text-align: center;
  border-radius: 16px;
  background-color: #fff;
  padding: 0 12px;
}
.pushctg_nav.v2 .pushctg_lnk.on {
  color: #fff;
  padding: 0 14px;
  background-color: var(--ctg-active-bgcolor, #222);
}

.pushctg_nav.v2 ~ .push_msg_box {
  min-height: calc(100vh - 150px);
  padding: 10px 16px;
  position: relative;
}
.body_app .pushctg_nav.v2 ~ .push_msg_box {
  min-height: calc(100vh - 105px);
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_no {
  color: #888;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_list {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_ico {
  display: table-cell;
  width: 34px;
  padding-right: 8px;
  vertical-align: top;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_ico img {
  max-width: 100%;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap {
  display: table-cell;
  vertical-align: top;
  padding-right: 8px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_tit {
  color: #666;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 4px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont {
  position: relative;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 12px;
  overflow: hidden;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont .push_msg_txt {
  color: var(--m-colors-gray900, #222222);
  line-height: 16px;
  font-size: 13px;
  margin-bottom: 10px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont .push_msg_txt:last-child {
  margin-bottom: 0;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img {
  margin-bottom: 12px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img.ty_aad {
  margin: -10px -12px 10px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_cont .push_msg_img img {
  max-width: 100%;
  vertical-align: top;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_btn {
  padding-bottom: 2px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_btn + p {
  margin-top: 10px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_btn a {
  display: block;
  border: 1px solid #cfcfcf;
  background-color: #fff;
  color: #444;
  text-decoration: none;
  line-height: 33px;
  height: 32px;
  text-align: center;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_btn a.btn_ty2 {
  background-color: #666;
  color: #fff;
  border-color: #666;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_btn a + a {
  margin-top: 4px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_link ~ .push_msg_btn {
  position: relative;
  z-index: 1;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_date {
  text-align: right;
  color: #888;
  font-size: 12px;
  line-height: 15px;
  margin-top: 4px;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_wrap .push_msg_line {
  margin: 10px -12px 12px;
  padding-top: 1px;
  background-color: #f0f0f0;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_dv {
  font-size: 12px;
  text-align: center;
  margin: 16px 0;
  position: relative;
  line-height: 1.2;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_dv::before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #dedede;
}
.pushctg_nav.v2 ~ .push_msg_box .push_msg_dv span {
  background-color: #ebebeb;
  position: relative;
  padding: 0 12px;
  color: #888;
  line-height: 1.3;
}

.push_btmsheet_list > li {
  margin-bottom: 7px;
}
.push_btmsheet_list a {
  line-height: 1.2;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.push_btmsheet_list .ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  vertical-align: middle;
  margin-right: 8px;
  line-height: 0;
}
.push_btmsheet_list .ico_sad::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.972 15.288h-1.2c0-1.2-1.236-2.172-2.76-2.172s-2.76 0.972-2.76 2.172h-1.2c0-1.86 1.776-3.372 3.96-3.372s3.96 1.512 3.96 3.372z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12 21.3c-5.124 0-9.3-4.176-9.3-9.3s4.176-9.3 9.3-9.3 9.3 4.176 9.3 9.3c0 5.124-4.176 9.3-9.3 9.3zM12 3.9c-4.464 0-8.1 3.636-8.1 8.1s3.636 8.1 8.1 8.1 8.1-3.636 8.1-8.1c0-4.464-3.636-8.1-8.1-8.1z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M9.108 10.344c0.497 0 0.9-0.403 0.9-0.9s-0.403-0.9-0.9-0.9c-0.497 0-0.9 0.403-0.9 0.9s0.403 0.9 0.9 0.9z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M14.976 10.344c0.497 0 0.9-0.403 0.9-0.9s-0.403-0.9-0.9-0.9c-0.497 0-0.9 0.403-0.9 0.9s0.403 0.9 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: 20px;
  height: 20px;
}
.push_btmsheet_list .ico_individual::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='M2.4 4.8v16.44l3.12-2.040h16.080v-14.4h-19.2zM3.601 18.96v-12.96h16.8v12h-15.12l-1.68 0.96z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M8.103 9h0.911v6.19h-1.318v-4.82l-1.058 0.264-0.277-1.106 1.743-0.527z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M16.198 9h0.911v6.19h-1.319v-4.82l-1.058 0.264-0.277-1.106 1.743-0.527z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12.96 10.8c0 0.331-0.269 0.6-0.6 0.6s-0.6-0.269-0.6-0.6c0-0.331 0.269-0.6 0.6-0.6s0.6 0.269 0.6 0.6z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M12.96 13.8c0 0.331-0.269 0.6-0.6 0.6s-0.6-0.269-0.6-0.6c0-0.331 0.269-0.6 0.6-0.6s0.6 0.269 0.6 0.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;
}
.push_btmsheet_list .ico_counsellor::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.744 20.736h-0.756v-1.2h0.756c3.744 0 6.792-3.012 6.792-6.708v-2.964c0-3.696-3.048-6.708-6.792-6.708h-1.512c-3.744 0-6.792 3.012-6.792 6.708v4.944h-1.2v-4.944c0-4.356 3.588-7.908 7.992-7.908h1.512c4.404 0 7.992 3.552 7.992 7.908v2.952c0 4.368-3.588 7.92-7.992 7.92z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M7.788 9.66h-1.2v5.124h1.2v-5.124z'%3e%3c/path%3e %3cpath fill='rgb%280%2C0%2C0%29' d='M17.4 9.672h-1.2v5.124h1.2v-5.124z'%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;
}

.push_btmsheet_inp .ico_send {
  width: 42px;
  height: 34px;
  border-left: 1px solid #e5e5e5;
}
.push_btmsheet_inp .ico_send::before {
  content: "";
  display: block;
  margin: 6px auto 0;
  background-image: url(../img/sprites/sp_ssgtalk_20210512.png);
  background-position: -272px -266px;
  width: 20px;
  height: 20px;
}
.push_btmsheet_inp .ico {
  float: right;
}
.push_btmsheet_inp a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #888;
  line-height: 35px;
  padding-left: 14px;
}
.push_btmsheet_inp a span {
  font-size: 12px;
}

.bottomsheet_alert_wrap.bottomsheet_wrap {
  visibility: visible;
  pointer-events: unset;
  opacity: 1;
}
.bottomsheet_alert_wrap.active {
  z-index: 2001;
}
.bottomsheet_alert_wrap.active.fullsize {
  z-index: 1100;
}
.bottomsheet_alert_wrap .bottomsheet_handle {
  border-bottom-color: #fff;
  min-height: 30px;
  margin-bottom: -1px;
}
.bottomsheet_alert_wrap .bottomsheet_sheet {
  min-height: 72px !important;
  height: 60px;
}
.bottomsheet_alert_wrap .bottomsheet_sheet:focus-visible {
  outline: none;
}
.bottomsheet_alert_wrap .bottomsheet_sheet .bottomsheet_foot {
  display: none;
  border-top: 1px solid #f5f5f5;
  padding: 15px;
  background-color: #fff;
}
.bottomsheet_alert_wrap .bottomsheet_sheet.fullsize {
  max-height: 353px !important;
  height: auto !important;
}
.bottomsheet_alert_wrap .bottomsheet_sheet.fullsize .bottomsheet_foot {
  display: block;
}

#_alertBottomSheet {
  height: auto !important;
}
#_alertBottomSheet .dialog_card {
  max-height: 86vh;
  position: absolute;
  bottom: 0;
  left: 0;
}
#_alertBottomSheet .dialog_card_prepend {
  height: auto;
  min-height: 30px;
  padding: 0;
  border-bottom: none;
}
#_alertBottomSheet .dialog_scrollable {
  height: calc(100% - 30px);
}
#_alertBottomSheet .push_btmsheet_list > li {
  margin-bottom: 0;
}
#_alertBottomSheet .push_btmsheet_list > li + li {
  margin-top: 12px;
}
#_alertBottomSheet .dialog_sticky {
  margin: 16px -15px 0;
  padding: 15px 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.bottomsheet_btn_open[data-layer-target*="#alertBottomSheet"] {
  display: none !important;
}

/* 입고알림 신청내역 */
.m_stock_top {
  padding: 17px 15px 16px;
  border-bottom: 1px solid #d9d9d9;
  background: #f6f6f6;
}

.m_stock_top .ptxt {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

.m_stock_tit {
  padding: 0 18px;
  border-top: 2px solid #d9d9d9;
}

.m_stock_top + .m_stock_tit {
  border-top: 0;
}

.m_stock_tit .htit {
  position: relative;
  height: 52px;
  font-weight: bold;
  font-size: 15px;
  line-height: 52px;
  color: var(--m-colors-gray900, #222222);
}

.m_stock_tit .htit.ico_arrow:after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  margin-top: -3px;
  width: 8px;
  height: 8px;
  border: 1px solid #222;
  border-width: 1px 1px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.m_stock_lst {
  padding: 0 18px;
}

.m_stock_lst li {
  padding-top: 1px;
  background: url(../img/line_xdot_d9d9d9.gif) repeat-x;
  background-size: 2px 1px;
}

.m_stock_pd {
  display: table;
  width: 100%;
  padding: 15px 0 20px;
}

.m_stock_pd .pd_thmb {
  display: table-cell;
  width: 70px;
  vertical-align: top;
}

.m_stock_pd .pd_thmb .thmb img {
  width: 70px;
  height: 70px;
  vertical-align: top;
}

.m_stock_pd .pd_thmb .state {
  margin-top: 8px;
  text-align: center;
}

.m_stock_pd .pd_thmb .state .txt {
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  color: var(--m-colors-gray900, #222222);
  white-space: nowrap;
}

.m_stock_pd .pd_thmb .state .txt.fc_em {
  color: #ff5277;
}

.m_stock_pd .pd_thmb .state .btn {
  display: inline-block;
  padding: 6px 5px 5px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #f7f7f7;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  color: #939292;
  vertical-align: top;
}

.m_stock_pd .pd_detail {
  display: table-cell;
  padding-left: 12px;
  line-height: 0;
  vertical-align: top;
}

.m_stock_pd .pd_detail .place {
  display: inline-block;
  line-height: 16px;
  vertical-align: top;
}

.m_stock_pd .pd_detail .summary {
  margin-top: 2px;
}

.m_stock_pd .pd_detail .summary a {
  display: -webkit-inline-box;
  overflow: hidden;
  font-size: 14px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  vertical-align: top;
  word-break: break-all;
  word-wrap: break-word;
}

.m_stock_pd .pd_detail .option {
  font-size: 14px;
  line-height: 20px;
  color: #2b77af;
}

.m_stock_pd .pd_detail .detail {
  margin-top: 9px;
  font-size: 13px;
  line-height: 17px;
  color: #555;
}

.m_stock_pd .pd_detail .summary .brand {
  font-weight: bold;
}

.m_stock_pd .pd_detail .pricewrap {
  white-space: nowrap;
  position: relative;
}

.m_stock_pd .pd_detail .old_price {
  float: left;
  height: 22px;
  margin-top: 4px;
  margin-right: 4px;
}

.m_stock_pd .pd_detail .old_price del {
  font-size: 12px;
  font-weight: bold;
  line-height: 19px;
  color: #888;
  vertical-align: top;
}

.m_stock_pd .pd_detail .old_price del .ssg_price {
  font-size: 10px;
  letter-spacing: -0.5px;
  vertical-align: middle;
  font-weight: 500;
}

.m_stock_pd .pd_detail .old_price del .ssg_tx {
  vertical-align: bottom;
  font-size: 10px;
}

.m_stock_pd .pd_detail .new_price {
  float: left;
  line-height: 24px;
  color: var(--m-colors-gray900, #222222);
  margin-right: 4px;
}

.m_stock_pd .pd_detail .new_price .ssg_price {
  font-size: 20px;
  vertical-align: middle;
  letter-spacing: -0.5px;
  font-weight: 500;
}

.m_stock_pd .pd_detail .new_price .ssg_tx {
  font-size: 10px;
  font-weight: bold;
  vertical-align: -2px;
}

.m_stock_pd .pd_detail .unit_price {
  display: block;
  font-size: 10px;
  color: #333;
  letter-spacing: -0.5px;
  position: absolute;
  top: 24px;
  left: 0;
  font-weight: 500;
}

.m_stock_pd .pd_detail .pd_count {
  float: left;
  line-height: 24px;
  color: #888;
  font-size: 10px;
  font-weight: 500;
}

.m_stock_pd .pd_detail .pd_count:before {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  content: "";
  width: 1px;
  height: 10px;
  background: #888;
}

.m_stock_pd .pd_detail .pd_options {
  clear: both;
  display: block;
  margin-top: 10px;
}

.m_stock_pd .pd_detail .pd_options .opt {
  padding: 0 2px;
  line-height: 18px;
  border: 1px solid #969696;
  font-size: 12px;
  color: #888;
}

.sp_csr {
  display: inline-block;
  overflow: hidden;
  background: url(../img/sp_csr_lc.png) no-repeat 0 0;
  background-size: 320px 320px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.cm_sch_result .csr_title_bx {
  padding: 7px 0 9px;
  text-align: center;
}

.cm_sch_result .csr_title_bx .csr_tit {
  display: inline-block;
  font-size: 14px;
  color: #808080;
  vertical-align: top;
  font-weight: normal;
  line-height: 21px;
}

.cm_sch_result .csr_title_bx a {
  display: inline-block;
  margin-left: 11px;
  font-size: 14px;
  color: #47494f;
  text-decoration: underline;
  vertical-align: top;
}

.cm_sch_result .csr_title_bx a {
  font-size: 14px;
  color: #47494f;
  text-decoration: underline;
  line-height: 21px;
}

.cm_sch_result .csr_relate_bx {
  position: relative;
  padding: 11px 40px 11px 59px;
  min-height: 23px;
}

.cm_sch_result .csr_relate_bx .csr_relate_txt {
  position: absolute;
  left: 10px;
  top: 11px;
  display: inline-block;
  padding: 2px 7px 1px 7px;
  font-size: 14px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  font-weight: normal;
  line-height: 18px;
  font-weight: bold;
}

.cm_sch_result .csr_relate_bx .csr_relate_txt:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 13px;
  margin-left: 9px;
  background: #d8d8d8;
}

.cm_sch_result .csr_relate_bx .csr_text_lst {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  overflow: hidden;
  height: 23px;
  line-height: 23px;
  color: #808080;
}

.cm_sch_result .csr_relate_bx .csr_text_lst {
  padding-left: 2px;
}
.cm_sch_result .csr_relate_bx .csr_text_lst li {
  display: inline-block;
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 0 4px;
}
.cm_sch_result .csr_relate_bx .csr_text_lst li:after {
  content: ",";
  display: inline-block;
  color: #808080;
  position: absolute;
  right: 0;
  top: 0;
}
.cm_sch_result .csr_relate_bx .csr_text_lst li:last-child:after {
  display: none;
}
.cm_sch_result .csr_relate_bx .csr_text_lst a {
  font-size: 13px;
  color: #808080;
  line-height: 19px;
}

.cm_sch_result .csr_relate_bx .csr_open {
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 10px;
  width: 22px;
  height: 22px;
  border: 1px solid #afafaf;
  border-radius: 22px;
  vertical-align: top;
}

.cm_sch_result .csr_relate_bx .csr_open .sp_csr {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 10px;
  background: url(../img/com_v2/sp_search_set@2x.png) no-repeat 0 0;
  background-size: 10px 90px;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.cm_sch_result .csr_relate_bx.on .csr_open {
  border: 1px solid #f7bcc9;
}

.cm_sch_result .csr_relate_bx.on .csr_open .sp_csr {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}

.cm_sch_result .csr_relate_bx.on .csr_text_lst {
  margin-bottom: -6px;
  height: auto;
  line-height: 23px;
}

.csr_sch_no {
  padding: 12px 10px 16px 10px;
  text-align: center;
}

.csr_sch_no .ico_search {
  margin: 3px 1px 0 0;
  width: 22px;
  height: 22px;
  background-position: 0 0;
}

.csr_sch_no .txt {
  margin-bottom: 12px;
  font-size: 15px;
  color: #646466;
  font-weight: bold;
  line-height: 23px;
}

.csr_sch_no .csr_info_lst {
  display: inline-block;
  margin-left: 4px;
  vertical-align: top;
  text-align: left;
  line-height: 16px;
}

.csr_sch_no .csr_info_lst li {
  position: relative;
  padding-left: 9px;
  font-size: 11px;
  color: #b2b2b4;
}

.csr_sch_no .csr_info_lst li:before {
  position: absolute;
  left: 0;
  top: 7px;
  margin-right: 4px;
  width: 2px;
  height: 2px;
  background: #949799;
  content: "";
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.csr_result_more {
  position: relative;
  text-align: center;
}

.csr_result_more img {
  vertical-align: top;
}

.csr_result_more .csr_bg {
  position: relative;
  width: 320px;
  height: 70px;
  background-position: 0 -24px;
}

.csr_result_more .csr_text {
  position: absolute;
  left: 18px;
  top: 36px;
  font-size: 15px;
  color: #464646;
  letter-spacing: -2px;
  line-height: 20px;
}

.csr_result_more .csr_text em {
  font-size: 20px;
  font-weight: bold;
}

.csr_result_more .bg_lft {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #c0ecf5;
}

.csr_result_more .bg_rgt {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  background: #fee5fd;
}

.csr_sch_resultbx_v1 {
  position: relative;
}

.csr_sch_resultbx_v1 h3 {
  margin: 0 10px 10px;
  padding: 0 67px 14px 0;
  background: url(../img/bg_result.gif) repeat-x 0 100%;
  background-size: 4px 4px;
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: -1px;
  color: #494949;
}

.csr_sch_resultbx_v1 h3 .cnt {
  color: #ff69a4;
}

.csr_sch_resultbx_v1 .btn_more {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  width: 67px;
  height: 28px;
  background: url(../img/sp_csr_lc.png) no-repeat 0 -97px;
  background-size: 320px 320px;
}

.csr_sch_rqst {
  padding: 15px 10px;
}

.csr_sch_rqst a {
  display: block;
  position: relative;
  padding: 10px 0 13px;
  background: #fdf8fa;
  border: 1px solid #f4d3e0;
  text-align: center;
}

.csr_sch_rqst a strong {
  color: #ff69a4;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -1px;
}

.csr_sch_rqst a .ico_arw {
  position: absolute;
  top: 50%;
  right: 14px;
  width: 7px;
  height: 11px;
  margin-top: -6px;
  background-position: -69px -97px;
}

.csrch_gift {
  background-color: #fff;
  text-align: center;
  padding: 10px 5px;
}

.csrch_gift li.tit {
  font-size: 12px;
  color: #666;
}

.csrch_gift li a {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  padding: 3px 5px;
  display: inline-block;
  font-weight: bold;
  letter-spacing: -1px;
}

/*웹검색 추가*/
.csrch_sectit {
  position: relative;
  padding: 22px 0 13px;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

.csrch_sectit h3 {
  font-size: 16px;
  line-height: 19px;
  color: var(--m-colors-gray900, #222222);
}

.csrch_website {
  position: relative;
}

.csrch_website .website_lst {
  display: inline-block;
  margin: 0 15px;
  border-bottom: 1px solid #f3f3f3;
  padding: 20px 0;
  margin-bottom: -1px;
}

.csrch_website .website_lst {
  display: inline-block;
  margin: 0 15px;
  border-top: 1px solid #f3f3f3;
  padding: 20px 0;
}

.csrch_website .website_lst:first-child {
  border-top: 0;
}

.csrch_website .website_lst .website_title .website_tit a {
  display: -webkit-box;
  overflow: hidden;
  font-size: 15px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.csrch_website .website_lst .website_title .website_link a {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 5px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: #343aa3;
  word-break: break-all;
}

.csrch_website .website_lst .website_info {
  display: block;
  margin-top: 5px;
}

.csrch_website .website_lst .website_info p.website_text {
  display: table-cell;
  vertical-align: top;
}

.csrch_website .website_lst .website_info p.website_text span {
  display: -webkit-box;
  overflow: hidden;
  line-height: 19px;
  color: #666;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  letter-spacing: 0;
  margin-top: 2px;
  margin-bottom: 7px;
  font-size: 14px;
  word-break: break-all;
}

.csrch_website .website_lst .website_info p.website_text span strong {
  color: var(--m-colors-gray900, #222222);
}

.csrch_website .website_lst .website_info p.website_img {
  display: table-cell;
  padding: 3px 0 0 15px;
}

.csrch_sale_info p {
  position: relative;
  font-size: 13px;
  color: #666;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #e2e5e8;
  background-color: #fff;
  letter-spacing: -0.8px;
}

.csrch_sale_info p:before {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 20px;
  height: 20px;
  background: url(../img/com_v2/sp_view.png) no-repeat -84px 3px;
  background-size: 100px 100px;
  content: "";
}

/*쓱-배송 상품보기*/
.sch_filter_type .m_inp_chk {
  position: relative;
  min-width: 17px;
  min-height: 17px;
  display: inline-block;
  word-wrap: normal;
  word-break: normal;
  vertical-align: top;
}

.sch_filter_type .m_inp_chk input[type=checkbox] {
  position: absolute;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.sch_filter_type .m_inp_chk input:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #cccccc;
  border-radius: 2px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), to(#e8e8e8));
  background-image: linear-gradient(0deg, #ffffff 50%, #e8e8e8);
}

.sch_filter_type .m_inp_chk input:checked:after {
  background: url(../img/com_v2/ico_inp_chk.png) center center no-repeat, -webkit-gradient(linear, left bottom, left top, from(#666), to(#666));
  background: url(../img/com_v2/ico_inp_chk.png) center center no-repeat, linear-gradient(0deg, #666, #666);
  background-size: 13px 9px;
  border-color: #666;
}

.sch_filter_type .m_inp_chk input:focus {
  opacity: 1;
  outline: 1px dotted #ddd;
}

.sch_filter_type .m_inp_chk input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 11px;
  color: #666;
  vertical-align: top;
}

.sch_filter_type .m_inp_chk input:disabled {
  opacity: 0.5;
}

.sch_filter_type .m_inp_chk input:disabled + label {
  opacity: 0.5;
}

.sch_filter_type .m_inp_info {
  width: 20px;
  height: 20px;
  background: url(../img/com_v2/sp_view.png) no-repeat -84px 3px;
  background-size: 100px 100px;
}

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

.sch_filter_type .m_inp_rdo input[type=radio] {
  position: absolute;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.sch_filter_type .m_inp_rdo input:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 17px;
  height: 17px;
  background: url(../img/sp_com_rtn2.png) -25px -70px no-repeat;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  background-size: 250px 1300px;
  content: "";
}

.sch_filter_type .m_inp_rdo input:checked:after {
  background-position: -45px -70px;
}

.sch_filter_type .m_inp_rdo input:focus {
  opacity: 1;
  outline: 1px dotted #ddd;
}

.sch_filter_type .m_inp_rdo input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 11px;
  color: #666;
  vertical-align: top;
}

.sch_filter_type .m_inp_rdo input:checked + label {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.sch_filter_type .m_inp_rdo input:disabled {
  opacity: 0.5;
}

.sch_filter_type .m_inp_rdo input:disabled + label {
  opacity: 0.5;
}

.sch_filter_type {
  padding: 0 10px 7px 10px;
  border-bottom: 1px solid #e2e5e8;
  background-color: #fff;
}

.sch_filter_type .sch_type_lst {
  font-size: 0;
}

.sch_filter_type .sch_type_lst > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
  padding-top: 7px;
}

.sch_filter_type .sch_type_lst > li:first-child {
  margin-left: 0;
}

.sch_filter_type .sch_type_lst .m_inp_chk .ty_emart em {
  display: inline-block;
  vertical-align: -1px;
  font-size: 18px;
  line-height: 0;
}

.sch_filter_type .sch_type_lst .sp_view.ico_arr {
  margin-top: 7px;
  width: 9px;
  height: 5px;
  background: url(../img/com_v2/sp_view.png) 0 -79px no-repeat;
  background-size: 100px 100px;
}

.sch_filter_type .sch_type_lst .active .sp_view.ico_arr {
  background-position: -10px -79px;
}

.sch_filter_type .sch_type_lst .ico_help {
  display: inline-block;
  height: 17px;
  color: #b0805c;
  padding: 0 2px 0 21px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -1px;
  background: url(../img/common/ic_q.png) 0 0 no-repeat;
  background-size: 17px 17px;
}

.opt_filter_sel {
  position: relative;
}

.opt_filter_sel .opt_filter_cont {
  display: none;
  position: absolute;
  top: 100%;
  left: -24px;
  right: 0;
  width: 120px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -1px;
  z-index: 20;
}

.opt_filter_sel.active .opt_filter_cont {
  display: block;
}

.opt_filter_sel .opt_filter_cont .opt_select_lst {
  margin-top: 4px;
  border: 1px solid #f2f2f2;
  background: #fff;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
}

.opt_filter_sel .opt_filter_cont .opt_select_lst li {
  padding: 11px 10px;
  border-top: 1px solid #d9d9d9;
}

.opt_filter_sel .opt_filter_cont .opt_select_lst li:first-child {
  border-top: 0;
}

.opt_filter_sel .opt_filter_cont .opt_select_lst li a {
  display: block;
}

.sch_filter_type .sch_type_lst > li:only-child .opt_filter_cont {
  left: 0;
}

.sch_filter_txt {
  padding: 7px 10px;
  font-size: 12px;
  color: #666;
  border: 1px solid #e2e5e8;
  border-width: 1px 0;
  background-color: #fff;
}

.sch_filter_txt .num {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

@media screen and (max-width: 320px) {
  .sch_filter_type {
    padding: 7px 5px !important;
  }
  .sch_filter_type .sch_type_lst > li {
    margin-left: 5px !important;
  }
}
.m_ncatetbl .rank_td button.btn_info {
  position: absolute;
  top: 10px;
  right: 5px;
  width: 20px;
  height: 20px;
  background: url(../img/com_v2/sp_view.png) no-repeat -84px 3px;
  background-size: 100px 100px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* 연관상품 추천 */
.cm_sch_result_v2 .csr_title_bx {
  margin: 6px 10px;
  padding: 7px 15px 5px;
  border-radius: 3px;
  background: #f2f2f2;
  text-align: left;
}

.cm_sch_result_v2 .csr_title_bx a {
  margin-left: 8px;
  color: #a796f3;
  text-decoration: none;
}

.cm_sch_result_v2 .csr_sch_no {
  padding: 37px 10px 36px 10px;
}

.cm_sch_result_v2 .csr_sch_rqst {
  padding-top: 23px;
  background: #e6e6e6;
}

.cm_sch_result_v2 .csr_sch_rqst a {
  padding: 11px 0 9px;
  border-color: #ccc;
  background: #f7f7f7;
}

.cm_sch_result_v2 .csr_sch_rqst a strong {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
}

.csr_pd_wrap {
  overflow: hidden;
  padding-top: 10px;
  background: #e6e6e6;
}

.csr_pd_wrap .csr_pd_tit {
  padding: 6px 0 10px;
  font-weight: normal;
  font-size: 21px;
  letter-spacing: -1px;
  color: #636566;
  text-align: center;
}

.csr_pd_bx {
  margin: 0 5px 7px;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.csr_pd_bx .pd_tit {
  background: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), color-stop(50%, #dfdfdf), color-stop(50%, transparent)) 0 100%;
  background: linear-gradient(to top, #dfdfdf, #dfdfdf 50%, transparent 50%) 0 100%;
  background-color: #f8f8f8;
  background-size: 100% 1px;
  background-repeat: no-repeat;
}

.csr_pd_bx .pd_tit a {
  display: block;
  position: relative;
  height: 40px;
  padding: 0 70px 0 15px;
}

.csr_pd_bx .pd_tit a em {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-top: 10px;
  font-size: 15px;
  color: #373737;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}

.csr_pd_bx .pd_tit a em.sp_csr {
  color: transparent;
}

.csr_pd_bx .pd_tit .btn {
  position: absolute;
  top: 12px;
  right: 15px;
  padding-left: 15px;
  font-size: 12px;
  letter-spacing: -1px;
  color: #8e8e8e;
}

.csr_pd_bx .pd_tit .btn_fold,
.csr_pd_bx.on .pd_tit .btn_unfold {
  display: none;
}

.csr_pd_bx.on .pd_tit .btn_fold {
  display: block;
}

.csr_pd_bx .pd_tit .btn_unfold:before,
.csr_pd_bx .pd_tit .btn_fold:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 9px;
  height: 1px;
  margin-top: -1px;
  background: #8e8e8e;
  content: "";
}

.csr_pd_bx .pd_tit .btn_unfold:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 1px;
  height: 9px;
  margin-top: -5px;
  background: #8e8e8e;
  content: "";
}

.csr_pd_scroll {
  position: relative;
}

.csr_pd_accod .csr_pd_scroll {
  display: none;
}

.csr_pd_accod.on .csr_pd_scroll {
  display: block;
}

.csr_pd_accod.on .scroll-container.horizontal {
  height: 100%;
}

.csr_pd_scroll .btn_more {
  display: table;
  position: absolute;
  right: 0;
  top: 0;
  width: 75px;
  height: 100%;
  font-size: 12px;
  letter-spacing: -1px;
  color: #a392f3;
  text-align: center;
}

.csr_pd_scroll .btn_more:before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 1px;
  background: #ededed;
}

.csr_pd_scroll .btn_more .inr {
  display: table-cell;
  vertical-align: middle;
}

.csr_pd_scroll .btn_more .ico_more {
  display: block;
  width: 27px;
  height: 27px;
  margin: 5px auto 0;
  background-position: -98px -97px;
}

.csr_pd_bx.ty_obj .pd_tit {
  background-color: #ffd802;
}

.csr_pd_bx.ty_obj .pd_tit em.sp_csr {
  width: 83px;
  height: 22px;
  margin-top: 9px;
  background-position: -153px 0;
}

.csr_pd_bx.ty_obj .pd_tit .btn_more {
  padding: 0 14px 0 0;
  color: #562200;
}

.csr_pd_bx.ty_hb .pd_tit {
  background-color: #ff4c3c;
}

.csr_pd_bx.ty_hb .pd_tit em.sp_csr {
  width: 200px;
  height: 22px;
  margin-top: 9px;
  background-image: url(../img/sp_csr_lc_v2.png);
  background-position: -38px 0;
}

.csr_pd_bx.ty_hb .pd_tit .btn_more {
  padding: 0 14px 0 0;
  color: #fff;
}

.csr_pd_bx .pd_tit .btn_more:after {
  position: absolute;
  right: 2px;
  top: 0;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
}

.csr_pd_bx.ty_obj .pd_tit .btn_more:after {
  border-color: #562200;
}

.rcm_pd_wrap {
  overflow: hidden;
  padding-top: 10px;
  background: #e6e6e6;
}

.rcm_pd_wrap .rcm_pd_tit {
  margin: 0 10px;
  padding: 16px 10px 0;
  background: #fff;
  font-weight: normal;
  font-size: 21px;
  line-height: 24px;
  color: #808080;
  letter-spacing: -1px;
  text-align: center;
}

.rcm_pd_wrap .rcm_pd_tit em {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin-left: 3px;
  color: #262626;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.rcm_pd_wrap .rcm_pd_lst {
  background-color: #fff;
}

/* 연관상품 추천 :각몰 수정 */
.csr_pd_scroll .m_ssg_lst .ty_thmb li {
  width: 156px;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li:last-child {
  padding-right: 75px;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li:before {
  display: none;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li .cm_item {
  margin: 0;
  padding: 5px 5px 0;
  border-right: 1px solid #ededed;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li .tx_thmb {
  height: 125px;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li .tx_thmb .mall {
  margin-bottom: 4px;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li .tx_thmb .old_price {
  height: 19px;
  margin-top: 3px;
}

.csr_pd_scroll .m_ssg_lst .ty_thmb li .tx_thmb .new_price {
  margin-top: 0;
}

.csr_pd_scroll .m_sm_lst .ty_thmb {
  padding: 0;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li {
  width: 156px !important;
  padding: 0;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li:last-child {
  padding-right: 75px;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li .cm_item {
  padding: 5px 5px 0;
  border-right: 1px solid #ededed;
  border-bottom: 0;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li .tx_thmb {
  height: 103px;
  padding: 0 4px;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li .tx_thmb .tit {
  padding-top: 6px;
  line-height: 18px;
  -webkit-line-clamp: 2;
}

.csr_pd_scroll .m_sm_lst .ty_thmb li .tx_thmb .old_price {
  margin-top: 1px;
}

.csr_pd_lst .m_sm_lst .ty_lst li:last-child .goods_benefit {
  border-bottom: 0;
}

.csr_pd_scroll .m_em_lst .ty_thmb li {
  width: 156px !important;
}

.csr_pd_scroll .m_em_lst .ty_thmb li:last-child {
  padding-right: 75px;
}

.csr_pd_scroll .m_em_lst .ty_thmb li:before {
  display: none;
}

.csr_pd_scroll .m_em_lst .ty_thmb li .cm_item {
  margin: 0;
  padding: 5px 5px 0;
  border-right: 1px solid #ededed;
}

.csr_pd_scroll .m_em_lst .ty_thmb li .tx_thmb {
  height: 103px;
  padding: 0 4px;
}

.csr_pd_scroll .m_em_lst .ty_thmb li .tx_thmb .tit {
  padding-top: 6px;
  line-height: 18px;
}

.csr_pd_scroll .m_em_lst .ty_thmb li .tx_thmb .old_price {
  margin-top: 1px;
}

.csr_pd_lst .m_em_lst .ty_lst li:last-child {
  border-bottom: 0;
}

@media screen and (min-width: 640px) {
  .csr_pd_scroll .m_ssg_lst {
    margin: 0;
  }
  .csr_pd_scroll .m_ssg_lst .ty_thmb li {
    width: 312px !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 0;
  }
  .csr_pd_scroll .m_ssg_lst .ty_thmb li .thmb {
    width: auto;
    height: auto;
  }
  .csr_pd_scroll .m_ssg_lst .ty_thmb li .cm_item {
    border-top: 0;
    border-bottom: 0;
  }
  .csr_pd_scroll .m_sm_lst .ty_thmb li {
    width: 312px !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .csr_pd_lst .m_sm_lst .ty_lst li:last-child .goods_benefit,
.csr_pd_lst .m_sm_lst .ty_lst li:nth-last-child(2) .goods_benefit {
    border-bottom: 0;
  }
  .csr_pd_scroll .m_em_lst .ty_thmb li {
    width: 312px !important;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 0;
  }
  .csr_pd_scroll .m_em_lst .ty_thmb li .thmb {
    width: auto;
    height: auto;
  }
  .csr_pd_lst .m_em_lst .ty_lst li:last-child,
.csr_pd_lst .m_em_lst .ty_lst li:nth-last-child(2) {
    border-bottom: 0;
  }
}
.csr_pd_scroll .ty_thmb2 li {
  width: 155px;
  height: 304px;
  padding-top: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.csr_pd_scroll .ty_thmb2 li:last-child {
  padding-right: 75px;
}

.csr_pd_scroll .ty_thmb2 li:first-child:before {
  display: none;
}

.csr_pd_scroll .ty_thmb2 li:after {
  display: none;
}

.csr_pd_scroll .ty_thmb2 li:before {
  left: -1px;
  right: auto;
}

@media screen and (min-width: 640px) {
  .csr_pd_scroll .ty_thmb2 li {
    width: 311px;
    height: 460px;
  }
}
.csr_pd_scroll .cmunit_grid {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.csr_pd_scroll .cmunit_ty_thmb .cmunit_grid_item {
  width: 155px;
  padding-left: 15px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  white-space: normal;
}

.csr_pd_scroll .cmunit_ty_thmb .cmunit_grid_item:last-child {
  padding-right: 90px;
}

/* 쓱-클릭 상품 */
.csr_adinfo {
  position: relative;
  padding-top: 10px;
}

.csr_adinfo:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: 9px;
  border-top: 1px solid #e1e1e1;
  background: #f3f4f7;
  content: "";
}

.csr_adinfo_tit {
  position: relative;
  padding: 20px 55px 14px 55px;
  border-bottom: 1px solid #e1e1e1;
  background: #fff;
}

.csr_adinfo_tit h3 {
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
}

.csr_adinfo_tit .ssg-tooltip-wrap.tt_adinfo_n {
  bottom: 7px;
  left: auto;
  right: 5px;
}

.csr_adinfo_tit .ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer {
  left: auto;
  right: 0;
}

.csr_adinfo_tit .ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:before,
.csr_adinfo_tit .ssg-tooltip-wrap.tt_adinfo_n .ssg-tooltip-layer:after {
  left: auto;
  right: 7px;
}

.sch_holiday_wrap {
  padding-bottom: 20px;
}
.sch_holiday_wrap li {
  margin: 10px 15px 10px;
  padding: 16px 18px;
  border-radius: 10px;
  border: solid 1px #e5e5e5;
  position: relative;
}
.sch_holiday_wrap li:first-child {
  margin-top: 20px;
}
.sch_holiday_wrap li .sch_holiday_tit {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
  padding-right: 50px;
}
.sch_holiday_wrap li .sch_holiday_tit,
.sch_holiday_wrap li .sch_holiday_txt {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
}
.sch_holiday_wrap li .sch_holiday_stit,
.sch_holiday_wrap li .sch_holiday_txt {
  font-size: 13px;
  letter-spacing: -0.3px;
  color: #777;
  position: relative;
  padding-right: 10px;
}
.sch_holiday_wrap li .sch_holiday_stit {
  float: left;
}
.sch_holiday_wrap li .sch_holiday_stit:after {
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 13px;
  background-color: #e5e5e5;
  content: "";
  margin: 2px 0 1px 3px;
}
.sch_holiday_wrap li .sch_holiday_txt {
  padding: 0 40px 0 7px;
}
.sch_holiday_wrap li .btn_call {
  position: absolute;
  right: 15px;
  top: 30%;
  width: 30px;
  height: 30px;
}
.sch_holiday_wrap li .btn_call:after {
  display: block;
  background-image: url(../img/sprites/sp_search_20210329.png);
  background-position: -62px -44px;
  width: 28px;
  height: 28px;
  content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .sch_holiday_wrap li .btn_call:after {
    background-image: url(../img/sprites/sp_search_20210329@2x.png);
    background-size: 258px 89px;
  }
}
.sch_holiday_wrap .cm_search_titbox h3 {
  padding: 28px 0 0 0;
}

.sch_holiday_none {
  text-align: center;
  margin: 50px auto;
}
.sch_holiday_none .sch_holiday_nontxt {
  font-size: 15px;
  letter-spacing: -0.3px;
  color: var(--m-colors-gray900, #222222);
}
.sch_holiday_none .sch_holiday_nontxt .point {
  color: var(--m-colors-primary, #a59357);
}

.sch_holiday_wrap .cm_search_titbox h3 {
  padding-top: 23px;
}

.cmcate_btnarea {
  margin: 10px 15px 0;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.cmcate_btnarea .cmcate_btn_more {
  display: block;
  background-color: #fff;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
}
.cmcate_btnarea .cmcate_btn_more:after {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin: 5px 0 0 4px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.cmcate_btnarea .cmcate_btn_more .cmcate_btntx {
  line-height: 1.71;
  color: #666;
  vertical-align: top;
}
.cmcate_btnarea .cmcate_btn_more .cmcate_btntx.off {
  display: none;
}
.cmcate_btnarea .cmcate_btn_more.on:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin: 11px 0 0 4px;
}
.cmcate_btnarea .cmcate_btn_more.on .cmcate_btntx {
  display: none;
}
.cmcate_btnarea .cmcate_btn_more.on .cmcate_btntx.off {
  display: inline;
}

.cmcate_srch_brd_wrap .cmcate_srch_from {
  padding: 14px 15px 15px;
}
.cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox {
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  border-radius: 2px;
  position: relative;
}
.cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox .cmcate_srch_inp {
  border: 0;
  background: none;
  width: 90%;
  height: 30px;
  padding-left: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
  letter-spacing: -0.3px;
  padding-left: 10px;
}
.cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox .cmcate_srch_btnsrch {
  position: absolute;
  top: 4px;
  right: 0;
  width: 30px;
  height: 30px;
}
.cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox .cmcate_srch_btnsrch:before {
  content: "";
  background-image: url(../img/sprites/sp_search_brand_20210526.png);
  background-position: 0px 0px;
  width: 24px;
  height: 24px;
  display: block;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox .cmcate_srch_btnsrch:before {
    background-image: url(../img/sprites/sp_search_brand_20210526@2x.png);
    background-size: 54px 54px;
  }
}
.cmcate_srch_brd_wrap .cmcate_srch_from .cmcate_srch_inpbox .cgsearch_inpbox_del {
  display: none;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs {
  padding: 0 15px;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li {
  width: 50%;
  display: inline-block;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li .cmcate_srch_btn_tab {
  width: 100%;
  padding: 7px 0;
  border-radius: 19px;
  border: solid 1px #e5e5e5;
  letter-spacing: -0.32px;
  color: #777;
  font-size: 14px;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li .cmcate_srch_btn_tab span {
  display: inline-block;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li .cmcate_srch_btn_tab .ico_sort {
  background-image: url(../img/sprites/sp_search_brand_20210526.png);
  background-position: -34px 0px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li .cmcate_srch_btn_tab .ico_sort {
    background-image: url(../img/sprites/sp_search_brand_20210526@2x.png);
    background-size: 54px 54px;
  }
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li.on .cmcate_srch_btn_tab {
  border: solid 1px #222;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li.on .cmcate_srch_btn_tab .ico_sort {
  background-image: url(../img/sprites/sp_search_brand_20210526.png);
  background-position: 0px -34px;
  width: 20px;
  height: 20px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_lst li.on .cmcate_srch_btn_tab .ico_sort {
    background-image: url(../img/sprites/sp_search_brand_20210526@2x.png);
    background-size: 54px 54px;
  }
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel {
  display: none;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content {
  position: relative;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li {
  padding: 14px 0;
  border-bottom: 1px solid #e5e5e5;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li a .text + .brand_ico {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li .text {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li .brand_ico {
  overflow: hidden;
  display: inline-block;
  width: 26px;
  text-align: center;
  height: 16px;
  margin: 2px 4px 0 8px;
  padding: 1px 3px 0;
  border-radius: 8px;
  border: 1px solid #222;
  color: var(--m-colors-gray900, #222222);
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.3px;
  vertical-align: top;
  text-overflow: ellipsis;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li.title {
  border-bottom: 1px solid #222;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_content .cmcate_brand_lst li.title .text {
  font-size: 20px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  z-index: 999;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation .m_catg_sch {
  position: absolute;
  width: 20px;
  top: 10px;
  right: 0;
  padding: 11px 0 10px 0;
  opacity: 0.7;
  border-radius: 15px;
  background-color: #f0f0f0;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation .m_catg_sch li {
  text-align: center;
  font-size: 10px;
  color: #777;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation .m_catg_sch li a {
  width: 20px;
  display: block;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation .m_catg_sch li:after {
  content: "•";
  display: block;
}
.cmcate_srch_brd_wrap .cmcate_srch_tabs .cmcate_srch_tabs_panel .cmcate_navigation .m_catg_sch li:last-child:after {
  display: none;
}
.cmcate_srch_brd_wrap .cmcate_nodata {
  font-size: 15px;
  text-align: center;
  color: var(--m-colors-gray900, #222222);
  padding: 65px 0;
}

.fixed_fillter {
  position: fixed;
  bottom: 55px;
  left: 50%;
  text-align: center;
  z-index: 2000;
}
.fixed_fillter .fillter_btn {
  background: url(../img/search/sc_bt_ssgday_default@2x.png) no-repeat 0 0;
  background-size: 100%;
  width: 155px;
  height: 56px;
  -webkit-transition: 0.15s bs ease-out;
  transition: 0.15s bs ease-out;
  position: absolute;
  right: -65px;
  bottom: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-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;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.fixed_fillter .fillter_btn.off {
  background: url(../img/search/sc_bt_ssgday_default@2x.png) no-repeat 0 0;
  background-size: 100%;
}
.fixed_fillter .fillter_btn.on {
  background: url(../img/search/sc_bt_ssgday_active@2x.png) no-repeat 0 0;
  background-size: 100%;
}
.fixed_fillter .fillter_btn.smile {
  background: url(../img/search/sc-bt-smile-off@2x.png) no-repeat 0 0;
  width: 178px;
  right: -89px;
  background-size: 100%;
}
.fixed_fillter .fillter_btn.smile.off {
  background: url(../img/search/sc-bt-smile-off@2x.png) no-repeat 0 0;
  background-size: 100%;
}
.fixed_fillter .fillter_btn.smile.on {
  background: url(../img/search/sc-bt-smile-on@2x.png) no-repeat 0 0;
  background-size: 100%;
}

::-webkit-scrollbar {
  opacity: 0;
  background: transparent;
}

::-webkit-scrollbar:hover {
  opacity: 1;
}

.m_catelst_wrap_v2 {
  position: relative;
  background-color: #fff;
}
.m_catelst_wrap_v2 .m_catelst {
  border-top: 1px solid #f5f5f5;
}
.m_catelst_wrap_v2 .m_catelst .lst_cate {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #f5f5f5;
}
.m_catelst_wrap_v2 .m_catelst li {
  position: relative;
  display: table-cell;
  border-left: 1px solid #f5f5f5;
}
.m_catelst_wrap_v2 .m_catelst li .cmitem_quick_bedge {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 30px;
  height: 15px;
  line-height: 16px;
  overflow: hidden;
  font-weight: 500;
  font-size: 9px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  border-radius: 0 0 0 3px;
}
.m_catelst_wrap_v2 .m_catelst li .cmitem_quick_bedge.ty_ad {
  background-color: var(--m-colors-gray400, #969696);
}
.m_catelst_wrap_v2 .m_catelst li .cmitem_quick_bedge.ty_open {
  background-color: var(--m-colors-primary, #a59357);
}
.m_catelst_wrap_v2 .m_catelst li.cate_theme_tx span {
  color: #5d30ff;
}
.m_catelst_wrap_v2 .m_catelst li.cate_theme_tx span.cmitem_quick_bedge {
  color: #fff;
}
.m_catelst_wrap_v2 .m_catelst li:first-child {
  border-left: 0;
}
.m_catelst_wrap_v2 .m_catelst li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 34px;
  padding: 6px 16px 6px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.m_catelst_wrap_v2 .m_catelst li a:before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: "";
}
.m_catelst_wrap_v2 .m_catelst li a span {
  display: -webkit-inline-box;
  overflow: hidden;
  line-height: 16px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  color: #444;
  vertical-align: middle;
  word-break: break-all;
  letter-spacing: -0.3px;
}
.m_catelst_wrap_v2 + .cmft_sort.v2 {
  padding-top: 0;
}

.body_and.body_app .cmft_srch_wrap {
  padding-bottom: 55px;
}
.body_and.body_app .cmft_srch_wrap .cmft_btns {
  padding-bottom: 55px;
  background: #fff;
}

.cmft_sort {
  padding-top: 13px;
  line-height: 1.5;
  background-color: #f5f5f5;
}

.cmft_sort_opts {
  height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  background-color: #fff;
}

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

.cmft_sort_lst .cmft_txt {
  line-height: 18px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
}

.cmft_cell {
  display: table-cell;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #efefef;
}

.cmft_cell:first-child {
  border-left: 0;
}

.cmft_sort_tit {
  display: block;
  padding: 13px 0 12px 0;
  height: 18px;
}

.cmft_sort_opts .ty_emart em,
.cmft_opts .ty_emart em {
  display: inline-block;
  vertical-align: -1px;
  font-size: 18px;
  line-height: 0;
}

.cmft_sel_wrap {
  position: relative;
}
.cmft_sel_wrap.on .cmft_sel_curent:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.cmft_sel_curent {
  padding-left: 5px;
  padding-right: 16px;
  text-align: left;
  color: #444;
}

.cmft_sel_curent:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 5px;
  width: 8px;
  height: 5px;
  background: url(../img/com_v2/sp_cate_view.png) -60px -40px no-repeat;
  background-size: 100px auto;
}

.cmft_sel_curent .cmft_txt {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sel_wrap.on .cmft_sel_lst {
  display: block;
}

.cmft_sel_lst {
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  z-index: 10;
  border: 1px solid #afafaf;
  background-color: #fff;
  -webkit-box-shadow: 4px 2px 7px 0 rgba(0, 0, 0, 0.11);
          box-shadow: 4px 2px 7px 0 rgba(0, 0, 0, 0.11);
}

.cmft_sel_lst .cmft_txt {
  display: block;
  color: #666;
}

.cmft_sel_lst li {
  position: relative;
  text-align: left;
  border-top: 1px solid #efefef;
}

.cmft_sel_lst li:first-child {
  border-top: 0;
}

.cmft_sel_lst li a {
  display: block;
  padding: 13px 0 12px 5px;
}

.cmft_num {
  line-height: 18px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  font-weight: 500;
}

.cmft_sort_count {
  width: 90px;
}

.cmft_sort_count .cmft_sort_tit .cmft_num {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sort_count.v2 {
  width: auto;
}
.cmft_sort_count.v2 .cmft_sort_tit {
  padding: 30px 15px 0 15px;
}
.cmft_sort_count.v2 .cmft_num {
  color: #777;
}
.cmft_sort_count.v2 .cmft_num strong {
  color: var(--m-colors-gray900, #222222);
}

.cmft_sort_ship .cmft_inp_chk {
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -9px;
  z-index: 10;
}

.cmft_sort_ship .cmft_label_curent {
  padding-left: 5px;
  padding-right: 16px;
  text-align: left;
  color: #444;
}

.cmft_sort_ship .cmft_label_curent .cmft_txt {
  padding-left: 22px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: normal;
}

.cmft_sort_ship .cmft_sel_curent .cmft_txt {
  padding-left: 22px;
}

.cmft_sort_ship .cmft_sel_lst .cmft_txt {
  padding-left: 22px;
}

.cmft_sort_ship .cmft_sel_lst .cmft_txt:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 5px;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_sort_ship .cmft_sel_lst .on .cmft_txt:before {
  border: 0;
  background: var(--m-colors-primary, #a59357) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_sort_rank .cmft_sel_lst .on .cmft_txt {
  color: var(--m-colors-primary, #a59357);
}

.cmft_sort_srch {
  width: 70px;
}

.cmft_sort_srch .cmft_sort_tit {
  font-size: 0;
}

.cmft_sort_srch .cmft_txt {
  font-weight: bold;
}

.cmft_sort_srch .cmft_num {
  padding-left: 2px;
  color: var(--m-colors-primary, #a59357);
}

/* 카테고리 필터 개편 */
.cmft_sort.v2 .cmft_sort_opts {
  height: 52px;
}
.cmft_sort.v2 .cmft_sort_lst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmft_sort.v2 .cmft_cell {
  display: block;
  border: 0;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship .cmft_sel_curent:after {
  display: none;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship .cmft_sel_curent .cmft_txt {
  position: relative;
  padding-right: 10px;
  vertical-align: top;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship .cmft_sel_curent .cmft_txt:after {
  position: absolute;
  margin-left: 3px;
  right: 0;
  top: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #222;
  border-bottom: 0 solid transparent;
  width: 0;
  height: 0;
  content: "";
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship .cmft_sel_lst {
  left: 15px;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_ship .cmft_sel_wrap.on .cmft_txt:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.cmft_sort.v2 .cmft_cell.cmft_sort_rank {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_rank .cmft_sel_curent {
  text-align: right;
  font-size: 0;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_rank .cmft_sel_curent:after {
  background-image: url(../img/sprites/sp_category_20201124.png);
  background-position: -76px 0px;
  width: 16px;
  height: 16px;
  background-size: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  left: 0;
  margin-top: 0;
  content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmft_sort.v2 .cmft_cell.cmft_sort_rank .cmft_sel_curent:after {
    background-image: url(../img/sprites/sp_category_20201124@2x.png);
    background-size: 92px 41px;
  }
}
.cmft_sort.v2 .cmft_cell.cmft_sort_rank .cmft_sel_curent .cmft_txt {
  text-align: right;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_srch {
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 15px;
}
.cmft_sort.v2 .cmft_cell.cmft_sort_srch .cmft_sort_tit:after {
  background-image: url(../img/sprites/sp_category_20201124.png);
  background-position: 0px -25px;
  width: 16px;
  height: 16px;
  background-size: auto;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0;
  margin-top: 2px;
  content: "";
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmft_sort.v2 .cmft_cell.cmft_sort_srch .cmft_sort_tit:after {
    background-image: url(../img/sprites/sp_category_20201124@2x.png);
    background-size: 92px 41px;
  }
}
.cmft_sort.v2 .cmft_cell.cmft_sort_srch .cmft_num {
  color: var(--m-colors-gray900, #222222);
}
.cmft_sort.v2 .cmft_cell.cmft_sort_srch.on .cmft_txt,
.cmft_sort.v2 .cmft_cell.cmft_sort_srch.on .cmft_num {
  color: var(--m-colors-primary, #a59357);
}
.cmft_sort.v2 .cmft_cell.cmft_sort_srch.on .cmft_sort_tit:after {
  background-image: url(../img/sprites/sp_category_20201124.png);
  background-position: -26px -25px;
  width: 16px;
  height: 16px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cmft_sort.v2 .cmft_cell.cmft_sort_srch.on .cmft_sort_tit:after {
    background-image: url(../img/sprites/sp_category_20201124@2x.png);
    background-size: 92px 41px;
  }
}
.cmft_sort.v2 .cmft_sort_tit {
  padding: 17px 0 17px 0;
}
.cmft_sort.v2 .cmft_sort_tit.cmft_label_curent {
  padding-left: 17px;
}
.cmft_sort.v2 .cmft_sel_curent {
  padding-left: 15px;
}
.cmft_sort.v2 .cmft_sel_curent .cmft_txt {
  display: inline-block;
}
.cmft_sort.v2 .cmft_sel_lst {
  min-width: 100px;
  max-width: 127px;
  top: 42px;
  left: auto;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmft_sort.v2 .cmft_sel_lst .cmft_txt {
  padding-left: 0;
  color: var(--m-colors-gray900, #222222);
}
.cmft_sort.v2 .cmft_sel_lst .cmft_txt:before {
  content: none;
}
.cmft_sort.v2 .cmft_sel_lst li a {
  padding: 10px 0 11px 15px;
}
.cmft_sort.v2 .cmft_sel_lst li.on {
  background: var(--m-colors-gray900, #222222);
}
.cmft_sort.v2 .cmft_sel_lst li.on .cmft_txt {
  color: #fff;
}
.cmft_sort.v2 .cmft_sel_wrap .cmft_inp_chk {
  left: 15px;
}
.cmft_sort.v2 .cmft_sel_wrap .cmft_inp_chk input:after {
  border-radius: 3px;
}

/*추천순 툴팁*/
.cmft_tip_info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.cmft_tip_open {
  display: block;
  height: 100%;
}

.cmft_tip_open button {
  display: block;
  width: 30px;
  height: 100%;
  line-height: 1;
}

.cmft_tip_open button:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../img/com_v2/sp_cate_view.png) 0 -40px no-repeat;
  background-size: 100px auto;
}

.cmft_tip_info.on .cmft_tip_layer {
  display: block;
}

.cmft_tip_layer {
  display: none;
  position: absolute;
  right: -50px;
  bottom: 33px;
  width: 230px;
  margin-bottom: 4px;
  padding: 10px 26px 10px 13px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 12px;
  color: #444;
  line-height: 17px;
  text-align: left;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}

.cmft_tip_layer:before,
.cmft_tip_layer:after {
  content: "";
  position: absolute;
  top: 100%;
  right: 60px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid transparent;
}

.cmft_tip_layer:before {
  margin-top: 1px;
  border-top-color: #ccc;
}

.cmft_tip_layer:after {
  border-top-color: #fff;
}

.cmft_tip_layer .cmft_tip_close {
  position: absolute;
  top: 0;
  right: 0;
}

.cmft_tip_layer .cmft_tip_close button {
  width: 20px;
  height: 20px;
}

.cmft_tip_layer .cmft_tip_close button:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../img/com_v2/sp_cate_view.png) -40px -40px no-repeat;
  background-size: 100px auto;
}

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

.cmft_inp_rdo input[type=radio] {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_inp_rdo input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_inp_rdo input:checked:after {
  border: 0;
  background: var(--m-colors-primary, #a59357) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_inp_rdo input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 13px;
  vertical-align: top;
}

.cmft_inp_rdo input:disabled {
  opacity: 0.5;
}

.cmft_inp_rdo input:disabled + label {
  opacity: 0.5;
}

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

.cmft_inp_chk input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent !important;
  -moz-appearance: none !important;
       appearance: none !important;
  -webkit-appearance: none;
}

.cmft_inp_chk input:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #d1d1d1;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}

.cmft_inp_chk input:checked:after {
  border: 0;
  background: var(--m-colors-primary, #a59357) url(../img/com_v2/sp_cate_view.png) 0 -60px no-repeat;
  background-size: 100px auto;
}

.cmft_inp_chk input + label {
  display: inline-block;
  padding-left: 22px;
  line-height: 18px;
  font-size: 13px;
  vertical-align: top;
}

.cmft_inp_chk input:disabled {
  opacity: 0.5;
}

.cmft_inp_chk input:disabled + label {
  opacity: 0.5;
}

/*배송비 SAVE*/
.cmft_ship_save {
  padding: 10px 0 8px 10px;
  font-size: 13px;
  background-color: #f5f5f5;
}

.cmft_ship_save strong {
  font-weight: 500;
}

.cmft_ship_save strong em {
  color: var(--m-colors-primary, #a59357);
  font-weight: bold;
}

/*백화점쓱배송*/
.cmft_store_lst {
  position: relative;
  font-size: 0;
  background-color: #fbfbfb;
}

.cmft_store_lst ul {
  border-bottom: 1px solid #efefef;
}

.cmft_store_lst li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  min-height: 40px;
}

.cmft_store_lst li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 40px;
}

.cmft_store_lst li:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
}

.cmft_store_lst li:nth-child(4n+5):after {
  border-bottom: 1px solid #efefef;
}

.cmft_store_lst li a {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding-left: 9px;
  margin-left: 10px;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
}

.cmft_store_lst li.on a {
  color: var(--m-colors-primary, #a59357);
  font-weight: bold;
}

.cmft_store_lst li.on a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: var(--m-colors-primary, #a59357);
}

/*신발사이즈*/
.cmft_shoes_opts {
  position: relative;
  padding: 10px 100px 10px 10px;
  line-height: 1;
  border-bottom: 1px solid #efefef;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f8f8f8;
}

.cmft_shoes_view {
  display: table;
}

.cmft_shoes_view .cmft_shoes_cell {
  display: table-cell;
  vertical-align: middle;
}

.cmft_shoes_opts .cmft_inp_chk input + label {
  color: var(--m-colors-gray900, #222222);
  white-space: nowrap;
}

.cmft_shoes_opts .cmft_shoes_size {
  margin-left: 5px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 18px;
  vertical-align: top;
  color: var(--m-colors-primary, #a59357);
  font-size: 13px;
  font-weight: bold;
}

.cmft_shoes_opts .cmft_shoes_sizeset {
  position: absolute;
  top: 10px;
  right: 15px;
}

.cmft_shoes_opts .cmft_shoes_sizeset:before {
  content: "|";
  display: inline-block;
  vertical-align: middle;
  color: #d9d9d9;
}

.cmft_shoes_opts .cmft_shoes_sizeset .cmft_btn_size {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  font-size: 13px;
  line-height: 18px;
}

.cmft_shoes_opts .cmft_shoes_sizeset .cmft_btn_size:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 4px;
  background: url(../img/com_v2/sp_cate_view.png) -80px -40px no-repeat;
  background-size: 100px auto;
}

/*신발사이즈 설정*/
.cmft_size_wrap {
  padding: 0 15px;
}

.cmft_size_wrap .cmft_btns {
  margin: 10px 0 40px;
}

.cmft_size_wrap .cmft_btns .cmft_btn {
  font-size: 16px;
}

.cmft_size_tit {
  padding: 40px 0;
}

.cmft_size_tit h2 {
  margin-bottom: 10px;
  font-size: 24px;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  letter-spacing: -0.3px;
}

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

.cmft_size_tit p {
  text-align: center;
  font-size: 14px;
  color: #888;
}

.cmft_size_titsub {
  letter-spacing: -0.3px;
}
.cmft_size_titsub p {
  text-align: left;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
}
.cmft_size_titsub p + p {
  padding-top: 6px;
}

.cmft_size_lst {
  overflow: hidden;
  padding: 1px 0 0 1px;
}

.cmft_size_lst li {
  float: left;
  width: 25%;
}

.cmft_size_lst .cmft_inp_chk {
  display: block;
}

.cmft_size_lst .cmft_inp_chk input + label {
  display: block;
  padding-left: 0;
  height: 50px;
  line-height: 45px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e5e5;
  text-align: center;
  color: var(--m-colors-gray900, #222222);
  font-size: 13px;
  margin: -1px 0 0 -1px;
}

.cmft_size_lst .cmft_inp_chk input:after {
  display: none;
}

.cmft_size_lst .cmft_inp_chk input:checked + label {
  position: relative;
  z-index: 1;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  background-color: #fff;
}
.cmft_size_lst .cmft_inp_chk input:checked + label:before {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  left: -1.5px;
  top: -1.5px;
  border: 2px solid #222;
}

.cmft_size_desc {
  margin-top: 20px;
}
.cmft_size_desc li {
  position: relative;
  padding-left: 8px;
  color: #888;
  font-size: 13px;
  line-height: 17px;
}
.cmft_size_desc li:before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c7c7c7;
  content: "";
}

.cmft_size_desctx {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
}

.cmft_size_agree {
  margin: 40px 0 14px;
  padding: 20px 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--m-colors-gray100, #fafafa);
  border-radius: 8px;
}
.cmft_size_agree .cmft_btn_agree {
  color: #666;
  font-size: 13px;
}
.cmft_size_agree .cmft_btn_agree .ico {
  display: inline-block;
  margin-left: 2px;
  width: 5px;
  height: 5px;
  border: 1px solid #666;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  vertical-align: 2px;
}
.cmft_size_agree .inpchk {
  width: auto;
  height: auto;
  margin: 10px 0 0 0;
}
.cmft_size_agree .inpchk input[type=checkbox]:focus {
  outline: 0;
}
.cmft_size_agree .inpchk input[type=checkbox]::after {
  top: 3px;
}
.cmft_size_agree .inpchk input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-left: 25px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.3px;
}
.cmft_size_agree .inpchk.focus input[type=checkbox] + label {
  border: 2px solid #000;
}
.cmft_size_agree .cmft_agree_personinfo .cmft_agree_tit {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.cmft_size_agree .cmft_agree_personinfo .cmft_agree_item {
  position: relative;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  letter-spacing: -0.3px;
  color: #888;
  padding-bottom: 3px;
}
.cmft_size_agree .cmft_agree_personinfo .cmft_agree_item:before {
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background: #c7c7c7;
  content: "";
}
.cmft_size_agree .cmft_agree_personinfo .cmft_agree_item.ty_point {
  font-size: 17px;
  line-height: 1.3;
  text-decoration: underline;
}
.cmft_size_agree .cmft_agree_personinfo .cmft_agree_desc {
  margin-top: 10px;
  font-size: 12px;
  color: #888;
}

.cmft_size_agree_check {
  margin-bottom: 40px;
}
.cmft_size_agree_check .cmft_chk {
  display: inline-block;
  position: relative;
  min-width: 16px;
  min-height: 16px;
  line-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: top;
}
.cmft_size_agree_check .cmft_chk input + label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 24px;
  vertical-align: top;
  font-size: 13px;
  color: var(--m-colors-gray900, #222222);
}
.cmft_size_agree_check .cmft_chk input + label:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #969696;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmft_size_agree_check .cmft_chk input:checked + label:before {
  background-color: var(--m-colors-gray900, #222222);
  border-color: var(--m-colors-gray900, #222222);
}
.cmft_size_agree_check .cmft_chk input:checked + label:after {
  position: absolute;
  top: 4px;
  left: 5px;
  z-index: 2;
  display: inline-block;
  width: 4px;
  height: 8px;
  border: solid 1px #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  content: "";
}

.cmft_size_btnarea {
  margin-bottom: 60px;
}

/*상품 상세검색*/
.cmft_srch_selected {
  padding: 12px 15px 8px;
  font-size: 0px;
  background-color: #e6e7eb;
}

.cmft_srch_selected .cmft_opts {
  background-color: #ff5b58;
}

.cmft_srch_selected .cmft_opts_tx {
  color: #fff;
}

.cmft_tabs_lst {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cmft_tabs_lst li {
  display: table-cell;
  height: 46px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  vertical-align: middle;
}

.cmft_tabs_lst li:first-child {
  border-left: 0;
}

.cmft_tabs_lst .cmft_btn_tab {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #666;
}

.cmft_tabs_lst .on {
  border-bottom: 0;
}

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

.cmft_tabs_panel {
  display: none;
  padding: 20px 15px 0;
}

.cmft_btns ul {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.cmft_btns li {
  display: table-cell;
  vertical-align: top;
}

.cmft_btns .cmft_btn {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_btn_reset,
.cmft_btn_close {
  background: #666;
}

.cmft_btn_confirm,
.cmft_btn_save {
  background: var(--m-colors-primary, #a59357);
}

.cmft_btn_black {
  display: block;
  width: 100%;
  height: 44px;
  line-height: 44px;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--m-colors-gray900, #222222);
  border-radius: 8px;
  font-size: 14px;
}

.cmft_srch_wrap .cmft_tabs {
  padding-bottom: 55px;
}

.cmft_srch_wrap .cmft_btns {
  position: fixed;
  bottom: 0;
  z-index: 999;
}

.cmft_srch_wrap .cmft_btns .cmft_btn {
  font-size: 16px;
}

/*상세조건*/
.cmft_sp_ico {
  display: inline-block;
  vertical-align: top;
  background-image: url(../img/com_v2/sp_cate_view.png);
  background-repeat: no-repeat;
  background-size: 100px auto;
}

.cmft_tit {
  margin-bottom: 7px;
  color: #4c4c4c;
  font-size: 14px;
  font-weight: bold;
}

.cmft_tit_sub {
  color: var(--m-colors-gray400, #969696);
  font-size: 12px;
  font-weight: normal;
}

.cmft_opts_area {
  padding-bottom: 20px;
}

.cmft_opts_lst {
  font-size: 0;
}

.cmft_opts_lst li {
  display: inline-block;
}

.cmft_opts_lst input[type=checkbox],
.cmft_opts_lst input[type=radio],
.cmft_cate_area input[type=radio] {
  position: absolute;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  border-radius: 0;
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_opts_lst input[type=checkbox]:checked,
.cmft_cate_area input[type=radio]:checked {
  background: transparent;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

.cmft_opts_lst input:checked + label {
  display: none;
}

.cmft_cate_area input:checked + label {
  display: block;
}

.cmft_opts_lst label,
.cmft_cate_area label {
  display: block;
  -webkit-tap-highlight-color: transparent;
}

.cmft_opts {
  position: relative;
  display: inline-block;
  padding: 9px 10px 7px 10px;
  margin: 0 5px 5px 0;
  background-color: #eceef0;
}

.cmft_opts_tx {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
  color: #666;
  font-size: 14px;
}

.cmft_opts_del {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin: 0 0 0 5px;
  overflow: hidden;
  background: url(../img/com_v2/sp_cate_view.png) -20px -40px no-repeat;
  background-size: 100px auto;
}

.cmft_opts_del:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
}

.cmft_opts .cmft_sp_ico {
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}

.cmft_opts .cmft_view_lst {
  background-position: 0px 0px;
}

.cmft_opts .cmft_view_img {
  background-position: -20px 0px;
}

.cmft_opts .cmft_view_big {
  background-position: -40px 0px;
}

.cmft_srch_selected .cmft_opts .cmft_view_lst {
  background-position: 0px -20px;
}

.cmft_srch_selected .cmft_opts .cmft_view_img {
  background-position: -20px -20px;
}

.cmft_srch_selected .cmft_opts .cmft_view_big {
  background-position: -40px -20px;
}

.cmft_inp_price {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_inp_price .cmft_inp_txt {
  display: table-cell;
  vertical-align: top;
  width: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9fa;
}

.cmft_inp_price .cmft_inp_txt input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  background: transparent;
  color: #666;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  vertical-align: top;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}

.cmft_inp_price .cmft_space {
  display: table-cell;
  vertical-align: top;
  width: 20px;
  line-height: 32px;
  text-align: center;
  color: #4c4c4c;
}

.cmft_inp_price .cmft_apply {
  display: inline-block;
  background-color: #474c55;
}

.cmft_inp_price .cmft_apply .cmft_btn_apply {
  display: block;
  width: 55px;
  height: 32px;
  text-align: center;
  color: #fff;
}

/*브랜드*/
.cmft_brand_tabs:after {
  content: "";
  display: block;
  clear: both;
}

.cmft_brand_tabs li:first-child {
  margin-left: 1px;
}

.cmft_brand_tabs li {
  position: relative;
  float: left;
  width: 50%;
  margin: -1px 0 0 -1px;
  border: 1px solid #d8d8d8;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cmft_brand_tabs li.on {
  border-color: var(--m-colors-gray900, #222222);
  z-index: 10;
  background: #fff;
}

.cmft_brand_tabs li .cmft_btn_tab {
  width: 100%;
  height: 35px;
  font-size: 14px;
  color: #4a4a4a;
  text-align: center;
}

.cmft_brand_tabs li.on .cmft_btn_tab {
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
  background: #fff;
}

.cmft_brand_lst {
  padding-top: 8px;
}

.cmft_brand_lst li {
  position: relative;
  padding: 12px 0;
  line-height: 1;
  border-top: 1px solid #f1f1f1;
}

.cmft_brand_lst li:first-child {
  border-top: 0;
}

.cmft_brand_lst .cmft_opts {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.cmft_brand_lst .cmft_inp_chk .cmft_opts_tx {
  font-size: 15px;
  color: #4a4a4a;
}

.cmft_brand_lst .cmft_brand_count {
  position: absolute;
  right: 0;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
}

@media screen and (max-width: 320px) {
  .cmft_sort_lst .cmft_num {
    font-size: 12px;
  }
  .cmft_sort_lst .cmft_txt {
    line-height: 16px;
    font-size: 12px;
  }
  .cmft_sort_count {
    width: 76px;
  }
  .cmft_sort_ship + .cmft_sort_rank {
    width: 78px;
  }
  .cmft_sort_srch {
    width: 64px;
  }
  .cmft_store_lst li a {
    letter-spacing: -1px;
  }
  .cmft_tip_layer {
    width: 200px;
  }
}
/* 대카 상단 배너 삭제 예정(s) */
.m_cate_topbn {
  margin: 0;
  padding: 6px 0 0;
  z-index: 1;
  background-color: #f5f5f5;
}

.m_cate_topbn:before,
.m_cate_topbn:after {
  display: none;
}

.m_cate_topbn .m_cate_tit {
  padding-left: 10px;
  color: #3e9ee0 !important;
  font-size: 14px;
  text-align: left;
}

.m_topbn_osmu .mflick .flick-num {
  padding-right: 10px;
}

/* 대카 상단 배너 삭제 예정(e) */
/* 대카 상단 배너 */
.cm_cate_topbn:before {
  display: block;
  width: 100%;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

.cm_cate_topbn .cm_cate_tit {
  position: relative;
  z-index: 10;
  padding: 30px 20px 5px;
  color: var(--m-colors-gray900, #222222);
  font-size: 18px;
  line-height: 20px;
  height: 54px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  letter-spacing: -0.5px;
}

.cm_topbn_osmu .bn_osmu .sp_badge,
.cm_topbn_osmu .bn_osmu .bn_img .sp_btn,
.cm_topbn_osmu .bn_osmu .bn_txt .ico_patten,
.cm_topbn_osmu .bn_osmu .bn_txt .btn_go {
  display: none;
}

.cm_topbn_osmu .bn_osmu {
  max-width: 100%;
}

.cm_topbn_osmu .bn_osmu li {
  position: relative;
}

.cm_topbn_osmu .bn_osmu li a {
  display: block !important;
}

.cm_topbn_osmu .bn_osmu .bn_img {
  display: block;
  padding-right: 5px;
}

.cm_topbn_osmu .bn_osmu .bn_img:after {
  position: absolute;
  left: 0;
  right: 5px;
  top: 38px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.05);
  content: "";
}

.cm_topbn_osmu .bn_osmu .bn_img img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cm_topbn_osmu .bn_osmu .bn_txt {
  position: absolute;
  left: 0;
  right: 5px;
  bottom: 0;
  font-size: 22px !important;
  line-height: 36px !important;
  color: #fff;
  letter-spacing: -1px;
  text-align: right;
}

.cm_topbn_osmu .bn_osmu .bn_txt .bn_txt_inner {
  min-height: 72px;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em,
.cm_topbn_osmu .bn_osmu .bn_txt .h2 em {
  overflow: hidden;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 36px !important;
  line-height: 36px !important;
  padding: 0 20px 0 10px;
  background: rgba(127, 183, 232, 0.95);
  word-break: break-all;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h2 em {
  top: auto;
  bottom: 0;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em:first-child {
  right: 0;
  top: 0;
}

.cm_topbn_osmu .bn_osmu .bn_txt .h1 em {
  right: 0;
  top: 36px;
}

.cm_topbn_osmu .mflick {
  overflow: hidden;
  position: relative;
  margin-top: -38px;
  height: 272px;
}

.cm_topbn_osmu .mflick .flick-container .flick-ct {
  float: left;
  width: 95% !important;
  height: 100%;
}

.cm_topbn_osmu .mflick .flick-container .flick-ct img {
  padding-top: 38px;
}

.cm_topbn_osmu .mflick .flick-num {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 20px;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #7f7f7f;
  text-align: right;
  z-index: 10;
}

.cm_topbn_osmu .mflick .flick-num .current_num {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt {
  height: auto !important;
  padding-bottom: 0 !important;
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .bn_txt_inner {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}

.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .h1,
.body_sm .cm_topbn_osmu .bn_osmu .bn_txt .h2 {
  font-size: 22px !important;
}

.cm_topbn_osmu .recomcate_swiper {
  position: relative;
  overflow: hidden;
  margin-top: -38px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiper_pagination {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding-right: 20px;
  font-size: 14px !important;
  line-height: 27px !important;
  color: #7f7f7f;
  text-align: right;
  word-spacing: -2px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiper_pagination .swiper-pagination-current {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.3px;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiperlst li {
  width: 95% !important;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
.cm_topbn_osmu .recomcate_swiper .recomcate_swiperlst li .shdu_item {
  padding-right: 5px;
}
.cm_topbn_osmu.v2 {
  padding: 0 0 20px 0;
}
.cm_topbn_osmu.v2 .cmhero_banner .swiper-ctrls {
  margin-top: calc(57.3333% - 35px);
}
.cm_topbn_osmu.v2 .cmhero_bn {
  padding-bottom: 57.3333%;
}
.cm_topbn_osmu.v2 .cmhero_tit .cmhero_titmain {
  padding-top: 9px;
}
.cm_topbn_osmu.v2:before {
  display: block;
  width: 100%;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

/* 대카 동영상 배너 */
.cate_mov:before {
  display: block;
  width: 100%;
  height: 15px;
  background: #f5f5f5;
  content: "";
}

.cate_mov .bn_lnk {
  display: block;
}

.cate_mov .bn_txt {
  padding: 21px 20px 24px;
}

.cate_mov .bn_txt .h1 {
  display: block;
}

.cate_mov .bn_txt .h1 em {
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.6px;
  color: var(--m-colors-gray900, #222222);
  word-break: break-all;
}

.cate_mov .bn_txt .h2 {
  display: block;
  margin-top: 6px;
}

.cate_mov .bn_txt .h2 em {
  font-size: 14px;
  line-height: 18px;
  color: #666;
}

.cate_mov .bn_txt .btn_more {
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
  vertical-align: middle;
}

.cate_mov .bn_txt .btn_more:after {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 1px;
  border: 1px solid #222;
  border-width: 1px 1px 0 0;
  vertical-align: 1px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  content: "";
}

.cate_mov .mov_wrap .view {
  display: block;
  position: relative;
}

.cate_mov .mov_wrap .view:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75px;
  height: 75px;
  margin: -38px 0 0 -38px;
  background: url(../img/common/btn_movplay_b.png) no-repeat;
  background-size: 75px auto;
  content: "";
}

.cate_mov .mov_wrap img {
  width: 100%;
  vertical-align: top;
}

/* 브랜드 카테고리 */
.cctg_brandtop {
  padding: 20px;
  border-bottom: 1px solid #bcbcbc;
}

.cctg_brandtop .cctg_brandtop_rescan {
  position: relative;
  width: 100%;
  height: 38px;
  padding: 0 46px 0 19px;
  border: solid 1px #979797;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cctg_brandtop .cctg_brandtop_inp {
  width: 100%;
  height: 21px;
  margin-top: 8px;
  border: 0;
  background-color: #fff;
  outline: 0;
  font-size: 14px;
  line-height: 21px;
  color: var(--m-colors-gray900, #222222);
}

.cctg_brandtop .cctg_brandtop_inp::-webkit-input-placeholder {
  color: var(--m-colors-gray900, #222222);
}

.cctg_brandtop .cctg_brandtop_btnsrch {
  position: absolute;
  top: 0;
  right: 3px;
  width: 36px;
  height: 36px;
  line-height: 0;
}

.cctg_brandtop .cctg_brandtop_btnsrch:after {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/ico_search.png) no-repeat;
  vertical-align: middle;
  content: "";
}

.cctg_tmplbn_full {
  position: relative;
  margin-top: -1px;
  border-bottom: 1px solid #bcbcbc;
  line-height: 1.5;
}

.cctg_tmplbn_full .cctg_tmplbn_img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.cctg_tmplbn_full .cctg_tmplbn_detailbx {
  padding: 20px 20px 40px;
  text-align: center;
}

.cctg_tmplbn_full .cctg_tmplbn_desc {
  display: block;
  font-size: 15px;
  line-height: 25px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.4px;
}

.cmft_opts_area.sp_st {
  background-color: #d6f2fe;
  padding: 10px;
  margin-bottom: 20px;
}

.cmft_opts_area.sp_st .cmft_opts {
  background-color: #fff;
  color: #666;
}

.cmft_opts_area.sp_st h4 {
  position: relative;
  color: #4c4c4c;
  padding: 0 0 5px 7px;
  font-size: 13px;
}

.cmft_opts_area.sp_st h4:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #666;
}

.cmft_cate_lst {
  padding-top: 8px;
}

.cmft_cate_lst li {
  position: relative;
  padding: 12px 0;
  line-height: 1;
  border-top: 1px solid #f1f1f1;
}

.cmft_cate_lst li:first-child {
  border-top: 0;
}

.cmft_cate_lst .cmft_cate {
  font-size: 15px;
  color: #4a4a4a;
}

.cmft_cate_lst .cmft_cate_count {
  position: absolute;
  top: 15px;
  right: 0;
  font-size: 13px;
  color: var(--m-colors-gray400, #969696);
}

.cmft_cate_lst li.on .cmft_opts_tx,
.cmft_cate_lst li.on .cmft_cate_count {
  color: var(--m-colors-primary, #a59357);
}

.cmft_cate_location {
  font-size: 14px;
  color: var(--m-colors-gray400, #969696);
  border-bottom: 1px solid #222;
  padding-bottom: 10px;
  margin-bottom: -10px;
  overflow: hidden;
  position: relative;
  height: 20px;
}

.cmft_cate_location ul {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.cmft_cate_location ul::-webkit-scrollbar {
  display: none;
}

.cmft_cate_location li {
  display: inline-block;
}

.cmft_cate_location a {
  color: var(--m-colors-gray400, #969696);
}

.cmft_cate_location em {
  display: inline-block;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}

.cmft_cate_lst .cmft_ico_box {
  display: inline-block;
  border: 1px solid #222;
  border-radius: 11px;
  color: var(--m-colors-gray900, #222222);
  font-size: 12px;
  letter-spacing: -1px;
  padding: 4px 6px 2px 6px;
  margin: -3px 0 0 5px;
  line-height: 13px;
}

.cmft_inp_txt {
  display: table;
  table-layout: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmft_inp_txt .cmft_inp_txt {
  display: table-cell;
  vertical-align: top;
  width: 220px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f9f9fa;
}

.cmft_inp_txt .cmft_inp_txt input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 8px 10px 8px;
  border: 1px solid #e5e5e5;
  background: transparent;
  color: #666;
  font-size: 14px;
  line-height: 15px;
  font-weight: bold;
  vertical-align: top;
  border-radius: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
}

.cmft_inp_txt .cmft_apply {
  display: inline-block;
  background-color: #474c55;
}

.cmft_inp_txt .cmft_apply .cmft_btn_apply {
  display: block;
  width: 55px;
  height: 32px;
  text-align: center;
  color: #fff;
}

.cmft_cate_area .cmft_opts {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.cmft_cate_area .cmft_cate_location label {
  display: inline-block;
}

/* section title */
.csrch_sectit {
  position: relative;
  padding: 18px 0 16px;
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

.csrch_sectit h3 {
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

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

.csrch_sectit .btn_more {
  position: absolute;
  right: 14px;
  bottom: 13px;
  padding-right: 10px;
  font-size: 13px;
  line-height: 16px;
  color: #444;
}

.csrch_sectit .btn_more:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 11px;
  margin-top: -6px;
  background-position: -60px -40px;
  content: "";
}

.csrch_sectit .btn_more2 {
  position: absolute;
  right: 10px;
  bottom: 15px;
  padding: 4px 8px 3px 9px;
  border: 1px solid #d8d8d8;
  border-radius: 999rem;
  font-size: 11px;
  line-height: 13px;
  color: #888;
}

.csrch_sectit .ssg-tooltip-wrap.tt_adinfo_n {
  position: absolute;
  left: auto;
  right: 5px;
  bottom: 16px;
}

.csrch_sectit_ico {
  display: inline-block;
  vertical-align: top;
}

.csrch_sectit_ico.csrch_ico_hb {
  width: 120px;
  height: 24px;
  margin: -2px 0;
  background-position: 0 -60px;
}

.csrch_sectit_ico.csrch_ico_obj {
  width: 95px;
  height: 22px;
  margin: -1px 0;
  background-position: 0 -85px;
}

/* 자주찾는 질문 */
.csrch_faq:after {
  display: block;
  height: 9px;
  border-top: 1px solid #d1d1d1;
  background: #f5f5f5;
  content: "";
}

.csrch_faq .csrch_faq_cont {
  padding: 0 15px;
}

.csrch_faq .csrch_faq_lst li {
  height: 60px;
  border-top: 1px solid #f3f3f3;
  font-size: 0;
}

.csrch_faq .csrch_faq_lst li:first-child {
  border-top: 0;
}

.csrch_faq .csrch_faq_lst li:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  content: "";
}

.csrch_faq .csrch_faq_lst li a {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  vertical-align: middle;
}

.csrch_faq .csrch_faq_inr {
  display: table;
  position: relative;
  width: 100%;
  color: #555;
  text-align: left;
}

.csrch_faq .csrch_faq_ques {
  display: table-cell;
  width: 20px;
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.csrch_faq .csrch_faq_txt {
  display: table-cell;
  padding-left: 10px;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.43;
}

.csrch_ellips {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
}

/* 브랜드 동영상 배너 */
.brand_mov {
  position: relative;
  margin-top: -1px;
}

.brand_mov:after {
  display: block;
  height: 14px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #bcbcbc;
  background: #f5f5f5;
  content: "";
}

.brand_mov .cm_mov_unit:after {
  display: none;
}

/* 브랜드 기획전 배너 */
.brand_plan_banner {
  position: relative;
  margin-top: -1px;
}
.brand_plan_banner .shdu_sec_item {
  padding-top: 0;
}

.brand_plan_banner:after {
  display: block;
  height: 14px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #bcbcbc;
  background: #f5f5f5;
  content: "";
}

.brand_plan_banner .bn_osmu li {
  margin-bottom: 0;
}

.brand_plan_banner .bn_osmu .bn_txt {
  background: var(--m-colors-black, #000000);
}

.brand_plan_banner .bn_osmu .bn_txt .h1 {
  color: #fff;
  font-size: 17px;
}

.brand_plan_banner .bn_osmu .bn_txt .h2 {
  color: #fff;
}

.bn_landing_h200 {
  overflow: hidden;
}

.bn_landing_h200 img {
  width: 100%;
  vertical-align: top;
}

.cmft_allstore_lst {
  background: #fff;
  padding: 20px 0 8px 14px;
}
.cmft_allstore_lst .cmft_allstore_parent {
  display: block;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round {
  /* radio */
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round li {
  display: inline-block;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo {
  display: block;
  text-align: center;
  color: #555;
  font-size: 13px;
  line-height: 1.3;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio] {
  display: inline-block;
  outline: none;
  overflow: hidden;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: inherit;
  border: none;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio] + label {
  display: inline-block;
  padding: 10px 13px 9px;
  border-radius: 25px;
  -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
          box-shadow: inset 0 0 0 1px #d8d8d8;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio]:checked + label {
  -webkit-box-shadow: inset 0 0 0 1px #222;
          box-shadow: inset 0 0 0 1px #222;
  color: var(--m-colors-gray900, #222222);
  font-weight: bold;
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo input[type=radio]:disabled + label {
  -webkit-box-shadow: inset 0 0 0 1px #d8d8d8;
          box-shadow: inset 0 0 0 1px #d8d8d8;
  background-color: #d8d8d8;
  color: var(--m-colors-gray900, #222222);
}
.cmft_allstore_lst .cmft_allstore_parent .cmft_allstore_round .cmft_rdo:after {
  content: "";
  clear: both;
  display: block;
}
.cmft_allstore_lst .cmft_dtstore_lst {
  display: none;
}
.cmft_allstore_lst .cmft_dtstore_lst.on {
  display: block;
}
.cmft_allstore_lst .cmft_dtstore_lst ul {
  display: block;
  padding: 6px 10px 13px 6px;
}
.cmft_allstore_lst .cmft_dtstore_lst ul li {
  color: #888;
  display: inline-block;
  font-size: 14px;
  padding: 6px 3px 3px 3px;
}
.cmft_allstore_lst .cmft_dtstore_lst ul li.on {
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}

/* 추천 카테고리 */
.cmitem_tag_unit.cmcate_recom_tag {
  padding: 12px 15px 30px;
  background-color: #fff;
}
.cmitem_tag_unit.cmcate_recom_tag .cmitem_tag_tit .cmitem_tag_tittx {
  font-size: 18px;
}
.cmitem_tag_unit.cmcate_recom_tag .cmitem_tag_cont {
  padding: 16px 0 0 0;
}
.cmitem_tag_unit.cmcate_recom_tag .cmitem_tag_cont .cmitem_tag_lst > li {
  display: inline-block;
}
.cmitem_tag_unit.cmcate_recom_tag .cmitem_tag_cont .cmitem_tag_lst > li:not(first-child) {
  margin-top: 5px;
}
.cmitem_tag_unit.cmcate_recom_tag .cmitem_tag_cont .cmitem_tag_lst > li .cmitem_tag {
  display: inline-block;
  position: relative;
  vertical-align: top;
  height: 36px;
  line-height: 37px;
  padding: 0 15px;
  border-radius: 18px;
  color: var(--m-colors-gray900, #222222);
}

.cm_cate_topbn.no_topbn:before {
  display: none;
}
.cm_cate_topbn.no_topbn .cmcate_recom_tag {
  margin-top: -20px;
}

.cmcate_recom_bedge {
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
  width: 24px;
  height: 15px;
  line-height: 16px;
  overflow: hidden;
  font-weight: 500;
  font-size: 9px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  border-radius: 8.5px;
  background-color: var(--m-colors-primary, #a59357);
}

.cm_cate_topbn .cmcate_btnarea {
  margin: 15px 15px 25px;
  border-radius: 5px;
  border: solid 1px rgba(0, 0, 0, 0.1);
}
.cm_cate_topbn .cmcate_btnarea .cmcate_btn_more {
  display: block;
  background-color: #fff;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  border-radius: 5px;
}
.cm_cate_topbn .cmcate_btnarea .cmcate_btn_more:after {
  display: inline-block;
  vertical-align: top;
  width: 7px;
  height: 7px;
  margin: 5px 0 0 4px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}
.cm_cate_topbn .cmcate_btnarea .cmcate_btn_more .cmcate_btntx {
  line-height: 1.71;
  color: #666;
  vertical-align: top;
}

/* 유아동 카테고리 */
.cmctgtab_menu_ty_icon.ty_nanaa {
  position: relative;
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst {
  height: 103px;
  overflow-x: scroll;
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst .cmctgtab_btn {
  background-color: var(--m-colors-gray100, #fafafa);
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst .cmctgtab_btn.on {
  -webkit-box-shadow: 0px 0px 0px 2px inset;
          box-shadow: 0px 0px 0px 2px inset;
  height: 60px;
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst .cmctgtab_btn.on .cmctgtab_img img {
  width: 60px;
  height: 60px;
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst .cmctgtab_img img {
  width: 60px;
  height: 60px;
}
.cmctgtab_menu_ty_icon.ty_nanaa .cmctgtab_menulst .cmctgtab_tit {
  font-size: 12px;
  line-height: 15px;
  height: 27px;
  overflow: hidden;
  padding: 65px 0 0 0;
}

.cmitem_recevt_unit {
  line-height: normal;
  letter-spacing: -0.3px;
}
.cmitem_recevt_unit .cmitem_recevt_link {
  display: block;
}
.cmitem_recevt_unit .cmitem_recevt_thmb {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-top: 100%;
  border-radius: 8px;
}
.cmitem_recevt_unit .cmitem_recevt_thmb img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmitem_recevt_unit .cmitem_recevt_time {
  padding: 13px 0 11px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 0;
  color: var(--m-colors-primary, #a59357);
}
.cmitem_recevt_unit .cmitem_recevt_time .tit,
.cmitem_recevt_unit .cmitem_recevt_time .date {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
.cmitem_recevt_unit .cmitem_recevt_time .tit {
  position: relative;
  padding: 0 6px 0 0;
}
.cmitem_recevt_unit .cmitem_recevt_time .tit:after {
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 11px;
  background-color: #e5e5e5;
  content: "";
}
.cmitem_recevt_unit .cmitem_recevt_time .date {
  padding: 0 5px;
}
.cmitem_recevt_unit .cmitem_recevt_main {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 9px;
  font-size: 14px;
  font-weight: bold;
  color: var(--m-colors-gray900, #222222);
}
.cmitem_recevt_unit .cmitem_recevt_sub {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-top: 5px;
  font-size: 13px;
  color: #777;
}

.freqbuy_prd_cunit .cmft_sort_ship .cmft_sel_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.freqbuy_prd_cunit .cmft_sort_ship .cmft_sel_wrap .cmft_sel {
  position: relative;
}
.freqbuy_prd_cunit .cmft_sort_ship .cmft_sel_wrap .cmft_sel .cmft_sel_lst {
  width: 130px;
}
.freqbuy_prd_cunit .cmft_sort_rank .cmft_sel_wrap {
  padding-right: 15px;
}

.body_mnmorning .cmft_sort_rank .cmft_sel_wrap {
  padding-right: 15px;
}

.m_card_info {
  height: 100%;
  padding: 15px 6px;
  background-color: #f2f2f2;
}
.m_card_info img {
  max-width: 100%;
}
.m_card_info .m_card_bx {
  border: 1px solid #d9d9d9;
  padding: 0 10px 15px;
  margin-bottom: 15px;
  background: #fff;
}
.m_card_info .m_card_bx h1 {
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  text-align: center;
  border-bottom: 3px solid #e6e6e6;
  padding: 13px 0 9px;
  line-height: 18px;
  letter-spacing: -1px;
}
.m_card_info .m_card_lst {
  padding: 14px 0;
}
.m_card_info .m_card_lst li {
  font-size: 12px;
  color: #666;
  line-height: 18px;
  letter-spacing: -0.5px;
  padding-left: 16px;
  background: url(../img/common/bu_dot.png) 6px 7px no-repeat;
  background-size: 2px 2px;
}
.m_card_info .m_card_lst .ic_ssgpay_point {
  position: relative;
  padding-left: 20px;
  color: #f03131;
}
.m_card_info .m_card_lst .ic_ssgpay_point:after {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/common/ic_ssgpay2.png) 100% 50% no-repeat;
  background-size: 15px 15px;
  content: "";
}
.m_card_info .m_card_tb {
  border-bottom: 1px dotted #d9d9d9;
}
.m_card_info .m_card_tb dl {
  display: table;
  border-top: 1px dotted #d9d9d9;
  width: 100%;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.m_card_info .m_card_tb dt {
  display: table-cell;
  width: 45%;
  color: var(--m-colors-gray900, #222222);
  vertical-align: middle;
  padding-left: 10px;
  font-weight: bold;
}
.m_card_info .m_card_tb dd {
  display: table-cell;
  color: #666;
  vertical-align: middle;
  border-left: 1px solid #ececec;
  padding: 10px 0 9px 10px;
}
.m_card_info .m_card_tb dd.cmonth {
  width: 25%;
}
.m_card_info .m_card_tb dd.cprice {
  width: 25%;
}
.m_card_info .m_card_tb .ic_ssgpay {
  background: url(../img/common/ic_ssgpay2.png) 100% 50% no-repeat;
  background-size: 15px 15px;
  padding-right: 20px;
}
.m_card_info .m_card_img {
  text-align: center;
  border-bottom: 1px dotted #d9d9d9;
}
.m_card_info .m_card_img img {
  width: 285px;
  vertical-align: top;
}
.m_card_info .m_card_img .m_card_sclub {
  display: none;
}

.srch_rqst_bx {
  padding-bottom: 90px;
}
.srch_rqst_bx:before {
  display: block;
  padding-top: 10px;
  border-bottom: 1px solid #e1e1e1;
  background: #f0f1f5;
  content: "";
}
.srch_rqst_bx .txtarea {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  line-height: 17px;
  -webkit-box-shadow: inset 0 1px 0 0 #ededed;
          box-shadow: inset 0 1px 0 0 #ededed;
}
.srch_rqst_bx .txtarea label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: var(--m-colors-gray400, #969696);
}
.srch_rqst_bx .txtarea textarea {
  width: 100%;
  border: 0 none;
  background: transparent;
  font-size: 12px;
  line-height: 17px;
  color: var(--m-colors-black, #000000);
  vertical-align: top;
}
.srch_rqst_bx .txtarea.disabled {
  background: #f9f9f9;
}
.srch_rqst_bx .txtarea.disabled textarea,
.srch_rqst_bx .txtarea.disabled label {
  color: #bbb;
}

.srch_rqst_bx .inp_chk {
  position: relative;
  display: inline-block;
  vertical-align: -1px;
}

.srch_rqst_bx .inp_chk label {
  display: inline-block;
  position: relative;
  font-size: 13px;
  line-height: 18px;
  color: #333;
  letter-spacing: -1px;
}

.srch_rqst_bx .inp_chk label:before {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
}

.srch_rqst_bx .inp_chk input:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
  background: var(--m-colors-primary, #a59357);
}

.srch_rqst_bx .inp_chk input:checked + label:after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 5px;
  border: solid #fff;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
}

.srch_rqst_bx .inp_txt {
  display: block;
  margin-top: 8px;
  font-size: 0;
}

.srch_rqst_bx .inp_txt .inp_bx {
  display: inline-block;
  position: relative;
  width: 70px;
  padding: 7px 10px 5px;
  border: 1px solid #e9e9e9;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.srch_rqst_bx .inp_txt .inp_bx:first-child {
  width: 50px;
}

.srch_rqst_bx .inp_txt .inp_bx input {
  width: 100%;
  border: 0;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.5;
}

.srch_rqst_bx .inp_txt .inp_bx input[type=tel]:-moz-read-only {
  color: var(--m-colors-gray400, #969696);
  pointer-events: none;
}

.srch_rqst_bx .inp_txt .inp_bx input[type=tel]:read-only {
  color: var(--m-colors-gray400, #969696);
  pointer-events: none;
}

.srch_rqst_bx .inp_txt .inp_dash {
  display: inline-block;
  width: 10px;
  font-size: 14px;
  color: var(--m-colors-gray400, #969696);
  vertical-align: middle;
  text-align: center;
}

.srch_rqst_bx .m_tab {
  z-index: 0;
  margin: -1px 0 0 0;
  border-top: 1px solid #e1e1e1;
  background: #e1e1e1;
}

.srch_rqst_bx .m_tab li {
  display: table-cell;
}

.srch_rqst_bx .m_tab li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 44px;
  border: 0;
  font-size: 14px;
  font-weight: normal;
  color: #838383;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.srch_rqst_bx .m_tab li a:before {
  background: none;
}

.srch_rqst_bx .m_tab li.on a {
  background: #fff;
  color: var(--m-colors-gray900, #222222);
}

.srch_rqst_bx .m_conbx {
  padding: 0;
  border: 0;
}

.srch_rqst_bx .srch_rqst {
  padding: 0 24px;
}

.srch_rqst_bx h2 {
  padding: 9px 0 12px;
  background: #f2f2f2;
  text-align: center;
}

.srch_rqst_bx h2 strong {
  display: block;
  color: var(--m-colors-primary, #a59357);
  font-size: 16px;
  font-weight: normal;
  letter-spacing: -1px;
}

.srch_rqst_bx h2 em {
  display: block;
  color: #8c8c8c;
  font-size: 12px;
  letter-spacing: -1px;
}

.srch_rqst_bx .srch_bn {
  margin-top: 20px;
}

.srch_rqst_bx .search_txt {
  margin-top: 10px;
  font-size: 14px;
  color: var(--m-colors-black, #000000);
  font-weight: bold;
}

.srch_rqst_bx .tx {
  margin: 10px 0 14px;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
  line-height: 1.54;
}

.srch_rqst_bx .btn_consulting {
  display: block;
  position: relative;
  width: 72px;
  margin: -9px 0 20px;
  padding: 5px 28px 3px 8px;
  border: solid 1px #969696;
  background: #eee;
  color: #444;
  line-height: 18px;
  letter-spacing: -1px;
}

.srch_rqst_bx .btn_consulting .ic_arw {
  position: absolute;
  top: 50%;
  right: 8px;
  width: 6px;
  height: 10px;
  margin-top: -5px;
  background-position: -79px -110px;
}

.srch_rqst_bx .srch_rqst .txtarea {
  margin-top: 10px;
  padding: 10px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.srch_rqst_bx .srch_rqst .txtarea textarea {
  height: 128px;
  word-break: break-all;
}

.srch_rqst_bx .srch_rqst .txtarea textarea::-webkit-input-placeholder {
  color: #999;
  letter-spacing: -1px;
}

.srch_rqst_bx .srch_rqst .txtarea label {
  padding: 10px;
}

.srch_rqst_bx .srch_reply {
  margin-top: 17px;
}

.srch_rqst_bx .srch_reply_desc {
  margin-top: 10px;
  font-size: 13px;
  color: #666;
  letter-spacing: -1px;
}

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

.srch_rqst_bx .srch_noti {
  margin: 10px 0 14px;
  letter-spacing: -1px;
  line-height: 1.54;
}

.srch_rqst_bx .srch_noti_tit {
  display: block;
  font-weight: bold;
  font-size: 14px;
  color: var(--m-colors-primary, #a59357);
}

.srch_rqst_bx .srch_noti_lst {
  padding-left: 0.8em;
  font-size: 12px;
  color: #333;
  text-indent: -0.8em;
}

.srch_rqst_bx .bx_attach {
  margin: 11px -24px 0;
  padding: 10px 24px;
  background: #f7f7f7;
}

.srch_rqst_bx .bx_attach .noti_txt em {
  display: block;
  font-size: 15px;
  line-height: 1.2;
  color: #666;
}

.srch_rqst_bx .bx_attach .noti_txt .desc {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.15;
  color: #888;
}

.srch_rqst_bx .bx_attach .attach_img {
  margin-top: 20px;
  font-size: 0;
}

.srch_rqst_bx .bx_attach .pick_img li {
  display: inline-block;
  margin-right: 15px;
  font-size: 14px;
}

.srch_rqst_bx .bx_attach .pick_img .img_area {
  margin: 0;
}

.srch_rqst_bx .bx_attach .img_area {
  position: relative;
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.srch_rqst_bx .bx_attach .img_area .add_thmb {
  display: inline-block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  background: #fff url(../img/common/ico_photo_add.png) no-repeat;
  background-size: 70px auto;
}

.srch_rqst_bx .bx_attach .img_area .img_thum {
  display: inline-block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  vertical-align: top;
}

.srch_rqst_bx .bx_attach .img_area .img_thum img {
  width: 100%;
  height: 100%;
}

.srch_rqst_bx .bx_attach .img_area .btn_dlt {
  position: absolute;
  right: -6px;
  top: -6px;
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url(../img/common/ico_dtl.png) no-repeat;
  background-size: 26px 26px;
}

.srch_rqst_bx .bx_attach .inner_noti {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 194px;
  height: 40px;
  margin: 0 0 0 3px;
  background: url(../img/common/txt_noti.png) no-repeat;
  background-size: 194px auto;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.srch_rqst_bx .srch_rqst_func .bx_attach,
.srch_rqst_bx .srch_rqst_prd .bx_attach {
  position: relative;
  margin-top: 24px;
  padding: 24px;
}

.srch_rqst_bx .srch_rqst_prd .bx_attach {
  margin-top: 12px;
  min-height: 70px;
}

.srch_rqst_bx .srch_rqst_prd .bx_attach .attach_img {
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.srch_rqst_bx .srch_rqst_prd .bx_attach .noti_txt {
  padding: 0 0 0 85px;
}

.srch_rqst_bx .tm_drop_select {
  border-radius: 0;
}

.srch_rqst_bx .tm_drop_select .sel_arrow {
  background-color: #ccc;
}

.srch_rqst_bx .tm_drop_select .txt {
  color: var(--m-colors-primary, #a59357);
  font-weight: normal;
  letter-spacing: -1px;
}

.srch_rqst_bx .tm_drop_list li.selected {
  background: var(--m-colors-primary, #a59357);
}

.srch_rqst_bx .agree {
  display: block;
  margin-top: 17px;
}

.srch_rqst_bx .sp_tooltip {
  display: inline-block;
  overflow: hidden;
  background: url(../img/sp_tooltip_ty2.png) no-repeat 0 0;
  background-size: 25px 75px;
  color: transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}

.srch_rqst_bx .bt_tooltip {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 3px;
  background-position: 0 0;
  vertical-align: middle;
}

.srch_rqst_bx .bt_tooltip.on {
  background-position: 0 0;
}

.srch_rqst_bx .tooltip {
  display: none;
  position: relative;
  margin-top: 6px;
  padding: 9px 50px 14px 20px;
  border-top: 1px solid #cacaca;
  background: #f2f2f2;
}

.srch_rqst_bx .tooltip p {
  color: #666;
  font-size: 13px;
  letter-spacing: -1px;
  line-height: 20px;
  word-break: keep-all;
}

.srch_rqst_bx .tooltip .bt_cls {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 22px;
  height: 22px;
  margin-top: -12px;
  background-position: 0 -50px;
}

.srch_rqst_btn {
  padding: 25px 22px;
}

.srch_rqst_btn .sr_bt {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.srch_rqst_btn .sr_bt li {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.srch_rqst_btn .sr_bt .sr_btn {
  display: table-cell;
  vertical-align: top;
  text-align: center;
}

.srch_rqst_btn .sr_bt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: auto;
  height: 46px;
  border-radius: 3px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.srch_rqst_btn .sr_bt a:first-child {
  margin-right: 2px;
}

.srch_rqst_btn .sr_bt a:last-child {
  margin-left: 2px;
}

.srch_rqst_btn .sr_bt .bn_pnk {
  background: #ff64a9;
}

.srch_rqst_btn .sr_bt .bn_gray {
  background: #808080;
}

.srch_rqst_btn .sr_bt .bn_orange {
  background: var(--m-colors-primary, #a59357);
}

/* 제안게시판 등록완료 팝업 */
.m_lyr_modal.ly_srch_rqst .m_lyr_con .t_tit {
  padding: 15px 0 7px;
  font-size: 22px;
}

.m_lyr_modal.ly_srch_rqst .m_lyr_conbx {
  padding: 16px 0 22px;
  font-size: 12px;
}

@media screen and (max-width: 320px) {
  .srch_rqst_bx .bx_attach .img_area {
    margin: 0 4px 0 0;
  }
  .srch_rqst_bx .bx_attach .inner_noti {
    margin: 0 0 0 -1px;
  }
}
/* 제안게시판 답변 */
.srch_rqst_answer {
  position: relative;
}

.srch_rqst_inner:before {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #ece9d6;
  content: "";
}

.srch_rqst_p {
  position: relative;
  height: 105px;
  padding: 29px 15px 22px 35px;
  font-size: 22px;
  color: #333;
  line-height: 1.23;
  letter-spacing: -1.1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.srch_rqst_p:after {
  position: absolute;
  top: 12px;
  right: 15px;
  z-index: 1;
  width: 179px;
  height: 147px;
  background: url(../img/common/img_srch_rqst.png) no-repeat;
  background-size: contain;
  content: "";
}

.srch_rqst_tx {
  display: block;
}

@media screen and (max-width: 360px) {
  .srch_rqst_p {
    padding-left: 20px;
    font-size: 17px;
  }
}
.srch_rqst_view .profile {
  position: absolute;
  left: 15px;
  top: 10px;
}

.srch_rqst_view .profile .tx_name {
  overflow: hidden;
  position: absolute;
  left: 34px;
  top: 0;
  width: 600%;
  margin-left: 9px;
  font-size: 12px;
  font-weight: normal;
  opacity: 0.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.srch_rqst_view .profile .photo {
  overflow: hidden;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 17px;
  background: #eee;
}

.srch_rqst_view .profile .photo img {
  max-width: 100%;
}

.srch_rqst_view .msg_bx {
  position: relative;
  margin: 2px 0 3px;
  width: 100%;
}

.srch_rqst_view .msg_bx .messege {
  position: relative;
  padding: 13px 20px 17px;
  border-radius: 6px;
  border: 1px solid #ececd5;
  background: #fff;
  font-size: 13px;
  line-height: 1.69;
  word-break: break-all;
  letter-spacing: -0.09em;
}

.srch_rqst_view .msg_bx:first-of-type .messege:after {
  content: "";
  position: absolute;
  top: 5px;
  width: 7px;
  height: 9px;
}

.srch_rqst_view .msg_bx .messege .messege_tit {
  display: block;
  margin-bottom: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 11px;
  color: var(--m-colors-primary, #a59357);
  letter-spacing: -0.05em;
}

.srch_rqst_view .msg_bx .messege a {
  word-wrap: break-word;
  word-break: break-all;
}

.srch_rqst_view .user {
  position: relative;
  padding: 10px 9px 0 15px;
}

.srch_rqst_view .user .msg_bx {
  float: right;
  clear: both;
}

.srch_rqst_view .user .msg_bx .messege {
  margin-right: 7px;
}

.srch_rqst_view .user .msg_bx .messege:after {
  background: url(../img/common/bg_user_tail.png) no-repeat;
  background-size: 7px 9px;
}

.srch_rqst_view .user .msg_bx .msg_info {
  right: 100%;
  padding-right: 7px;
  text-align: right;
}

.srch_rqst_view .user .msg_bx:first-of-type .messege:after {
  right: -7px;
}

.srch_rqst_view .other {
  position: relative;
  overflow: hidden;
  padding: 24px 15px 0 50px;
}

.srch_rqst_view .other .msg_bx {
  float: left;
  clear: both;
}

.srch_rqst_view .other .msg_bx .messege {
  margin-left: 7px;
}

.srch_rqst_view .other .msg_bx .messege:after {
  background: url(../img/common/bg_other_tail.png) no-repeat;
  background-size: 7px 9px;
}

.srch_rqst_view .other .msg_bx:first-of-type .messege:after {
  left: -7px;
}

.srch_rqst_view .user:after,
.srch_rqst_view .other:after {
  content: "";
  display: block;
  clear: both;
}

/* 오류신고 */
.content_suggest .custom_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;
}
.content_suggest .custom_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;
}
.content_suggest .custom_chk input[type=checkbox]:focus {
  outline: none !important;
}
.content_suggest .custom_chk input[type=checkbox]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.content_suggest .custom_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;
}
.content_suggest .custom_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;
}
.content_suggest .custom_chk input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
}
.content_suggest .custom_chk input[type=checkbox] + label {
  font-size: var(--m-fontSizes-md, 14px);
}
.content_suggest .custom_chk input[type=checkbox] + label:before {
  border-radius: 0px;
}
.content_suggest .custom_chk input[type=checkbox] + label:before {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.content_suggest .custom_chk input[type=checkbox] + label > span {
  margin-left: 4px;
}
.content_suggest .custom_chk input[type=checkbox] + label:before {
  margin: 4px 0;
}
.content_suggest .custom_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;
}
.content_suggest .custom_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);
}
.content_suggest .custom_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");
}
.content_suggest .custom_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);
}
.content_suggest .custom_chk input[type=checkbox]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.content_suggest .custom_chk input[type=checkbox]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}
.content_suggest .custom_chk label:before {
  margin-right: 4px !important;
}

.content_suggest .custom_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;
}
.content_suggest .custom_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;
}
.content_suggest .custom_rdo input[type=radio]:focus {
  outline: none !important;
}
.content_suggest .custom_rdo input[type=radio]:focus-visible {
  outline: -webkit-focus-ring-color auto 1px !important;
}
.content_suggest .custom_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;
}
.content_suggest .custom_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;
}
.content_suggest .custom_rdo input[type=radio] + label:before {
  width: 20px;
  height: 20px;
}
.content_suggest .custom_rdo input[type=radio] + label {
  font-size: var(--m-fontSizes-md, 14px);
}
.content_suggest .custom_rdo input[type=radio] + label:before {
  -ms-flex-item-align: center;
      align-self: center;
}
.content_suggest .custom_rdo input[type=radio] + label > span {
  margin-left: 4px;
}
.content_suggest .custom_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);
}
.content_suggest .custom_rdo input[type=radio]:checked + label:before {
  border-color: var(--m-colors-primary, #a59357);
  background-color: var(--m-colors-primary, #a59357);
}
.content_suggest .custom_rdo input[type=radio]:checked:disabled + label:before {
  background-color: var(--m-colors-gray300, #e5e5e5);
}
.content_suggest .custom_rdo input[type=radio]:disabled + label:before {
  border-color: var(--m-colors-gray300, #e5e5e5);
  background-color: var(--m-colors-gray100, #fafafa);
}
.content_suggest .custom_rdo input[type=radio]:disabled + label {
  color: var(--m-colors-gray350, #cfcfcf);
}
.content_suggest .custom_rdo input[type=radio]:disabled + label > span {
  color: var(--m-colors-gray350, #cfcfcf);
}
.content_suggest .custom_rdo label:before {
  margin-right: 4px;
}

.content_suggest .custom_rdo_group {
  margin: -14px 0 0 -15px;
  font-size: 0;
}

.content_suggest .custom_rdo_group .custom_rdo {
  margin: 14px 0 0 15px;
}

.content_suggest .custom_tabrdo .custom_tabrdo_panel {
  display: none;
}

.suggest_btnarea {
  margin: 10px 0;
}

.suggest_btnarea ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.suggest_btnarea ul li {
  display: table-cell;
  vertical-align: top;
}

.suggest_btn {
  display: block;
  width: 100%;
  height: 50px;
  background: #8c9094;
  font-size: 16px;
  line-height: 50px;
  color: #fff;
  text-align: center;
}

.suggest_btn.btn_submit {
  background: var(--m-colors-gray900, #222222);
}

.suggest_noti {
  padding: 15px 20px 0;
}

.suggest_noti_tx {
  font-size: 14px;
  line-height: 25px;
  color: var(--m-colors-gray900, #222222);
  letter-spacing: -0.5px;
}

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

.suggest_evtbn {
  margin-top: 15px;
}

.suggest_evtbn img {
  width: 100%;
  vertical-align: top;
}

.suggest_form {
  padding: 0 20px 20px;
}

.suggest_tbl {
  padding-top: 20px;
}

.suggest_tbl_row {
  padding-bottom: 20px;
}

.suggest_tbl_tit {
  display: block;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

.suggest_tbl .ty_line {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.suggest_tbl .ty_line:first-child {
  padding-top: 0;
  border-top: 0;
}

.suggest_tbl .txtarea_wrap {
  display: block;
  position: relative;
  height: 185px;
  border: 1px solid #e0e0e0;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.suggest_tbl .txtarea_wrap.ty_count {
  padding-bottom: 10px;
  height: 100px;
}

.suggest_tbl .txtarea_wrap textarea {
  width: 100%;
  height: 100%;
  padding: 14px 12px;
  border: 0 none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
  font-size: 14px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
  vertical-align: top;
  resize: none;
  border-radius: 0;
  box-sizing: border-box;
  outline: 0;
}

.suggest_tbl .txtarea_wrap textarea::-webkit-input-placeholder {
  color: #888;
}

.suggest_tbl .txtarea_wrap label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 14px 12px;
  color: #888;
  font-size: 14px;
  line-height: 20px;
}

.suggest_tbl .txtarea_wrap .data_count {
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-size: 12px;
  line-height: 15px;
}

.suggest_tbl .txtarea_wrap .data_count strong {
  font-weight: normal;
  color: var(--m-colors-primary, #a59357);
}

.suggest_tbl .attach_lst {
  margin: -10px 0 0 -10px;
}

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

.suggest_tbl .attach_lst li {
  float: left;
  margin: 10px 0 0 10px;
}

.suggest_tbl .attach_lst .img_area {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  text-align: center;
  vertical-align: top;
}

.suggest_tbl .attach_lst .img_area img {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  vertical-align: top;
}

.suggest_tbl .attach_lst .btn_dlt {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 26px;
  height: 26px;
}

.suggest_tbl .attach_lst .btn_dlt .ico_dlt {
  display: block;
  overflow: hidden;
  position: relative;
  width: 26px;
  height: 26px;
  background: url(../img/btn_attach_del.png) no-repeat;
  background-size: 26px 26px;
}

.suggest_tbl .attach_lst .btn_upload {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: top;
}

.suggest_tbl .attach_lst .btn_upload .ico {
  display: block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  background: #ccc url(../img/btn_attach_upload.png) no-repeat 50%;
  background-size: 36px 36px;
}

.suggest_tbl .attach_tx {
  margin: 8px 0 15px;
  font-size: 12px;
  color: var(--m-colors-gray400, #969696);
}

.suggest_tbl .mail_chk {
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
  line-height: 20px;
  color: var(--m-colors-gray400, #969696);
}

.suggest_tbl .mail_chk .custom_chk {
  color: var(--m-colors-gray400, #969696);
}

.suggest_tbl .mail_chk .custom_chk input {
  right: 0;
}

.suggest_tbl .mail_chk .custom_chk label {
  padding: 0 28px 0 0;
}

.suggest_tbl .mail_chk_tx {
  margin-top: 5px;
}

.suggest_kind {
  padding: 20px 0;
}

.suggest_kind_tit {
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 20px;
  color: var(--m-colors-gray900, #222222);
}

.suggest_tabrdo .suggest_tbl {
  padding-top: 0;
}

.suggest_tabrdo .suggest_tbl .ty_line {
  padding-top: 25px;
}

.suggest_tabrdo .suggest_tbl .ty_line:first-child {
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}
/*# sourceMappingURL=mcom_global_eshop.css.map */