@charset "UTF-8";
: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: #fff2f2;
  --m-colors-primary: #ff5452;
  --m-colors-primary_dark: #ff0014;
  --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_alpha0: rgba(255, 255, 255, 0);
  --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-triip_secondary_02: #e4eff9;
  --m-colors-site-chicor_primary: linear-gradient(180deg, #e9450c 0%, #ffd700 50%, #df0082 100%);
  --m-colors-site-starbucks_primary: #006241;
  --m-colors-site-ssglanders_primary: #ce0e2d;
  --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(0deg, #2e57dd 20%, #3fb7dd 88%, #3fb7dd 100%);
  --m-colors-delivery-star_light: #d1f4ff;
  --m-colors-delivery-star_01: #2e57dd;
  --m-colors-delivery-star_02: #3fb7dd;
  --m-colors-delivery-star_dark: #001e81;
  --m-colors-service-ssg7club_primary: #00a354;
  --m-colors-service-ssg7club_secondary_01: #103225;
  --m-colors-service-ssg7club_secondary_02: #b6e87c;
  --m-colors-service-ssg7club_secondary_03: #ffea83;
  --m-colors-service-ssg7club_secondary_04: #f3f7e4;
  --m-colors-service-ssg7club_gradation_01: linear-gradient(135deg, #b6e87c 0%, #00a354 100%);
  --m-colors-service-coupon_ssg7club_primary_01: linear-gradient(135deg, #a9e37a 0%, #19ad5a 65%, #19ad5a 100%);
  --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-fonts-gothic: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
  --m-fonts-serif: PlayfairDisplay, -apple-system, BlinkMacSystemFont, 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;
  --m-radii-none: 0;
  --m-radii-sm: 2px;
  --m-radii-md: 4px;
  --m-radii-lg: 6px;
  --m-radii-xl: 8px;
  --m-radii-2xl: 12px;
  --m-radii-3xl: 16px;
  --m-radii-full: 9999px;
}

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

.data_table th,
.data_table td {
  border-width: 0;
}

.data_table.small {
  border-top: 1px solid #272727;
  background-color: #fff;
}

.data_table.small th {
  height: 32px;
  padding: 9px 0;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  background-color: #f9f9f9;
  letter-spacing: -0.05em;
}

.data_table.small td {
  height: 32px;
  padding: 9px 20px;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
}

.data_table.medium {
  border-top: solid 1px #272727;
  border-right: solid 1px #e9e9e9;
  border-left: solid 1px #e9e9e9;
}

.data_table.medium th {
  height: 16px;
  padding: 7px 0;
  border-bottom: 1px solid #d0d0d0;
  line-height: 16px;
  font-size: 12px;
  color: #333;
}

.data_table.medium tbody th {
  border-bottom: 1px solid #efefef;
}

.data_table.medium td {
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
  line-height: 20px;
  font-size: 1em;
  color: #666;
}

.data_table.large {
  width: 100%;
  border: 0;
  border-top: 1px solid #000;
  border-left: 1px solid #e9e9e9;
}

.data_table.large thead th {
  padding: 12px 20px 10px;
}

.data_table.large tfoot td {
  height: 50px;
  background-color: #fdfdfd;
}

.data_table.large tbody th {
  padding: 12px 20px 10px;
}

.data_table.large th {
  padding: 15px 20px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  background-color: #f9f9f9;
}

.data_table.large td {
  padding: 15px 20px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

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

.item_table th,
.item_table td {
  border-width: 0;
}

.item_table.large {
  border-top: 1px solid #000;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

.item_table.large thead th {
  padding: 11px 0 9px;
  background-color: #f9f9f9;
  line-height: 0.95em;
}

.item_table.large tfoot td {
  height: 50px;
  border-top: 1px solid #e9e9e9;
  background-color: #fdfdfd;
}

.item_table.large tbody td {
  border-top: 1px solid #e9e9e9;
  text-align: center;
}

.fieldset .field {
  zoom: 1;
}

.fieldset .field:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.fieldset .field .label {
  float: left;
  display: inline;
  font-size: 12px;
}

.fieldset.small {
  margin-top: -8px;
}

.fieldset.small .field {
  margin-top: 8px;
}

.fieldset.small .field .label {
  width: 80px;
  line-height: 28px;
  color: #222;
}

.fieldset.medium .field {
  padding: 12px 10px;
  vertical-align: middle;
  border-top: 1px solid #e5e5e5;
}

.fieldset.medium .field .label {
  width: 154px;
  line-height: 28px;
  font-weight: bold;
  color: #222;
}

.fieldset.medium .field .insert {
  position: relative;
  margin-left: 154px;
  line-height: 28px;
  vertical-align: middle;
  zoom: 1;
}

.fieldset.medium .field .insert div {
  margin-top: 10px;
}

.fieldset.medium .field .insert div:first-child {
  margin-top: 0;
}

.fieldset.medium .field .insert .label {
  float: none;
  font-weight: normal;
}

.fieldset.medium .field .insert .btn {
  vertical-align: middle;
}

.fieldset.medium .field .insert .last {
  margin-right: 20px;
}

.fieldset.medium .field:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.fieldset.medium .field {
  *zoom: 1;
}

.fieldset.medium .field .ins_ch {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0 !important;
}

.fieldset.medium .field .ins_ch .ch_txt {
  display: inline-block;
  position: relative;
  font-size: 11px;
  vertical-align: top;
  zoom: 1;
}

.fieldset.medium .field .ins_ch .ch_txt .bul {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  left: -8px;
  top: 12px;
  width: 2px;
  height: 2px;
  background: #959595;
  line-height: 999px;
  vertical-align: top;
}

.fieldset.medium .field .ins_ch .ch_btn {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

.fieldset.medium .field .ins_ch .ch_btn .btn {
  vertical-align: top;
}

.fieldset.large .field .label {
  width: 130px;
  line-height: 40px;
  font-weight: bold;
  color: #222;
}

.warning_message.small {
  padding-left: 20px;
  background-image: url(../img/common/ico_exclamation.png);
  background-repeat: no-repeat;
  background-position: left top;
}

.warning_message.medium {
  overflow: hidden;
  margin: 0;
  padding: 10px 0;
  background-color: #f9f9f9;
  line-height: 20px;
  color: #666;
  text-align: center;
}

.warning_message.medium .label {
  display: block;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.warning_message.medium .colon {
  display: block;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
}

.warning_message.medium .text {
  display: inline-block;
  padding-left: 30px;
  background: url(../img/common/ico_warning.gif) no-repeat 0 0;
}

.item_search {
  display: block;
  position: relative;
  padding-right: 73px;
}

.item_search input {
  display: block;
  width: 100%;
}

.item_search .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 63px;
}

.option_select.small label {
  margin-left: 15px;
}

.option_select.small label:first-child {
  margin-left: 0;
}

.option_select.medium:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.option_select.medium label {
  float: left;
  line-height: 32px;
}

.option_select.medium {
  *zoom: 1;
  overflow: hidden;
}

.option_select.large label {
  display: block;
  line-height: 32px;
}

.direction.medium {
  position: static;
}

.direction.medium .btn {
  position: absolute;
  top: 0;
  width: 18px;
  height: 100%;
  min-height: 18px;
  border-radius: 0;
  background-color: transparent;
  background-image: url(../img/common/btn_direction_medium.gif);
  background-repeat: no-repeat;
}

.direction.medium .btn.prev {
  left: 0;
  background-position: -22px center;
}

.direction.medium .btn.next {
  right: 0;
  background-position: -1px center;
}

.direction.large {
  position: static;
}

.direction.large .btn {
  position: absolute;
  top: 50%;
  width: 31px;
  height: 50px;
  margin-top: -25px;
  border-radius: 0;
  background-color: transparent;
  background-image: url(../img/common/bg_direction_large.png);
  background-repeat: no-repeat;
  z-index: 30;
}

.direction.large .btn.prev {
  left: 0;
  *left: -4px;
  background-position: 0 0;
}

.direction.large .btn.next {
  right: 0;
  background-position: -100px 0;
}

.pagination.small strong {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/common/bg_pagination_small.png) 0 -20px no-repeat;
}

.pagination.small span,
.pagination.small a {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img/common/bg_pagination_small.png) no-repeat;
  cursor: pointer;
}

.pagination.medium {
  position: relative;
  margin: 0 auto;
  line-height: 23px;
  font-size: 12px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  text-align: center;
}

.pagination.medium a {
  display: inline-block;
  padding: 0 0.6em;
  border: 1px solid #e9e9e9;
  font-weight: bold;
  color: #666;
  text-decoration: none;
  vertical-align: top;
}

.pagination.medium strong {
  display: inline-block;
  padding: 0 0.6em;
  border: 1px solid #e9e9e9;
  color: #d2303b;
  vertical-align: top;
}

.pagination.medium .btn {
  overflow: hidden;
  position: relative;
  width: 25px;
  padding: 0;
}

.pagination.medium .btn {
  *width: 23px;
}

.pagination.medium .btn .after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/common/bg_pagination_medium.gif) no-repeat;
}

.pagination.medium .btn.prev .after {
  background-position: 0 0;
}

.pagination.medium .btn.next .after {
  background-position: 0 -23px;
}

.pagination.medium .btn.first .after {
  background-position: 0 -46px;
}

.pagination.medium .btn.last .after {
  background-position: 0 -69px;
}

/* 몰공통 paginate */
/*.paginate{position:relative;margin:10px auto;line-height:23px;font-size:12px;font-family:'돋움',Dotum,'굴림',Gulim,Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;text-align:center}
.paginate.mgt20{margin-top:10px !important}
.paginate a{display:inline-block;padding:0 .6em;border:1px solid #e9e9e9;font-weight:bold;color:#666;text-decoration:none;vertical-align:top}
.paginate strong{display:inline-block;padding:0 .6em;border:1px solid #e9e9e9;color:#fff;background-color:#8a8a8a;vertical-align:top}
.paginate .btn_first,.paginate .btn_prev,.paginate .btn_next,.paginate .btn_last{overflow:hidden;position:relative;width:25px;height:23px;padding:0}
.paginate .btn_prev,.paginate .btn_next,.paginate .btn_first,.paginate .btn_last{width:23px;height:23px;background:url(../img/common/bg_pagination_medium.gif) no-repeat}
.paginate .btn_prev{background-position:0 0}
.paginate .btn_next{background-position:0 -23px}
.paginate .btn_first{background-position:0 -46px}
.paginate .btn_last{background-position:0 -69px}
.paginate .gap{display:inline-block;padding:0 .3em;font-weight:bold;line-height:25px;vertical-align:top}*/
.paginate {
  text-align: center;
  margin: 10px auto;
}

.paginate a,
.paginate span.gap,
.paginate strong {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 8px 0 7px;
  font-size: 12px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: normal;
  text-decoration: none;
  vertical-align: middle;
  color: #666;
  border: 1px solid #e5e5e5;
  line-height: 21px;
  height: 21px;
  overflow: hidden;
  text-align: center;
}

.paginate a:hover,
.paginate a:active,
.paginate a:focus {
  background-color: #f4f4f4;
}

.paginate strong {
  color: #ffffff;
  background: #747474;
  border-color: #747474;
}

.paginate a.btn_first,
.paginate a.btn_prev,
.paginate a.btn_next,
.paginate a.btn_last {
  padding: 0;
  background-image: url(../img/common_layout/sp_paginate.gif);
  background-repeat: no-repeat;
  background-color: #f4f4f4;
}

.paginate a.btn_first {
  background-position: 0 0;
  width: 51px;
}

.paginate a.btn_prev {
  background-position: 0 -25px;
  width: 49px;
}

.paginate a.btn_next {
  background-position: 0 -50px;
  width: 49px;
}

.paginate a.btn_last {
  background-position: 0 -75px;
  width: 61px;
}

/* paginate - 이전, 다음 텍스트 X */
.com_paginate {
  margin: 30px auto 10px;
  text-align: center;
}

.com_paginate a,
.com_paginate span.gap,
.com_paginate strong {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 7px;
  height: 28px;
  margin: 0 1px;
  padding: 0 11px 0 10px;
  border: 1px solid #e9e9e9;
  font-size: 11px;
  line-height: 30px;
  color: #222;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
}

.com_paginate a:hover,
.com_paginate a:active,
.com_paginate a:focus {
  background: #fafafa;
}

.com_paginate strong {
  border-color: #222;
  background: #222;
  font-weight: normal;
  color: #fff;
}

.com_paginate a.btn_first,
.com_paginate a.btn_prev,
.com_paginate a.btn_next,
.com_paginate a.btn_last {
  display: inline-block;
  overflow: hidden;
  background: #fafafa url(../img/product/v2/sp_cdtl_v2.png) no-repeat;
}

.com_paginate a.btn_first {
  background-position: -90px -60px;
}

.com_paginate a.btn_prev {
  margin-right: 6px;
  background-position: -120px -60px;
}

.com_paginate a.btn_next {
  margin-left: 6px;
  background-position: -150px -60px;
}

.com_paginate a.btn_last {
  background-position: -180px -60px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .com_paginate a.btn_first,
.com_paginate a.btn_prev,
.com_paginate a.btn_next,
.com_paginate a.btn_last {
    background-image: url(../img/product/v2/sp_cdtl_v2@2x.png);
    background-size: 480px auto;
  }
}
.tab {
  *zoom: 1;
}

.tab:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.tab li {
  float: left;
  position: relative;
}

.tab li.active {
  z-index: 10;
}

.tab.hover li.lst_over {
  z-index: 10;
}

.tab li a {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  list-style: none;
}

.tab li a:focus,
.tab li.active a {
  z-index: 20;
}

.tab.x_small li {
  border-left: 1px solid #e0e0e0;
}

.tab.x_small li:first-child {
  border-left: 0;
}

.tab.x_small li a {
  padding-left: 10px;
}

.tab.x_small li:first-child a {
  padding-left: 0;
}

.tab.x_small li a {
  padding-right: 10px;
  color: #888;
  font-size: 11px;
}

.tab.x_small li.active a {
  color: #272727;
  font-size: 11px;
}

.tab.small li {
  padding: 0 10px;
}

.tab.small li a {
  height: 16px;
  line-height: 20px;
  color: #999;
}

.tab.small li a:hover {
  text-decoration: underline;
}

.tab.small li.active a {
  color: #272727;
}

.tab.medium {
  text-align: center;
}

.tab.medium li {
  display: inline-block;
  *display: inline;
  float: none;
}

.tab.medium li a {
  height: 28px;
  padding: 0 2px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  color: #666;
  background-color: #fff;
}

.tab.medium li.active a {
  border-bottom: 3px solid #6bbcb6;
  color: #222;
}

.tab.large {
  position: relative;
  width: 100%;
  height: 41px;
  margin-top: 21px;
  background: url(../img/common/bg_tab.gif) repeat-x 0 100%;
}

.tab.large li {
  height: 38px;
  border: 1px solid #c4c4c4;
  border-bottom: 0;
  margin-left: -2px;
}

.tab.large li.no_data a {
  display: none;
}

.tab.large li:first-child {
  margin-left: 0;
  margin-right: -2px;
  border-right: 1px solid #fff;
}

.tab.large li a,
.tab.large li p {
  padding: 10px 0 9px;
  border: 1px solid #fff;
  border-bottom: 0;
  color: #747474;
  text-align: center;
  border-top: 1px solid transparent;
  height: 18px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.tab.large li p {
  color: #999;
}

.tab.large li p em,
.tab.large li a em {
  color: #222;
  font-size: 11px;
  line-height: 16px;
}

.tab.large li p span,
.tab.large li a span {
  line-height: 1.5em;
}

.tab.large li.active {
  position: relative;
  height: 40px;
  border: 1px solid #777;
  border-bottom: 0;
}

.tab.large.hover li.lst_over {
  position: relative;
  height: 40px;
  border: 1px solid #777;
  border-bottom: 0;
}

.tab.large.hover li.lst_over p {
  overflow: hidden;
  position: relative;
  padding: 9px 0 12px;
  border: 1px solid #777;
  border-bottom: 0;
  background: #fff;
  color: #999;
  font-weight: bold;
}

.tab.large li.active a {
  overflow: hidden;
  position: relative;
  padding: 9px 0 12px;
  border: 1px solid #777;
  border-bottom: 0;
  background: #fff;
  color: #222;
  font-weight: bold;
}

.tab.large.hover li.active a,
.tab.large.hover li a:hover {
  overflow: hidden;
  position: relative;
  padding: 9px 0 12px;
  border: 1px solid #777;
  border-bottom: 0;
  background: #fff;
  color: #222;
  font-weight: bold;
}

.tab.large li.active a em,
.tab.large li a:hover em {
  font-weight: normal;
}

.tab.large.t_dep1 li {
  width: 100%;
}

.tab.large.t_dep2 li {
  width: 50%;
  margin-left: -2px;
  *margin-left: -1px;
}

.tab.large.t_dep2 li:first-child {
  margin-left: 0;
  *margin-left: -1px;
}

.tab.large.t_dep3 li {
  width: 33.33%;
  margin-left: -2px;
}

.tab.large.t_dep3 li:first-child {
  margin-left: 0;
  *margin-left: -1px;
}

.tab.large.t_dep4 li {
  width: 25%;
  margin-left: -2px;
}

.tab.large.t_dep4 li:first-child {
  margin-left: 0;
}

.tab.large.t_dep5 li {
  width: 20%;
  margin-left: -2px;
}

.tab.large.t_dep5 li:first-child {
  margin-left: 0;
}

.tab.large.t_dep6 li {
  width: 16.66%;
  margin-left: -2px;
}

.tab.large.t_dep6 li:first-child {
  margin-left: 0;
  *margin-left: -2px;
}

.tab.large.t_dep7 li {
  width: 14.28%;
  margin-left: -2px;
}

.tab.large.t_dep7 li:first-child {
  margin-left: 0;
}

.tab.large.t_dep8 li {
  width: 12.5%;
  margin-left: -2px;
}

.tab.large.t_dep8 li:first-child {
  margin-left: 0;
}

.tab.large li.active {
  z-index: 50;
}

.tab.large li.active a {
  z-index: 50;
}

.tab.large li a:active,
.tab.large li a:focus {
  background: none;
  border-right: 1px solid transparent;
  border-left: 1px solid #fff;
}

.tab.large li.active a:active,
.tab.large li.active a:focus {
  background: #fff;
  z-index: 20;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
}

.tab.small li {
  margin-left: 8px;
  padding: 0 10px 15px 10px;
}

.tab.small li li {
  padding-left: 14px;
}

.tab.small li a {
  color: #666;
}

.tab.small li a:hover,
.tab.small li.active a {
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.tab.small li.no_line {
  padding-left: 10px;
  background: none;
}

.md_cat_tab .tab.large li a,
.md_cat_tab .tab.large li p {
  background-color: #f8f8f8;
}

.md_cat_tab .tab.large li.active a {
  background-color: #fff;
}

.data_list {
  position: relative;
}

.data_list li {
  color: #666;
}

.data_list li a.wrap {
  display: block;
  color: #333;
  text-decoration: none;
}

ol.data_list {
  padding-left: 2em;
}

ol.data_list.small {
  padding-left: 26px;
}

ol.data_list.small li {
  position: relative;
  padding-left: 10px;
  line-height: 16px;
  vertical-align: top;
}

ol.data_list.small li {
  margin-top: 12px;
}

ol.data_list.small li:first-child {
  margin-top: 0;
}

ol.data_list.small li a {
  display: inline-block;
  position: relative;
  min-height: 16px;
  line-height: 16px;
  text-decoration: none;
}

ol.data_list.small li li a {
  display: inline;
  position: inherit;
  min-height: 0;
  line-height: inherit;
  text-decoration: none;
}

ol.data_list.small li .num {
  display: block;
  position: absolute;
  top: 0;
  left: -26px;
  width: 20px;
  height: 16px;
  background: #fff url(../img/common/ico_num_list.gif) no-repeat center top;
  line-height: 16px;
}

ul.data_list.small li {
  padding-left: 8px;
  background: url(../img/common/bullet_square_01.gif) no-repeat 0 6px;
  line-height: 16px;
  color: #777777;
  font-size: 11px;
}

ul.data_list.small li {
  margin-top: 2px;
}

ul.data_list.small li:first-child {
  margin-top: 0;
}

ul.data_list.small li a {
  text-decoration: none;
}

ul.data_list.medium li {
  padding-left: 8px;
  background: url(../img/common/bullet_square_07.gif) no-repeat 0 6px;
  line-height: 16px;
  color: #666;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

ul.data_list.medium li {
  margin-top: 2px;
}

ul.data_list.medium li:first-child {
  margin-top: 0;
}

ul.data_list.medium li a {
  text-decoration: none;
}

.item_list {
  overflow: hidden;
}

.item_list:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.item_list li {
  position: relative;
}

.item_list li:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.item_list .wrap {
  line-height: 25px;
  text-decoration: none;
}

.item_list .thumbnail a {
  display: block;
}

.item_list .thumbnail a img {
  display: block;
}

.item_list,
.item_list li,
.item_list .wrap {
  *zoom: 1;
}

.content_intro {
  position: relative;
}

.content_intro .button_area {
  position: absolute;
  right: 0;
  bottom: 2px;
}

.slidings {
  position: relative;
  padding: 0 30px;
}

.slidings:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.item_display,
.item_display li {
  position: relative;
}

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

.item_display,
.item_display li {
  *zoom: 1;
}

ul.item_display.simple li {
  float: left;
}

ul.item_display.simple li .thumbnail {
  float: left;
  position: relative;
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

ul.item_display.simple li .thumbnail img {
  display: block;
}

ul.item_display.simple li .thumbnail a {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/@temp/btn_zoom_01.gif) 100% 100% no-repeat;
  text-indent: -999em;
}

ul.item_display.simple li .item_decision {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100px;
  height: 25px;
}

ul.item_display.simple li .item_decision .btn {
  display: block;
  overflow: hidden;
  width: 100px;
  height: 25px;
  padding: 0;
  border: 1px solid #e9e9e9;
  background-color: #fff;
}

ul.item_display.simple li .item_decision .btn img {
  display: block;
}

ul.item_display.simple li .summary a {
  text-decoration: none;
}

ul.item_display.simple li .item_info {
  overflow: hidden;
  float: none;
}

ul.item_display.simple li .item_info .price_unit {
  line-height: 16px;
}

ul.item_display.simple li .item_info .price_unit del {
  font-size: 11px;
  color: #a1a1a1;
}

ul.item_display.simple li .item_info .price_unit span {
  font-size: 11px;
}

ul.item_display.simple li .item_info .price_unit ins {
  display: block;
  font-weight: bold;
}

ul.item_display.simple li .item_decision {
  *left: -4px;
}

.toggle_switch {
  display: block;
  position: relative;
  height: 18px;
  line-height: 18px;
}

.toggle_switch_list {
  display: none;
  position: absolute;
  left: 0;
  z-index: 20;
}

.toggle_switch_list.active {
  display: block;
}

.ico_mall.small {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 15px;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_mall.small.emart {
  background-position: -200px 0;
  vertical-align: top;
}

.ico_mall.small.ssgmall {
  background-position: -200px -50px;
}

.ico_mall.small.depart {
  background-position: -200px -100px;
}

.ico_mall.small.traders {
  background-position: -200px -150px;
}

.ico_mall.small.boons {
  background-position: -200px -200px;
}

.ico_mall.small.ssg {
  background-position: -200px -250px;
}

.ico_mall.normal {
  display: inline-block;
  height: 21px;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
}

.ico_mall.normal.emart {
  width: 77px;
  background-position: -480px 0;
}

.ico_mall.normal.ssgmall {
  width: 102px;
  background-position: -480px -40px;
}

.ico_mall.normal.depart {
  width: 79px;
  background-position: -480px -80px;
}

.ico_mall.normal.traders {
  width: 59px;
  background-position: -480px -120px;
}

.ico_mall.normal.boons {
  width: 52px;
  background-position: -480px -160px;
}

.ico_mall.normal.ssg {
  width: 64px;
  background-position: -480px -200px;
}

.ico_mall.normal.howdy {
  width: 54px;
  background-position: -480px -240px;
}

.ico_mall.normal.boots {
  width: 51px;
  background-position: -480px -280px;
}

.ico_mall.normal.tv {
  width: 82px;
  background-position: -480px -320px;
}

.ico_mall.normal.si {
  width: 86px;
  background-position: -480px -360px;
}

.ico_delivery.store {
  display: inline-block;
  width: 27px;
  height: 20px;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_delivery.store.emart {
  background-position: -250px 0;
}

.ico_delivery.store.ssgmall {
  background-position: -250px -50px;
}

.ico_delivery.store.depart {
  background-position: -250px -100px;
}

.ico_delivery.store.traders {
  background-position: -250px -150px;
}

.ico_delivery.store.boons {
  background-position: -250px -200px;
}

.ico_delivery.parcel {
  display: inline-block;
  width: 28px;
  height: 20px;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_delivery.parcel.emart {
  background-position: -350px 0;
}

.ico_delivery.parcel.ssgmall {
  background-position: -350px -50px;
}

.ico_delivery.parcel.depart {
  background-position: -350px -100px;
}

.ico_delivery.parcel.traders {
  background-position: -350px -150px;
}

.ico_delivery.parcel.boons {
  background-position: -350px -200px;
}

.ico_item {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
  font-size: 0;
  line-height: 0;
}

.ico_item .ir {
  background-image: url(../img/common/ico_iteminfo.png);
  background-repeat: no-repeat;
}

.ico_item.normal.extra {
  width: 55px;
  height: 21px;
}

.ico_item.normal.cold {
  width: 31px;
  height: 21px;
}

.ico_item.normal.new {
  width: 34px;
  height: 21px;
}

.ico_item.normal.freezing {
  width: 31px;
  height: 21px;
}

.ico_item.normal.right {
  width: 33px;
  height: 21px;
}

.ico_item.normal.carryover {
  width: 33px;
  height: 21px;
}

.ico_item.normal.best {
  width: 34px;
  height: 21px;
}

.ico_item.normal.gangnam {
  width: 39px;
  height: 21px;
}

.ico_item.normal.bonjum {
  width: 31px;
  height: 21px;
}

.ico_item.normal.congceng {
  width: 39px;
  height: 21px;
}

.ico_item.normal.centem {
  width: 47px;
  height: 21px;
}

.ico_item.normal.genggi {
  width: 39px;
  height: 21px;
}

.ico_item.normal.yizengbu {
  width: 47px;
  height: 21px;
}

.ico_item.normal.younga {
  width: 53px;
  height: 21px;
}

.ico_item.normal.youngb {
  width: 53px;
  height: 21px;
}

.ico_item.normal.guangzu {
  width: 39px;
  height: 21px;
}

.ico_item.normal.masan {
  width: 39px;
  height: 21px;
}

.ico_item.normal.stylemarket {
  width: 55px;
  height: 21px;
}

.ico_item.normal.inchen {
  width: 39px;
  height: 21px;
}

.ico_item.normal.online {
  width: 55px;
  height: 21px;
}

.ico_item.normal.wrappingfee {
  width: 55px;
  height: 21px;
}

.ico_item.normal.organic {
  width: 39px;
  height: 21px;
}

.ico_item.normal.extra .ir {
  background-position: 0 0;
}

.ico_item.normal.cold .ir {
  background-position: 0 -30px;
}

.ico_item.normal.new .ir {
  background-position: 0 -60px;
}

.ico_item.normal.freezing .ir {
  background-position: 0 -90px;
}

.ico_item.normal.right .ir {
  background-position: 0 -120px;
}

.ico_item.normal.carryover .ir {
  background-position: 0 -150px;
}

.ico_item.normal.best .ir {
  background-position: 0 -180px;
}

.ico_item.normal.gangnam .ir {
  background-position: 0 -210px;
}

.ico_item.normal.bonjum .ir {
  background-position: 0 -240px;
}

.ico_item.normal.congceng .ir {
  background-position: 0 -270px;
}

.ico_item.normal.centem .ir {
  background-position: 0 -300px;
}

.ico_item.normal.genggi .ir {
  background-position: 0 -330px;
}

.ico_item.normal.yizengbu .ir {
  background-position: 0 -360px;
}

.ico_item.normal.younga .ir {
  background-position: 0 -390px;
}

.ico_item.normal.youngb .ir {
  background-position: 0 -420px;
}

.ico_item.normal.guangzu .ir {
  background-position: 0 -450px;
}

.ico_item.normal.masan .ir {
  background-position: 0 -480px;
}

.ico_item.normal.stylemarket .ir {
  background-position: 0 -510px;
}

.ico_item.normal.inchen .ir {
  background-position: 0 -540px;
}

.ico_item.normal.online .ir {
  background-position: 0 -570px;
}

.ico_item.normal.wrappingfee .ir {
  background-position: 0 -600px;
}

.ico_item.normal.organic .ir {
  background-position: 0 -630px;
}

.ico_item.normal.free,
.ico_item.normal.point,
.ico_item.normal.pay,
.ico_item.normal.plusone,
.ico_item.normal.gift,
.ico_item.normal.mmore,
.ico_item.normal.phone {
  width: 64px;
  height: 24px;
  vertical-align: middle;
}

.ico_item.normal.family_point {
  width: 71px;
  height: 24px;
  vertical-align: middle;
}

.ico_item.normal.staff_point {
  width: 74px;
  height: 24px;
  vertical-align: middle;
}

.ico_item.normal.ssgmoney {
  width: 94px;
  height: 24px;
  vertical-align: middle;
}

.ico_item.normal.ssgmoney .ir {
  background-position: -100px -298px;
}

.ico_item.normal.free .ir {
  background-position: -100px 0;
}

.ico_item.normal.point .ir {
  background-position: -100px -30px;
}

.ico_item.normal.plusone .ir {
  background-position: -100px -150px;
}

.ico_item.normal.family_point .ir {
  background-position: -100px -120px;
}

.ico_item.normal.staff_point .ir {
  background-position: -100px -90px;
}

.ico_item.normal.gift .ir {
  background-position: -100px -180px;
}

.ico_item.normal.gift2 {
  width: 64px;
  height: 24px;
  vertical-align: middle;
}

.ico_item.normal.gift2 .ir {
  background-position: -100px -180px;
}

.ico_item.normal.pay .ir {
  background-position: -100px -60px;
}

.ico_item.normal.mmore .ir {
  background-position: -100px -210px;
}

.ico_item.normal.phone .ir {
  background-position: -100px -240px;
}

.ico_rank.small {
  display: inline-block;
  width: 58px;
  height: 37px;
  background: url(../img/common/ranking_small.png) no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_rank.small.rank1 {
  background-position: 0 0;
}

.ico_rank.small.rank2 {
  background-position: -61px 0;
}

.ico_rank.small.rank3 {
  background-position: -122px 0;
}

.ico_rank.small.rank4 {
  background-position: -183px 0;
}

.ico_rank.small.rank5 {
  background-position: -244px 0;
}

.ico_rank.small.rank6 {
  background-position: -305px 0;
}

.ico_rank.small.rank7 {
  background-position: -366px 0;
}

.ico_rank.small.rank8 {
  background-position: -427px 0;
}

.ico_rank.small.rank9 {
  background-position: -488px 0;
}

.ico_rank.small.rank10 {
  background-position: -549px 0;
}

.ico_rank.small.rank11 {
  background-position: 0 -40px;
}

.ico_rank.small.rank12 {
  background-position: -61px -40px;
}

.ico_rank.small.rank13 {
  background-position: -122px -40px;
}

.ico_rank.small.rank14 {
  background-position: -183px -40px;
}

.ico_rank.small.rank15 {
  background-position: -244px -40px;
}

.ico_rank.small.rank16 {
  background-position: -305px -40px;
}

.ico_rank.small.rank17 {
  background-position: -366px -40px;
}

.ico_rank.small.rank18 {
  background-position: -427px -40px;
}

.ico_rank.small.rank19 {
  background-position: -488px -40px;
}

.ico_rank.small.rank20 {
  background-position: -549px -40px;
}

.ico_rank.small.rank21 {
  background-position: 0 -80px;
}

.ico_rank.small.rank22 {
  background-position: -61px -80px;
}

.ico_rank.small.rank23 {
  background-position: -122px -80px;
}

.ico_rank.small.rank24 {
  background-position: -183px -80px;
}

.ico_rank.small.rank25 {
  background-position: -244px -80px;
}

.ico_rank.small.rank26 {
  background-position: -305px -80px;
}

.ico_rank.small.rank27 {
  background-position: -366px -80px;
}

.ico_rank.small.rank28 {
  background-position: -427px -80px;
}

.ico_rank.small.rank29 {
  background-position: -488px -80px;
}

.ico_rank.small.rank30 {
  background-position: -549px -80px;
}

.ico_rank.small.rank31 {
  background-position: 0 -120px;
}

.ico_rank.small.rank32 {
  background-position: -61px -120px;
}

.ico_rank.small.rank33 {
  background-position: -122px -120px;
}

.ico_rank.small.rank34 {
  background-position: -183px -120px;
}

.ico_rank.small.rank35 {
  background-position: -244px -120px;
}

.ico_rank.small.rank36 {
  background-position: -305px -120px;
}

.ico_rank.small.rank37 {
  background-position: -366px -120px;
}

.ico_rank.small.rank38 {
  background-position: -427px -120px;
}

.ico_rank.small.rank39 {
  background-position: -488px -120px;
}

.ico_rank.small.rank40 {
  background-position: -549px -120px;
}

.ico_rank.small.rank41 {
  background-position: 0 -160px;
}

.ico_rank.small.rank42 {
  background-position: -61px -160px;
}

.ico_rank.small.rank43 {
  background-position: -122px -160px;
}

.ico_rank.small.rank44 {
  background-position: -183px -160px;
}

.ico_rank.small.rank45 {
  background-position: -244px -160px;
}

.ico_rank.small.rank46 {
  background-position: -305px -160px;
}

.ico_rank.small.rank47 {
  background-position: -366px -160px;
}

.ico_rank.small.rank48 {
  background-position: -427px -160px;
}

.ico_rank.small.rank49 {
  background-position: -488px -160px;
}

.ico_rank.small.rank50 {
  background-position: -549px -160px;
}

.ico_rank.small.rank51 {
  background-position: 0 -200px;
}

.ico_rank.small.rank52 {
  background-position: -61px -200px;
}

.ico_rank.small.rank53 {
  background-position: -122px -200px;
}

.ico_rank.small.rank54 {
  background-position: -183px -200px;
}

.ico_rank.small.rank55 {
  background-position: -244px -200px;
}

.ico_rank.small.rank56 {
  background-position: -305px -200px;
}

.ico_rank.small.rank57 {
  background-position: -366px -200px;
}

.ico_rank.small.rank58 {
  background-position: -427px -200px;
}

.ico_rank.small.rank59 {
  background-position: -488px -200px;
}

.ico_rank.small.rank60 {
  background-position: -549px -200px;
}

.ico_rank.small.rank61 {
  background-position: 0 -240px;
}

.ico_rank.small.rank62 {
  background-position: -61px -240px;
}

.ico_rank.small.rank63 {
  background-position: -122px -240px;
}

.ico_rank.small.rank64 {
  background-position: -183px -240px;
}

.ico_rank.small.rank65 {
  background-position: -244px -240px;
}

.ico_rank.small.rank66 {
  background-position: -305px -240px;
}

.ico_rank.small.rank67 {
  background-position: -366px -240px;
}

.ico_rank.small.rank68 {
  background-position: -427px -240px;
}

.ico_rank.small.rank69 {
  background-position: -488px -240px;
}

.ico_rank.small.rank70 {
  background-position: -549px -240px;
}

.ico_rank.small.rank71 {
  background-position: 0 -280px;
}

.ico_rank.small.rank72 {
  background-position: -61px -280px;
}

.ico_rank.small.rank73 {
  background-position: -122px -280px;
}

.ico_rank.small.rank74 {
  background-position: -183px -280px;
}

.ico_rank.small.rank75 {
  background-position: -244px -280px;
}

.ico_rank.small.rank76 {
  background-position: -305px -280px;
}

.ico_rank.small.rank77 {
  background-position: -366px -280px;
}

.ico_rank.small.rank78 {
  background-position: -427px -280px;
}

.ico_rank.small.rank79 {
  background-position: -488px -280px;
}

.ico_rank.small.rank80 {
  background-position: -549px -280px;
}

.ico_rank.small.rank81 {
  background-position: 0 -320px;
}

.ico_rank.small.rank82 {
  background-position: -61px -320px;
}

.ico_rank.small.rank83 {
  background-position: -122px -320px;
}

.ico_rank.small.rank84 {
  background-position: -183px -320px;
}

.ico_rank.small.rank85 {
  background-position: -244px -320px;
}

.ico_rank.small.rank86 {
  background-position: -305px -320px;
}

.ico_rank.small.rank87 {
  background-position: -366px -320px;
}

.ico_rank.small.rank88 {
  background-position: -427px -320px;
}

.ico_rank.small.rank89 {
  background-position: -488px -320px;
}

.ico_rank.small.rank90 {
  background-position: -549px -320px;
}

.ico_rank.small.rank91 {
  background-position: 0 -360px;
}

.ico_rank.small.rank92 {
  background-position: -61px -360px;
}

.ico_rank.small.rank93 {
  background-position: -122px -360px;
}

.ico_rank.small.rank94 {
  background-position: -183px -360px;
}

.ico_rank.small.rank95 {
  background-position: -244px -360px;
}

.ico_rank.small.rank96 {
  background-position: -305px -360px;
}

.ico_rank.small.rank97 {
  background-position: -366px -360px;
}

.ico_rank.small.rank98 {
  background-position: -427px -360px;
}

.ico_rank.small.rank99 {
  background-position: -488px -360px;
}

.ico_rank.small.rank100 {
  background-position: -549px -360px;
}

.ico_rank.small.rank_clip {
  display: inline-block;
  width: 55px;
  height: 32px;
  background-image: url(../img/common/ranking_clip.gif);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_rank.large {
  display: inline-block;
  width: 51px;
  height: 51px;
  background-image: url(../img/@temp/rank.png);
  background-repeat: no-repeat;
}

.ico_rank.large.rank1 {
  width: 68px;
  height: 68px;
  background-position: 0 0;
}

.ico_rank.large.rank2 {
  background-position: 0 -100px;
}

.ico_rank.large.rank3 {
  background-position: 0 -200px;
}

.ico_rank.large.rank4 {
  background-position: 0 -300px;
}

.ico_rank.large.rank5 {
  background-position: 0 -400px;
}

.ico_rank.large.rank6 {
  background-position: 0 -500px;
}

.ico_rank.large.rank7 {
  background-position: 0 -600px;
}

.ico_rank.large.rank8 {
  background-position: 0 -700px;
}

.ico_rank.large.rank9 {
  background-position: 0 -800px;
}

.ico_rank.large.rank10 {
  background-position: 0 -900px;
}

.ico_rank.large.rank11 {
  background-position: 0 -1000px;
}

.ico_cold_storage {
  display: inline-block;
  width: 49px;
  height: 16px;
  background-image: url(../img/common/ico_cold_storage.gif);
  background-repeat: no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_event.small {
  display: inline-block;
  width: 42px;
  height: 26px;
  background: url(../img/common/bg_event_type.gif) no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_event.large {
  display: inline-block;
  width: 52px;
  height: 26px;
  background: url(../img/common/bg_event_type.gif) no-repeat;
  *zoom: 1;
  *display: inline;
}

.ico_event.small.save {
  background-position: 0 0;
}

.ico_event.small.card {
  background-position: 0 -30px;
}

.ico_event.small.coupon {
  background-position: 0 -60px;
}

.ico_event.small.present {
  background-position: 0 -90px;
}

.ico_event.small.prizes {
  background-position: 0 -120px;
}

.ico_event.large.buy_gift {
  background-position: 0 -150px;
}

.star_rating,
.star_rating span {
  display: inline-block;
  height: 14px;
  background-color: transparent;
  background-image: url(../img/common/bg_star_rating.png);
  background-repeat: no-repeat;
}

.star_rating {
  position: relative;
  vertical-align: middle;
  text-align: left;
  z-index: 1;
  zoom: 1;
}

.star_rating span {
  vertical-align: top;
}

.star_rating span span {
  display: inline;
  height: auto;
  background: none;
}

.star_rating.small {
  width: 50px;
  height: 10px;
  background-position: 0 0;
}

.star_rating.small span {
  height: 13px;
}

.star_rating.small.weighty span {
  background-position: 0 -20px;
}

.star_rating.small.warning span {
  background-position: 0 -40px;
}

.star_rating.small .num {
  position: absolute;
  top: 0;
  left: 120%;
  width: 50px;
  height: 100%;
}

.star_rating.medium {
  width: 61px;
  height: 14px;
  background-position: 0 -70px;
}

.star_rating.medium span {
  height: 14px;
}

.star_rating.medium.weighty span {
  background-position: 0 -90px;
}

.star_rating.medium.warning span {
  background-position: 0 -105px;
}

.star_rating.medium .num {
  position: absolute;
  top: 0;
  left: 120%;
  width: 50px;
  height: 100%;
}

.star_rating.large {
  width: 93px;
  height: 18px;
  background-position: 0 -120px;
}

.star_rating.large span {
  height: 18px;
}

.star_rating.large.weighty span {
  background-position: 0 -150px;
}

.star_rating.large .num {
  position: absolute;
  top: 0;
  left: 110%;
  width: 50px;
  height: 100%;
}

.thumbnail.plz_line {
  border: 1px solid #ccc;
}

.thumbplz {
  float: left;
  position: relative;
}

.thumbplz p {
  padding-top: 4px;
  width: 40px;
  height: 32px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  background: url(../img/@temp/ico_comment.png) no-repeat left top;
}

.thumbplz .sale {
  height: 28px;
  padding-top: 20px;
}

.thumbplz .gift {
  background-position: 0 -161px;
}

.thumbplz .plus {
  height: 33px;
  padding-top: 15px;
  background-position: 0 -81px;
}

.thumbplz .plus2 {
  height: 33px;
  padding-top: 15px;
  background-position: 0 -240px;
}

.thumbplz .plz_comment {
  position: absolute;
  top: -14px;
  left: -27px;
  color: #5aadbc;
  text-align: center;
}

.thumbplz .plz_comment span {
  font-size: 15px;
}

.datepicker.dropdown-menu {
  right: 0;
  top: 28px;
}

.datepicker_panel {
  position: relative;
  display: inline-block;
}

.datepicker_panel .btn.open_calendar {
  display: inline-block;
  margin: 0 0 0 -5px;
  border: 1px solid #999;
  background-color: #fff;
  background-image: url(../img/common/btn_open_calendar.gif);
  background-repeat: no-repeat;
  background-position: center center;
}

.datepicker_panel .datepicker-days {
  position: absolute;
  left: 0;
  top: -1px;
}

.btn.open_calendar.small {
  width: 26px;
  height: 26px;
  *vertical-align: middle;
}

.btn.open_calendar.medium {
  width: 38px;
  height: 38px;
}

.calendar.small {
  position: relative;
  width: 214px;
  border: 1px solid #999;
  font-size: 11px;
  background: #fff;
  overflow: hidden;
}

.calendar.small table {
  width: 100%;
  margin-bottom: 3px;
  border: 0 none;
}

.calendar.small table thead tr:first-child th {
  height: 30px;
  line-height: 30px;
  color: #444;
  border-bottom: 1px solid #dfdfdf;
  background: #fcfcfc;
  text-align: center;
}

.calendar.small table thead tr:first-child th.month {
  width: 90px;
}

.calendar.small table thead tr:first-child th.prev_year a,
.calendar.small table thead tr:first-child th.prev_month a,
.calendar.small table thead tr:first-child th.next_month a,
.calendar.small table thead tr:first-child th.next_year a {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 30px;
  color: transparent;
}

.calendar.small table thead tr:first-child th.prev_year a .ir,
.calendar.small table thead tr:first-child th.prev_month a .ir,
.calendar.small table thead tr:first-child th.next_month a .ir,
.calendar.small table thead tr:first-child th.next_year a .ir {
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 1px;
  left: 1px;
  background-color: #fcfcfc;
  background-image: url(../img/common/btn_calendar_small_01.png);
  background-repeat: no-repeat;
  cursor: pointer;
}

.calendar.small table thead tr:first-child th.prev_year a .ir {
  background-position: 8px 8px;
}

.calendar.small table thead tr:first-child th.prev_month a .ir {
  background-position: -22px 8px;
}

.calendar.small table thead tr:first-child th.next_month a .ir {
  background-position: -52px 8px;
}

.calendar.small table thead tr:first-child th.next_year a .ir {
  background-position: -82px 8px;
}

.calendar.small table thead tr:first-child th.prev_year a:hover .ir {
  background-position: 8px -22px;
}

.calendar.small table thead tr:first-child th.prev_month a:hover .ir {
  background-position: -22px -22px;
}

.calendar.small table thead tr:first-child th.next_month a:hover .ir {
  background-position: -52px -22px;
}

.calendar.small table thead tr:first-child th.next_year a:hover .ir {
  background-position: -82px -22px;
}

.calendar.small table thead tr th {
  padding-top: 5px;
}

.calendar.small table thead tr:first-child th {
  padding-top: 0;
}

.calendar.small table th,
.calendar.small table td {
  width: 30px;
  padding: 0;
  border: 0;
  letter-spacing: 0;
}

.calendar.small table .sunday {
  width: 32px;
}

.calendar.small table .saturday {
  width: 32px;
}

.calendar.small table strong,
.calendar.small table a {
  display: block;
  width: 30px;
  height: 24px;
  margin: 0;
  padding: 0;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
}

.calendar.small table strong {
  color: #444;
}

.calendar.small table a {
  color: #999;
}

.calendar.small table td.active a {
  background: #444;
  color: #fff;
  font-weight: bold;
}

.calendar.small table td.active a strong {
  color: #fff;
}

.calendar.small table a:hover {
  text-decoration: underline;
  background-color: #f9f9f9;
}

.calendar.small table .sunday a {
  color: #e04b4b;
}

.calendar.small table .saturday a {
  color: #0094f3;
}

.dimmed {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.dimmed02 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}

.layer_pop {
  position: absolute;
  z-index: 700;
  width: 600px;
  border: 1px solid #000;
  border-top: 2px solid #000;
  background-color: #fff;
}

.layer_pop h2 {
  height: 53px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 22px;
  line-height: 53px;
  color: #222;
  border-bottom: 1px dotted #666;
  text-align: center;
  font-weight: 400;
}

.layer_pop .section {
  padding: 27px 29px 30px;
}

.layer_pop .btn.close {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 29px;
  height: 29px;
  z-index: 3;
}

.layer_pop .btn.close img {
  vertical-align: top;
}

.layer_pop .button_area {
  margin-top: 30px;
  margin-bottom: 40px;
}

.layer_pop .garamond {
  font-size: 20px;
  font-weight: bold;
}

.layer_pop .fl_left {
  float: left;
}

.layer_pop .fl_right {
  float: right;
}

.tbl_data_scroll {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #666;
  table-layout: fixed;
}

.tbl_data_scroll .heading td {
  padding: 10px 0;
  text-align: center;
  line-height: 20px;
  border-top: 1px solid #666;
  background-color: #f2f2f2;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #222;
}

.tbl_data_scroll .heading td.bdline {
  background: #f2f2f2 url(../img/common/bg_table_line.gif) no-repeat left top;
}

.tbl_data_scroll .table_scroll {
  overflow: hidden;
  overflow-y: scroll;
  background: #fff;
}

.tbl_data_scroll .table_scroll table {
  width: 100%;
  table-layout: fixed;
  background: #fff;
  word-wrap: break-word;
}

.tbl_data_scroll .table_scroll table thead th {
  background: none;
  border: 0;
  line-height: 0;
}

.tbl_data_scroll .table_scroll table thead .blind {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.tbl_data_scroll .table_scroll table thead {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.tbl_data_scroll .table_scroll table tbody tr td {
  font-size: 12px;
  color: #666;
  letter-spacing: -1px;
}

.tbl_data_scroll .table_scroll table tbody tr td .limit01 {
  display: block;
  width: 61px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.tbl_data_scroll .table_scroll table tbody tr td .in_ar {
  display: block;
  padding: 0 10px;
}

.tbl_data_scroll .table_scroll table tbody tr:first-child td {
  background-color: #fff;
}

.tbl_data_scroll .table_scroll table tr td {
  height: auto;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  border-top: solid 1px #e5e5e5;
  color: #666;
  line-height: 20px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.tbl_data_scroll .table_scroll table tr td.aling_right {
  padding-right: 15px;
  text-align: right;
}

.tbl_data_scroll .table_scroll table tr td.bdline {
  background: url(../img/common/bg_table_line.gif) no-repeat left top;
}

.tbl_data_scroll .table_scroll table tr th {
  border-top: solid 1px #e5e5e5;
  background: #f9f9f9;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  text-align: left;
}

.tbl_data_scroll .table_scroll table tr td strong.shinpping {
  display: block;
  color: #e53838;
  font-weight: normal;
}

.tbl_data_scroll .table_scroll table tr td strong.shinpping2 {
  display: block;
  color: #00aeef;
  font-weight: normal;
}

.tbl_data_scroll .table_scroll table tr td strong.shinpping3 {
  display: block;
  color: #ff6015;
  font-weight: normal;
}

.tbl_data_scroll .table_scroll table tr th .label {
  padding-left: 20px;
}

.tbl_data_scroll .table_scroll table.odd_style th {
  background: none;
  text-align: center;
  font-weight: normal;
}

.tbl_data_scroll .table_scroll table.odd_style td {
  color: #a1a1a1;
  text-align: center;
  font-weight: normal;
  border-right: 1px solid #e5e5e5;
}

.tbl_data_scroll .table_scroll table.odd_style2 th {
  color: #a1a1a1;
  background: none;
  font-weight: normal;
  text-align: center;
}

.tbl_data_scroll .table_scroll table.odd_style2 td {
  padding-left: 15px;
  text-align: left;
}

div.tbl_data_scroll table {
  table-layout: fixed;
}

div.tbl_data_scroll .heading td {
  border-top: 0;
}

.layer_pop h3 {
  padding-bottom: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
}

.tfooter tr {
  height: 50px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
}

.tfooter tr th {
  background-color: #f9f9f9;
  color: #222;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
}

.tfooter tr td {
  font-weight: normal;
  text-align: right;
  padding-right: 27px;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.tfooter tr td .ssg_price {
  font-size: 20px;
  line-height: 26px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #e24f4f;
}

.tfooter tr td .ssg_cross {
  font-size: 20px;
  line-height: 26px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #e24f4f;
}

.tbl_data {
  width: 100%;
  border-top: 1px solid #666;
}

.tbl_data thead th {
  padding: 12px 0 10px 0;
  background: #f9f9f9;
  border-bottom: 1px solid #d1d1d1;
  color: #222;
}

.tbl_data tbody th {
  padding: 12px 0 10px 0;
  text-align: left;
  color: #222;
  vertical-align: top;
  background: #f9f9f9;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.tbl_data tbody th span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 10px;
  font-size: 12px;
  color: #272727;
}

.tbl_data tbody th div span {
  display: inline;
  padding: 0;
  font-size: inherit;
  color: inherit;
}

.tbl_data tbody td {
  padding: 12px 0 10px 0;
  border-bottom: 1px solid #e5e5e5;
}

.tbl_data tbody td div {
  padding: 0 10px;
  font-size: 12px;
  color: #272727;
}

.tbl_data tbody td div div {
  padding: 0;
  font-size: inherit;
  color: inherit;
}

.tbl_data tbody td:first-child {
  background: none;
}

.icon_mobile {
  display: block;
  margin-top: 1px;
  width: 10px;
  height: 16px;
  background: url(../img/display/icon_gray_mobile.gif) no-repeat left top;
  text-indent: -9999px;
}

.icon_mall {
  float: left;
  width: 17px;
  height: 17px;
  margin-right: 1px;
  background: url(../img/common_layout/bg_common_sky.png) no-repeat 0 -190px;
  font-size: 0;
  line-height: 0;
}

.icon_mall.ssgmall {
  background-position: 0 -219px;
}

.icon_mall.depart {
  background-position: 0 -248px;
}

.icon_mall.emart {
  background-position: 0 -277px;
}

.icon_mall.traders {
  background-position: 0 -306px;
}

.icon_mall.boons {
  background-position: 0 -335px;
}

.icon_mall.howdy {
  background-position: 0 -364px;
}

.icon_mall.boots {
  background-position: -38px -161px;
}

.icon_mall.tv {
  background-position: 0 -161px;
}

.icon_mall.si {
  background-position: -38px -364px;
}

.icon_mall.outlet {
  background-position: -65px -190px;
}

.icon_mall.mnmorning {
  background-position: -65px -219px;
}

.sp_pc {
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 10px;
  background: url(../img/mem/sp_pcomment.png) no-repeat 0 0;
  line-height: 999px;
  vertical-align: top;
}

.content_search {
  *zoom: 1;
  float: right;
  width: 205px;
  height: 36px;
  background-image: url(../img/layout/bg_content_search.gif);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  vertical-align: top;
}

.content_search:after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  visibility: hidden;
}

.content_search label {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  text-indent: -999em;
  white-space: nowrap;
}

.content_search button {
  float: left;
  position: relative;
  top: 3px;
  width: 30px;
  height: 30px;
}

.content_search button .ir {
  padding: 0;
  margin: 0;
  background-image: url(../img/layout/bg_btn_search.gif);
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  overflow: visible;
  background-position: 0 0;
  cursor: pointer;
}

.content_search input {
  float: left;
  width: 169px;
  height: 30px;
  padding: 0 10px;
  margin: 3px 0 0 3px;
  font-size: 12px;
  border: 0 none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
}

.explorer .content_search input {
  line-height: 30px;
}

.content_search input {
  *width: 149px;
}

.category {
  display: none;
  position: relative;
  z-index: 20;
  width: 1020px;
  margin: 0 auto;
}

#header_sm .lnb .category {
  display: block;
}

.category_nav {
  border-bottom: 1px solid #707070;
  background-color: #fff;
  z-index: 10;
}

.category_nav {
  clear: both;
  height: 61px;
}

.category_nav h2 {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  text-indent: -999em;
  white-space: nowrap;
}

.category_nav ul {
  float: left;
  margin: 15px 10px;
  text-align: center;
}

.category_nav ul:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.category_nav ul li {
  float: left;
  padding: 0 13px;
  height: 30px;
}

.category_nav ul li a {
  display: block;
  position: relative;
  height: 30px;
  line-height: 30px;
  color: #333;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-style: italic;
  letter-spacing: -0.05em;
  text-decoration: none;
}

.category_nav ul li.fashion a {
  width: 71px;
}

.category_nav ul li.beauty a {
  width: 66px;
}

.category_nav ul li.living a {
  width: 55px;
}

.category_nav ul li.baby a {
  width: 92px;
}

.category_nav ul li.food a {
  width: 45px;
}

.category_nav ul li.digital a {
  width: 65px;
}

.category_nav ul li.culture a {
  width: 75px;
}

.category_nav ul li a:hover {
  text-decoration: underline;
}

.category_nav ul li a:focus,
.category_nav ul li.active a {
  z-index: 10;
}

.category_nav ul li a .ir {
  background-image: url(../img/layout/category_nav.gif);
  background-repeat: no-repeat;
}

.category_nav ul li.fashion a .ir {
  background-position: 0 0;
}

.category_nav ul li.beauty a .ir {
  background-position: 0 -40px;
}

.category_nav ul li.living a .ir {
  background-position: 0 -80px;
}

.category_nav ul li.baby a .ir {
  background-position: 0 -120px;
}

.category_nav ul li.food a .ir {
  background-position: 0 -160px;
}

.category_nav ul li.digital a .ir {
  background-position: 0 -200px;
}

.category_nav ul li.culture a .ir {
  background-position: 0 -240px;
}

.category_nav ul li.fashion a:hover .ir,
.category_nav ul li.fashion a:focus .ir,
.category_nav ul li.fashion.active a .ir {
  background-position: -150px 0;
}

.category_nav ul li.beauty a:hover .ir,
.category_nav ul li.beauty a:focus .ir,
.category_nav ul li.beauty.active a .ir {
  background-position: -150px -40px;
}

.category_nav ul li.living a:hover .ir,
.category_nav ul li.living a:focus .ir,
.category_nav ul li.living.active a .ir {
  background-position: -150px -80px;
}

.category_nav ul li.baby a:hover .ir,
.category_nav ul li.baby a:focus .ir,
.category_nav ul li.baby.active a .ir {
  background-position: -150px -120px;
}

.category_nav ul li.food a:hover .ir,
.category_nav ul li.food a:focus .ir,
.category_nav ul li.food.active a .ir {
  background-position: -150px -160px;
}

.category_nav ul li.digital a:hover .ir,
.category_nav ul li.digital a:focus .ir,
.category_nav ul li.digital.active a .ir {
  background-position: -150px -200px;
}

.category_nav ul li.culture a:hover .ir,
.category_nav ul li.culture a:focus .ir,
.category_nav ul li.culture.active a .ir {
  background-position: -150px -240px;
}

.category .promotion {
  display: block;
}

.category.active .promotion {
  display: none;
}

.layer_pos {
  position: absolute;
  z-index: 999999;
}

.layer_pos.w270 {
  width: 270px;
}

.layer_pos.w360 {
  width: 360px;
}

.layer_pos.w415 {
  width: 415px;
}

.layer_pos.w540 {
  width: 540px;
}

.layer_area {
  position: relative;
  padding: 30px 0 20px;
  border: 1px solid #666;
  border-top: 2px solid #000;
  background: #fff;
  text-align: center;
}

.layer_area .lp_tit {
  color: #666;
  font-size: 13px;
}

.layer_area .lp_tit .point {
  color: #f14f4f;
  font-size: 16px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.layer_area .lp_tit .point02 {
  color: #f4a600;
  font-size: 16px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.layer_area .btn_area {
  margin-top: 25px;
  text-align: center;
}

.layer_area .btn_area a {
  display: inline-block;
  min-width: 78px;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  background: #3b3b3b;
  font-weight: bold;
  line-height: 26px;
  color: #fff;
  vertical-align: top;
  text-decoration: none;
}

.layer_area .btn_area a.lp_clip_close {
  border: 1px solid #b0b0b0;
  border-radius: 3px;
  background: #b0b0b0;
}

.layer_area2 {
  position: relative;
  border: 1px solid #666;
  border-top: 2px solid #000;
  background: #fff;
  text-align: left;
}

.layer_area2 .lp_close {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 15px;
  width: 19px;
  height: 19px;
  background: url(../img/common/btn_close_common.png) no-repeat 0 0;
  line-height: 999px;
}

.cont_pd {
  padding: 47px 20px 0;
}

.rbtn_pd {
  padding: 20px 140px 20px 0;
  border-top: 1px dotted #666;
  zoom: 1;
}

.type2 .rbtn_pd {
  padding: 15px 140px 15px 0;
  border-top: 1px dotted #666;
  zoom: 1;
}

.type3 .rbtn_pd {
  padding: 20px 140px 10px 0;
  border-top: 1px dotted #666;
  zoom: 1;
}

.type3 .rbtn_pd .lp_tit {
  top: 60%;
}

.type3 .rbtn_pd .btn_abs {
  top: 60%;
}

.rbtn_pd .btn_abs {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
}

.rbtn_pd .lp_tit {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

.rbtn_pd .btn_abs a {
  display: inline-block;
  min-width: 80px;
  border: 1px solid #3b3b3b;
  border-radius: 3px;
  background: #3b3b3b;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  vertical-align: top;
  text-decoration: none;
  text-align: center;
}

.v_tbl,
.v_tbl th,
.v_tbl td {
  margin: 0;
  padding: 0;
  border: 0 none;
  border-spacing: 0;
}

.v_tbl {
  width: 100%;
  height: 70px;
}

.v_tbl td .lp_img {
  display: inline-block;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
}

.v_tbl td .lp_img img {
  vertical-align: middle;
}

.v_tbl td .lp_tit {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 100px;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
}

.type2 .v_tbl td .lp_tit,
.type3 .v_tbl td .lp_tit {
  margin-left: 20px;
}

.layer_area2 .v_tbl td .lp_ab.yellow {
  position: absolute;
  top: 11px;
  left: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 25px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  background: url(../img/common/ico_heart_yellow.gif) no-repeat 0 3px;
}

.layer_area2 .v_tbl td .lp_ab.red {
  position: absolute;
  top: 11px;
  left: 20px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding-left: 25px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  vertical-align: middle;
  background: url(../img/common/ico_heart_red.gif) no-repeat 0 3px;
}

.v_tbl td .lp_ab .point {
  color: #e24f4f;
}

.v_tbl td .lp_tit .point {
  color: #e24f4f;
}

.v_tbl td .lp_tit .p_tip {
  display: block;
  font-size: 12px;
  color: #666;
}

.ftip_area {
  padding: 8px 20px;
  border-top: 1px solid #e9e9e9;
  background: #f9f9f9;
  font-size: 11px;
  color: #747474;
  letter-spacing: -1px;
}

.ftip_area .ico_tip {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  height: 16px;
  margin-right: 10px;
  background: url(../img/common/ico_clip_tip.png) no-repeat 0 0;
  line-height: 999px;
  vertical-align: middle;
}

.pop_btn_area {
  padding-bottom: 30px;
  text-align: center;
  zoom: 1;
}

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

.pop_btn_area a,
.pop_btn_area button {
  display: inline-block;
  min-width: 148px;
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid #000;
  border-radius: 3px;
  background: #3b3b3b;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 38px;
  color: #fff;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
}

.pop_btn_area a.color2,
.pop_btn_area button.color2 {
  border-color: #cc2929;
  background-color: #f14f4f;
}

.pop_btn_area a.color3,
.pop_btn_area button.color3 {
  border-color: #ccc;
  background-color: #f9f9f9;
  color: #000;
  -webkit-box-shadow: inset 0 1px 0 0 #fefefe;
          box-shadow: inset 0 1px 0 0 #fefefe;
}

.pop_btn_area a.color4,
.pop_btn_area button.color4 {
  border: 1px solid #3b3b3b;
  background: #3b3b3b;
  color: #fff;
}

.pop_btn_area a.color5,
.pop_btn_area button.color5 {
  border: none;
  background: #f14f4f;
  color: #fff;
  line-height: 40px;
}

.pop_btn_area a.color6,
.pop_btn_area button.color6 {
  border: none;
  background: #4faaf1;
  color: #fff;
  line-height: 40px;
}

.pop_btn_area a.color7,
.pop_btn_area button.color7 {
  border: none;
  background: #ff6015;
  color: #fff;
  line-height: 40px;
}

.pop_btn_area .ico_prev {
  width: 7px;
  height: 13px;
  margin-right: 9px;
  background-position: -72px -92px;
  vertical-align: middle;
}

.pop_btn_area .btn_l {
  display: inline;
  float: left;
}

.pop_btn_area .btn_l a {
  margin: 0 10px 0 0;
}

.pop_btn_area .btn_r {
  display: inline;
  float: right;
}

.pop_btn_area .btn_r a {
  margin: 0 0 0 10px;
}

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

.layer_pop .section {
  color: #666;
}

.layer_pop .advice {
  font-size: 12px;
  text-align: center;
  color: #222;
}

.layer_pop .advice.marginT {
  margin-top: 30px;
  color: #666;
}

.layer_pop .advice.marginB {
  margin-bottom: 30px;
}

.layer_pop .notification {
  margin-bottom: 5px;
  padding-left: 20px;
  background: url(../img/common/ico_notice02.gif) no-repeat 0 1px;
  line-height: 20px;
  color: #222;
  font-size: 12px;
}

.layer_pop .notification.small {
  margin: 13px 0 8px;
  padding-left: 17px;
  background: url(../img/common/ico_notice05.gif) no-repeat 0 1px;
  line-height: 17px;
  font-size: 11px;
  color: #747474;
}

.layer_pop .tbl_data_scroll .heading th {
  padding: 10px 0;
  background: #f2f2f2;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-top: 1px solid #666;
  border-bottom: solid 1px #d1d1d1;
  color: #222;
  line-height: 20px;
}

.layer_pop .tbl_data_scroll .heading td {
  background: #f2f2f2;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-bottom: solid 1px #d1d1d1;
  color: #222;
}

.layer_pop .tbl_data thead td {
  background: #f9f9f9;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  border-bottom: solid 1px #e5e5e5;
  height: 42px;
}

.layer_pop .tbl_data td {
  color: #222;
}

.layer_pop .lp_allcancel .tbl_data td {
  font-size: 11px;
}

.layer_pop .tbl_data dl {
  zoom: 1;
}

.layer_pop .tbl_data dl:after {
  display: block;
  clear: both;
  content: "";
}

.layer_pop .tbl_data dl dt {
  float: left;
  padding-left: 4px;
  color: #888;
  background: url(../img/common/bg_bullet04.gif) no-repeat 0 6px;
}

.layer_pop .tbl_data dl dd {
  float: left;
}

.layer_pop .tbl_data .dt {
  padding-left: 4px;
  background: url(../img/common/bg_bullet04.gif) no-repeat 0 6px;
}

.layer_pop .tbl_data ul.txt_list li {
  padding-left: 4px;
  background: url(../img/common/bg_bullet04.gif) no-repeat 0 6px;
}

.layer_pop .num_list {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #666;
}

.layer_pop .num_list li {
  position: relative;
  padding: 13px 0 12px 38px;
  border-bottom: 1px solid #ededed;
}

.layer_pop .num_list li:first-child {
  padding-top: 0;
}

.layer_pop .num_list li:first-child .ir {
  top: 4px;
}

.layer_pop .num_list li .ir {
  position: absolute;
  left: 0;
  top: 18px;
  width: 27px;
  height: 17px;
  background: url(../img/common/ranking_large.png) no-repeat;
  text-indent: -9999px;
}

.layer_pop .num_list li.num_02 .ir {
  background-position: 0 -20px;
}

.layer_pop .num_list li.num_03 .ir {
  background-position: 0 -40px;
}

.layer_pop .num_list li.num_04 .ir {
  background-position: 0 -60px;
}

.layer_pop .num_list li.num_05 .ir {
  background-position: 0 -80px;
}

.layer_pop .data_list.medium.line {
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}

.deliver_info .data_list.medium li {
  color: #222 !important;
}

.layer_pop .data_list.small.line {
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.change_option .prod_name {
  margin-bottom: 30px;
  padding: 11px 10px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  font-weight: bold;
}

.change_option .select {
  width: 202px;
}

.lp_deposit .summary {
  margin-bottom: 25px;
  font-size: 12px;
  color: #272727;
}

.lp_return .select {
  width: 207px;
}

.lp_return .lp_ibx {
  width: 207px;
  height: 28px;
  padding: 0 10px;
}

.lp_return .lp_ibx .i_text {
  width: 202px;
  height: 26px;
  padding: 0 0 0 5px;
  line-height: 26px\9 ;
  border: 1px solid #9e9e9e;
  background: transparent;
}

.lp_return .lp_ibx .i_text2 {
  width: 130px;
  height: 26px;
  padding: 0 0 0 5px;
  line-height: 26px\9 ;
  border: 1px solid #9e9e9e;
  border-right: 0;
  background: transparent;
  vertical-align: middle;
}

.lp_return .lp_ibx .i_submit {
  width: 30px;
  height: 28px;
  margin: 0 0 0 -4px;
  padding: 0;
  border: 1px solid #9e9e9e;
  background: url(../img/common/btn_open_calendar02.gif) no-repeat -1px 0;
  vertical-align: middle;
  text-indent: -9999em;
}

.lp_guide h3 {
  background: none;
  font-size: 18px;
  text-align: left;
  color: #222;
}

.layer_pop .guide_tbx {
  margin: 10px 0 20px;
  padding: 16px 10px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #e9e9e9;
}

.layer_pop p.guide_tbx {
  background: url(../img/common/bullet_square_01.gif) no-repeat 12px 24px;
  color: #666;
}

.layer_pop .desc_list {
  margin-top: 20px;
  color: #666;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 16px;
}

.layer_pop .desc_list:first-child {
  margin: 0;
}

.layer_pop .desc_list .point {
  color: #00aac4;
}

.layer_pop .desc_list dd {
  padding-top: 5px;
}

.layer_pop .data_list.medium li {
  margin-top: 8px;
}

.layer_pop .data_list.medium li:first-child {
  margin-top: 0;
}

.layer_pop .guide_tbx .order_addr {
  font-size: 11px;
  color: #777;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.layer_pop .guide_tbx .order_addr strong {
  color: #222;
}

.layer_pop .bx_clear {
  zoom: 1;
}

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

.layer_pop .bx_clear .fl {
  float: left;
}

.layer_pop .bx_clear .fl.pdT {
  padding-top: 10px;
  color: #222;
}

.layer_pop .bx_clear .fr {
  float: right;
}

.layer_pop .bx_clear .fr.pop_btn_area {
  padding-bottom: 0;
  text-align: right;
}

.layer_pop .lp_giftcard .bx_clear .fl,
.layer_pop .lp_giftcard .bx_clear .fr {
  width: 49%;
}

.layer_pop .lp_giftcard .bx_clear .fl table,
.layer_pop .lp_giftcard .bx_clear .fr table {
  margin-top: 10px;
}

.layer_pop .section.overseas_purchase {
  position: relative;
  font-size: 12px;
  color: #666;
}

.layer_pop .section.overseas_purchase strong {
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
  padding-left: 9px;
  background: url(../img/odr/bg_dot3.gif) no-repeat 0 8px;
  font-size: 12px;
  font-weight: bold;
  color: #666;
}

.layer_pop .section.overseas_purchase p {
  color: #949494;
  margin-bottom: 22px;
}

.layer_pop .section.overseas_purchase .process {
  width: 598px;
  height: 133px;
}

.layer_pop .section.overseas_purchase .process li {
  float: left;
  margin-right: 20px;
}

.layer_pop .section.overseas_purchase .ir {
  position: absolute;
  background: url(../img/odr/img_order_abroad.gif) 30px 118px no-repeat;
}

.layer_pop .section.overseas_purchase .content {
  clear: both;
  margin-top: 40px;
}

.layer_pop .section.overseas_purchase .check_purchase h4,
.layer_pop .section.overseas_purchase .check_customs h4 {
  height: 14px;
  margin-bottom: 17px;
  background: url(../img/common/ranking_large.png) no-repeat 0 0;
  vertical-align: middle;
  padding-left: 35px;
}

.layer_pop .section.overseas_purchase .check_customs h4 {
  background-position: 0 -20px;
  margin-bottom: 15px;
}

.layer_pop .section.overseas_purchase .check_purchase ul li {
  letter-spacing: -0.5px;
  line-height: 18px;
}

.layer_pop .section.overseas_purchase .check_customs {
  position: relative;
  height: 70px;
}

.layer_pop .section.overseas_purchase .check_customs ul li {
  font-size: 10px;
}

.layer_pop .section.overseas_purchase .check_customs .ir {
  position: absolute;
  background: url(../img/odr/txt_order_abroad.gif) no-repeat 0 33px;
}

.layer_pop .tab.large {
  margin-top: 0;
  margin-bottom: 20px;
}

.layer_pop .tab.large.t_dep3 li {
  width: 200px;
}

.layer_pop .tab.large.t_dep3 li:first-child {
  width: 201px;
}

.lp_bank .tbl_data thead th {
  background: #f2f2f2;
  border-left: 1px solid #d1d1d1;
}

.lp_bank .tbl_data thead th:first-child {
  border-left: 0;
}

.lp_bank .tbl_data thead th.fw_normal {
  font-weight: normal;
}

.lp_bank .tbl_data tbody th {
  background: #f9f9f9;
  padding: 12px 0 10px;
  text-align: center;
  font-weight: normal;
}

.lp_bank .tbl_data tbody td {
  font-size: 12px;
  border-left: 1px solid #e5e5e5;
  color: #666;
}

.lp_bank .tbl_data tbody td:first-child {
  border-left: 0;
}

.lp_bank .tbl_data tbody td a {
  text-decoration: none;
  color: #666;
}

.lp_bank .tbl_data tbody td a:hover {
  text-decoration: underline;
}

.lp_bank .tbl_data .bd_left {
  border-left: 1px solid #d1d1d1 !important;
}

.card_guide_pop {
  margin-top: 20px;
}

.card_guide_pop .content {
  display: none;
}

.card_guide_pop .content.active {
  display: block;
}

.card_guide_pop p {
  letter-spacing: -1px;
  color: #949494;
}

.card_guide_pop p strong {
  font-weight: normal;
  color: #666;
}

.card_guide_pop .use_guide {
  margin-top: 20px;
}

.card_guide_pop .use_guide li {
  overflow: hidden;
  width: 580px;
}

.card_guide_pop .use_guide h3 {
  margin-bottom: 3px;
  padding: 0;
  font-size: 12px;
  color: #666;
  background: none;
  text-align: left;
  line-height: 1.75em;
}

.card_guide_pop .use_guide h3 .ir {
  position: static;
  display: inline;
  font-size: 16px;
  color: #272727;
  vertical-align: -1px;
  margin-right: 5px;
}

.card_guide_pop .use_guide p {
  margin-bottom: 15px;
  font-size: 11px;
  color: #a6a6a6;
  line-height: 17px;
  letter-spacing: -1px;
}

.card_guide_pop .use_guide h4.subject {
  margin-top: 15px;
  padding-left: 9px;
  background: url(../img/odr/bg_dot3.gif) no-repeat 0 8px;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

.card_guide_pop .use_guide .card_join01 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide03.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join02 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide04.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join03 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide05.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join04 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide06.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join05 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 50px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide07.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join06 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 115px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide08.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide .card_join07 .ir {
  position: static;
  overflow: hidden;
  width: 100%;
  height: 55px;
  margin: 5px 0 20px 0;
  background: #fff url(../img/odr/bg_card_guide09.gif) no-repeat 0 0;
}

.card_guide_pop .use_guide ol {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}

.card_guide_pop .use_guide .guide_sequence {
  margin-top: 15px;
}

.card_guide_pop .use_guide .guide_sequence .ir {
  position: static;
  overflow: hidden;
  width: 580px;
  height: 327px;
  background: url(../img/odr/bg_card_guide.gif) no-repeat;
}

.card_guide_pop .use_guide .guide_sequence02 {
  margin-top: 15px;
}

.card_guide_pop .use_guide .guide_sequence02 ul {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0;
}

.card_guide_pop .use_guide .guide_sequence02 .ir {
  position: static;
  overflow: hidden;
  width: 580px;
  height: 327px;
  background: url(../img/odr/bg_card_guide02.gif) no-repeat;
}

.card_guide_pop .use_guide .data_table {
  margin: 15px 0 35px 0;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}

.card_guide_pop .use_guide .data_table thead th {
  height: auto;
  color: #272727;
  text-align: center;
  border-right: none;
  border-left: none;
}

.card_guide_pop .use_guide .data_table tbody td {
  height: auto;
  padding-left: 21px;
  border-right: none;
  border-left: none;
  text-align: left;
  color: #a1a1a1;
}

.card_guide_pop .use_guide .data_table tbody td:first-child {
  border-right: none;
  color: #272727;
}

.card_guide_pop .use_guide .card_txt {
  padding: 10px 0 20px 20px;
}

.card_guide_pop .use_guide .card_txt .data_list {
  margin-bottom: 10px;
}

.card_guide_pop .use_guide .card_txt .data_list li {
  font-size: 11px;
}

.card_guide_pop .use_guide .card_txt .data_list span {
  display: inline-block;
  width: 213px;
}

.card_guide_pop .use_guide .card_txt .data_list span a {
  color: #a6a6a6;
  text-decoration: none;
  display: inline-block;
  margin: -8px 0;
}

.lp_individual_selection .tbl_data_scroll .table_scroll {
  height: 190px;
}

.lp_individual_selection .tbl_data_scroll .table_scroll table tr td {
  font-size: 12px;
}

.lp_individual_selection .tbl_data_scroll .table_scroll table tr td.align_left {
  padding-left: 15px;
  color: #222;
}

.lp_individual_selection .tbl_data_scroll .table_scroll table tr td label {
  display: inline-block;
  margin-left: 10px;
  color: #888;
}

.lp_individual_selection .tbl_data_scroll .table_scroll table tr td label:first-child {
  margin-left: 0;
}

.lp_individual_selection .tbl_data_scroll .table_scroll table tr td label strong {
  color: #222;
}

.pop_simple .tbl_data tr th {
  height: 42px;
}

.pop_simple .summary {
  margin-bottom: 5px;
  color: #222;
}

.pop_simple .table_scroll {
  height: 204px;
}

.pop_simple .table_scroll table tbody tr:first-child td {
  font-weight: normal;
}

.pop_simple .tbl_data tbody tr td,
.pop_simple .table_scroll table tbody tr td {
  font-size: 12px;
  color: #272727;
}

.pop_simple .tbl_data tbody tr td div,
.pop_simple .table_scroll table tbody tr td div {
  padding-left: 10px;
  color: #272727;
  font-size: 12px;
  text-align: left;
}

.pop_simple .tbl_data_scroll tr.heading td {
  background: #f9f9f9;
}

.pop_simple .tbl_data_scroll .table_scroll table tr th {
  border: 0;
}

.pop_change_dl {
  border-top: 1px solid #666;
  border-bottom: 1px solid #e9e9e9;
}

.pop_change_dl dt {
  border-bottom: 1px solid #e9e9e9;
  color: #222;
  padding: 12px 8px 11px;
}

.pop_change_dl dd {
  color: #222;
  padding: 12px 0 11px;
}

.pop_change_dl dd li {
  background: url(../img/common/bullet_square_01.gif) no-repeat 0 7px;
  padding-left: 8px;
}

.pop_change_dl dd li a {
  color: #f96a62;
  font-weight: bold;
}

.pop_change_inp {
  padding-top: 15px;
}

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

.pop_change_inp dt {
  float: left;
  width: 75px;
  text-align: center;
  line-height: 0;
  padding-top: 18px;
}

.pop_change_inp dd {
  float: left;
  width: 367px;
}

.pop_change_inp dd textarea {
  border: 1px solid #b2b2b2;
  color: #888;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 8px;
  line-height: 16px;
  width: 349px;
  height: 33px;
  resize: none;
  margin-bottom: 10px;
  display: block;
}

.pop_change_inp dd .pop_btn_area {
  text-align: left;
  padding: 0;
}

.pop_change_inp dd .pop_btn_area a:first-child {
  margin-left: 0;
}

.pop_change_inp dd .pop_btn_area a {
  min-width: 130px;
}

.pop_change_inp dd .pop_alert {
  margin-top: 10px;
  width: 294px;
}

.pop_change_inp dd .pop_alert:after {
  content: "";
  display: block;
  clear: both;
}

.pop_change_inp dd .pop_alert .chk_p {
  position: relative;
  width: 13px;
  height: 13px;
  margin: -1px 0 2px -20px;
  margin: -1px 0 1px -20px\9 ;
  padding: 0;
  vertical-align: middle;
}

.pop_change_inp dd .pop_alert label {
  float: left;
  width: 200px;
  color: #222;
  text-indent: 20px;
  line-height: 16px;
}

.pop_change_inp dd .pop_alert label span {
  display: block;
  text-align: left;
  text-indent: 18px;
}

.pop_change_inp dd .pop_alert .btn_user_edit {
  float: right;
}

.pop_change_desc {
  margin-top: 27px;
}

.pop_change_desc dt {
  border-bottom: 1px solid #d1d1d1;
  color: #222;
  font-weight: bold;
  background: url(../img/common/ico_notice02.gif) 0 0 no-repeat;
  padding: 0 0 7px 20px;
}

.pop_change_desc dd {
  font-size: 11px;
  color: #777;
  letter-spacing: -1px;
  padding-top: 13px;
}

.pop_change_desc dd li {
  background: url(../img/common/bullet_square_01.gif) no-repeat 0 6px;
  padding-left: 8px;
  line-height: 16px;
}

.total_price .tbl_data_scroll .table_scroll {
  overflow: hidden;
  overflow-y: scroll;
  height: 226px;
  line-height: 21px;
}

.total_price .tbl_data_scroll .table_scroll tbody th {
  background: #f9f9f9;
  border-top: 1px solid #d1d1d1;
  font-weight: normal;
}

.total_price .tbl_data_scroll .heading td {
  background: #f2f2f2;
  border-bottom: 1px solid #d1d1d1;
}

.total_price .tbl_data_scroll .table_scroll th .ellip {
  display: block;
  padding-left: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 141px;
}

.total_price .tbl_data_scroll .order_cancel td {
  background: url(../img/common/bg_table_line.gif) repeat-y left top;
}

.total_price .tbl_data_scroll .order_cancel td:first-child {
  background: none;
}

.total_price .tbl_data_scroll .order_cancel tbody tr td:first-child {
  border-left: 0;
}

.total_price .tbl_data_scroll .table_scroll .block {
  display: block;
}

.total_price .tbl_data_scroll .table_scroll .coupon_name {
  text-align: left;
}

.total_price .tbl_data_scroll .table_scroll .coupon_name span {
  display: block;
  padding-left: 10px;
}

.total_price .tbl_data_scroll .table_scroll .discount {
  text-align: right;
}

.total_price .tbl_data_scroll .table_scroll .discount span {
  display: block;
  padding-right: 10px;
}

.total_price .tbl_data_scroll .table_scroll .discount span.ssg_cross,
.total_price .tbl_data_scroll .table_scroll .discount span.ssg_tx {
  display: inline;
  padding: 0;
}

.total_price .tbl_data_scroll .table_scroll .note {
  text-align: left;
  color: #666;
}

.total_price .tbl_data_scroll .table_scroll .note span {
  display: block;
  padding-left: 10px;
}

.tbl_data_scroll .table_scroll table tr th {
  border-bottom: 0;
}

.discount_list .tbl_data_scroll {
  margin-top: 12px;
}

.discount_list .tbl_data_scroll .table_scroll {
  height: 215px;
}

.discount_list .tbl_data_scroll tr.heading td {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}

#tooltipDiv_totBnfList .discount_list .tbl_data_scroll tr.heading td {
  height: auto;
}

.discount_list .tbl_data_scroll .table_scroll table tr th {
  border-bottom: 0;
}

.discount_list .tbl_data_scroll .table_scroll table tr td {
  border-right: 1px solid #e5e5e5;
  font-size: 12px;
}

.discount_list .tbl_data_scroll .table_scroll table tr td span {
  line-height: 33px;
}

.discount_list .tbl_data_scroll .table_scroll table tr td.align_left.weighty {
  padding-left: 20px;
  padding-right: 20px;
  height: 37px;
  color: #272727;
}

.discount_list .tbl_data_scroll .table_scroll table tr td.weightiest {
  color: #e55756;
}

.discount_list .tbl_data_scroll .table_scroll table tr td:first-child span {
  display: block;
  overflow: hidden;
  width: 275px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.discount_list .tbl_data_scroll .table_scroll table tr td.align_left span {
  padding-left: 20px;
}

.discount_list .tbl_data_scroll .table_scroll table tr td.fs11 {
  font-size: 11px;
}

.discount_list .tbl_data_scroll .table_scroll.table_scroll2 table tr td span {
  display: block;
  line-height: 17px;
}

.discount_list .tbl_data_scroll .table_scroll.table_scroll2 table tr td.align_right span {
  padding-right: 20px;
  color: #666;
}

.discount_list .tbl_data_scroll .table_scroll.table_scroll2 table tr td span.ssg_cross,
.discount_list .tbl_data_scroll .table_scroll.table_scroll2 table tr td span.ssg_tx {
  display: inline;
  padding-right: 0;
}

.discount_list .em.slightly {
  color: #666;
}

.table_scroll .fs11 {
  font-size: 11px;
}

.discount_list .em.slightly.fs11 {
  color: #666;
}

.discount_list .tbl_data_scroll .table_scroll table tr td span.fs12 {
  line-height: 17px;
  color: #a1a1a1;
}

.total_price .tbl_data_scroll .table_scroll .note span {
  display: block;
}

.product_detail .all_amount {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
}

.product_detail .all_amount li.fl_left {
  float: left;
  height: 40px;
  padding-left: 15px;
  line-height: 40px;
}

.product_detail .all_amount li.fl_right {
  float: right;
}

.product_detail .all_amount li:first-child {
  padding-left: 0;
}

.product_detail .data_list.order_addr {
  margin-top: 15px;
  padding: 13px 0 11px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #ebebeb;
}

.product_detail .data_list.small.order_addr li {
  background: none;
}

.product_detail .data_list.small.order_addr li strong {
  padding-left: 5px;
  color: #000;
}

.tbl_data_scroll02 .table_scroll {
  height: 363px;
}

.table_scroll .line_dotted {
  background: url(../img/common/bg_vertical.gif) no-repeat 0 10px;
}

.garamond {
  font-weight: bold;
  font-size: 20px;
}

.tab_style {
  overflow: hidden;
}

.tab_style:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.tab_style li {
  float: left;
  padding: 0;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.tab_style li a {
  display: block;
  text-decoration: none;
}

.tab_style.small li {
  background: url(../img/display/bg_line.gif) no-repeat 0 4px;
}

.tab_style.small li:first-child {
  background-image: none;
}

.tab_style.small li a {
  padding: 0 12px 0 14px;
  color: #666;
}

.tab_style.small li:first-child a {
  padding: 0 12px 0 0;
}

.tab_style.small li.active a {
  color: #222;
  font-weight: bold;
  text-decoration: underline;
}

.tab_style.small li a:hover {
  color: #222;
  font-weight: bold;
  text-decoration: underline;
}

.tab_style.large {
  height: 41px;
  width: 100%;
  background: url(../img/common/bg_tab.gif) repeat-x 0 100%;
}

.tab_style.large li {
  width: 158px;
  border: 1px solid #c4c4c4;
  border-bottom: 0;
  margin-left: -2px;
}

.tab_style.large li:first-child {
  width: 156px;
  margin-left: 0;
}

.tab_style.large li a {
  padding: 9px 0 10px;
  border: 1px solid #fff;
  border-bottom: 0;
  color: #747474;
  text-align: center;
}

.tab_style.large li a em {
  color: #222;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: -1px;
}

.tab_style.large li.active,
.tab_style.large li.lst_over {
  position: relative;
  height: 40px;
  border: 1px solid #777;
  border-bottom: 0;
}

.tab_style.large li.active a,
.tab_style.large li a:hover {
  overflow: hidden;
  position: relative;
  padding: 9px 0 12px;
  border: 1px solid #777;
  border-bottom: 0;
  background: #fff;
  color: #222;
  font-weight: bold;
  letter-spacing: -1px;
}

.tab_style.large li.active a em,
.tab_style.large li a:hover em {
  font-weight: normal;
}

.prim_contarea ul.data_list li span {
  display: block;
  color: #999;
}

.prim_contarea h3 {
  color: #222;
  padding-bottom: 0;
}

.layer_pop .view_photo {
  overflow: hidden;
  width: 532px;
  margin: 0 auto;
}

.layer_pop .view_photo .large_photo {
  width: 500px;
  height: 500px;
  margin: 0 auto 20px;
  font-size: 0;
  line-height: 0;
  border: 1px solid #000;
}

.layer_pop .view_photo .sliding_area {
  position: relative;
  width: 530px;
  height: 80px;
}

.layer_pop .view_photo .thumbnail_list {
  overflow: hidden;
  max-width: 580px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
  padding-left: 45px;
}

.layer_pop .view_photo .thumbnail_list li {
  float: left;
  display: inline-block;
  width: 70px;
  height: 80px;
  margin-left: 22px;
  padding-top: 8px;
}

.layer_pop .view_photo .thumbnail_list li:first-child {
  margin-left: 0;
}

.layer_pop .view_photo .thumbnail_list li.active {
  position: relative;
}

.layer_pop .view_photo .thumbnail_list li.active .after {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 77px;
  background-image: url(../img/common/thumbnail_frame.png);
  background-repeat: no-repeat;
}

.layer_pop .photo_slide_module {
  overflow: hidden;
  width: 600px;
  height: 726px;
}

.layer_pop .direction.medium .btn.prev {
  left: 18px;
  background-position: 0 center;
}

.layer_pop .direction.medium .btn.next {
  right: 16px;
  background-position: -11px center;
}

.layer_pop .direction.medium .btn {
  position: absolute;
  top: 28px;
  width: 11px;
  height: 100%;
  min-height: 18px;
  border-radius: 0;
  background-color: transparent;
  background-image: url(../img/common/sp_fr.png);
  background-repeat: no-repeat;
}

.enuri .money_wrap .sale em {
  font-size: 11px;
  color: #a1a1a1;
  text-decoration: line-through;
}

.enuri .summary strong {
  color: #222;
}

.enuri table .summary {
  overflow: hidden;
  width: 280px;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}

.enuri .new_popup {
  display: inline-block;
  width: 11px;
  height: 11px;
  top: -1px;
  background: url(../img/common/ico_link.png) 0 0 no-repeat;
  background-size: 100%;
  vertical-align: middle;
}

.enuri .table_scroll table tr td {
  padding-left: 20px;
  border-left: 1px solid #e5e5e5;
}

.pop_importing_address .aside {
  text-align: right;
  margin: 5px 0;
}

.enuri .tbl_data_scroll {
  margin-top: 12px;
}

.enuri .tbl_data_scroll .table_scroll.table_scroll2 {
  height: 226px;
}

.enuri .tbl_data_scroll .table_scroll.table_scroll2 .logo_mall {
  display: inline-block;
  width: 74px;
  height: 16px;
  background: url(../img/common/ico_mall_v2.png);
}

.certification {
  width: 678px;
}

.certification .button_area {
  text-align: center;
}

.certification .button_area .btn:first-child {
  margin-right: 10px;
}

.certification .notice {
  text-align: center;
  margin-top: 13px;
}

.certification .advice {
  margin-top: 40px;
  padding-top: 12px;
  border-top: 1px solid #d1d1d1;
}

.certification .advice li {
  padding-left: 5px;
  letter-spacing: -1px;
  font-size: 11px;
  text-align: left;
  color: #767676;
  background: url(../img/common/bullet_square_01.gif) no-repeat 0 6px;
}

.layer_pop .delivery-cancel {
  padding: 0 20px;
  margin-bottom: 20px;
}

.layer_pop .delivery-cancel p {
  padding: 25px 0 25px 9px;
  border-bottom: 1px solid #d1d1d1;
  border-top: 1px dotted #666;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -1px;
}

.layer_pop h2.delivery_cancel.no_br {
  border: none;
}

.layer_pop .pop_btn_area.delivery_cncl {
  padding-bottom: 20px;
}

.layer_pop h2.blind {
  height: 1px;
  font-size: 0;
  line-height: 0;
  padding: 0;
}

.item_quantity.medium {
  overflow: hidden;
  position: relative;
  width: 40px;
  height: 21px;
  text-align: left;
}

.item_quantity.medium input {
  float: left;
  width: 29px;
  height: 19px;
  font-size: 11px;
  border: 1px solid #dedede;
  background-color: #fff;
  text-align: center;
  vertical-align: top;
  line-height: 19px;
}

.item_quantity.medium.normal input {
  color: #777;
}

.item_quantity.medium.slightly input {
  color: #ccc;
}

.item_quantity.medium .btn {
  position: absolute;
  right: 0;
  width: 11px;
  height: 11px;
}

.item_quantity.medium .btn.increase {
  top: 0;
}

.item_quantity.medium .btn.decrease {
  bottom: 0;
}

.item_quantity.medium .btn .ir {
  background-image: url(../img/common/btn_item_quantity.gif);
}

.item_quantity.medium.normal .btn.increase .ir {
  background-position: 0 0;
}

.item_quantity.medium.normal .btn.decrease .ir {
  background-position: 0 -10px;
}

.item_quantity.medium.slightly .btn.increase .ir {
  background-position: -11px 0;
}

.item_quantity.medium.slightly .btn.decrease .ir {
  background-position: -11px -10px;
}

.content_primary .data_table {
  border-right: 0;
  border-left: 0;
}

.content_primary .data_table td strong {
  padding: 0;
  text-align: left;
}

.content_primary .data_list {
  padding: 10px 10px 0;
}

.content_primary .data_list.medium li {
  padding: 3px 10px;
  background: url(../img/common/bullet_square_01.gif) no-repeat 0 9px;
  line-height: 14px;
}

.content_primary .data_list.typemd {
  width: 100%;
  padding: 0;
}

.content_primary .data_list.typemd li {
  padding: 13px 10px 11px;
  background: 0 none;
  border-top: 1px dotted #e0e0e0;
  line-height: 18px;
}

.content_primary .data_list.typemd li:first-child {
  padding: 0 10px 11px;
  border-top: none;
}

.content_primary .data_list.typemd li img {
  width: auto !important;
  height: auto !important;
  max-width: 920px;
}

.content_primary .paginate {
  margin-top: 10px;
}

.content_primary .clear {
  zoom: 1;
}

.content_primary .clear:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.content_primary .data_table .data .taln {
  display: inline-block;
  margin: 1px 5px 0 0;
  font-size: 12px;
  vertical-align: top;
}

/* 상품상세 */
.detail_product {
  width: 100%;
  position: relative;
  z-index: 2;
}

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

.detail_product .detail_left {
  width: 450px;
  float: left;
  margin-right: 35px;
  padding-bottom: 20px;
}

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

.detail_product .detail_cont {
  width: 480px;
  float: left;
  padding-top: 10px;
}

.detail_product .item_image {
  position: relative;
  height: 450px;
  width: 450px;
  margin-top: 30px;
  *zoom: 1;
}

.detail_product .item_image img {
  vertical-align: top;
}

.detail_product .item_image .viewport {
  width: 450px;
  height: 450px;
  overflow: hidden;
}

.detail_product .item_image .viewport li {
  position: relative;
  float: left;
}

.detail_product .item_image .btn_zoom {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 450px;
  height: 450px;
  background: url(../img/common/btn_zoomin.png) 202px 199px no-repeat;
}

.detail_product .item_image.item_image_hover .btn_zoom {
  display: block !important;
}

.detail_product .item_image .direction.layer a.btn {
  top: 210px;
  width: 24px;
  height: 47px;
  background: url(../img/common/bg_direction_layer.png) no-repeat;
  z-index: 30;
}

.detail_product .item_image .direction.layer a.btn.prev {
  background-position: 0 -55px;
}

.detail_product .item_image .direction.layer a.btn.next {
  background-position: -76px -55px;
}

.detail_product .item_image .direction.layer a.btn.disable {
  display: none;
}

.detail_product .item_image .direction.layer a.btn.prev:hover {
  background-position: 0 0;
}

.detail_product .item_image .direction.layer a.btn.next:hover {
  background-position: -76px 0;
}

.opt_otherwrap {
  margin: 10px 0 -11px;
  padding: 0 10px;
  border: 1px solid #aaa;
  border-left: 0 none;
  border-right: 0 none;
  background: #f9f9f9;
  text-align: left;
}

.opt_otherwrap .sp_opt {
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 10px;
  background: url(../img/product/sp_opt.png) no-repeat;
  line-height: 999px;
  vertical-align: top;
}

.opt_otherwrap .opt_tip {
  padding: 8px 10px 3px;
  letter-spacing: -1px;
}

.opt_otherwrap .opt_othlist {
  border-top: 1px dotted #969696;
}

.opt_otherwrap .opt_othlist:first-child {
  border-top: 0 none;
}

.opt_otherwrap .opt_full {
  width: 100%;
  padding: 8px 0 7px;
  line-height: 18px;
  color: #333;
}

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

.opt_otherwrap .optt_left {
  float: left;
  width: 280px;
}

.opt_otherwrap .optt_left .color1 {
  color: #3992ff;
}

.opt_otherwrap .optt_left .color2 {
  color: #e7340b;
}

.opt_otherwrap .optt_checkpd {
  position: relative;
  padding-left: 23px;
  zoom: 1;
}

.opt_otherwrap .optt_checkpd .ico_optcheck {
  position: absolute;
  left: 2px;
  top: 1px;
  width: 15px;
  height: 15px;
  background-position: 0 0;
}

.opt_otherwrap .optt_checkpd .ico_optlist {
  position: absolute;
  left: 18px;
  top: 5px;
  width: 7px;
  height: 7px;
  background-position: -34px 0;
}

.opt_otherwrap .optt_rem {
  color: #888;
  white-space: nowrap;
}

.opt_otherwrap .optt_right {
  float: right;
}

.opt_otherwrap .opt_clist li {
  border-top: 1px dotted #969696;
}

.opt_otherwrap .opt_clist .optt_checkpd {
  padding-left: 32px;
}

.opt_otherwrap .optt_delpd {
  position: relative;
  padding-right: 20px;
  zoom: 1;
}

.opt_otherwrap .optt_delpd .optt_del {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 2px;
  width: 13px;
  height: 13px;
  background-position: -18px 0;
  line-height: 999px;
  vertical-align: top;
}

.opt_otherwrap .optt_checkwarea {
  width: 148px;
}

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

.opt_otherwrap .optt_checkwarea .item_quantity {
  float: left;
  margin: -2px 0;
}

.opt_otherwrap .optt_cwright {
  float: right;
  text-align: right;
}

.opt_sumwrap {
  margin-top: 10px;
  padding: 14px 10px 0;
  text-align: right;
  background: url(../img/product/bg_item_header.gif) 0 0 repeat-x;
}

.opt_sumwrap .txt {
  display: inline-block;
  margin: -8px 10px 8px 0;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}

.opt_sumwrap .price {
  display: inline-block;
  vertical-align: top;
}

.opt_sumwrap .price .ssg_price {
  display: inline-block;
  font-size: 27px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 32px;
  color: #ff3945;
  vertical-align: top;
}

.opt_sumwrap .price .ssg_tx {
  display: inline-block;
  margin: -7px 0 7px 2px;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}

.review_please {
  overflow: hidden;
  margin-top: 20px;
}

.review_please h3,
.review_please .please_comment strong {
  float: left;
  margin-right: 15px;
  padding-bottom: 0;
  font-size: 18px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #000;
  letter-spacing: -1px;
}

.review_please .star_rating.large {
  display: block;
  float: left;
  width: 80px;
  height: 24px;
  background-position: 0 -35px;
  overflow: visible;
}

.review_please .star_rating,
.review_please .star_rating span {
  display: block;
  height: 24px;
  background-color: transparent;
  background-image: url(../img/product/bg_star_rating02.png);
  background-repeat: no-repeat;
}

.review_please .star_rating.large.weighty span {
  background-position: 0 -55px;
}

.review_please .star_rating.large.weighty .num {
  float: left;
  display: inline;
  height: auto;
  background: none;
}

.detail_product .review_area {
  float: left;
  position: relative;
  width: 410px;
  height: auto;
  margin-top: 0;
  padding: 2px 20px 0;
  *zoom: 1;
}

.detail_product .review_area .rate {
  float: left;
  width: 150px;
  margin-top: 0;
  height: 24px;
}

.detail_product .review_area .rate .num {
  display: block;
  float: left;
  margin-top: 0;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #f14f4f;
  line-height: 24px;
}

.detail_product .review_area .rate .num strong {
  margin-right: 7px;
  font-weight: normal;
}

.detail_product .review_area .all_num {
  float: right;
  margin-left: 0;
  padding: 4px 6px 0 0;
  background: url(../img/product/ico_arrow.gif) no-repeat 100% 10px;
}

.detail_product .review_area .all_num a {
  color: #666;
  text-decoration: underline;
}

.detail_product .review_area .all_num a .count {
  color: #d54159;
}

.info_wrap {
  padding-top: 9px;
  color: #666;
  *zoom: 1;
}

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

.info_wrap .column_l .layer_wrap {
  float: none;
}

.info_wrap .column_l .layer_wrap.layer_delivery {
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 0;
  vertical-align: middle;
}

.info_wrap .layer_wrap {
  position: relative;
  float: left;
  z-index: 0;
  zoom: 1;
}

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

.info_wrap .layer_wrap .taln {
  display: inline-block;
  vertical-align: top;
}

.item_header {
  padding: 10px 0 20px;
  background-image: url(../img/product/bg_item_header.gif);
  background-position: 0 bottom;
  background-repeat: repeat-x;
}

.item_header h2 {
  height: auto;
  margin-top: 7px;
  padding: 0 0 14px 0;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 25px;
  text-align: left;
  border-bottom: 0;
}

.detail_product .item_header {
  padding: 10px 0 15px;
  background-image: url(../img/product/bg_item_header.gif);
  background-position: 0 bottom;
  background-repeat: repeat-x;
}

.detail_product .item_header h2 {
  height: auto;
  margin-top: 7px;
  padding: 0;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 21px;
  line-height: 25px;
  text-align: left;
  border-bottom: 0;
}

.detail_product .item_header .icons {
  text-align: left;
  font-size: 0;
  line-height: 0;
  padding-bottom: 10px;
  border-bottom: 1px dotted #707070;
}

.item_header .book_info {
  overflow: hidden;
  width: 480px;
  margin-top: 7px;
}

.item_header .book_info li {
  float: left;
  height: 18px;
  line-height: 18px;
  padding-left: 9px;
  margin-right: 10px;
  background: #fff url(../img/product/bg_bullet01.png) 0 6px no-repeat;
  color: #666;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  white-space: nowrap;
}

.icons .emart,
.icons .ssgmall,
.icons .depart,
.icons .traders,
.icons .boons {
  margin-right: 7px;
}

.icons .ico_item {
  margin-right: 4px;
}

.info_wrap .data_table .data .taln strong {
  font-weight: bold;
}

.info_wrap .layer_wrap label {
  display: inline-block;
  vertical-align: top;
}

.layer_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 16px;
  letter-spacing: 0;
}

.layer_wrap .tooltip_box.small {
  color: #666;
}

.layer_wrap .tooltip_box.small .txt.sec {
  padding-top: 5px;
  letter-spacing: -1px;
}

.layer_wrap .tooltip_box.date {
  width: 118px;
}

.layer_wrap .tooltip_box .txt {
  display: block;
  font-size: 11px;
  text-align: center;
}

.layer_wrap .tooltip_box .txt em {
  color: #000;
  letter-spacing: 0;
}

.layer_wrap .tooltip_box .period {
  margin-top: 3px;
  border-top: 1px dotted #666;
  padding-top: 10px;
}

.layer_wrap .tooltip_box .period strong {
  display: block;
  font-size: 11px;
  color: #222;
}

.layer_wrap .tooltip_box .period span {
  color: #000;
  line-height: 20px;
  letter-spacing: 0;
}

.layer_wrap .tooltip_box .total strong {
  color: #e24f4f;
}

.layer_wrap .tooltip_box.medium.period {
  min-width: 140px;
}

.layer_wrap .tooltip_box.medium.period02 {
  width: 182px;
}

.info_wrap .help_tooltip {
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  padding-right: 13px;
  vertical-align: middle;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip.blind_txt {
  line-height: 0;
  font-size: 0;
}

.info_wrap .hr {
  border-bottom: 1px dotted #707070;
  margin: 10px 0 10px 0;
  font-size: 0;
  line-height: 0;
  clear: both;
}

.detail_product .info_wrap .data .link_block li .tooltip_box .tooltip_close {
  position: absolute;
  right: 15px;
  top: 9px;
  width: 12px;
  height: 12px;
}

.detail_product .info_wrap .data .link_block li .tooltip_box .tooltip_close img {
  vertical-align: top;
}

.info_wrap .column_l dl {
  *zoom: 1;
}

.detail_product .info_wrap .column_l dl dt {
  float: left;
  width: 122px;
  padding: 6px 0 5px;
  line-height: 12px;
  text-align: left;
}

.detail_product .info_wrap .column_l dl dt.sell_price {
  padding-top: 8px;
}

.detail_product .info_wrap .column_l dl dd {
  float: right;
  width: 358px;
  padding-top: 4px;
  zoom: 1;
  text-align: left;
}

.detail_product .info_wrap .column_l dl dd.price_wrap {
  padding-bottom: 0;
}

.detail_product .info_wrap .column_l dl dd .price {
  line-height: normal;
  font-size: 17px;
  font-weight: bold;
  color: #3b3b3b;
  font-style: normal;
  vertical-align: -1px;
}

.detail_product .info_wrap .column_l dl dd .price3 {
  display: inline-block;
  margin-top: -7px;
  font-weight: bold;
  font-size: 27px;
  color: #3b3b3b;
  line-height: 33px;
  vertical-align: -3px;
}

.detail_product .info_wrap .column_l dl dd .vat {
  font-size: 11px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #888;
}

.info_wrap .unique:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .unique.fixed_price {
  margin-top: -3px;
}

.info_wrap .unique dt {
  padding-top: 11px !important;
}

.info_wrap .unique dd.text {
  padding-top: 7px !important;
}

.info_wrap .unique .layer_wrap {
  margin-left: 8px;
  margin-top: 0;
}

.layer_pop .info_wrap .unique .layer_wrap.layer_delivery {
  margin-top: 0;
  vertical-align: middle;
  line-height: 0;
}

.layer_pop .info_wrap .delivery_info.sale.unique .layer_wrap .tooltip_box {
  top: 18px !important;
}

.info_wrap .delivery_info.unique .layer_wrap .tooltip_box {
  top: 23px !important;
}

.info_wrap .delivery_info.unique dd.delivery_date .text {
  *margin-right: 4px;
}

.info_wrap .delivery_info.unique dd.delivery_date.best .won {
  vertical-align: -1px !important;
}

.info_wrap dl dd .price {
  display: inline-block;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-style: italic;
  color: #e53838;
  line-height: 33px;
  vertical-align: middle;
}

.info_wrap dl dd .price2 {
  display: inline-block;
  margin-top: -7px;
  font-weight: bold;
  font-size: 27px;
  color: #f24c4c;
  line-height: 33px;
  vertical-align: -3px;
}

.info_wrap dl dd .sale_none {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 28px;
  color: #000;
  line-height: 28px;
}

.info_wrap dl dd .onday {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #e53838;
  line-height: 24px;
}

.info_wrap dl dd.price_wrap .price_ty {
  float: left;
  margin-right: 0;
}

.info_wrap dl dd.price_wrap .price_ty img {
  vertical-align: -2px;
}

.info_wrap dl dd.price_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 17px;
}

.info_wrap dl dd.price_wrap .tooltip_box.discount .total th strong,
.info_wrap dl dd.price_wrap .tooltip_box.discount .total td strong {
  color: #e24f4f;
}

.info_wrap dl dd.price_wrap.best .layer_wrap .tooltip_box {
  width: 211px;
}

.info_wrap .delivery_info dd.delivery_date .text .ssg_tx {
  font-size: 12px;
}

.info_wrap .layer_delivery {
  margin-top: 3px;
  *margin-top: 0;
}

.info_wrap .delivery_info dd.delivery_date .text {
  font-size: 12px;
  color: #666;
}

.info_wrap .delivery_info dd.delivery_date .text .ssg_tx {
  font-size: 12px;
}

.info_wrap .delivery_info dd.delivery_reservation .text {
  max-width: 299px;
}

.info_wrap .delivery_info dd.delivery_date .taln {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  vertical-align: middle;
  line-height: 16px;
}

.info_wrap .delivery_info dd.delivery_date .taln.txt02 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
}

.info_wrap .delivery_info dd.delivery_date .text .login a {
  color: #666;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip {
  margin: 0;
  padding-right: 0;
  vertical-align: middle;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip.none {
  margin-top: 0;
}

.info_wrap .poz {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative;
  height: 13px;
  margin: 0;
  line-height: 13px;
  vertical-align: 0;
}

.info_wrap .poz.poz_type {
  vertical-align: 0;
  *padding-left: 5px;
}

.info_wrap .poz_view {
  margin-top: -4px;
  margin-left: 2px;
  *padding-left: 5px;
}

.info_wrap .layer_wrap p {
  letter-spacing: -1px;
}

.info_wrap .layer_wrap .txt_info {
  display: block;
  letter-spacing: -1px;
}

.info_wrap .layer_wrap .checkbox {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 2px 0 0 0;
  padding: 0;
  vertical-align: top;
}

.info_wrap .card_benefit {
  padding: 0;
  margin-top: -15px;
  clear: both;
}

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

.info_wrap .card_benefit .help_tooltip {
  padding-right: 0;
}

.layer_pop .info_wrap .card_benefit {
  padding: 0;
  margin-top: -10px;
}

.info_wrap .card_benefit dt {
  margin-top: 15px;
}

.layer_pop .info_wrap .card_benefit dt {
  margin-top: 10px;
}

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

.info_wrap .card_benefit dd {
  margin-top: 10px;
}

.info_wrap .card_benefit dd .btn_ssgpay_cnfrm {
  margin-left: 18px;
}

.info_wrap .card_benefit.special_card dt {
  padding-top: 2px !important;
}

.layer_pop .info_wrap .card_benefit dd {
  padding: 0;
  line-height: 12px;
  margin-top: 7px;
}

.info_wrap .card_benefit .tit {
  margin: 0;
}

.info_wrap .card_benefit .tit .price {
  color: #3b3b3b;
}

.info_wrap .card_benefit .tit .tooltip_box {
  right: 0;
  top: 16px;
}

.info_wrap .card_benefit .tit .tooltip_box .title,
.info_wrap .tooltip_box .title {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 12px;
  color: #272727;
  border-bottom: 1px dotted #666;
  line-height: 16px;
  white-space: nowrap;
  background: 0 none;
}

.info_wrap .card_benefit .tit .tooltip_box .title,
.info_wrap .tooltip_box .period {
  padding-top: 10px;
}

.info_wrap .tooltip_box.discount .period {
  border-top: 1px dotted #666;
}

.info_wrap .card_benefit .tit .tooltip_box .title,
.info_wrap .tooltip_box .period strong,
.info_wrap .card_benefit .tit .tooltip_box .title,
.info_wrap .tooltip_box .period span {
  font-size: 11px;
  color: #222;
}

.info_wrap .card_benefit .tit .tooltip_box .title {
  font-size: 12px;
  padding: 3px 0;
  color: #272727;
  letter-spacing: -1px;
}

.info_wrap .tooltip_box .period p {
  font-size: 11px;
  padding: 3px 0;
  color: #666;
  letter-spacing: -1px;
}

.info_wrap .card_benefit .tit .tooltip_box.special .title {
  padding: 0 0 7px;
}

.info_wrap .tooltip_box.discount .sale_txt {
  border-top: 1px dotted #666;
}

.info_wrap .card_benefit .tit .text {
  font-size: 11px;
  letter-spacing: -1px;
}

.info_wrap .card_benefit .tit .card_event {
  letter-spacing: -1px;
}

.info_wrap .card_benefit .tit .card_event span {
  display: inline;
  line-height: 18px;
}

.info_wrap .card_benefit .tit .layer_wrap {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  line-height: 0;
  vertical-align: middle;
}

.info_wrap .card_benefit ul li {
  margin-top: 5px;
}

.info_wrap .card_benefit ul li {
  font-size: 11px;
  color: #888;
}

.info_wrap .btn.go {
  display: inline-block;
  width: 63px;
  height: 16px;
  padding: 1px 4px;
  border: 1px solid #d8d8d8;
  background: #fff url(../img/common/bg_btn_arr01.gif) 61px 7px no-repeat;
  line-height: 17px;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.1em;
  text-align: left;
  vertical-align: middle;
  text-align: left;
}

.info_wrap .btn.go.go7 {
  margin-top: -3px !important;
}

.info_wrap .btn.go.go_none {
  width: auto;
}

.info_wrap .delivery_info .text02 {
  clear: both;
}

.info_wrap .delivery_info.none dt,
.info_wrap .delivery_info.none dd {
  padding-bottom: 5px !important;
}

.info_wrap .specify .delivery_info dd,
.info_wrap .specify .delivery_date dd {
  padding-top: 4px !important;
}

.info_wrap .delivery_info:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .delivery_info dd.delivery_date .text {
  font-size: 12px;
  color: #666;
}

.info_wrap .delivery_info dd.delivery_date .text .ssg_tx {
  font-size: 12px;
}

.info_wrap .delivery_info dd.delivery_date .text strong .ssg_tx {
  vertical-align: top;
}

.info_wrap .delivery_info dd.delivery_reservation .text {
  max-width: 299px;
}

.info_wrap .delivery_info dd.delivery_date .taln {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
  vertical-align: middle;
  line-height: 16px;
}

.info_wrap .delivery_info dd.delivery_date .taln.txt02 {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0;
}

.info_wrap .delivery_info dd.delivery_date .text .login a {
  color: #666;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip {
  margin: 0;
  padding-right: 0;
  vertical-align: middle;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip.none {
  margin-top: 0;
}

.info_wrap .delivery_info dd.delivery_date .layer_wrap {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  line-height: 0;
}

.info_wrap .delivery_info dd.delivery_date .layer_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 16px;
}

.info_wrap .delivery_info dd.delivery_date .layer_wrap .tooltip_box.tooltip_delivery {
  padding: 0;
  width: 202px;
}

.layer_pop .info_wrap .delivery_info dd.delivery_date.best .layer_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 19px;
}

.info_wrap .delivery_info dd.delivery_date.delivery_sort .layer_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 16px;
}

.info_wrap .column_l dl.option_dl2 {
  padding-bottom: 0;
}

.layer_pop .info_wrap .column_l dl.option_dl2 .field {
  margin-top: 5px;
  padding-top: 0px;
  max-height: 218px;
  overflow-y: auto;
  *overflow-x: hidden;
}

.layer_pop .info_wrap .column_l dl.option_dl2.chose .field {
  max-height: none;
  overflow-y: auto;
  *overflow-x: hidden;
}

.info_wrap .option_dl2:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .column_l dl.option_dl2 .field .data_table {
  margin-top: -2px;
}

.info_wrap .column_l dl.option_dl2.line_once {
  margin-bottom: 10px;
}

.layer_pop .info_wrap .column_l dl.option_dl2 dd {
  padding-top: 0;
}

.detail_product .info_wrap .column_l .line_once dd {
  padding: 0;
}

.detail_product .info_wrap .column_l .line_once dd .data_table th {
  padding: 0;
}

.detail_product .info_wrap .column_l .line_once dd .data_table td {
  padding: 0;
}

.info_wrap .column_l dl.option_dl2 dd.composition {
  padding-top: 0;
}

.info_wrap .column_l dl.option_dl2 dd.composition .data_table .optional th,
.info_wrap .column_l dl.option_dl2 dd.composition .data_table .optional td {
  padding: 5px 0 0;
}

.info_wrap .field .data_table.x_small tr td.price .in {
  line-height: 21px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  padding: 0;
}

.info_wrap .field .data_table.x_small tr td.disition .in {
  padding-right: 11px;
  text-align: right;
}

.info_wrap .option_dl4:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .option_dl4.total_dl {
  margin-top: 10px;
  padding-top: 15px;
  background: url(../img/product/bg_item_header.gif) left top repeat-x;
}

.info_wrap .option_dl4.total_dl dd {
  float: left;
  text-align: left;
}

.info_wrap .option_dl4.total_dl dd .data {
  float: left;
}

.info_wrap .column_l dl.hope_dl {
  padding-top: 5px;
}

.info_wrap .column_l dl.hope_dl:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .column_l dl.hope_dl dt {
  margin-top: 0;
  padding-top: 8px !important;
}

.info_wrap .column_l dl.hope_dl dt .tooltip_box {
  width: 205px;
  right: 0;
  top: 15px;
}

.info_wrap .column_l dl.hope_dl dd {
  padding-top: 0 !important;
}

.info_wrap .column_l dl.hope_dl dd .data {
  margin: 0;
}

.info_wrap .column_l dl.hope_dl dt .help_tooltip {
  padding-right: 55px;
}

.info_wrap .column_l dl.hope_dl dt img {
  margin-top: 1px;
  vertical-align: top;
}

.info_wrap .column_l dl.orderer_option {
  margin-top: 6px;
}

.info_wrap .column_l dl.orderer_option:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.info_wrap .column_l dl.orderer_option dt {
  margin-top: 0;
}

.info_wrap .column_l dl.orderer_option dt .label.small {
  width: 92px;
  padding-left: 0;
  font-weight: normal;
  line-height: 13px;
  color: #3b3b3b;
  font-size: 11px;
  text-align: left;
  letter-spacing: -1px;
  background: 0 none;
}

.info_wrap .column_l dl.orderer_option dd {
  padding: 0 0 3px !important;
  vertical-align: top;
}

.info_wrap .column_l dl.orderer_option dd .input_text.small {
  font-size: 11px;
  line-height: 28px\9 ;
}

.info_wrap div.text {
  font-size: 11px;
  color: #666;
  text-align: left;
}

.info_wrap div.text .ssg_tx {
  font-size: 12px;
}

.info_wrap div.text p {
  line-height: 11px;
  letter-spacing: -1px;
  margin-top: 6px;
  margin-bottom: 14px;
}

.info_wrap .deliver_info {
  margin: 6px 0 10px;
  text-align: left;
}

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

.info_wrap .button_area .btn.warning,
.info_wrap .button_area .btn.warning span {
  position: relative;
  color: #fff;
  background-color: #f14f4f;
  background-image: none;
}

.info_wrap .button_area .btn.warning.active {
  z-index: 10000;
}

.info_wrap .button_area .xx_large.buy {
  margin-right: 7px;
  margin-bottom: 10px;
}

.info_wrap .button_area .xx_large span.txt {
  width: 365px;
}

.info_wrap .button_area .xx_large span {
  width: 180px;
}

.info_wrap .button_area.btn_wrap_s .xx_large span {
  width: 131px;
}

.info_wrap .button_area.btn_wrap_s .xx_large span.txt {
  width: 374px;
}

.info_wrap .button_area .burial {
  clear: both;
  float: left;
  position: relative;
  width: 190px;
  margin-right: 7px;
}

.info_wrap .button_area .burial .smart_tip {
  left: -57px;
  top: 60px;
}

.info_wrap .button_area .burial .tooltip_box .tooltip_close {
  top: 5px;
  float: none;
  margin-right: 0;
}

.layer_pop .info_wrap .button_area .burial .tooltip_box .data_table tr td {
  letter-spacing: 0;
  text-align: left;
}

.layer_pop .info_wrap .button_area .burial .tooltip_box p.desc {
  text-align: left;
}

.tooltip_box p.btn_wrap {
  padding: 5px 0 0;
}

.info_wrap .button_area .btn.slightest,
.info_wrap .button_area .btn.slightest span {
  color: #666;
  background-image: none;
}

.info_wrap .button_area .btn.slightly,
.info_wrap .button_area .btn.slightly span {
  color: #666;
  background-image: none;
}

.info_wrap .button_area .btn.normal {
  float: left;
  width: 375px;
  margin-right: 7px;
  border: 1px solid #dadada;
}

.info_wrap .button_area .btn.normal,
.info_wrap .button_area .btn.normal span {
  margin-bottom: 10px;
  color: #797979;
  background-color: #f9f9f9;
  background-image: none;
  cursor: default;
}

.info_wrap .button_area .btn.weighty,
.info_wrap .button_area .btn.weighty span {
  color: #fff;
  background-image: none;
}

.info_wrap .button_area .btn.weightiest,
.info_wrap .button_area .btn.weightiest span {
  color: #fff;
  background-color: #3b3b3b;
  background-image: none;
}

.info_wrap .button_area .btn.warning,
.info_wrap .button_area .btn.warning span {
  position: relative;
  color: #fff;
  background-color: #f14f4f;
  background-image: none;
}

.info_wrap .button_area .btn.warning.active {
  z-index: 10000;
}

.info_wrap .button_area {
  position: relative;
  margin: 10px 0 0;
  *zoom: 1;
}

.info_wrap .button_area a {
  float: left;
  margin-right: 7px;
  margin-bottom: 10px;
  padding: 0;
  border: 0;
}

.info_wrap .button_area:after {
  display: block;
  visibility: hidden;
  clear: both;
  width: 0;
  height: 0;
  content: "";
}

.info_wrap .button_area .sold_out_btn {
  clear: both;
  margin-right: 7px;
}

.info_wrap .button_area .advice_txt {
  clear: both;
  width: 387px;
  text-align: center;
}

.info_wrap .button_area p.btn.x_large span {
  width: 376px;
}

.info_wrap .button_area .btn.x_large.clip span {
  width: 64px;
}

.info_wrap .button_area .btn.x_large.cart span,
.info_wrap .button_area .btn.x_large.buy span,
.info_wrap .button_area .btn.x_large.visit span {
  width: 131px;
}

.btn_clip {
  display: block;
}

.btn_clip a {
  width: 85px;
  height: 56px;
  margin: 0 !important;
  background: url(../img/product/btn_clipping_type.png) -200px 0 no-repeat;
}

.btn_clip.wish a {
  background-position: -200px -100px;
}

.btn_clip.clip_red a {
  background-position: 0 -100px;
}

.btn_clip.clip_yellow a {
  background-position: -100px 0;
}

.info_wrap .total_dl dt {
  padding-top: 16px !important;
}

.info_wrap dl dd strong.onday {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  font-style: italic;
  color: #e53838;
  line-height: 24px;
}

.info_wrap dl dd.price_wrap {
  margin-top: 0;
}

.info_wrap dl dd.price_wrap.best .layer_wrap .tooltip_box.small {
  width: 211px;
}

.info_wrap dl dd.price_wrap.best .layer_wrap .tooltip_box.small .data_table tr td {
  letter-spacing: 0;
}

.info_wrap dl dd.price_wrap .price_ty {
  float: left;
}

.layer_pop .info_wrap dl dd.price_wrap .tooltip_box {
  left: auto;
  right: 0;
  top: 19px;
}

.info_wrap dl dd.price_wrap .tooltip_box .sale_txt {
  border-top: 1px dotted #666;
}

.info_wrap dl dd.text {
  margin-top: -4px;
  font-size: 12px;
  color: #666;
}

.info_wrap dl dd.text.small {
  letter-spacing: -1px;
}

.info_wrap dl dd.text p {
  letter-spacing: -1px;
}

.info_wrap .card_benefit .tit .tooltip_box {
  right: 0;
  top: 14px;
}

.info_wrap .card_benefit .tit .tooltip_box .title,
.info_wrap .tooltip_box .title {
  display: block;
  margin-bottom: 7px;
  padding-bottom: 7px;
  font-size: 12px;
  color: #272727;
  border-bottom: 0;
  line-height: 16px;
  white-space: nowrap;
}

.info_wrap .card_benefit .tit .btn_delivery {
  display: block;
  margin-top: 5px;
}

.info_wrap .card_benefit .tit .ssg_tx {
  vertical-align: -1px;
}

.info_wrap .card_benefit ul li {
  font-size: 11px;
  color: #888;
  letter-spacing: 0;
}

.info_wrap .non_price {
  clear: both;
  margin-top: 7px;
  padding: 8px 0;
  color: #666;
  background: #f4f4f4;
  text-align: center;
}

.info_wrap .non_bottom {
  padding-bottom: 0 !important;
}

.info_wrap .delivery_info dd {
  margin-top: -2px;
  vertical-align: top;
}

.info_wrap .delivery_info .text {
  float: left;
}

.info_wrap .delivery_info .text span {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}

.info_wrap .delivery_info .txt02 {
  margin-right: 3px;
}

.info_wrap .delivery_info dd.delivery_date {
  margin-top: 0;
}

.info_wrap .delivery_info dd.delivery_date .taln {
  display: inline-block;
  margin: 0 6px;
  vertical-align: middle;
  line-height: 16px;
}

.info_wrap .delivery_info dd.delivery_date.low .layer_wrap .btn.x-small.ssg_tooltip {
  margin-top: -1px;
}

.info_wrap .delivery_info dd.delivery_date.txt {
  font-size: 11px;
  vertical-align: top;
  line-height: 12px;
}

.info_wrap .delivery_info dd.delivery_date.txt .btn.time {
  margin-left: 4px;
}

.info_wrap .delivery_info dd.delivery_date.txt .tooltip_box {
  right: 0;
  top: 16px;
}

.info_wrap .delivery_info dd.delivery_date.txt .tooltip_store {
  right: 0;
  top: 19px;
}

.info_wrap .delivery_info dd.delivery_date .just_txt {
  margin-top: -4px;
  width: 100%;
}

.info_wrap .delivery_info dd.delivery_date .text .login a {
  color: #666;
}

.info_wrap .delivery_info dd.delivery_date .help_tooltip {
  margin: 0;
  vertical-align: middle;
}

.info_wrap .delivery_info dd.delivery_date.low .poz {
  margin-top: 6px;
}

.info_wrap .delivery_info dd.delivery_date.txt .btn.go.go5 {
  display: none;
}

.info_wrap .option_dl2 dt {
  float: none;
  width: 100% !important;
}

.info_wrap .option_dl2 dd {
  float: none;
  width: 100% !important;
}

.layer_pop .detail_product .info_wrap .option_dl2 dd.option_txt {
  padding-top: 2px;
}

.layer_pop .detail_product .info_wrap .option_dl2 dd.option_txt .data_table .taln strong {
  padding-right: 0;
}

.info_wrap .option_dl2.chose .in .layer_wrap {
  float: none;
}

.info_wrap .option_dl2.chose .in .btn.x-small.ssg_tooltip {
  margin-left: 0;
}

.layer_pop .info_wrap .option_dl3 {
  zoom: 1;
  margin-top: 0;
}

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

.info_wrap .option_dl3 dt {
  display: inline-block;
  vertical-align: top;
}

.info_wrap .option_dl3 dd {
  display: inline-block;
  vertical-align: top;
}

.layer_pop .detail_product .info_wrap .column_l .option_dl3 dd {
  padding-top: 2px;
}

.info_wrap .option_dl3 .more_store {
  margin-top: 15px;
}

.info_wrap .option_dl4 {
  zoom: 1;
}

.info_wrap .column_l .total_dl dt {
  padding: 11px 0 0;
}

.info_wrap .column_l .total_dl dt dt {
  padding: 0;
}

.info_wrap .column_l .total_dl .price_wrap .price2 {
  margin-top: -1px;
}

.info_wrap .option_dl4 .data {
  display: inline-block;
  height: 38px;
  line-height: 38px;
}

.info_wrap .option_dl4 .data .price2 {
  line-height: 38px;
}

.info_wrap .orderer_option dt {
  margin-top: 7px;
}

.info_wrap .orderer_option dt .label.small {
  width: 92px;
  padding-left: 0;
  font-weight: normal;
  line-height: 13px;
  color: #3b3b3b;
  font-size: 11px;
  text-align: left;
  letter-spacing: -1px;
  background: 0 none;
}

.info_wrap .orderer_option dd {
  padding: 3px 0 5px;
  vertical-align: top;
}

.info_wrap .orderer_option dd .input_text.small {
  width: 86%;
  font-size: 11px;
}

.info_wrap .hope_dl .calendar.small table thead tr th.this {
  width: auto;
  text-align: center;
}

.info_wrap .hope_dl .calendar.small table thead tr th a .ir {
  top: 2px;
}

.info_wrap .hope_dl .text .hope_warning {
  margin: 9px 0 5px -114px;
  line-height: 15px;
}

.info_wrap .card_lgroup {
  position: relative;
}

.info_wrap .column_l .dl_other dt {
  padding: 4px 0 0;
}

.info_wrap .column_l .dl_other dd {
  margin-top: -3px;
}

.info_wrap .label.small {
  width: 92px;
  padding-left: 18px;
  background: url(../img/common/bg_bullet01.gif) 5px 44% no-repeat;
  font-weight: normal;
  line-height: 28px;
  color: #222;
  font-size: 11px;
  letter-spacing: -1px;
}

.info_wrap .option_dl td {
  padding: 6px 0 4px;
  color: #666;
  vertical-align: top;
}

.info_wrap .option_dl th {
  padding: 6px 0 4px;
  border: 0;
  background: none;
  vertical-align: top;
}

.info_wrap .option_dl2 td {
  padding: 2px 0 4px;
  color: #666;
  vertical-align: top;
}

.info_wrap .option_dl2 td .input_text.small {
  line-height: 28px;
}

.info_wrap .option_dl2 th {
  padding: 2px 0 4px;
  border: 0;
  background: none;
  vertical-align: middle;
}

.layer_pop .info_wrap .option_dl2.chose .field {
  height: auto !important;
  margin-top: 10px !important;
  padding: 0;
  overflow-y: visible !important;
}

.info_wrap .select.small {
  width: 275px;
}

.info_wrap .field {
  clear: both;
  position: relative;
  margin: 0;
  padding-top: 10px;
  background: none;
  z-index: 20;
  zoom: 1;
}

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

.info_wrap .field.choose_cart {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 294px;
  padding-top: 0;
}

.info_wrap .field .data_table.x_small tr td {
  padding: 0;
  padding-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #fff;
  background: #ffdce2;
  vertical-align: top;
}

.info_wrap .field .data_table.x_small tr th {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  border-top: 2px solid #fff;
  background: #ffdce2;
}

.info_wrap .field .data_table.x_small tr th .tooltip_box {
  right: 0;
  top: 19px;
}

.info_wrap .field .data_table.x_small tr th .tooltip_box.third_stage {
  right: 99px;
  top: 58px;
}

.info_wrap .field .data_table.x_small tr th .in {
  display: block;
  padding: 0 0 0 15px;
}

.info_wrap .field .data_table.x_small tr th .in input {
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: 1px 0 0 0;
  padding: 0;
  vertical-align: -2px;
}

.info_wrap .field .data_table.x_small tr th .in label {
  display: inline-block;
  vertical-align: top;
}

.info_wrap .field .data_table.x_small tr.bundle th,
.field .data_table.x_small tr.bundle td {
  border-top: 2px solid #fff;
}

.info_wrap .field .data_table.x_small tr.bundle th {
  padding-left: 25px;
  border-top: 2px solid #fff;
  background-image: url(../img/product/ico_under.png);
  background-position: 20px 16px;
  background-repeat: no-repeat;
  color: #888;
}

.info_wrap .field .data_table.x_small tr td.quantity .in {
  padding: 0 0 0 20px;
}

.info_wrap .field .data_table.x_small tr td.price {
  display: table-cell;
  font-weight: bold;
  text-align: right;
}

.info_wrap .field .data_table.x_small tr td.price .in {
  padding: 0 10px 0 0;
}

.info_wrap .field .data_table.x_small tr td.disition .in {
  padding-right: 20px;
  text-align: right;
}

.info_wrap .field .data_table.x_small .ico_under {
  margin-right: 10px;
  vertical-align: text-top;
}

.info_wrap .field .data_table.x_small .stock {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #888;
}

.info_wrap .field .data_table.x_small .layer_wrap .stock {
  color: #888;
}

.info_wrap .btn.del {
  overflow: hidden;
  position: relative;
  width: 11px;
  height: 11px;
  padding: 0;
  border: 1px solid #d7d7d7;
  vertical-align: middle;
  *width: 13px;
  *height: 13px;
}

.info_wrap .btn.del .ir {
  background: #fff url(../img/common/btn_del.png) center center no-repeat;
  *top: -1px;
  *left: -1px;
  *width: 11px;
  *height: 11px;
}

.info_wrap .message.small {
  margin-top: 12px;
  font-size: 11px;
  color: #888;
}

.info_wrap .column_l .message.small {
  zoom: 1;
}

.info_wrap .column_l .message.small:after {
  content: "";
  display: block;
  clear: both;
}

.info_wrap .point_next {
  overflow: hidden;
  padding: 2px 0;
  text-align: center;
  font-size: 12px;
  color: #666;
}

.info_wrap .point_next strong {
  color: #f14f4f;
}

.info_wrap .data .item_quantity {
  float: left;
}

.info_wrap .data p {
  float: left;
  margin-left: 10px;
  line-height: 21px;
}

.info_wrap .column_l dl.hope_dl dt .tooltip_box {
  right: 0;
  top: 16px;
}

.info_wrap .column_l dl.hope_dl dt .layer_wrap {
  width: 68px;
}

.info_wrap .column_l dl dd.message_dd {
  float: none;
  width: 100%;
}

.info_wrap .column_l dl dd.message_dd .tooltip_box .button_area {
  margin: 0 0 10px 0;
}

.info_wrap .message_dd .help_tooltip {
  vertical-align: middle;
}

.info_wrap .message_dd .tooltip_box {
  right: 0;
  top: 19px;
}

.info_wrap .message.medium {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: none;
  margin-top: 0px;
  padding: 5px 10px 5px;
  border: 1px solid #b2b2b2;
  line-height: 19px;
  white-space: nowrap;
}

.info_wrap .message.medium strong {
  height: 15px;
  margin-right: 5px;
  padding-right: 9px;
  border-right: 1px solid #c8c8c8;
  line-height: 19px;
  font-weight: normal;
  color: #222;
}

.info_wrap .message.medium strong img {
  vertical-align: -2px;
}

.info_wrap .message.medium span {
  font-weight: bold;
}

.info_wrap table th {
  text-align: left;
}

.datepicker table th {
  text-align: center;
}

.tooltip_box .data_table th,
.tooltip_box .data_table td {
  margin: 0;
  padding: 3px 0;
}

.tooltip_box .data_table th {
  background: none;
  border: 0;
}

.tooltip_box .data_table td strong {
  padding: 0;
}

.info_wrap .hope_dl {
  padding-bottom: 2px;
}

.info_wrap .multi_tbl tr:first-child td {
  padding-bottom: 10px;
}

.btn.x-small.toggle {
  display: inline-block;
  height: 18px;
  margin: -1px 0 0 0;
  padding: 0 15px 0 5px;
  border: 1px solid #d8d8d8;
  background-color: #fcfcfc;
  background-image: url(../img/common/bg_btn_toggle01.png);
  background-position: 100% -3px;
  background-repeat: no-repeat;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.1em;
  vertical-align: top;
  line-height: 18px;
}

.btn.x-small.toggle.active {
  background-position: 100% -20px;
}

.btn.x-small.ssg_tooltip {
  display: inline-block;
  height: 18px;
  padding: 0 15px 0 5px;
  background-color: #fff;
  background-position: 100% 0;
  border: 1px solid #d8d8d8;
  vertical-align: top;
  line-height: 19px;
  color: #666;
  text-decoration: none;
}

.btn.x-small.ssg_tooltip.active {
  background-position: 100% -21px;
}

.tooltip_box p.btn_wrap .btn {
  margin: 0 2px;
  padding: 0 3px;
  background: 0 none;
  font-weight: normal;
}

.layer_pop .datepicker_panel {
  height: 28px;
}

.layer_wrap .tooltip_box .ptxt {
  font-size: 11px;
  line-height: 16px;
  color: #666;
  letter-spacing: -1px;
}

.info_wrap .button_area {
  position: relative;
  margin: 10px 0 0;
}

.info_wrap .button_area .tooltip_box.small_03 {
  left: -7px;
  top: -98px;
}

.info_wrap .button_area .tooltip_box.small_03.wish {
  right: 0;
  top: -85px;
}

.info_wrap .button_area .burial .tooltip_box.medium {
  position: absolute;
  right: 0;
  top: 57px;
}

.btn.layer_red {
  float: left;
  width: 180px;
  height: 55px;
  margin: 0 4px 10px 0;
  background: #f14f4f;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
}

.btn.layer_black {
  float: left;
  width: 180px;
  height: 55px;
  margin: 0 3px 0 0;
  background: #3b3b3b;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
}

.btn.layer_red span,
.btn.layer_black span {
  padding-top: 16px;
  *padding-top: 13px;
  *line-height: 24px;
}

.button_area .btn_clip {
  float: left;
  display: block;
  width: 85px;
  height: 56px;
  margin: 0 !important;
  background: url(../img/product/btn_clipping_type.png) -200px 0 no-repeat;
}

.button_area .btn_clip.wish {
  background-position: -200px -100px;
}

.btn.layer_warning {
  width: 366px;
  height: 53px;
  margin-top: 10px;
  background-color: #f9f9f9;
  font-weight: bold;
  font-size: 20px;
  color: #797979;
  line-height: 53px;
  border: 1px solid #dadada;
}

.info_wrap .button_area .btn_detail {
  display: block;
  width: 480px;
  height: 27px;
  margin: 10px 0 -10px 0;
  padding-top: 8px !important;
  border: 1px solid #c9c9c9 !important;
  text-align: center;
}

.info_wrap .bn_deli_area {
  margin-top: 7px;
  float: left;
}

.info_wrap .bn_deli_area img {
  vertical-align: top;
}

.option_btn {
  float: left;
}

.btn_select {
  float: right;
  display: block;
  width: 43px;
  height: 22px;
  padding: 4px 0 0;
  border: 1px solid #b2b2b2;
  font-size: 11px;
  color: #666;
  text-decoration: none;
  letter-spacing: -1px;
  text-align: center;
}

.layer_pop .manage_item {
  padding: 30px;
}

.layer_pop .manage_item .tbl_cart th {
  background: #f8f8f8;
}

.layer_pop .manage_item .data_tbl .tbl_cart td {
  padding: 0;
  background: none;
}

.layer_pop .manage_item .data_tbl .tbl_cart td:first-child {
  padding: 15px 0 0 6px;
  vertical-align: top;
}

.layer_pop .manage_item .data_tbl .mi_thumbarea {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

.layer_pop .manage_item .data_tbl .mi_soldout,
.layer_pop .manage_item .data_tbl .mi_ready,
.layer_pop .manage_item .data_tbl .mi_limit {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}

.layer_pop .manage_item .data_tbl .case_soldout .txt {
  color: #888;
}

.layer_pop .manage_item .data_tbl .case_soldout .choice_btnlist {
  display: none;
}

.layer_pop .manage_item .data_tbl .case_soldout .choice_btnlist.sold_out {
  display: block;
}

.layer_pop .manage_item .data_tbl .case_soldout .mi_soldout {
  display: block;
}

.layer_pop .manage_item .data_tbl .case_ready .choice_btnlist {
  display: none;
}

.layer_pop .manage_item .data_tbl .case_ready .choice_btnlist.ready {
  display: block;
}

.layer_pop .manage_item .data_tbl .case_ready .mi_ready {
  display: block;
}

.layer_pop .manage_item .data_tbl .case_limit .choice_btnlist {
  display: none;
}

.layer_pop .manage_item .data_tbl .case_limit .mi_limit {
  display: block;
}

.layer_pop .manage_item .data_tbl .choice_btnlist.sold_out {
  display: none;
}

.layer_pop .manage_item .tbl_cart th {
  height: 18px;
  padding: 11px 0 9px;
  border-bottom: 1px solid #ededed;
  background: #fafafa;
  color: #222;
  line-height: 0;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart .in {
  padding: 20px 0 10px;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart .in .case_article .ca_iteminfo {
  width: 177px;
  margin-left: 10px;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart .choice_btnlist {
  margin-top: 10px;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart .ca_thumbarea {
  margin-left: 10px;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart td {
  height: 130px;
  padding: 20px 0;
  background: url(../img/common/bg_manage_item_pop.gif) 0 20px no-repeat;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart td:first-child {
  padding-left: 0;
  background: none;
}

.layer_pop .manage_item .table_itemlist2.tbl_cart .item_promotion span {
  margin-left: 10px;
}

.layer_pop .manage_item .tbl_cart .in .case_article .ca_thumbarea .btn_big_view {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
  height: 22px;
  background-position: -80px 0;
  font-size: 0;
  line-height: 0;
}

.layer_pop .manage_item .sp_case {
  display: inline-block;
  overflow: hidden;
  width: auto;
  height: 10px;
  background: url(../img/order/sp_case.png) no-repeat 0 0;
  line-height: 999px;
  vertical-align: top;
}

.layer_pop .info_wrap .column_l .staff_discount {
  text-align: center;
}

.layer_pop .info_wrap .column_l .staff_discount .staff_txt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  line-height: 20px;
}

.layer_pop .info_wrap .column_l .staff_discount .layer_wrap {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.layer_pop2 {
  position: absolute;
  top: 100px;
  left: 30%;
  z-index: 99999;
  width: 900px;
  background-color: #fff;
  border: 1px solid #eee;
}

.layer_pop2 .content_intro {
  position: relative;
  padding: 33px 0 12px;
  margin: 0 20px;
  border-bottom: 2px solid #000;
}

.layer_pop2 .ssg_num {
  float: left;
  width: 25px;
  height: 25px;
  margin-top: 3px;
  margin-left: 5px;
  background: url(../img/mem/bg_pink_num.png) no-repeat 0 0;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  line-height: 27px;
  vertical-align: middle;
  text-align: center;
}

.layer_pop2 .content_intro h2 {
  float: left;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 25px;
  color: #222d36;
  letter-spacing: -1px;
  line-height: 30px;
  font-weight: 400;
}

.layer_pop2 .content_intro .intro_aside {
  overflow: hidden;
}

.layer_pop2 .content_intro .intro_aside .detail_view {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.layer_pop2 .content_intro .intro_aside .intro_advice {
  position: absolute;
  top: 44px;
  right: 88px;
  text-align: right;
  color: #03aecc;
}

.layer_pop2 .content_intro .intro_aside .p_sum {
  position: absolute;
  width: 300px;
  top: 30px;
  right: 88px;
  text-align: right;
  color: #4a565e;
  line-height: 35px;
  font-weight: bold;
}

.layer_pop2 .content_intro .intro_aside .p_sum .ssg_tx {
  font-size: 12px;
  margin-left: 3px;
}

.layer_pop2 .content_intro .intro_aside .p_sum .ssg_price {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 29px;
}

.layer_pop2 .myssg_close {
  position: absolute;
  top: -12px;
  right: -12px;
}

.layer_pop2 .section {
  position: relative;
}

.layer_pop2 .section.my_point {
  text-align: center;
}

.layer_pop2 .content_intro .intro_content {
  position: relative;
  border-top: 2px solid #fff;
}

.layer_center {
  left: 50%;
  margin-left: -450px;
}

.layer_pop3 {
  display: none;
  position: relative;
  background-color: #fff;
  border: 1px solid #eee;
}

.layer_pop3 .content_intro {
  position: relative;
  padding: 33px 0 12px;
  margin: 0 20px;
  border-bottom: 2px solid #000;
}

.layer_pop3 .content_intro h2 {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 25px;
  color: #222d36;
  letter-spacing: -1px;
  line-height: 30px;
  font-weight: 400;
}

.layer_pop3 .myssg_close {
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: transparent;
}

.myclip {
  height: 700px;
  overflow-y: scroll;
}

.myclip ul {
  width: 860px;
  height: 100%;
  margin: 30px auto;
  background: url(../img/common/bg_dot_bar.gif) -12px 0 repeat;
}

.myclip .layer_wrap ul {
  width: auto;
  height: auto;
  margin: 0;
  background: none;
}

.myclip ul li {
  width: 286px;
  margin-bottom: 40px;
  text-align: center;
}

.myclip .layer_wrap ul li {
  width: auto;
  margin: 0;
  text-align: left;
}

.myclip ul li .item_box {
  width: 200px;
  margin: 0 auto;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.myclip ul li .masonry_brick {
  display: block;
  width: 253px;
  margin: 0 auto;
  border: 1px solid #d8d8d8;
}

.myclip ul li a.event_txt {
  display: inline-block;
  position: relative;
  width: 253px;
  height: 104px;
  padding-top: 42px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
}

.myclip ul li a.event_txt span {
  display: block;
  padding: 15px 10px 0;
  line-height: 18px;
  color: #747474;
}

.myclip ul li .itembx {
  width: 223px;
  margin: 0 auto;
}

.myclip ul li .itembx .period {
  margin: 15px 0 10px 0;
  font-size: 11px;
  color: #999;
}

.myclip ul li .itembx .brand {
  font-weight: bold;
}

.myclip ul li .itembx .layer_wrap {
  line-height: 1.5em;
}

.myclip ul li .itembx .layer_wrap .help_sale_info {
  display: none;
}

.brand_link {
  display: block;
  position: relative;
  text-decoration: none;
}

.brand_box {
  display: block;
  width: 192px;
  height: 117px;
  padding: 2px;
  border: 2px solid #bcbcbc;
}

.box_inner {
  display: block;
  width: 190px;
  height: 115px;
  border: 1px solid #bcbcbc;
  background: #fafafa;
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.box_inner span {
  display: inline-block;
  vertical-align: middle;
  color: #000;
}

.box_inner span.brand_img {
  position: absolute;
  top: 5px;
  left: 10px;
}

.box_inner span.brand_img img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.box_inner .align {
  width: 1px;
  height: 115px;
  vertical-align: middle;
}

.brand_name {
  margin: 7px 0 0 0;
  color: #666;
  text-align: left;
}

.brand_name strong {
  color: #00aac4;
  text-align: left;
}

.brand_item {
  margin-top: 3px;
  color: #666;
  text-align: left;
}

.layer_pop2 .data_tbl {
  padding: 0 30px;
}

.data_tbl {
  margin: 50px 0 20px;
  text-align: center;
  font-size: 12px;
}

.data_tbl .data_table {
  width: 100%;
  border-top: 1px solid #7c7c7c;
}

.data_tbl .data_table td {
  padding: 12px 0 10px;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  color: #222;
}

.my_benefits .data_tbl .data_table td:first-child {
  border-left: none;
}

.data_tbl .data_table tbody th {
  padding: 0;
  border-bottom: 1px solid #e5e5e5;
  background: none;
  color: #222;
  font-weight: normal;
}

.data_tbl .data_table tbody th a {
  text-decoration: none;
  color: #222;
}

.data_tbl .data_table tbody th a:hover,
.data_tbl .data_table tbody td a:hover {
  text-decoration: underline;
}

.data_tbl .data_table td a {
  text-decoration: none;
  color: #222;
}

.data_tbl .data_table td.al_l a.summary {
  display: block;
  padding-left: 10px;
}

.data_tbl .al_l {
  text-align: left;
}

.data_tbl .al_r {
  text-align: right;
}

.data_tbl .al_c {
  text-align: center;
}

.data_tbl .vr_t {
  vertical-align: top;
}

.data_tbl .txt {
  font-size: 12px;
  color: #222;
}

.data_tbl .txt.small {
  font-size: 11px;
}

.data_tbl .txt.plus,
.data_tbl .txt.plus a {
  color: var(--m-colors-gray900, #222222);
}

.data_tbl .txt.minus,
.data_tbl .txt.minus a {
  color: #e24f4f;
}

.data_tbl .txt.slight,
.data_tbl .txt.slight a {
  color: #777;
}

.data_tbl .txt.slightly,
.data_tbl .txt.slightly a {
  color: #666;
}

.data_tbl .txt.strong {
  font-weight: bold;
}

.data_tbl .txt.normal {
  padding: 0;
  font-weight: normal;
  background: none;
}

.data_tbl .txt.indent {
  text-indent: 10px;
}

.data_tbl .txt.spacing {
  letter-spacing: -1px;
}

.content_myssg .display_store {
  margin-bottom: 5px;
}

.data_tbl .txt.under {
  text-decoration: underline;
}

.data_tbl .txt.sort {
  color: #777;
}

.data_tbl .blue_txt {
  color: #39b4b5;
}

.data_tbl .tc_btn {
  margin-top: 1px;
  line-height: 0;
}

.data_tbl .tc_btn .b_type {
  display: inline-block;
  min-width: 40px;
  padding: 2px 3px 0;
  border: 1px solid #ccc;
  background: #eee;
  font-size: 11px;
  line-height: 12px;
  color: #666;
  letter-spacing: -1px;
  vertical-align: top;
  text-decoration: none;
  -webkit-box-shadow: inset 0 1px 0 0 #fdfdfd;
          box-shadow: inset 0 1px 0 0 #fdfdfd;
}

.data_tbl p.txt.slight.soacing {
  line-height: 16px;
  margin: 1px 0 8px;
}

.data_tbl p.txt.slight.soacing em {
  color: #373737;
}

.ca_iteminfo {
  text-align: left;
}

.ca_thumb img {
  vertical-align: top;
}

.ca_iteminfo {
  text-align: left;
}

.ca_iteminfo .summary {
  line-height: 18px;
  margin-bottom: 10px;
}

.ca_iteminfo .typer {
  margin-top: 3px;
  font-size: 11px;
  line-height: 14px;
  color: #00aac4;
}

.ca_iteminfo .typer.ty2 {
  letter-spacing: -0.05em;
}

.ca_iteminfo .typer .point {
  color: #e34545;
}

.ca_iteminfo .ico_gift {
  width: 12px;
  height: 9px;
  margin: -3px 0 0 4px;
  background-position: -190px -98px;
  vertical-align: middle;
}

.txt_mall {
  display: inline-block;
  margin: 1px 3px -1px;
  padding-top: 1px;
  font-size: 12px;
  line-height: 18px;
  vertical-align: top;
  white-space: nowrap;
}

.ico_map {
  display: inline-block;
  margin: 0 4px -3px 0;
  vertical-align: top;
}

.ico_map img {
  vertical-align: top;
}

.ico_map2 {
  display: inline-block;
  margin: 0 4px -3px 0;
  vertical-align: top;
}

.ico_map2 img {
  vertical-align: top;
}

.layer_pop2 .my_point .content_intro .intro_content {
  position: relative;
  border-top: 2px solid #fff;
}

.layer_pop2 .my_point ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 50px 8px 50px;
  background-color: #fff;
}

.layer_pop2 .my_point ul:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.layer_pop2 .my_point ul li {
  float: left;
  width: 220px;
  height: 64px;
  padding-top: 116px;
  text-align: center;
  background-position: 47px 14px;
  background-repeat: no-repeat;
  border-left: 1px dotted #c1c1c1;
  background: url(../img/mem/bg_point.gif) left top no-repeat;
}

.layer_pop2 .my_point ul.switch li {
  background: url(../img/mem/bg_switch.gif) left top no-repeat;
}

.layer_pop2 .my_point ul li:first-child {
  border-left: 0 none;
}

.layer_pop2 .my_point ul li.product {
  background-position: 47px 0px;
}

.layer_pop2 .my_point ul li.event {
  background-position: 47px -200px;
}

.layer_pop2 .my_point ul li.cart {
  background-position: 47px -400px;
}

.layer_pop2 .my_point ul li.extinction {
  background-position: 47px -600px;
}

.layer_pop2 .my_point ul li strong {
  display: block;
  padding-top: 4px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  vertical-align: -2px;
}

.layer_pop2 .my_point ul li strong span.ssg_tx {
  margin-left: 3px;
  font-size: 12px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #4a565e;
}

.layer_pop2 .my_point ul li p {
  display: block;
  line-height: 12px;
  margin-top: -3px;
  *margin-top: 5px;
  color: #7c7c7c;
}

.layer_pop2 .no_data {
  height: 240px;
  margin-bottom: 30px;
  line-height: 30px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #222;
  text-align: center;
  vertical-align: middle;
}

.layer_pop2 .no_data .blank {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 240px;
  overflow: hidden;
}

.layer_pop2 .no_data p {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  text-align: center;
}

.layer_pop2 .no_data p span {
  display: block;
}

.layer_pop2 .no_data .cs_btn.large {
  margin-top: 10px;
}

.layer_pop2 .rs_btn_area {
  padding-top: 15px;
  text-align: center;
}

.recent_viewed {
  padding: 50px 50px 40px 50px;
}

.recent_viewed .itembx .price_unit .applied em {
  font-size: 20px;
}

.recent_viewed .item_info .summary {
  width: 140px;
}

.recent_viewed .itembx {
  padding: 40px;
}

.recent_viewed table tr td:first-child .itembx {
  padding-left: 0;
}

.view_item_list {
  position: relative;
}

.view_item_list .br {
  border: 1px solid white;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 900px;
  z-index: 10;
}

.view_item_list.num {
  position: relative;
  margin-top: 20px;
}

.view_item_list .title {
  display: block;
  height: 22px;
  border-bottom: 1px solid #d3d3d3;
  font-size: 12px;
}

.view_item_list .title em {
  color: #fc3d72;
}

.view_item_list ul {
  overflow: hidden;
  width: 840px;
  padding: 10px 0;
  background: url(../img/mem/bg_br.gif);
  border-bottom: 1px solid #d3d3d3;
}

.view_item_list ul li {
  position: relative;
  float: left;
  width: 139px;
  padding: 20px 40px 30px;
}

.view_item_list.num ul li {
  padding: 37px 40px 47px;
}

.view_item_list ul li .info_top {
  top: 0;
}

.view_item_list .itembx .summary a {
  height: 34px;
}

.view_item_list .itembx .price_unit {
  height: 35px;
}

.view_item_list .itembx .price_unit .applied em {
  font-size: 20px;
  font-style: normal;
}

.view_item_list .bgline {
  position: absolute;
  bottom: 50px;
  left: 203px;
  width: 1px;
  height: 563px;
  background: url(../img/common/bg_list_01.gif) no-repeat 0 0;
}

.view_item_list .line_02 {
  left: 421px;
}

.view_item_list .line_03 {
  left: 640px;
}

.view_item_list .btn.more {
  display: block;
  height: 40px;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #b2b2b2;
  background: url(../img/common/bg_more.gif) repeat-x 0 0;
  color: #222;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}

.view_item_list .btn.more span {
  padding-right: 12px;
  background: url(../img/common/bg_arrow3.gif) no-repeat 100% 16px;
  cursor: pointer;
}

.view_item_list .btn.more.style2 span {
  background: url(../img/product/bg_arrow.gif) no-repeat 100% 48%;
}

.view_item_list .btn.go {
  position: absolute;
  z-index: 30;
  top: -6px;
  right: 0;
  display: inline-block;
  height: 16px;
  padding: 2px 15px 0 4px;
  border: 1px solid #d8d8d8;
  background: #fcfcfc url(../img/common/bg_btn_arr01.gif) 115px 7px no-repeat;
  line-height: 17px;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.1em;
  text-align: left;
  vertical-align: middle;
  text-align: left;
}

.customer_comment .view_item_list {
  margin-top: 50px;
}

.customer_comment .view_item_list ul {
  min-height: 327px;
  max-height: 654px;
}

.customer_comment .view_item_list ul li {
  padding: 20px 34px 30px 35px;
}

.customer_comment ul li {
  width: 219px;
  border-left: 1px dotted #e9e9e9;
  margin-left: -1px;
  height: auto;
  min-height: 275px;
  padding: 0;
  padding-top: 50px;
}

.customer_comment .itembx {
  position: relative;
  width: 140px;
  margin: 0 auto;
}

.customer_comment .itembx.show_comment .item_info {
  margin-top: 20px;
}

.customer_comment .itembx .item_info {
  position: relative;
}

.customer_comment .itembx .item_info .rate_comment {
  position: absolute;
  left: -10%;
  width: 144px;
  padding: 15px 12px;
  border: 2px solid #c6c6c6;
}

.customer_comment .itembx .thumbnail {
  height: 140px;
}

.customer_comment .itembx .point_bx {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 42px;
  height: 42px;
  background: url(../img/common/bg_point.gif) no-repeat;
  color: #fff;
  font-weight: bold;
  padding: 7px 0 0 3px;
}

.customer_comment .itembx .point_bx em {
  display: inline-block;
  text-decoration: none;
  width: 35px;
  text-align: center;
}

.customer_comment .write_review {
  display: block;
  width: 118px;
  border: 2px solid #c6c6c6;
  padding: 7px 0 7px 10px;
  background: url(../img/common/bg_arrow4.gif) no-repeat 105px center;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #858585;
  line-height: 12px;
}

.customer_comment .rate_comment .star_rating {
  width: auto;
  overflow: hidden;
  float: none;
}

.customer_comment .rate_comment .real_comment {
  clear: both;
}

.customer_comment .rate_comment .arrow_top {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 13px;
  height: 9px;
  background: url(../img/common/bg_arrow_top.gif) no-repeat;
}

.delivery_condition {
  width: 800px;
  margin: 7px auto 50px;
}

.delivery_condition table td {
  border-bottom: 1px solid #e3e3e3;
  padding: 21px 0 18px 26px;
  text-align: left;
}

.delivery_condition table td:first-child {
  padding-left: 0;
  text-align: center;
}

.delivery_condition table td .order_data li {
  color: #a9a9a9;
  font-size: 12px;
}

.delivery_condition table td .order_data li:first-child {
  margin-bottom: 13px;
}

.delivery_condition table td .order_data li span {
  display: inline-block;
  width: 64px;
}

.delivery_condition table td .price {
  color: #a9a9a9;
}

.delivery_condition table td .price strong {
  display: block;
  margin-bottom: 8px;
}

.delivery_condition table td .price em {
  padding-right: 2px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 22px;
  color: #000;
  vertical-align: -1px;
}

.delivery_condition table td.btn_type {
  padding: 0;
  text-align: center;
}

.delivery_condition table td.btn_type span {
  display: block;
  height: 82px;
  margin: 21px 0 18px 0;
  border-left: 1px dotted #c1c1c1;
}

.delivery_condition table td.btn_type span a {
  display: block;
  height: 73px;
  padding-top: 9px;
}

.delivery_condition .button_area {
  margin-top: 20px;
}

.coupon_down {
  overflow: hidden;
  width: 799px;
  margin: 46px auto 50px;
}

.coupon_down .cp_area {
  margin-top: 30px;
}

.coupon_down .cp_area:first-child {
  position: relative;
  margin-top: 0;
}

.coupon_down h3 strong {
  font-size: 15px;
  line-height: 15px;
  color: #666;
}

.coupon_down h3 strong em {
  color: #fc3d72;
}

.coupon_down h3 img {
  vertical-align: -2px;
}

.coupon_down h3.stit {
  padding-top: 3px;
  margin-bottom: 14px;
  overflow: hidden;
}

.coupon_down .month_coupon {
  overflow: hidden;
  width: 800px;
  margin: 14px 0 0 -1px;
  padding-top: 30px;
  border-top: 1px solid #d3d3d3;
  text-align: center;
}

.coupon_down .month_coupon li {
  position: relative;
  float: left;
  width: 265px;
  padding: 15px 0;
  border-left: 1px dotted #d6d6d2;
}

.coupon_down .month_coupon li .coupon_wrapping {
  width: 195px;
  padding: 0 45px 0 28px;
}

.coupon_down .month_coupon li .coupon-list {
  display: inline-block;
  margin: 0 0 10px -14px;
  zoom: 1;
}

.coupon_down .month_coupon li .coupon-list li {
  width: 216px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #b3b7b9;
}

.coupon_down .month_coupon .coupon_ticket {
  position: relative;
  width: 186px;
  height: 105px;
  margin: 0 auto 10px auto;
  padding: 0 51px 0px 0;
  background: url(../img/event/bg_sale01.gif) no-repeat 0 0;
}

.coupon_down .month_coupon .coupon_ticket .em {
  display: inline-block;
  width: 63px;
  margin: 17px 0 -8px 4px;
  font-size: 65px;
  color: #f3708c;
  font-weight: bold;
  font-style: Italic;
  line-height: 70px;
  *line-height: 80px;
  letter-spacing: -5px;
  text-align: center;
}

.coupon_down .month_coupon .coupon_ticket .coupon_img {
  position: absolute;
  bottom: 20px;
  left: 60px;
}

.coupon_down .month_coupon li .coupon_wrapping.sale_money .coupon_ticket {
  background: url(../img/event/bg_sale02.gif) no-repeat 0 0;
}

.coupon_down .month_coupon li .coupon_wrapping.sale_money .coupon_ticket .em {
  width: 162px;
  margin: 29px 0 0 -25px;
  font-size: 45px;
  line-height: 50px;
  *line-height: 58px;
  letter-spacing: -5px;
  color: #5cc6ed;
}

.coupon_down .month_coupon li .coupon_wrapping.free .coupon_ticket {
  background: url(../img/event/bg_free.gif) no-repeat 0 0;
}

.coupon_down .month_coupon li .icon_expiration {
  position: absolute;
  left: 0;
  top: -2px;
  width: 57px;
  height: 57px;
  background: url(../img/csc/bg_expiration.png) no-repeat;
  font-size: 0;
  line-height: 0;
}

.coupon_down .btn_down a {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 108px;
  padding-right: 10px;
  height: 25px;
  line-height: 25px;
  color: #666;
  border: 2px solid #c6c6c6;
  text-decoration: none;
  text-align: center;
  background: url(../img/mem/btn_down_arrow.png) 88px 4px no-repeat;
}

.coupon_down .button_area.large {
  margin: -21px 0 -7px;
}

.coupon_down .btn_down_link {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../img/mem/bg_coupon_down.gif) no-repeat;
  width: 151px;
  height: 29px;
}

.coupon_down .btn_down_link a {
  display: block;
  padding-left: 10px;
  line-height: 29px;
  color: #666;
  text-decoration: none;
  letter-spacing: -1px;
}

.gift_card {
  margin: 22px 22px 70px;
  font-size: 14px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #2e2e2e;
}

.gift_card .tx_point {
  color: var(--m-colors-primary, #ff5452);
}

.gift_card .gift_card_lst li {
  position: relative;
  margin-top: 14px;
  padding-left: 15px;
  line-height: 1.57;
}

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

.gift_card .gift_card_lst li .lst_num {
  position: absolute;
  top: 0;
  left: 0;
}

.gift_card .gift_card_img {
  margin-top: 50px;
  text-align: center;
}

.gift_card .gift_card_img img {
  vertical-align: top;
}

.regular_shipping {
  position: relative;
  margin-top: 20px;
}

.regular_shipping .data_table {
  width: 100%;
  border-top: 2px solid #000;
}

.regular_shipping .data_table table th {
  padding: 0;
  border-bottom: 1px solid #dee3e6;
  background: #ecf1f5;
}

.regular_shipping .data_table table td {
  padding: 26px 0 24px 20px;
  border-bottom: 1px solid #efefef;
  color: #666;
  font-size: 12px;
  line-height: 24px;
}

.regular_shipping .data_table table td.setting_go {
  padding: 0;
  border-left: 1px solid #efefef;
  text-align: center;
  vertical-align: middle;
}

.regular_shipping .data_table table td.setting_go a {
  display: inline-block;
  padding-top: 90px;
  background: url(../img/common/bg_gear.gif) no-repeat 0 0;
  color: #666;
  font-size: 11px;
  text-decoration: underline;
}

.regular_shipping .data_list {
  margin-top: 15px;
}

.regular_shipping .data_list.medium li {
  padding-left: 20px;
  background: none;
  color: #999;
  line-height: 16px;
  margin-top: 0;
}

.regular_shipping .view_item_list {
  margin-top: 35px;
}

.view_item_list.num ul li {
  padding: 37px 40px 47px;
  margin-top: 30px;
}

.view_item_list ul li .info_top {
  top: -20px;
}

.view_item_list .btn.go {
  position: absolute;
  top: -6px;
  right: 0;
  display: inline-block;
  height: 16px;
  padding: 2px 15px 0 4px;
  border: 1px solid #d8d8d8;
  background: #fcfcfc url(../img/common/bg_btn_arr01.gif) 115px 7px no-repeat;
  line-height: 17px;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.1em;
  text-align: left;
  vertical-align: middle;
  text-align: left;
}

.recently_view {
  overflow-y: scroll;
  margin: 50px 0 50px;
  width: 900px;
  overflow-x: hidden;
  height: 596px;
}

.plz_co {
  overflow-y: scroll;
  height: 495px;
  margin: 50px 0 50px 50px;
}

.util_plsc.active .ch_box,
.util_plsc.lst_over .ch_box {
  background-color: #f9f9f9;
}

.util_plsc.active {
  border-color: #79c1cf;
}

.util_plsc.lst_over {
  border-color: #97cdcd;
}

.util_plsc.active.lst_over {
  border-color: #79c1cf;
}

.util_plsc.active .in_shadow,
.util_plsc.lst_over .in_shadow {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 6px;
  background: url(../img/mem/bg_chb_plsc_shadow.png) repeat-x 0 0;
}

.util_plsc.lst_over .arrow {
  background-position: -30px -54px;
}

.util_plsc.active .arrow {
  background-position: -60px -54px;
}

.util_plsc.active.lst_over .arrow {
  background-position: -60px -54px;
}

.util_plsc {
  position: relative;
  margin-top: 33px;
  padding: 4px 31px 4px 4px;
  border: 2px solid #bcbcbc;
  background: #fff;
  line-height: 16px;
  zoom: 1;
}

.util_plsc.wrap {
  padding: 4px;
}

.util_plsc textarea {
  overflow: auto;
  position: relative;
  z-index: 20;
  width: 100%;
  height: 16px;
  *margin: -1px 0;
  border: 0 none;
  background: transparent;
  font-size: 12px;
  color: #777;
  line-height: 16px;
  letter-spacing: -1px;
  vertical-align: top;
  resize: none;
}

.util_plsc .comment_txt {
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 4px;
  padding-left: 22px;
  z-index: 10;
  font-size: 11px;
  background: url(../img/common/ico_label.png) no-repeat 0 0;
  color: #999;
  vertical-align: top;
  cursor: text;
}

.util_plsc .in_shadow {
  display: none;
}

.util_plsc .arrow {
  position: absolute;
  left: 14px;
  bottom: 100%;
  width: 27px;
  height: 16px;
  background-position: 0 -54px;
}

.util_plsc .pic_bor {
  display: inline-block;
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: 20;
  width: 31px;
  height: 16px;
  margin-top: -8px;
  text-align: center;
}

.util_plsc .pic_bor .bor {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
  background: #cecece;
}

.util_plsc .pic_area {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 16px;
  vertical-align: top;
}

.util_plsc .pic_area a.camera {
  width: 18px;
  height: 16px;
  background-position: 0 -36px;
}

.util_plsc .pic_area a.camera:hover {
  background-position: -20px -36px;
}

.util_plsc .pic_area.yes_f a.camera {
  background-position: -82px -84px;
}

.util_plsc.active {
  padding: 0;
}

.util_plsc.active .comment_txt {
  display: none;
}

.util_plsc .util_plsbt a {
  display: inline-block;
  min-width: 38px;
  height: 23px;
  margin-left: 1px;
  padding: 2px 0 0;
  border-radius: 0;
  border: 0;
  background: #c4c4c4;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  color: #fff;
  letter-spacing: -1px;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.util_plsc .util_plsbt a:hover {
  background: #8e8e8e;
}

.util_plsc .util_plsbt a.btn_type2 {
  background: #97cece;
}

.util_plsc .util_plsbt a.btn_type2:hover {
  background-color: #58adbc;
}

.util_plsbt {
  width: 100%;
  margin-top: 10px;
  line-height: 20px;
}

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

.util_plsbt .byte {
  display: inline;
  float: left;
  font-size: 11px;
  color: #747474;
}

.util_plsbt .util_pbr {
  display: inline;
  float: right;
}

.util_plsbt .util_pbr a {
  display: inline-block;
  min-width: 56px;
  height: 16px;
  margin-left: 3px;
  padding: 2px 0 0;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #eee;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
  color: #666;
  letter-spacing: -1px;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.util_plsbt .util_pbr a.btn_type2 {
  border-color: #3f91a0;
  background-color: #5aadbc;
  color: #fff;
}

.util_plsbt .chb_pbr {
  display: inline;
  float: right;
}

.pic_area .num_wrap {
  display: none;
  position: absolute;
  right: -18px;
  top: 0;
  padding: 0 6px;
  vertical-align: top;
}

.pic_area.yes_f .num_wrap {
  display: block;
}

.pic_area .num_wrap .nw_c {
  display: block;
  width: 4px;
  height: 16px;
  background: url(../img/mem/sp_bg_picnum.png) repeat-x 0 -20px;
  vertical-align: top;
}

.pic_area .num_wrap .tx {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 10;
  margin: 1px -2px 0 -2px;
  padding-top: 2px;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  color: #fff;
  vertical-align: top;
}

.pic_area .num_wrap .nw_l {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 7px;
  height: 16px;
  background: url(../img/mem/sp_bg_picnum.png) no-repeat 0 0;
  vertical-align: top;
}

.pic_area .num_wrap .nw_r {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
  height: 16px;
  background: url(../img/mem/sp_bg_picnum.png) no-repeat 100% -40px;
  vertical-align: top;
}

.plzComm_buy_write .pic_area a.camera {
  width: 18px;
  height: 16px;
  background-position: 0 -36px;
}

.plzComm_buy_write .pic_area a.camera:hover {
  background-position: -20px -36px;
}

.plzComm_buy_write .pic_area.yes_f a.camera,
.plzComm_buy_write .pic_area.yes_f a.camera:hover {
  background-position: -82px -84px;
}

.comment_wrap {
  border-top: 1px dotted #c9c9c9;
  margin-top: 11px;
}

.comment_wrap .cl_box .cl_tbl {
  width: 195px;
}

.service_bn {
  overflow-y: scroll;
  margin: 50px 0 50px 70px;
  width: 830px;
  overflow-x: hidden;
  height: 592px;
}

.service_bn ul {
  width: 762px;
  margin: 1px;
}

.service_bn ul li {
  border: 1px solid #d8d8d8;
  margin-left: -1px;
  margin-top: -1px;
}

.service_bn .view_item_list {
  margin-top: 30px;
}

.recently_exhibition ul li a {
  display: inline-block;
  position: relative;
  width: 253px;
  font-size: 0;
  line-height: 0;
}

.recently_exhibition ul li a.event_txt {
  width: 253px;
  height: 104px;
  padding-top: 42px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  background-color: #fafafa;
}

.recently_exhibition ul li a.event_txt span {
  display: block;
  padding: 15px 10px 0;
  line-height: 18px;
  color: #747474;
}

.service_bn .no_data {
  position: relative;
  width: 253px;
  height: 146px;
}

.service_bn .no_data .blank {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 146px;
  overflow: hidden;
}

.service_bn .no_data .cont {
  display: inline-block;
  width: 220px;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 18px;
  line-height: 23px;
  font-weight: bold;
  color: #222;
}

.service_bn .no_data a {
  display: block;
  width: 253px;
  height: 146px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.view_item_list .btn.more span {
  padding-right: 12px;
  background: url(../img/common/bg_arrow3.gif) no-repeat 100% 16px;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
}

.regular_shipping_area {
  margin: 30px;
}

.regular_shipping .data_list.medium li {
  padding-left: 20px;
  background: none;
  color: #999;
  line-height: 20px;
  font-size: 12px;
}

.view_item_list {
  position: relative;
  width: 840px;
  margin: 0 auto;
}

.view_item_list.num {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
}

.view_item_list ul li {
  position: relative;
  float: left;
  width: 140px;
  padding: 20px 34px 30px;
  border: 1px solid transparent;
}

.view_item_list ul li.lst_over {
  border: 1px solid black;
  z-index: 20;
}

.view_item_list.num ul li {
  padding: 20px 34px 20px;
}

.view_item_list .itembx .cart_btn {
  margin-top: 5px;
}

.view_item_list .itembx .cart_btn a {
  display: block;
  width: 134px;
  height: 26px;
  border: 2px solid #c6c6c6;
  text-align: center;
  line-height: 26px;
  color: #666;
  letter-spacing: -1px;
}

.recently_exhibition .view_item_list {
  width: 762px;
  margin: 30px 0 0;
}

.scroll_item_list {
  overflow-y: scroll;
  width: 840px;
  overflow-x: hidden;
  height: 317px;
}

.cs_btn {
  display: inline-block;
}

.cs_btn.large {
  min-width: 96px;
  padding: 11px 16px;
  text-align: center;
  font-size: 16px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: -1px;
  line-height: 18px;
}

.cs_btn.large.white {
  background: #f9f9f9;
  border: 1px solid #ccc;
  color: #222;
}

.delivery_notice {
  position: relative;
  width: 381px;
  height: 230px;
  margin: 0 auto;
  padding: 20px 399px 0 0;
  background: url(../img/csc/bg_delivery.gif) no-repeat 464px 32px;
}

.delivery_notice h3 {
  margin-top: 38px;
  margin-left: 42px;
  width: 434px;
  height: 106px;
  background: url(../img/csc/txt_delivery.gif) no-repeat 0 0;
}

.delivery_notice ul {
  width: 251px;
  height: 72px;
  background: url(../img/csc/bg_txt_delivery.gif) no-repeat;
  margin-left: 40px;
  margin-top: 146px;
}

.delivery_notice .cs_btn.large {
  position: absolute;
  bottom: 29px;
  right: 93px;
  font-weight: bold;
}

.deliver_info .tab li {
  font-size: 12px;
}

.deliver_info .prim_contarea {
  clear: both;
  width: 100%;
}

.deliver_info .prim_contarea .content {
  display: none !important;
}

.deliver_info .prim_contarea .active {
  display: block !important;
}

.deliver_info .prim_contarea .content .sorting_area {
  float: none;
  height: 40px;
  height: 60px;
  padding: 0;
  border-bottom: 1px dashed #d8d8d8;
}

.deliver_info .prim_contarea .content .sorting_area li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: left;
}

.deliver_info .prim_contarea .content .sorting_area li a {
  line-height: 60px;
  color: #666;
  text-decoration: none;
  font-size: 12px;
}

.deliver_info .prim_contarea .content .sorting_area li.active a {
  letter-spacing: -1px;
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}

.deliver_info .sorting_area li {
  margin-left: 16px;
  padding-left: 17px;
  background: url(../img/display/bg_line.gif) 0 48% no-repeat;
}

.deliver_info .sorting_area li:first-child {
  margin: 0;
  padding: 0;
  background: transparent;
}

.deliver_info h3 {
  clear: both;
  padding: 30px 0 15px;
  font-size: 20px;
  color: #222;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.deliver_info .data_list {
  padding: 15px;
  border-top: 1px solid #666;
  border-bottom: 1px solid #e5e5e5;
}

.deliver_info .data_list.delivery_sum {
  height: 20px;
}

.deliver_info .data_list.small {
  overflow: hidden;
}

.deliver_info .data_list.small li {
  line-height: 16px;
  margin-top: 15px;
  padding-left: 9px;
  font-size: 12px;
  color: #666;
  background: url(../img/common/bullet_square_05.gif) no-repeat 0 6px;
}

.deliver_info .data_list.small li:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.deliver_info .data_list.small li:first-child {
  margin-top: 0;
}

.deliver_info .data_list.small li.last:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.deliver_info .data_list.small li.last strong {
  display: block;
  font-weight: bold;
  color: #272727;
}

.deliver_info .data_list.small li.last strong span {
  display: inline;
  font-size: 12px;
  font-weight: normal;
  color: #666;
}

.deliver_info .data_list.small li.last div {
  float: left;
  padding-top: 6px;
  padding-right: 40px;
  color: #222;
}

.deliver_info .data_list.small li.last div strong {
  padding-left: 11px;
}

.deliver_info .data_list.small li.last div strong.common {
  padding-left: 0;
}

.deliver_info .data_list.small li.last div .em.weightiest {
  display: inline;
  color: #e24f4f;
}

.deliver_info .data_list.small li.last p {
  clear: both;
  padding-top: 5px;
}

.deliver_info .data_list.small li.last p.standard {
  color: #666;
  padding-top: 7px;
}

.deliver_info .data_list.small li.last .data_list.small {
  padding: 5px 0 0 0;
  border: 0 none;
}

.deliver_info .data_list.small li.last .data_list.small li {
  margin-top: 0;
  line-height: 16px;
  font-size: 11px;
  color: #777;
  background: url(../img/common/bullet_square_01.gif) left 6px no-repeat;
}

.deliver_info .data_list.small li.last .data_list.payment {
  padding-left: 12px;
}

.deliver_info .data_list.small li span {
  clear: both;
  display: block;
  padding-top: 4px;
  color: #666;
  font-size: 11px;
}

.deliver_info .data_list.small li .tx_point {
  color: #e24f4f;
}

.deliver_info .data_list.small li .deliver_table {
  margin-top: 10px;
}

.deliver_info .data_list.small li .deliver_table span {
  clear: both;
  display: inline;
  padding-top: 4px;
  color: inherit;
  font-size: 12px;
}

.deliver_info .data_list.small li .deliver_table {
  width: 100%;
  table-layout: fixed;
  color: #010101;
}

.deliver_info .data_list.small li .deliver_table th,
.deliver_info .data_list.small li .deliver_table td {
  padding: 10px;
  border: 1px solid #222;
}

.deliver_info .data_list.small li .deliver_table thead th {
  background: #f9f9f9;
}

.deliver_info .data_list.small li .deliver_table thead th,
.deliver_info .data_list.small li .deliver_table thead td {
  text-align: center;
}

.deliver_info .data_list.small li .deliver_table tbody th,
.deliver_info .data_list.small li .deliver_table tbody td {
  text-align: left;
}

.deliver_info .data_list.small li .deliver_table tbody th {
  font-weight: bold;
}

.deliver_info .data_list.small li .deliver_table tbody .txt_light {
  color: #666;
}

.deliver_info .data_list.small li .deliver_table tbody .txt_strong {
  color: #ff4646;
}

.deliver_info .data_list.small li span.ssg_tx {
  display: inline;
  color: #e24f4f;
  font-size: 12px;
}

.deliver_info .data_list.medium:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.deliver_info .data_list.medium li {
  float: left;
  padding-right: 30px;
  color: #272727;
  background-position: 0 7px;
}

.sp_notice {
  padding: 50px 50px 20px;
}

.cp_list {
  position: relative;
  overflow: hidden;
  width: 800px;
}

.cp_list ul {
  margin-left: -62px;
  width: 861px;
}

.cp_list ul li {
  position: relative;
  float: left;
  width: 225px;
  height: 125px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 31px;
  margin-left: 30px;
  background: url(../img/mem/bg_coupon.gif) 31px 25px no-repeat;
  border-left: 1px dotted #d1d1d1;
}

.cp_list ul li .cont_date {
  position: absolute;
  bottom: 30px;
  right: 10px;
  font-size: 11px;
  color: #6d777d;
}

.cp_list .blank {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  width: 0;
  height: 125px;
  overflow: hidden;
}

.cp_list .cont {
  display: inline-block;
  width: 175px;
  padding: 0 25px;
  vertical-align: middle;
  *display: inline;
  *zoom: 1;
  text-align: center;
  font-size: 21px;
  line-height: 23px;
  font-weight: bold;
  color: #222;
}

.cp_list ul li a {
  display: block;
  width: 225px;
  height: 125px;
  text-decoration: none;
}

.view_item_list li .thumbnail .layer_panel {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  background-position: -35px 0;
}

.view_item_list li.lst_over .thumbnail.layer_panel {
  display: block;
}

.intro_content {
  position: relative;
}

.intro_content .on_delivery {
  overflow: hidden;
  margin: 0 auto;
  width: 665px;
  padding-bottom: 30px;
  padding-top: 10px;
}

.intro_content .on_delivery li {
  float: left;
  padding: 0 10px 0 23px;
  background: url(../img/mem/bg_arrow03.png) no-repeat 0 50px;
}

.intro_content .on_delivery li:first-child {
  background: none;
}

.intro_content .on_delivery li span {
  display: block;
  width: 100px;
  height: 25px;
  padding: 103px 0 0 0;
  background: url(../img/mem/bg_current_pic.png) no-repeat 0 19px;
  text-align: center;
}

.intro_content .on_delivery li span img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-top: 5px;
  vertical-align: top;
}

.intro_content .on_delivery li.step1 span {
  background-position: 20px 19px;
}

.intro_content .on_delivery li.step2 span {
  background-position: -105px 19px;
}

.intro_content .on_delivery li.step3 span {
  background-position: -232px 19px;
}

.intro_content .on_delivery li.step4 span {
  background-position: -355px 19px;
}

.intro_content .on_delivery li.step5 span {
  background-position: -460px 19px;
}

.intro_content .on_delivery li.step1.on span {
  background-position: 20px -101px;
}

.intro_content .on_delivery li.step2.on span {
  background-position: -105px -101px;
}

.intro_content .on_delivery li.step3.on span {
  background-position: -232px -101px;
}

.intro_content .on_delivery li.step4.on span {
  background-position: -355px -101px;
}

.intro_content .on_delivery li.step5.on span {
  background-position: -460px -101px;
}

.intro_content .on_delivery li.on span {
  padding-top: 103px;
}

.intro_content .on_delivery li span.ssg_num,
.intro_content .on_delivery li.on span.ssg_num {
  float: none;
  display: inline-block;
  margin-top: 0;
  width: 25px;
  height: 25px;
  margin-left: 5px;
  padding-top: 0;
  background: url(../img/mem/bg_pink_num.png) no-repeat 0 0;
}

.on_delivery_second {
  overflow: hidden;
  margin: 30px;
  padding-left: 18px;
  background: url(../img/mem/step_5.gif) 47px 0 no-repeat;
}

.on_delivery_second li {
  position: relative;
  float: left;
  height: 110px;
  width: 134px;
}

.on_delivery_second .ssg_num {
  position: absolute;
  top: 7px;
  right: 27px;
  display: block;
  font-size: 11px;
  color: #fff;
  font-weight: bold;
  line-height: 27px;
  vertical-align: middle;
  text-align: center;
  width: 25px;
  height: 25px;
  background: url(../img/mem/bg_pink_num.png) no-repeat 0 0;
  text-decoration: none;
}

.on_delivery_second .ssg_num {
  display: none;
}

.on_delivery_second .on .ssg_num {
  display: block;
}

.customer_comment.none_data {
  width: 900px;
  height: 377px;
  background: url(../img/mem/img_myssg_pop_01.png) 260px 70px no-repeat;
}

.inpbx {
  display: inline-block;
  background: #fff;
}

.inpbx input {
  width: 100%;
  padding: 0;
  height: 16px;
  border: 0;
  vertical-align: top;
}

.itembx .thumbnail {
  position: static;
}

.itembx .thumbnail.lst_over .layer_panel {
  display: block;
}

.itembx .thumbnail .layer_panel {
  display: none;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 126px;
  margin-left: -63px;
  background-position: -35px 0;
  z-index: 100;
}

.itembx .thumbnail .layer_panel a {
  float: left;
  z-index: 150;
}

.itembx .thumbnail .thumask {
  position: absolute;
  top: 219px;
  left: 0;
  width: 100%;
  height: 4px;
  background: url(../img/common/itembx_thumask.gif) repeat-x;
}

.itembx .thumcircle .thumask {
  top: 0;
  width: 223px;
  height: 223px;
  background: url(../img/common/itembx_thumask_circle.png) no-repeat;
}

.itembx .display_store {
  text-align: left;
  padding: 8px 0;
  border-bottom: 1px dashed #d8d8d8;
  white-space: nowrap;
  *zoom: 1;
}

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

.itembx .display_store .ico_mall {
  vertical-align: top;
}

.itembx .display_store span span {
  margin-left: 0 !important;
}

.itembx .display_store .store_mark {
  display: inline-block;
  height: 15px;
  margin-left: 5px;
  padding: 2px 7px 0 7px;
  border: 1px solid #e1dfde;
  font-size: 11px;
  font-style: normal;
  line-height: 15px;
  letter-spacing: -1px;
  vertical-align: middle;
}

.itembx .display_store .sales_count {
  float: right;
  margin: 0;
  padding: 2px 0 0;
  color: #888;
  font-weight: bold;
}

.itembx .display_store .sales_count em {
  color: #ff9526;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  vertical-align: -1px;
}

.special .list_style1 .itembx .summary {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 42px;
  color: #666;
  text-decoration: none;
}

.special .itembx .summary a {
  max-height: 50px;
}

.itembx .summary {
  padding: 8px 0 6px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 17px;
  font-size: 13px;
}

.itembx .summary a {
  overflow: hidden;
  display: block;
  width: 100%;
  max-height: 33px;
  color: #666;
  text-decoration: none;
  word-break: break-all;
  word-wrap: break-word;
}

.itembx .summary a .subject {
  word-break: break-all;
}

.itembx .summary a:hover {
  text-decoration: underline;
}

.itembx.item_size140 .price_unit .help_sale_info {
  height: 30px;
  background: url(../img/common/sp_togle.png) no-repeat 0 5px;
}

.plz_comment .price_unit.style .help_sale_info.active {
  background-position: 0 -18px;
}

.itembx .price_unit .help_sale_info.active {
  background-position: 0 -21px;
}

.itembx.itembx.item_size140 .price_unit .help_sale_info.active {
  background-position: 0 -21px;
}

.itembx .cmtbx {
  position: relative;
  margin: -2px 0 0;
  padding-top: 11px;
  *zoom: 1;
}

.itembx .cmtbx dl {
  padding: 8px 13px 2px;
  border: 1px solid #bdbdbd;
  font-size: 11px;
  color: #999;
  line-height: 14px;
}

.itembx .cmtbx dt {
  margin-bottom: -5px;
  color: #3077b8;
}

.itembx .cmtbx p {
  padding: 9px 0 7px;
  border-top: 1px dotted #bdbdbd;
  word-break: break-all;
}

.itembx .cmtbx p:first-child {
  border-top: 0;
}

.itembx .cmtbx span {
  position: absolute;
  width: 2px;
  height: 2px;
  background: url(../img/common/sp_cmtbx.gif) no-repeat;
}

.itembx .cmtbx a {
  color: #999;
  text-decoration: none;
}

.itembx .cmtbx a:hover {
  text-decoration: underline;
}

.itembx .cmtbx .arr {
  top: 0;
  left: 50%;
  width: 15px;
  height: 13px;
  margin-left: -7px;
  background-position: 0 0;
}

.itembx .cmtbx .tl {
  top: 11px;
  left: 0;
  background-position: -18px 0;
}

.itembx .cmtbx .tr {
  top: 11px;
  right: 0;
  background-position: -23px 0;
}

.itembx .cmtbx .bl {
  bottom: 0;
  left: 0;
  background-position: -18px -5px;
}

.itembx .cmtbx .br {
  bottom: 0;
  right: 0;
  background-position: -23px -5px;
}

.itembx .spzbx {
  width: 100%;
  max-height: 15px;
  margin-top: 4px;
  *zoom: 1;
}

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

.itembx .star_rating {
  float: left;
  width: 53%;
  height: 15px;
  background: none;
}

.itembx .star_rating .star {
  float: left;
  width: 50px;
  height: 10px;
  margin: 1px 5px 0 0;
  background: url(../img/common/bg_star_rating.png) no-repeat 0 0;
}

.itembx .star_rating .star span {
  display: inline-block;
  height: 10px;
  background: url(../img/common/bg_star_rating.png) no-repeat 0 -20px;
  vertical-align: top;
}

.itembx .star_rating strong {
  float: left;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
}

.itembx .plz_number {
  float: right;
  padding-left: 20px;
  background: url(../img/common/ico_ellipsis02.gif) no-repeat 0 0;
  font-size: 11px;
  line-height: 15px;
}

.itembx .item_promotion {
  overflow: hidden;
  margin-top: 3px;
}

.itembx .item_promotion span {
  float: left;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 99px;
  height: 16px;
  margin: 2px -1px 0 0;
  font-size: 11px;
  color: #666;
  line-height: 19px;
  vertical-align: middle;
}

.itembx .item_promotion span.sale {
  background: none;
  padding-top: 0;
}

.itembx .item_promotion span strong,
.itembx .item_promotion span em {
  float: left;
  height: 16px;
}

.itembx .item_promotion span strong {
  margin-right: 5px;
}

.itembx .show_all_store {
  display: none;
  margin-top: 12px;
  text-align: center;
}

.itembx .show_all_store a {
  display: inline-block;
  width: 142px;
  height: 26px;
  text-indent: 7px;
  background: url(../img/display/btn_showall_store.gif) no-repeat;
  color: #666;
  line-height: 26px;
  text-decoration: none;
  text-align: left;
}

.itembx .show_all_store a.active {
  background: url(../img/display/btn_showall_store_close.gif) no-repeat;
}

.itembx .notit {
  display: block;
  height: 83px;
  padding-top: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #222;
  line-height: 24px;
  text-align: center;
}

.itembx .period {
  display: block;
  margin-top: 8px;
  color: #666;
  text-align: center;
}

.itembx .today_buy {
  position: absolute;
  top: 182px;
  right: -56px;
  width: 140px;
  height: 161px;
  background: url(../img/service/bg_today_buy.png) no-repeat left top;
}

.itembx .today_buy .count {
  display: block;
  padding-top: 40px;
  width: 100%;
  text-align: center;
  text-indent: -2px;
  color: #fff;
}

.itembx .today_buy .count .em {
  display: inline-block;
  margin-right: 6px;
  font-size: 54px;
  line-height: 60px;
  *line-height: 54px;
  font-style: italic;
  letter-spacing: -2px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.itembx_thm a {
  color: #666;
  text-decoration: none;
}

.itembx .price_unit {
  position: relative;
  margin: 0 auto;
  z-index: 5;
  text-align: center;
}

.itembx .price_unit del {
  display: block;
  max-height: 16px;
  font-size: 12px;
  color: #888;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.itembx .price_unit del + .layer_wrap a {
  display: inline-block;
}

.itembx .price_unit .layer_wrap a {
  display: none;
}

.itembx .price_unit .layer_wrap {
  margin-top: -5px;
}

.itembx .price_unit .applied {
  display: inline-block;
  height: 30px;
  color: #3b3b3b;
  line-height: 30px;
  vertical-align: middle;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.itembx .price_unit .applied em {
  font-size: 20px;
  letter-spacing: -0.5px;
}

.itembx .price_unit .applied .ssg_tx {
  vertical-align: 2px;
}

.itembx .price_unit .help_sale_info,
.tb_itembx .price_unit .help_sale_info {
  display: inline-block;
  width: 23px;
  height: 30px;
  background: url(../img/common/sp_togle.png) no-repeat 0 5px;
  vertical-align: middle;
}

.itembx .price_unit .unit_price {
  display: block;
  color: #888;
  text-align: center;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 11px;
}

.tb_itembx .price_unit .price_date {
  top: 100%;
}

.itembx.item_size350 .price_unit {
  height: 80px;
}

.itembx.item_size350 .price_unit .applied {
  height: 55px;
}

.itembx.item_size350 .price_unit .help_sale_info {
  margin-top: 11px;
}

.category_best .itembx .item_promotion {
  overflow: hidden;
  height: 37px;
}

.lst_over .itembx .thumbnail .layer_panel {
  display: block;
}

.list_style1 {
  padding: 1px 0 0 1px;
  *zoom: 1;
  padding-top: 30px;
}

.discount_collect .lst_over .itembx .thumbnail .layer_panel {
  display: none;
}

.special .list_style1 {
  padding: 1px 0 0 1px;
  *zoom: 1;
}

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

.list_style1 li {
  float: left;
  position: relative;
  width: 252px;
  margin: -1px 0 0 -1px;
}

.list_style1 li .itembx {
  padding: 20px;
}

.list_style1 li:first-child {
  margin-left: 0;
  border-left: 0;
}

.list_style1 li.lst_over {
  position: relative;
  z-index: 25;
}

.list_style1 li.lst_over .itembx {
  padding: 19px;
  border: 1px solid #222;
}

.table_itemlist {
  *zoom: 1;
  width: 100%;
}

.best_section {
  width: 1020px;
}

.table_itemlist.mgt30 {
  margin-top: 10px !important;
}

.table_itemlist.pdt60 {
  padding-top: 40px !important;
}

.table_itemlist table {
  width: 100%;
  table-layout: fixed;
}

.table_itemlist td {
  background: url(../img/common/bg_dotted.gif) repeat-y 0 0;
  vertical-align: top;
}

.tabtog_sec .table_itemlist td {
  width: 255px;
}

.tabtog_sec .table_itemlist .list_content {
  width: 255px;
}

.tabtog_sec .table_itemlist_noline td {
  width: 340px;
}

.tabtog_sec .table_itemlist_noline .list_content {
  width: 340px;
}

.search_section .table_itemlist td {
  width: 255px;
}

.search_section .table_itemlist td .list_content {
  width: 255px;
}

.search_section .table_itemlist td .list_content .item_size202 {
  width: 202px;
}

.search_section .itembx .display_store span,
.search_section .itembx .display_store img {
  float: none;
  margin: 0;
}

.search_section .itembx .display_store .sales_count {
  display: none;
}

.table_itemlist td .list_content {
  position: relative;
  float: left;
  width: 100%;
}

.table_itemlist td .list_content.mgt_rank {
  margin-top: 40px;
}

.table_itemlist td .itembx {
  padding: 19px 26px 10px 27px;
  *zoom: 1;
}

.table_itemlist td .item_size290 {
  padding-left: 25px;
  padding-right: 25px;
}

.table_itemlist td.lst_over .itembx {
  position: relative;
  padding: 18px 25px 9px 26px;
  border: 1px solid #222;
}

.table_itemlist td.checked .itembx .inp_dtype {
  border-color: #d9d9d9;
  background-color: #fbfbfb;
}

.table_itemlist td.lst_over .item_size290 {
  padding-left: 24px;
  padding-right: 24px;
}

.table_itemlist td:first-child {
  background: none;
}

.table_itemlist td.clicked .click_effect {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border: 2px #ed2323 solid;
  border-width: 3px 2px;
  background: url(../img/service/bg_clicked_tag.png) no-repeat 100% 100%;
  *zoom: 1;
}

.table_itemlist td .list_content .itembx .item_ord .item_promotion {
  overflow: hidden;
  max-height: 37px;
  width: 100%;
}

.table_itemlist2 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-top: solid 1px #666;
  color: #666;
  *zoom: 1;
}

.table_itemlist2 .w85 {
  width: 85px;
}

.table_itemlist2 .w110 {
  width: 110px;
}

.table_itemlist2 .w140 {
  width: 140px;
}

.table_itemlist2 .w180 {
  width: 180px;
}

.table_itemlist2 .w504 {
  width: 504px;
}

.table_itemlist2 .w_chk {
  width: 13px;
}

.table_itemlist2 .w_item {
  width: 472px;
}

.table_itemlist2 .w_price {
  width: 180px;
}

.table_itemlist2 .w_info {
  width: 125px;
}

.table_itemlist2 .w_bt {
  width: 61px;
}

.table_itemlist2 .w_bt2 {
  width: 100px;
}

.table_itemlist2 .w_del {
  width: 0;
}

.table_itemlist2 td {
  padding: 20px 0;
  border-bottom: solid 1px #e9e9e9;
  text-align: center;
  background: url(../img/display/bg_dot_02.gif) 0 0 repeat-y;
}

.table_itemlist2 td:first-child {
  background: none;
  text-align: left;
}

.table_itemlist2 td.itemtb_view {
  padding: 0;
  border-bottom: none;
}

.table_itemlist2 td.itemtb_chk {
  vertical-align: top;
}

.table_itemlist2 td.itemtb_chk + td {
  background: none;
  text-align: left;
}

.table_itemlist2 td.itemtb_del {
  position: relative;
}

.table_itemlist2 .thumbnail2 {
  float: left;
  position: relative;
  line-height: 0;
  width: 140px;
  margin-right: 54px;
  margin-left: 20px;
}

.table_itemlist2 .thumbnail2 .ico_left {
  position: absolute;
  left: -6px;
  top: -3px;
  z-index: 5;
}

.table_itemlist2 .thumbnail2 .ico_right {
  position: absolute;
  left: 106px;
  top: -10px;
  z-index: 5;
}

.table_itemlist2 .thumbnail2 .layer_panel {
  position: absolute;
  left: 147px;
  top: 1px;
  height: 126px;
  z-index: 9;
}

.table_itemlist2 .thumbnail2 .layer_panel a {
  margin: -1px 0 0;
}

.table_itemlist2 .hide_layer_panel .thumbnail2 {
  margin-right: 15px;
}

.table_itemlist2 .infobx {
  float: left;
  width: 263px;
}

.table_itemlist2 .display_store span,
.table_itemlist2 .display_store img {
  vertical-align: middle;
}

.table_itemlist2 .display_store span span {
  margin-left: 0 !important;
}

.table_itemlist2 .display_store span:first-child,
.table_itemlist2 .display_store img:first-child {
  margin-left: 0;
}

.table_itemlist2 .display_store .ico_mall {
  vertical-align: middle;
}

.table_itemlist2 .display_store .store_mark {
  display: inline-block;
  height: 15px;
  margin-left: 5px;
  padding: 2px 7px 0 7px;
  border: 1px solid #e1dfde;
  font-size: 11px;
  font-style: normal;
  line-height: 15px;
  letter-spacing: -1px;
  vertical-align: middle;
}

.table_itemlist2 .summary {
  overflow: hidden;
  height: 28px;
  padding: 8px 0;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 17px;
}

.table_itemlist2 .summary a {
  color: #666;
  text-decoration: none;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.table_itemlist2 .summary a:hover {
  text-decoration: underline;
}

.table_itemlist2 .spzbx {
  overflow: hidden;
  height: 15px;
  margin-top: 4px;
}

.table_itemlist2 .star_rating {
  float: left;
  height: 15px;
  background: none;
}

.table_itemlist2 .star_rating .star {
  float: left;
  width: 50px;
  height: 10px;
  margin: 1px 5px 0 0;
  background: url(../img/common/bg_star_rating.png) no-repeat 0 0;
}

.table_itemlist2 .star_rating .star span {
  display: inline-block;
  height: 10px;
  background: url(../img/common/bg_star_rating.png) no-repeat 0 -20px;
  vertical-align: top;
}

.table_itemlist2 .star_rating strong {
  float: left;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
}

.table_itemlist2 .itemtb_view .plz_number {
  float: right;
}

.table_itemlist2 .itemtb_view td .list_content .itembx .item_promotion {
  height: 37px;
}

.table_itemlist2 .itemtb_view .item_promotion span {
  margin-left: 0;
}

.table_itemlist2 .show_all_store {
  display: none;
  margin-top: 12px;
}

.table_itemlist2 .show_all_store a {
  display: inline-block;
  width: 142px;
  height: 26px;
  padding-left: 8px;
  background: url(../img/display/btn_showall_store.gif) no-repeat;
  color: #666;
  line-height: 26px;
  text-decoration: none;
  text-align: left;
}

.table_itemlist2 .regular_deliver {
  float: left;
  margin-top: 12px;
}

.table_itemlist2 .regular_deliver a.ssg_toggle {
  display: inline-block;
  width: 198px;
  height: 26px;
  padding-left: 8px;
  background: url(../img/display/btn_regular_deliver.gif) no-repeat;
  color: #666;
  line-height: 26px;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
}

.table_itemlist2 .regular_deliver .tooltop_wrap {
  position: relative;
}

.table_itemlist2 .regular_deliver .tooltop_wrap .tooltip_box {
  position: absolute;
  top: -1px;
  left: 0;
  width: 184px;
  padding: 3px 10px 8px;
  text-align: left;
  line-height: 21px;
  border: 1px solid #f1f0f0;
  background-color: #fff;
  z-index: 100;
}

.table_itemlist2 .regular_deliver .tooltop_wrap .tooltip_box a {
  display: block;
  height: 21px;
  line-height: 21px;
  color: #666;
  text-decoration: none;
  padding-left: 0;
}

.table_itemlist2 .regular_deliver .tooltop_wrap .tooltip_box a:hover {
  text-decoration: underline;
}

.table_itemlist2 .price_unit {
  text-align: center;
}

.table_itemlist2 .price_unit del {
  display: block;
  font-size: 12px;
  color: #888;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.table_itemlist2 .price_unit .applied {
  display: inline-block;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  height: 30px;
  color: #3b3b3b;
  line-height: 30px;
}

.table_itemlist2 .price_unit .applied em {
  font-size: 20px;
}

.table_itemlist2 .price_unit .applied .ssg_price {
  vertical-align: -1px;
  letter-spacing: -0.5px;
}

.table_itemlist2 .price_unit .help_sale_info {
  display: inline-block;
  margin-top: -4px;
  margin-left: -2px;
  vertical-align: middle;
}

.table_itemlist2 .price_unit .unit_price {
  display: block;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #888;
  text-align: center;
}

.table_itemlist2 .item_promotion span {
  display: block;
  margin-left: 20px;
  text-align: left;
  font-size: 11px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #666;
}

.table_itemlist2 .item_promotion span.sale {
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 0;
  background: none;
}

.table_itemlist2 .item_promotion span.enuri .liaison {
  color: #e53838;
  text-decoration: none;
  padding-right: 10px;
  background: url(../img/common/bg_btn_arr06.gif) right 3px no-repeat;
}

.table_itemlist2 .delivery_info span {
  display: block;
  text-align: center;
  color: #222;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.table_itemlist2 .item_cart .item_quantity {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 40px;
  height: 21px;
  vertical-align: middle;
}

.table_itemlist2 .item_cart .item_quantity .inpbx {
  width: 28px;
  height: 17px;
  padding: 2px 0 0;
  border-color: #dedede;
}

.table_itemlist2 .item_cart .item_quantity .inpbx input {
  color: #777;
  text-align: center;
}

.table_itemlist2 .item_cart .item_quantity .btn {
  position: absolute;
  right: 0;
  width: 11px;
  height: 11px;
}

.table_itemlist2 .item_cart .item_quantity .btn span {
  overflow: hidden;
  display: block;
  width: 11px;
  height: 11px;
  background: url(../img/common/btn_item_quantity.gif) no-repeat;
  font-size: 0;
  line-height: 100px;
  white-space: nowrap;
}

.table_itemlist2 .item_cart .item_quantity .increase {
  top: 0;
}

.table_itemlist2 .item_cart .item_quantity .increase span {
  background-position: 0 0;
}

.table_itemlist2 .item_cart .item_quantity .decrease {
  bottom: 0;
}

.table_itemlist2 .item_cart .item_quantity .decrease span {
  background-position: 0 -10px;
}

.table_itemlist2 .item_cart .bnbox {
  display: block;
  margin: 5px 0;
}

.table_itemlist2 .item_cart .bnbox .btn {
  background: none;
  border: solid 1px #b9b9b9;
  border-radius: 3px;
  width: 85px;
}

.table_itemlist2 .item_cart .bnbox .btn.weightiest {
  background-color: #ff5657;
  border-color: #ff5657;
}

.table_itemlist2 .item_cart .bnbox .btn span {
  background: none;
  color: #555;
  font-size: 14px;
  line-height: 27px;
}

.table_itemlist2 .item_cart .bnbox .btn.weightiest span {
  color: #fff;
}

.table_itemlist2 .item_cart .bnbox .btn.enter {
  background-color: #ff5657;
  border-color: #ff5657;
}

.table_itemlist2 .item_cart .bnbox .btn.enter span {
  color: #fff;
}

.table_itemlist2 .item_cart .bnbox .btn.change {
  background-color: #ff9b56;
  border-color: #ff9b56;
}

.table_itemlist2 .item_cart .bnbox .btn.change span {
  color: #fff;
}

.table_itemlist2 .item_cart .bnbox .btn.soldout {
  background-color: #989898;
  border-color: #989898;
}

.table_itemlist2 .item_cart .bnbox .btn.soldout span {
  color: #fff;
}

.table_itemlist2 .item_check {
  position: relative;
}

.table_itemlist2 .item_check input {
  position: absolute;
  top: 0;
  left: 10px;
  width: 14px;
  height: 14px;
}

.table_itemlist2 .item_store {
  padding: 0 10px;
}

.table_itemlist2 .item_store span {
  display: block;
  color: #222;
  letter-spacing: -1px;
  line-height: 16px;
  word-break: break-all;
  word-wrap: break-word;
}

.table_itemlist2 .item_opt {
  position: relative;
  margin: -10px 0;
  padding: 0 10px;
}

.table_itemlist2 .item_opt .tx_opt {
  color: #00aac4;
  font-size: 11px;
  letter-spacing: -1px;
  line-height: 16px;
  word-break: break-all;
  word-wrap: break-word;
}

.table_itemlist2 .item_opt .tx_opt_set {
  color: #ff5d54;
  font-weight: bold;
}

.table_itemlist2 .item_bt {
  text-align: right;
}

.table_itemlist2 .item_bt a {
  display: inline-block;
}

.table_itemlist2 .item_bt .bt_gift_send {
  width: 85px;
  height: 29px;
  background: #3fbec7;
  color: #fff;
  font-size: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 29px;
  text-align: center;
  text-decoration: none;
  border-radius: 2px;
}

.table_itemlist2 .bt_item_del {
  position: absolute;
  top: 10px;
  right: -5px;
  padding: 5px;
  cursor: pointer;
}

.table_itemlist2 .bt_item_del .ic_item_del {
  display: inline-block;
  overflow: hidden;
  width: 13px;
  height: 13px;
  background: url(../img/order/sp_case.png) -140px -28px no-repeat;
  line-height: 999px;
  vertical-align: top;
}

.item_disabled .item_opt .tx_opt {
  color: #888;
}

.price_date {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 174px;
  margin-left: -94px;
  padding: 0;
  border: 1px solid #666;
  background: #fff;
  font-size: 11px;
  text-align: left;
}

/*myssg header*/
.myssg_header {
  position: relative;
  z-index: 21;
  height: 94px;
  border-bottom: 3px solid #203a4d;
  margin-bottom: 20px;
  background-color: #f3fafe;
}

.myssg_header a {
  text-decoration: none;
}

.myssg_header.v3 {
  margin-top: 20px;
  border-top: 1px solid #d1dadd;
}

.myssg_header h2 {
  float: left;
  margin: 8px 0 8px;
  padding: 32px 15px 9px 18px;
  border-right: 1px solid #ccd6da;
}

.myssg_header h2.mysfc_logo {
  float: left;
  padding: 15px 23px 0 28px;
}

.myssg_header .myssg_name {
  position: absolute;
  top: 16px;
  left: 22px;
  color: #203a4d;
}

.myssg_header .myssg_name em {
  font-weight: bold;
}

.myssg_header .myssg_level {
  float: left;
  position: relative;
  overflow: hidden;
  width: 262px;
  height: 94px;
  background: url(../img/mem/myssg_level_v2.png) no-repeat 0 -400px;
}

.myssg_header .myssg_level.vip_level {
  background-position: 0 0;
}

.myssg_header .myssg_level.gold_level {
  background-position: 0 -100px;
}

.myssg_header .myssg_level.silver_level {
  background-position: 0 -200px;
}

.myssg_header .myssg_level.bronze_level {
  background-position: 0 -300px;
}

.myssg_header .myssg_level.family_level {
  background-position: 0 -400px;
}

.myssg_header .myssg_level a {
  position: absolute;
  top: 53px;
  left: 79px;
}

.myssg_header .myssg_level a.btn_coupon {
  position: absolute;
  top: 45px;
  left: 95px;
}

.myssg_header .myssg_level a.btn_benefit {
  position: absolute;
  top: 63px;
  left: 95px;
}

.myssg_header .myssg_level a.btn_next {
  position: absolute;
  top: 19px;
  left: 159px;
}

.myssg_header .myssg_level a img {
  vertical-align: top;
}

.myssg_header .myssg_lv {
  float: left;
  position: relative;
  overflow: hidden;
  width: 262px;
  height: 94px;
}

.myssg_header .myssg_lv .ic {
  position: absolute;
  top: 0;
  left: 0;
  width: 88px;
  height: 88px;
  background: url(../img/mem/myssg_level_v2.png) no-repeat 0 -400px;
}

.myssg_header .myssg_lv .tt {
  position: absolute;
  top: 15px;
  left: 95px;
  font-family: NanumBarunGothic;
  color: #203a4d;
  font-size: 23px;
  line-height: 30px;
}

.myssg_header .myssg_lv a {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #203a4d;
}

.myssg_header .myssg_lv a.btn_coupon {
  position: absolute;
  top: 45px;
  left: 95px;
}

.myssg_header .myssg_lv a.btn_coupon:after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 8px;
  background: url(../img/mem/txt_level_cp.gif) 100% -5px no-repeat;
  margin-left: 5px;
}

.myssg_header .myssg_lv a.btn_benefit {
  position: absolute;
  top: 63px;
  left: 95px;
}

.myssg_header .myssg_lv a.btn_benefit:after {
  display: inline-block;
  content: "";
  width: 4px;
  height: 8px;
  background: url(../img/mem/txt_level_cp.gif) 100% -5px no-repeat;
  margin-left: 5px;
}

.myssg_header .myssg_lv a.btn_next {
  position: absolute;
  top: 19px;
  right: 20px;
  font-size: 11px;
  color: #5e7587;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  letter-spacing: -1px;
  border: 1px solid #bacdd5;
  line-height: 17px;
  padding: 1px 4px 0;
}

.myssg_header .myssg_lv.vip_level .ic {
  background-position: 0 0;
}

.myssg_header .myssg_lv.gold_level .ic {
  background-position: 0 -100px;
}

.myssg_header .myssg_lv.silver_level .ic {
  background-position: 0 -200px;
}

.myssg_header .myssg_lv.bronze_level .ic {
  background-position: 0 -300px;
}

.myssg_header .myssg_lv.family_level .ic {
  background-position: 0 -400px;
}

.myssg_header .myssg_gnb {
  float: right;
  overflow: hidden;
  width: 583px;
  background: url(../img/mem/bg_myssg_heading.gif) no-repeat 172px 10px;
}

.myssg_header .myssg_gnb a.btn_myssg_showall {
  display: block;
  width: 55px;
  height: 31px;
  margin-top: 8px;
  background: url(../img/mem/btn_myssg01.gif) no-repeat;
  float: left;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-align: right;
  padding: 50px 26px 0 0;
  color: #fff;
  line-height: 10em;
}

.myssg_header .myssg_gnb a.btn_myssg_showall.active,
.myssg_header .myssg_gnb a.btn_myssg_showall:hover {
  background: url(../img/mem/btn_myssg02.gif) 0 0 no-repeat;
}

:lang(en) .myssg_header .myssg_gnb a.btn_myssg_showall,
:lang(zh) .myssg_header .myssg_gnb a.btn_myssg_showall {
  background: url(../img/mem/btn_myssg01.png) no-repeat;
  line-height: 18px;
}

:lang(en) .myssg_header .myssg_gnb a.btn_myssg_showall.active,
:lang(zh) .myssg_header .myssg_gnb a.btn_myssg_showall.active,
:lang(en) .myssg_header .myssg_gnb a.btn_myssg_showall:hover,
:lang(zh) .myssg_header .myssg_gnb a.btn_myssg_showall:hover {
  background: url(../img/mem/btn_myssg02.png) 0 0 no-repeat;
}

.myssg_header .myssg_gnb .myssg_f_item {
  float: left;
  width: 502px;
}

.myssg_header .myssg_gnb .myssg_f_item li:first-child {
  margin-left: 9px;
}

.myssg_header .myssg_gnb li {
  float: left;
  width: 82px;
  text-align: right;
}

.myssg_header .myssg_gnb li.myssg_f_clip {
  position: relative;
}

.myssg_header .myssg_gnb li.myssg_f_clip a.f_clip_01 {
  position: absolute;
  top: 73px;
  left: 1px;
  width: 41px;
  height: 20px;
}

.myssg_header .myssg_gnb li.myssg_f_clip a.f_clip_02 {
  position: absolute;
  top: 73px;
  left: 43px;
  width: 41px;
  height: 20px;
}

.myssg_header .myssg_gnb li li {
  float: none;
  width: auto;
  text-align: inherit;
}

.myssg_header .myssg_gnb li li:first-child {
  margin-right: inherit;
  background: inherit;
}

.myssg_header .myssg_stemp_info {
  display: none;
  border: 1px solid #203a4d;
  background: #fff;
  position: absolute;
  top: 37px;
  left: 332px;
  padding: 18px 21px;
  -webkit-box-shadow: 2px 2px 5px #ededed;
  box-shadow: 2px 2px 5px #ededed;
  z-index: 10;
}

.myssg_header .myssg_stemp_info .txt {
  line-height: 17px;
  background: url(../img/mem/bu_arr.gif) 0 2px no-repeat;
  padding-left: 12px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #777;
}

.myssg_header .myssg_stemp_info .txt em {
  font-weight: bold;
  text-decoration: underline;
}

.myssg_header .myssg_stemp_info .txt strong {
  color: #00bcf0;
}

.myssg_header .myssg_stemp_info .tx_next {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  line-height: 17px;
}

.myssg_header .myssg_stemp_info .tx_next img {
  vertical-align: top;
}

.myssg_header .myssg_stemp_info .tx_next em {
  color: #ff0048;
}

.myssg_header .myssg_stemp_info .tx_next strong {
  color: #00bcf0;
}

.myssg_header .myssg_lv {
  overflow: visible;
}

.myssg_profile_wrap {
  width: 88px;
  height: 88px;
  color: #222;
  font-size: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}
.myssg_profile_wrap .myssg_profile_thmbimg {
  position: absolute;
  top: 18px;
  left: 14px;
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  overflow: hidden;
}
.myssg_profile_wrap .myssg_profile_thmbimg img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.myssg_profile_wrap .myssg_profile {
  position: absolute;
  top: 53px;
  left: 48px;
  width: 30px;
  height: 30px;
}
.myssg_profile_wrap .myssg_profile.on .myssg_profile_tooltip {
  display: block;
}
.myssg_profile_wrap .myssg_btn_profile {
  display: block;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.myssg_profile_wrap .myssg_btn_profile .ico_profile {
  display: block;
  background: url(../img/mem/ico_profile.png) no-repeat;
  width: 30px;
  height: 30px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .myssg_profile_wrap .myssg_btn_profile .ico_profile {
    background-image: url(../img/mem/ico_profile@2x.png);
    background-size: 30px auto;
  }
}
.myssg_profile_wrap .myssg_profile_tooltip {
  position: absolute;
  top: 100%;
  left: -53px;
  display: none;
  margin-top: 10px;
  background: #fff;
  width: 377px;
  padding: 30px 20px;
  border: 1px solid #e7e7e7;
  border-radius: 6px;
  -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_profile_wrap .myssg_profile_tooltip:before {
  position: absolute;
  top: -9px;
  left: 58px;
  display: block;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0 8px 10px 8px;
  border-bottom-color: #fff;
  content: "";
}
.myssg_profile_wrap .myssg_profile_thmb {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.myssg_profile_wrap .myssg_profile_thmb img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  border-radius: 50%;
}
.myssg_profile_wrap .myssg_profile_thmb .myssg_btn_change_thmb {
  position: absolute;
  bottom: -4px;
  right: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  overflow: hidden;
}
.myssg_profile_wrap .myssg_profile_thmb .myssg_btn_change_thmb .ico_profile {
  display: block;
  background: url(../img/mem/ico_profile.png) no-repeat;
  width: 30px;
  height: 30px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .myssg_profile_wrap .myssg_profile_thmb .myssg_btn_change_thmb .ico_profile {
    background-image: url(../img/mem/ico_profile@2x.png);
    background-size: 30px auto;
  }
}
.myssg_profile_wrap .myssg_profile_titarea {
  margin-top: 20px;
  text-align: center;
}
.myssg_profile_wrap .myssg_profile_titarea .myssg_profile_tit {
  font-size: 20px;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.myssg_profile_wrap .myssg_profile_titarea .myssg_profile_subtit {
  margin-top: 9px;
  font-size: 13px;
  color: #888;
  line-height: 1.38;
  letter-spacing: -0.32px;
}
.myssg_profile_wrap .myssg_profile_sec {
  margin: 30px 10px 0;
}
.myssg_profile_wrap .myssg_form_tit {
  margin-top: 15px;
  margin-bottom: 4px;
  font-size: 13px;
  letter-spacing: -0.32px;
}
.myssg_profile_wrap .myssg_inp_txt input {
  width: 100%;
  height: 35px;
  padding: 11px 15px 9px;
  letter-spacing: -0.35px;
  line-height: 1.29;
  font-size: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #222;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.myssg_profile_wrap .myssg_inp_txtarea textarea {
  width: 100%;
  height: 56px;
  padding: 10px 15px;
  border: 1px solid #e0e0e0;
  letter-spacing: -0.35px;
  line-height: 1.29;
  font-size: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #222;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
  resize: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.myssg_profile_wrap .myssg_tooltip_btnarea {
  margin-top: 30px;
  font-size: 0;
}
.myssg_profile_wrap .myssg_tooltip_btnarea .myssg_tooltip_btn {
  width: 165px;
}
.myssg_profile_wrap .myssg_tooltip_btnarea .myssg_tooltip_btn + .myssg_tooltip_btn {
  margin-left: 5px;
}
.myssg_profile_wrap .myssg_tooltip_btn {
  padding: 14px 10px;
  font-size: 13px;
  color: #222;
  letter-spacing: -0.24px;
}
.myssg_profile_wrap .myssg_tooltip_btn.ty_gray {
  background-color: #e5e5e5;
}
.myssg_profile_wrap .myssg_tooltip_btn.ty_red {
  background-color: var(--m-colors-primary, #ff5452);
  color: #fff;
}

.myssg_nav.active {
  display: block;
}

.myssg_nav {
  display: none;
  position: absolute;
  z-index: 9999;
  top: 77px;
  left: -1px;
  width: 1018px;
  background: white;
  border: solid #203a4d;
  border-width: 4px 1px 1px;
}

.myssg_nav .mn_btn_area {
  position: relative;
  height: 32px;
  padding: 7px 0;
  background: #f6f6f6;
  text-align: center;
}

.myssg_nav.setting .mn_btn_area {
  text-align: center;
}

.myssg_nav .mn_btn_area .mn_btn {
  display: none;
}

.myssg_nav .mn_btn_area .btn_myssg_close {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  padding: 14px;
  border-left: 1px solid #fff;
}

.myssg_nav .mn_btn_area .btn_myssg_close img {
  vertical-align: top;
}

.myssg_nav .mn_btn_area .mn_btn.type01.set {
  display: inline-block;
}

.myssg_nav.setting .mn_btn_area .mn_btn {
  display: inline-block;
}

.myssg_nav.setting .mn_btn_area .mn_btn.type02 {
  margin-left: 1px;
}

.myssg_nav.setting .mn_btn_area .mn_btn.set,
.myssg_nav.setting .mn_btn_area .txt_set_ad {
  display: none;
}

.myssg_nav .mn_btn_area .txt_set_ad {
  margin-left: 8px;
}

.myssg_nav .mn_list_area {
  width: 1018px;
}

.myssg_nav .mn_list_area .mn_list_all {
  width: 1018px;
  zoom: 1;
  overflow: hidden;
}

.myssg_nav .mn_list_area .mn_list_all:after {
  display: block;
  clear: both;
  content: "";
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_01 {
  float: left;
  width: 168px;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_02,
.myssg_nav .mn_list_area .mn_list_all .mn_list_03,
.myssg_nav .mn_list_area .mn_list_all .mn_list_04,
.myssg_nav .mn_list_area .mn_list_all .mn_list_05,
.myssg_nav .mn_list_area .mn_list_all .mn_list_06 {
  float: left;
  width: 170px;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_tit {
  display: block;
  width: 149px;
  height: 23px;
  padding: 18px 0 17px 20px;
  border-left: 1px solid #c4d9e9;
  background: #e0effd;
  text-align: left;
  color: #203a4d;
  font-size: 17px;
  font-weight: bold;
  line-height: 26px;
  position: relative;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_01 .mn_list_tit {
  width: 148px;
  border-left: 0;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_01 .depth2 {
  border-left: 0;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_01 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_01_v2.png) 100% 0 no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_02 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_02_v2.png) 100% 0 no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_03 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_03_v2.png) 100% 0 no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_04 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_04_v2.png) 100% 0 no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_05 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_05_v2.png) 100% 0 no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .mn_list_06 .mn_list_tit:after {
  content: "";
  position: absolute;
  top: 19px;
  right: 12px;
  width: 28px;
  height: 23px;
  background: url(../img/mem/img_mm_06_v2.png) 100% 0 no-repeat;
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .mn_list_tit {
  width: auto;
  font-size: 14px;
  line-height: 16px;
  height: 58px;
  padding: 0 18px;
  position: relative;
}

:lang(zh) .myssg_nav .mn_list_area .mn_list_all .mn_list_tit {
  line-height: 18px;
}

:lang(zh) .myssg_nav .mn_list_area .mn_list_all .mn_list_tit:after {
  top: 16px;
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .mn_list_tit em {
  position: absolute;
  top: 50%;
  left: 18px;
  right: 18px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .mn_list_tit:after {
  display: none;
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .depth2,
:lang(zh) .myssg_nav .mn_list_area .mn_list_all .depth2 {
  height: auto;
  border-left: none;
  position: relative;
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .depth2:after,
:lang(zh) .myssg_nav .mn_list_area .mn_list_all .depth2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 500%;
  width: 1px;
  background-color: #eef0f2;
}

:lang(en) .myssg_nav .mn_list_area .mn_list_all .depth2:first-child:after,
:lang(zh) .myssg_nav .mn_list_area .mn_list_all .depth2:first-child:after {
  display: none;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 {
  padding-top: 16px;
  border-left: 1px solid #eef0f2;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 li {
  overflow: hidden;
  float: none;
  margin-bottom: 10px;
  padding-left: 20px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  letter-spacing: -1px;
  text-align: left;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 li.rel {
  position: relative;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 li a {
  display: block;
  float: left;
  width: 130px;
  color: #778793;
  text-decoration: none;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 li a:hover,
.myssg_nav .mn_list_area .mn_list_all .depth2 li a:active,
.myssg_nav .mn_list_area .mn_list_all .depth2 li a:focus {
  color: #e24f4f;
  text-decoration: underline;
}

.myssg_nav .mn_list_area .mn_list_all .depth2 li.active a {
  font-weight: bold;
  color: #e24f4f;
  text-decoration: none;
}

.myssg_nav .mn_list_area .mn_list_all .depth3 {
  position: relative;
  float: left;
  margin: 4px 0 -4px 5px;
  padding-left: 10px;
  background: url(../img/mem/bg_bul.gif) 0 8px no-repeat;
  zoom: 1;
}

.myssg_nav .mn_list_area .mn_list_all .depth3:after {
  display: block;
  clear: both;
  content: "";
}

.myssg_nav .mn_list_area .mn_list_all .depth3 li {
  overflow: inherit;
  float: left;
  margin: 0 0 0 5px;
  padding-left: 7px;
  background: url(../img/mem/bg_bar_04.gif) 0 3px no-repeat;
}

.myssg_nav .mn_list_area .mn_list_all .depth3 li:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}

.myssg_nav .mn_list_area .mn_list_all .depth3 li a {
  display: inline-block;
  float: none;
  width: auto;
  font-size: 12px;
  color: #8e9397;
  text-decoration: none;
  vertical-align: top;
}

.myssg_nav .mn_list_area .mn_list_all .depth3 li a:hover {
  color: #8e9397;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth2 li {
  padding-left: 10px;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth2 li .st_toggle {
  display: block;
  float: left;
  width: 18px;
  height: 12px;
  margin-top: 2px;
  background: url(../img/mem/bg_btn_star.png) no-repeat;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth2 li .st_toggle.none {
  background: none;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth2 li.active .st_toggle {
  background-position: 0 -15px;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth3 {
  margin-left: 15px;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth3 li {
  padding-left: 7px;
}

.myssg_nav.setting .mn_list_area .mn_list_all .depth3 li:first-child {
  padding-left: 0;
}

.ty_sfc .aside_myssg {
  position: absolute;
  z-index: 20;
  top: 117px;
  left: 0;
  background: url(../img/mem/bg_myssg_left.gif) repeat-y;
}

.aside_myssg {
  position: absolute;
  z-index: 20;
  top: 178px;
  left: 0;
  background: url(../img/mem/bg_myssg_left.gif) repeat-y;
}

.aside_myssg.v3 {
  top: 118px;
}

.aside_myssg .my_grade {
  width: 194px;
  height: 129px;
  background: url(../img/mem/bg_myssg_grade.gif) no-repeat;
}

.aside_myssg .my_grade ul {
  padding-top: 6px;
}

.aside_myssg .my_grade ul li {
  vertical-align: top;
  text-align: right;
  padding: 0 20px;
}

.aside_myssg .my_grade ul li a {
  display: block;
  text-decoration: none;
}

.aside_myssg .my_grade ul li em {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #ff5855;
  font-size: 17px;
  vertical-align: top;
  line-height: 40px;
  *line-height: 37px;
}

.aside_myssg .my_grade ul li span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  color: #555;
  font-size: 12px;
  vertical-align: top;
  line-height: 40px;
}

.aside_myssg .myssg_lnb {
  width: 194px;
  padding-bottom: 30px;
  background: url(../img/mem/bg_myssg_left.gif) repeat-y;
}

.aside_myssg .myssg_lnb .control li {
  font-size: 0;
}

.aside_myssg .myssg_lnb .control li a {
  display: block;
  height: 50px;
  line-height: 50px;
  background: url(../img/csc/bg_lnb_v2.gif) 0 0 no-repeat;
  padding-top: 1px;
}

.aside_myssg .myssg_lnb.v3 .control li a {
  background: url(../img/csc/bg_lnb_v2.png) 0 0 no-repeat;
  text-decoration: none;
}

.aside_myssg .myssg_lnb .control li.order a {
  background-position: 0 0;
}

.aside_myssg .myssg_lnb .control li.account a {
  background-position: 0 -51px;
}

.aside_myssg .myssg_lnb .control li.product a {
  background-position: 0 -102px;
}

.aside_myssg .myssg_lnb .control li.activity a {
  background-position: 0 -153px;
}

.aside_myssg .myssg_lnb .control li.gift a {
  background-position: 0 -204px;
}

.aside_myssg .myssg_lnb .control li.info a {
  background-position: 0 -255px;
  height: 51px;
  line-height: 51px;
}

.aside_myssg .myssg_lnb .control li.order a:hover {
  background-position: -200px 0;
}

.aside_myssg .myssg_lnb .control li.account a:hover {
  background-position: -200px -51px;
}

.aside_myssg .myssg_lnb .control li.product a:hover {
  background-position: -200px -102px;
}

.aside_myssg .myssg_lnb .control li.activity a:hover {
  background-position: -200px -153px;
}

.aside_myssg .myssg_lnb .control li.gift a:hover {
  background-position: -200px -204px;
}

.aside_myssg .myssg_lnb .control li.info a:hover {
  background-position: -200px -255px;
}

.aside_myssg .myssg_lnb .control li.order.active a {
  background-position: -400px 0;
}

.aside_myssg .myssg_lnb .control li.account.active a {
  background-position: -400px -51px;
}

.aside_myssg .myssg_lnb .control li.product.active a {
  background-position: -400px -102px;
}

.aside_myssg .myssg_lnb .control li.activity.active a {
  background-position: -400px -153px;
}

.aside_myssg .myssg_lnb .control li.gift.active a {
  background-position: -400px -204px;
}

.aside_myssg .myssg_lnb .control li.info.active a {
  background-position: -400px -255px;
}

.aside_myssg .myssg_lnb .control li li a span {
  content: none;
  display: inline;
  position: inherit;
  width: auto;
  height: auto;
  line-height: inherit;
  visibility: inherit;
}

.aside_myssg .myssg_lnb .control li ul {
  display: none;
  width: 194px;
}

.aside_myssg .myssg_lnb .control li.active ul {
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  background: url(../img/csc/bg_aside.gif);
}

.aside_myssg .myssg_lnb .control li.active ul ul {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  background: url(../img/csc/bg_aside.gif);
}

.aside_myssg .myssg_lnb .control li.active ul ul li a {
  display: block;
  width: 151px;
  padding: 0;
  line-height: 24px;
  margin-left: 1px;
  padding-left: 41px;
  background: url(../img/csc/bg_dot02.gif) 0 1px no-repeat;
}

.aside_myssg .myssg_lnb .control li.active ul ul li a:hover {
  display: block;
  width: 151px;
  line-height: 24px;
  margin-left: 1px;
  padding-left: 41px;
  background: url(../img/csc/bg_dot02.gif) 0 -23px no-repeat;
}

.aside_myssg .myssg_lnb .control li.info.active ul {
  border-bottom: 1px dotted #a0a0a0;
}

.aside_myssg .myssg_lnb .control li ul li a {
  display: block;
  padding-left: 30px;
  height: 24px;
  line-height: 24px;
  background: url(../img/csc/bg_dot.gif) 18px 10px no-repeat;
  color: #666;
  font-size: 12px;
  text-decoration: none;
}

.aside_myssg .myssg_lnb .control li ul li p a {
  display: inline;
  padding-left: 0;
  height: 24px;
  line-height: 24px;
  background: none;
  color: #666;
  font-size: 12px;
  text-decoration: none;
}

.aside_myssg .myssg_lnb .control li ul li p a:hover {
  color: #000;
}

.aside_myssg .myssg_lnb .control li ul li p {
  color: #666;
}

.aside_myssg .myssg_lnb .control li ul li.myssg_l_clip {
  position: relative;
}

.aside_myssg .myssg_lnb .control li ul li.myssg_l_clip p {
  position: absolute;
  left: 72px;
  top: 1px;
  z-index: 10;
  font-size: 12px;
}

.aside_myssg .myssg_lnb .control li ul li.myssg_l_clip p a {
  margin: 0 2px 0 3px;
  letter-spacing: -1px;
}

.aside_myssg .myssg_lnb .control li.info ul li a {
  display: block;
  padding: 6px 0 5px 30px;
  height: auto;
  line-height: 14px;
  background: url(../img/csc/bg_dot.gif) 18px 10px no-repeat;
  color: #666;
  font-size: 12px;
  text-decoration: none;
}

.aside_myssg .myssg_lnb .control li.active li a {
  background: url(../img/csc/bg_dot.gif) 1px 0 no-repeat;
  background-position: 20px 11px;
}

.aside_myssg .myssg_lnb .control li.active li a:hover {
  background: url(../img/csc/bg_aside_hover.gif) 1px 0 no-repeat;
}

.aside_myssg .myssg_lnb .control li.active li p a {
  background: none;
}

.aside_myssg .myssg_lnb .control li.active li p a:hover {
  background: none;
}

.aside_myssg .myssg_lnb .control li ul {
  display: none;
}

.aside_myssg .myssg_lnb .control li a span {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  line-height: 0;
  visibility: hidden;
}

.aside_myssg .myssg_lnb.v3 .control li a span {
  font-size: 15px;
  padding-left: 44px;
  letter-spacing: -1px;
  color: #747474;
  visibility: visible;
  line-height: 50px;
  height: 50px;
  position: static;
  width: auto;
  height: auto;
}

.aside_myssg .myssg_lnb.v3 .control li a:hover span,
.aside_myssg .myssg_lnb.v3 .control li.active a span {
  color: #fff;
}

:lang(en) .aside_myssg .myssg_lnb.v3 .control li a span {
  font-size: 14px;
  padding-left: 40px;
}

.aside_myssg .myssg_nav {
  position: absolute;
  left: 0;
  top: 194px;
  border-top: 3px solid #7ca4bf;
}

.aside_myssg .myssg_lnb .control li ul li.active > a {
  background: url(../img/csc/bg_aside_hover.gif) 1px 0 no-repeat !important;
}

.aside_myssg .myssg_lnb .control li ul ul li.active > a {
  background: url(../img/csc/bg_dot02.gif) 0 -23px no-repeat !important;
}

:lang(en) .aside_myssg .myssg_lnb .control li ul li a,
:lang(zh) .aside_myssg .myssg_lnb .control li ul li a {
  display: block;
  padding: 6px 0 5px 30px;
  height: auto;
  line-height: 14px;
  background: url(../img/csc/bg_dot.gif) 18px 10px no-repeat;
  color: #666;
  font-size: 12px;
  text-decoration: none;
}

.content_myssg {
  position: relative;
  float: right;
  z-index: 1;
  width: 790px;
  min-height: 690px;
  padding-left: 230px;
  background: url(../img/mem/bg_myssg_left.gif) repeat-y;
}

.content_myssg,
.content_myssg button,
.content_myssg input,
.content_myssg textarea {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.inline-markup {
  white-space: pre-line;
}

.inline-markup .im-bold {
  font-weight: var(--m-fontWeights-bold, 700);
  white-space: pre-line;
}

.inline-markup .im-accent {
  white-space: pre-line;
}

@-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);
  }
}
.body_wide_ctn #container.cmmyssg_wrap {
  width: 1280px;
}
.body_wide_ctn #container.cmmyssg_wrap .content_myssg {
  float: none;
  width: auto;
  min-height: auto;
  padding-left: 0;
  background: none;
}
.body_wide_ctn #container.cmmyssg_wrap .content_myssg {
  position: relative;
  float: left;
  width: 1020px;
  margin: 0 0 0 40px;
}
.body_wide_ctn #container.cmmyssg_wrap .content_myssg .universe_grade {
  margin: 23px 0 40px;
}
.body_wide_ctn #container.cmmyssg_wrap .content_myssg .universe_banner {
  margin-bottom: 30px;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_sec.mom_sec {
  padding-top: 0;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_sec.mom_sec .cmem_msg_head {
  border-bottom: 0;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_term_inner {
  margin-left: 0;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_terms .cmem_term_tit {
  font-size: 14px;
  font-weight: 700;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_sec_cont {
  border-bottom: 0;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_term_box .cmem_btn {
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_term_box .cmem_btn:after {
  width: 20px;
  height: 20px;
  background: url(../img/myssg/ico_chevron_right.png) no-repeat;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: 6px;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_btnarea.mombtn {
  margin-top: 47px;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_btnarea.mombtn .cmem_btn {
  background: #181818;
  color: #fff;
  border-radius: 8px;
  height: 52px;
  font-size: 15px;
}
.body_wide_ctn #container.cmmyssg_wrap .new01 .cmem_msg_head.omnitit {
  border-top: 1px solid #e5e5e5;
  border-bottom: 0;
  padding-top: 50px;
}
.body_wide_ctn #container.cmmyssg_wrap .cmmyssg_wrap a {
  text-decoration: none;
}
.body_wide_ctn #container.cmmyssg_wrap .cmmyssg_tx_point {
  color: var(--m-colors-primary, #ff5452);
}
.body_wide_ctn #container.cmmyssg_wrap .cmmyssg_tx_gray {
  color: #666;
}

.cmmyssg_wrap a {
  text-decoration: none;
}

.body_wide_ctn #container.cmmyssg_wrap .content_myssg.new01 {
  margin: 0 0 0 60px;
}

.cmmyssg_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1280px;
  margin: 40px 0;
  border-radius: 8px;
  background: #fafafa;
}
.cmmyssg_header.v2 {
  min-height: 305px;
  margin: 40px 0 20px;
}
.cmmyssg_header.v2 .cmmyssg_user {
  width: 390px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 30px;
}
.cmmyssg_header.v2 .cmmyssg_user .cmmyssg_asset_btns {
  display: none;
}
.cmmyssg_header.v2 .cmmyssg_user_grade {
  margin-right: 12px;
}
.cmmyssg_header.v2 .cmmyssg_user_gradelink {
  width: 50px;
  height: 50px;
}
.cmmyssg_header.v2 .cmmyssg_user_gradelink > .cmmyssg_user_gradeic {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.cmmyssg_header.v2 .cmmyssg_user_btnarea {
  margin-top: 4px;
}
.cmmyssg_header.v2 .cmmyssg_user_btnarea .icon_chevron_right_small {
  line-height: 0;
}
.cmmyssg_header.v2 .cmmyssg_user_btnarea .icon_chevron_right_small:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M10.452 16.536l-0.852-0.852 3.816-3.816-3.816-3.816 0.852-0.852 4.656 4.668-4.656 4.668z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
  margin-top: -2px;
}
.cmmyssg_header.v2 .cmmyssg_user_btn {
  min-width: auto;
  width: auto;
  height: auto;
  padding: 0;
  background: none;
  border: none;
  font-size: 15px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  color: #222;
  line-height: 1.2666666667;
  letter-spacing: 0;
}
.cmmyssg_header.v2 .cmmyssg_user_info_wrap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_header.v2 .cmmyssg_user_info_wrap .cmmyssg_user_tier {
  display: block;
  margin-left: auto;
  font-size: var(--m-fontSizes-5xl, 24px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2083333333;
}
.cmmyssg_header.v2 .cmmyssg_user_info_item_group {
  min-width: calc(100% - 62px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cmmyssg_header.v2 .cmmyssg_user_info {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: calc(100% - 120px);
  margin-right: 12px;
}
.cmmyssg_header.v2 .cmmyssg_user_info .cmmyssg_user_tittx {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cmmyssg_header.v2 .cmmyssg_user_info .cmmyssg_user_titname {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_header.v2 .cmmyssg_user_info .cmmyssg_user_titname > span:first-child {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cmmyssg_header.v2 .cmmyssg_user_info .cmmyssg_user_titname > span:first-child + span {
  margin-left: 4px;
}
.cmmyssg_header.v2 .cmmyssg_user_info + .cmmyssg_user_guidetx {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  margin-top: 0;
}
.cmmyssg_header.v2 .cmmyssg_asset {
  width: 295px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.cmmyssg_header.v2 .cmmyssg_asset_user_btn {
  width: 100%;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  font-size: 13px;
  color: #000;
  letter-spacing: -0.3px;
}
.cmmyssg_header.v2 .cmmyssg_asset_user_btn + .cmmyssg_asset_user_btn {
  margin-top: 0;
}
.cmmyssg_header.v2 .cmmyssg_user_guidetx {
  margin-top: 25px;
  font-size: 13px;
  color: #666;
}
.cmmyssg_header.v2 .cmmyssg_user_guidetx .cmmyssg_tooltipwrap {
  line-height: 0;
  vertical-align: middle;
}
.cmmyssg_header.v2 .cmmyssg_user_guidetx .icon_imark_circle:after {
  width: 16px;
  height: 16px;
  margin-top: -2px;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns {
  margin-top: 10px;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns > .cmmyssg_msgwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -2.5px;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_btn_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0 2.5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_btn_wrap .cmmyssg_asset_btn {
  width: 100%;
  margin-left: 0;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_msgwrap.on .cmmyssg_asset_btn:after {
  width: 5px;
  height: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: -8px;
  z-index: 1;
  background-color: #fff;
  border: 1px solid transparent;
  border-right-color: #222;
  border-bottom-color: #222;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_msgwrap.on .cmmyssg_btn_charge:after,
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_msgwrap.on .cmmyssg_btn_transform:after {
  content: none;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_btn_charge {
  background-color: var(--m-colors-primary, #ff5452);
  border-color: var(--m-colors-primary, #ff5452);
  color: #fff;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_btn_transform {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.cmmyssg_header.v2 .cmmyssg_asset_btns .cmmyssg_btn_point {
  background-color: #666;
  border-color: #666;
  color: #fff;
}
.cmmyssg_header.v2 .cmmyssg_msg {
  background-color: #fff;
  border: 1px solid #222;
  color: #222;
}
.cmmyssg_header.v2 .cmmyssg_user_slide_container {
  width: 100%;
  height: 65px;
  margin-top: 10px;
  overflow: hidden;
}
.cmmyssg_header.v2 .cmmyssg_user_slide_wrapper {
  height: auto;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx {
  height: auto;
  background-color: #e5e5e5;
  border-radius: 4px;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx > a {
  width: 100%;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 8px 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 6px;
  font-size: 13px;
  color: #222;
  line-height: 1.5384615385;
  letter-spacing: -0.5px;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx p > span {
  display: block;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx .icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.cmmyssg_header.v2 .cmmyssg_user_noticetx .icon:after {
  background-image: url(../img/myssg/icon_chevron_right_sm.svg);
}
.cmmyssg_header.v2 .cmmyssg_asset_btn_group {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: auto;
}
.cmmyssg_header.v2 .cmmyssg_asset_btn_group .cmmyssg_asset_btn {
  margin-left: 0;
}
.cmmyssg_header.v2 .cmmyssg_btn_month_coupon_download {
  min-width: 95px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #222;
  border-radius: 4px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  line-height: 1.1666666667;
}
.cmmyssg_header.v2 .cmmyssg_btn_birth {
  min-width: 95px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, right top, left top, from(#be3ffa), color-stop(40.65%, #f43479), color-stop(58.41%, #f43479), to(#ff5452));
  background: linear-gradient(270deg, #be3ffa 0%, #f43479 40.65%, #f43479 58.41%, #ff5452 100%);
  border-radius: 4px;
  font-weight: bold;
  font-weight: 500;
  font-size: 12px;
  color: #fff;
  line-height: 1.1666666667;
}
.cmmyssg_header.v2 .cmmyssg_asset_group {
  padding: 0;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_detail {
  margin-top: 8px;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money,
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_point,
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_account {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_account ~ [class*=cmmyssg_asset_] {
  border-top: 2px solid var(--m-colors-white, #ffffff);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money .cmmyssg_asset_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money .icon_circle_info {
  width: 24px;
  height: 24px;
  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;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money .icon_circle_info:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28102%2C102%2C102%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money .cmmyssg_asset_subtit {
  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;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money .cmmyssg_asset_subtit:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28102%2C102%2C102%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.cmmyssg_header.v2 .cmmyssg_asset_group .cmmyssg_asset_gourmet_money:only-child .cmmyssg_asset_detail {
  margin-top: 39px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user {
  background: -webkit-image-set(url(../img/myssg/bg_universe.png) 1x, url(../img/myssg/bg_universe@2x.png) 2x) no-repeat center/cover;
  background: image-set(url(../img/myssg/bg_universe.png) 1x, url(../img/myssg/bg_universe@2x.png) 2x) no-repeat center/cover;
  border-radius: 8px 0 0 8px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_tit,
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_btn,
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_guidetx {
  color: #fff;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_btnarea .icon_chevron_right_small: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%28255%2C255%2C255%29' d='M10.452 16.536l-0.852-0.852 3.816-3.816-3.816-3.816 0.852-0.852 4.656 4.668-4.656 4.668z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_info.is-birthday .cmmyssg_user_tittx: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%28255%2C255%2C255%29' d='M6.817 3.468h1.2v1.464h-1.2v-1.464z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M11.4 3.468h1.2v1.464h-1.2v-1.464z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M17.196 3.468h-1.2v1.464h1.2v-1.464z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M17.197 10.056h0.42c1.812 0 3.288 1.476 3.288 3.3v7.788h-17.808v-7.788c0-1.824 1.488-3.3 3.3-3.3h0.42v-4.032h1.2v4.032h3.384v-4.032h1.2v4.032h3.396v-4.032h1.2v4.032zM17.617 11.256h-11.22c-1.044 0-1.908 0.756-2.088 1.764 0.672 0.168 1.104 0.576 1.452 0.924l0.017 0.017c0.375 0.363 0.651 0.631 1.219 0.631 0.588 0 0.852-0.264 1.236-0.648 0.444-0.456 0.996-1.008 2.076-1.008s1.644 0.564 2.088 1.008l0.017 0.017c0.375 0.363 0.651 0.631 1.219 0.631 0.588 0 0.852-0.264 1.236-0.648 0.456-0.456 1.008-1.008 2.088-1.008s1.644 0.564 2.088 1.008c0.228 0.216 0.42 0.396 0.66 0.516v-1.104c0-1.164-0.936-2.1-2.088-2.1zM4.297 14.268v5.64h15.42v-4.212c-0.708-0.156-1.152-0.564-1.512-0.924-0.013-0.012-0.026-0.025-0.038-0.037-0.364-0.353-0.63-0.611-1.198-0.611-0.588 0-0.852 0.264-1.236 0.648-0.456 0.456-1.008 1.008-2.088 1.008-1.068 0-1.632-0.564-2.076-1.008l-0.017-0.017c-0.375-0.363-0.651-0.631-1.219-0.631s-0.844 0.268-1.231 0.643l-0.017 0.017c-0.444 0.456-0.996 1.008-2.076 1.008-1.068 0-1.632-0.564-2.076-1.008-0.216-0.228-0.408-0.396-0.636-0.516z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 28px;
  height: 28px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_user_guidetx .icon_imark_circle: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%28255%2C255%2C255%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  -webkit-filter: none;
          filter: none;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_asset_btns {
  width: 100%;
  display: block;
  margin-top: 60px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_asset_btns .cmmyssg_msgwrap {
  margin: 0 -2px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_asset_btns .cmmyssg_btn_wrap {
  padding: 0 2px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_asset_btns .cmmyssg_asset_btn {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  background-color: #5c73b4;
  border-color: #5c73b4;
  color: #fff;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user .cmmyssg_asset_btns + .cmmyssg_user_guidetx {
  margin-top: 20px;
}
.body_wide_ctn #container.cmmyssg_wrap .cmmyssg_header.universe .cmmyssg_tx_point {
  font-weight: bold;
  color: inherit;
}

.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_btn_month_coupon_download {
  background-color: #5c73b4;
  border-color: #5c73b4;
  color: #fff;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_btn_month_coupon_download:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.cmmyssg_header.universe:not(:has(.cmmyssg_user_benefit)) .cmmyssg_user_slide_container {
  margin-top: auto;
}
.cmmyssg_header.universe .cmmyssg_user_benefit .cmmyssg_user_card {
  border-color: var(--m-colors-service-universe_secondary_01, #497cff);
}
.cmmyssg_header.universe .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend {
  background: var(--m-colors-service-universe_secondary_01, #497cff);
}
.cmmyssg_header.universe .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend .cmmyssg_sheet_body {
  color: var(--m-colors-white, #ffffff);
}
.cmmyssg_header.universe .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend .cmmyssg_sheet_append {
  color: var(--m-colors-white, #ffffff);
}
.cmmyssg_header.universe .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_accordion_content_group {
  border-color: var(--m-colors-service-universe_secondary_01, #497cff);
  border-top-color: var(--m-colors-gray350, #cfcfcf);
}
.cmmyssg_header.universe .cmmyssg_user_accordion {
  border-color: var(--m-colors-service-universe_primary_02, #002041);
}
.cmmyssg_header.is-b2b .cmmyssg_user .cmmyssg_user_gradelink > .cmmyssg_user_gradeic {
  background-image: -webkit-image-set(url(../img/myssg/grade_biz.png) 1x, url(../img/myssg/grade_biz@2x.png) 2x);
  background-image: image-set(url(../img/myssg/grade_biz.png) 1x, url(../img/myssg/grade_biz@2x.png) 2x);
  background-image: url(../img/myssg/grade_biz@2x.png);
  background-position: 0 0;
  background-size: 100% auto;
}
.cmmyssg_header.ssg7club.is-tving .cmmyssg_user_benefit .cmmyssg_user_nudging .im-accent {
  color: var(--m-colors-service-ssg7club_primary, #00a354);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_nudging .im-accent {
  color: var(--m-colors-primary_dark, #ff0014);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_card {
  border-color: var(--m-colors-service-ssg7club_primary, #00a354);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_user_card_divider {
  display: none;
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend {
  background: var(--m-colors-service-ssg7club_primary, #00a354);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend .cmmyssg_sheet_body {
  color: var(--m-colors-white, #ffffff);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_card_content .cmmyssg_card_prepend .cmmyssg_sheet_append {
  color: var(--m-colors-white, #ffffff);
}
.cmmyssg_header.ssg7club .cmmyssg_user_benefit .cmmyssg_user_accordion {
  border-color: var(--m-colors-service-ssg7club_primary, #00a354);
}

.cmmyssg_user {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 10px 30px 30px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_user_grade {
  margin-right: 30px;
}
.cmmyssg_user_gradelink {
  display: block;
}
.cmmyssg_user_gradeic {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: url(../img/myssg/sp_myssg_grade.png);
}
.cmmyssg_user_gradeic.ty_family {
  background-position: 0 0;
}
.cmmyssg_user_gradeic.ty_bronze {
  background-position: -110px 0;
}
.cmmyssg_user_gradeic.ty_silver {
  background-position: -220px 0;
}
.cmmyssg_user_gradeic.ty_gold {
  background-position: 0 -110px;
}
.cmmyssg_user_gradeic.ty_vip {
  background-position: -110px -110px;
}
.cmmyssg_user_gradeic.ty_friends {
  background-image: url(../img/myssg/img_myssg_grade_friends.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .cmmyssg_user_gradeic {
    background-image: url(../img/myssg/sp_myssg_grade@2x.png);
    background-size: 320px auto;
  }
}
.cmmyssg_user_gradetx {
  margin-top: 15px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #222;
  text-align: center;
}
.cmmyssg_user_tit {
  font-size: 24px;
  font-weight: normal;
  line-height: 29px;
  letter-spacing: -0.7px;
  color: #222;
}
.cmmyssg_user_tit a {
  color: inherit;
}
.cmmyssg_user_titname {
  font-weight: bold;
}
.cmmyssg_user_progress {
  position: relative;
  width: 300px;
  height: 4px;
  margin-top: 15px;
  padding: 2px 0;
}
.cmmyssg_user_progress:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 4px;
  border-radius: 2px;
  background: #e5e5e5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.cmmyssg_user_progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  height: 100%;
  border-radius: 2px;
  background: #222;
}
.cmmyssg_user_progressbar:after {
  width: 8px;
  height: 8px;
  border: 2px solid #f5f5f5;
  border-radius: 50%;
  background: #222;
  content: "";
}
.cmmyssg_user_guide {
  margin-top: 15px;
}
.cmmyssg_user_guidetx {
  margin-top: 8px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #444;
}
.cmmyssg_user_guidetx .cmmyssg_tx_point {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
}
.cmmyssg_user_guidetx .icon_imark_circle::after {
  -webkit-filter: invert(21%) sepia(8%) saturate(0%) hue-rotate(192deg) brightness(95%) contrast(79%);
          filter: invert(21%) sepia(8%) saturate(0%) hue-rotate(192deg) brightness(95%) contrast(79%);
}
.cmmyssg_user_btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}
.cmmyssg_user_btnarea .cmmyssg_user_btnitem {
  margin-left: 5px;
  line-height: 0;
}
.cmmyssg_user_btnarea .cmmyssg_user_btnitem:first-child {
  margin-left: 0;
}
.cmmyssg_user_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 128px;
  height: 30px;
  padding: 7px 15px 5px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #000;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: top;
}
.cmmyssg_user .cmmyssg_user_info_wrap {
  height: 50px;
}
.cmmyssg_user .cmmyssg_user_info_wrap ~ .cmmyssg_user_guidetx {
  margin-top: auto;
}
.cmmyssg_user .cmmyssg_user_info_wrap ~ .cmmyssg_user_guidetx + .cmmyssg_user_guidetx {
  margin-top: 8px;
}

.cmmyssg_user .cmmyssg_user_benefit {
  width: 100%;
  margin-top: 38px;
  position: relative;
}
.cmmyssg_user .icon_chevron_right_small {
  line-height: 0;
}
.cmmyssg_user .icon_chevron_right_small:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmmyssg_user .icon_chevron_down_small {
  line-height: 0;
}
.cmmyssg_user .icon_chevron_down_small:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e029";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmmyssg_user .icon_chevron_up_small {
  line-height: 0;
}
.cmmyssg_user .icon_chevron_up_small:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e02f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmmyssg_user .cmmyssg_scroll_wrapper {
  overflow-y: auto;
}
.cmmyssg_user .cmmyssg_scroll_wrapper::-webkit-scrollbar {
  width: 4px;
}
.cmmyssg_user .cmmyssg_scroll_wrapper::-webkit-scrollbar-track {
  background-color: transparent;
}
.cmmyssg_user .cmmyssg_scroll_wrapper::-webkit-scrollbar-thumb {
  background-color: var(--m-colors-gray300, #e5e5e5);
  border-radius: 2px;
}
.cmmyssg_user .cmmyssg_user_benefit_btn_more {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  height: 40px;
  border-radius: var(--m-radii-none, 0);
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  width: 100%;
  padding: 0 12px;
  background-color: var(--m-colors-gray150, #f5f5f5);
  color: var(--m-colors-gray900, #222222);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_user .cmmyssg_user_benefit_btn_more:after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: var(--m-font-icon) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02d";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 0;
}
.cmmyssg_user .cmmyssg_user_benefit_btn_more:active {
  -webkit-box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
          box-shadow: inset 0 0 0 500px var(--m-colors-black_alpha8, rgba(0, 0, 0, 0.08));
  -webkit-filter: brightness(92%);
          filter: brightness(92%);
  -webkit-tap-highlight-color: transparent;
}
.cmmyssg_user .cmmyssg_user_nudging > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-size: var(--m-fontSizes-lg, 15px);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.cmmyssg_user .cmmyssg_user_nudging .im-accent {
  color: var(--m-colors-service-ssg7club_primary, #00a354);
}
.cmmyssg_user .cmmyssg_user_nudging + .cmmyssg_user_card {
  margin-top: 12px;
}
.cmmyssg_user .cmmyssg_user_card {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: var(--m-colors-white, #ffffff);
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  border-radius: 8px;
}
.cmmyssg_user .cmmyssg_user_card a[href] {
  color: var(--m-colors-gray900, #222222);
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend {
  background-color: var(--m-colors-gray150, #f5f5f5);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  overflow: hidden;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet {
  position: relative;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet .cmmyssg_sheet_content {
  height: 32px;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet .cmmyssg_sheet_prepend {
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-white, #ffffff);
  line-height: 1.2307692308;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet .cmmyssg_sheet_prepend + .cmmyssg_sheet_body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet .cmmyssg_sheet_prepend + .cmmyssg_sheet_body:before {
  content: "";
  width: 1px;
  height: 12px;
  display: inline-block;
  margin: 0 8px;
  background-color: var(--m-colors-gray300, #e5e5e5);
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_user_sheet .cmmyssg_sheet_body {
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-medium, 500);
  color: var(--m-colors-gray600, #777777);
  line-height: 1.2307692308;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_ssg7_charactor {
  width: 102px;
  height: 68px;
  display: block;
  position: absolute;
  top: -68px;
  right: -6px;
}
.cmmyssg_user .cmmyssg_user_card .cmmyssg_card_prepend .cmmyssg_ssg7_charactor > img {
  width: 100%;
}
.cmmyssg_user .cmmyssg_user_card.no-bottom-radius {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.cmmyssg_user .cmmyssg_user_sheet {
  width: 100%;
  position: relative;
}
.cmmyssg_user .cmmyssg_user_sheet .cmmyssg_sheet_content {
  width: 100%;
  height: 52px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_user .cmmyssg_user_sheet .cmmyssg_sheet_body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: var(--m-fontSizes-sm, 13px);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2142857143;
}
.cmmyssg_user .cmmyssg_user_sheet .cmmyssg_sheet_body > strong {
  font-weight: var(--m-fontWeights-bold, 700);
}
.cmmyssg_user .cmmyssg_user_sheet .cmmyssg_sheet_append {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  line-height: 0;
}
.cmmyssg_user .cmmyssg_user_sheet .cmmyssg_sheet_append > span {
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-bold, 700);
  line-height: 1.2142857143;
}
.cmmyssg_user .cmmyssg_user_benefit_list {
  width: 100%;
}
.cmmyssg_user .cmmyssg_user_benefit_list > .cmmyssg_sheet_content {
  height: 48px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 12px 0 16px;
}
.cmmyssg_user .cmmyssg_user_benefit_list .swiper-container-benefits {
  height: 48px;
  overflow: hidden;
}
.cmmyssg_user .cmmyssg_user_benefit_list .swiper-container-benefits .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-medium, 500);
  line-height: 1.2142857143;
  color: var(--m-colors-gray900, #222222);
}
.cmmyssg_user .cmmyssg_user_benefit_list .swiper-container-benefits .swiper-slide > strong {
  font-weight: var(--m-fontWeights-bold, 700);
}
.cmmyssg_user .cmmyssg_user_benefit_list .swiper-container-benefits .swiper-slide .cmmyssg_user_sheet {
  padding: 0;
}
.cmmyssg_user .cmmyssg_user_benefit_list .swiper-container-benefits ~ [class*=icon_chevron_] {
  display: block;
  line-height: 0;
}
.cmmyssg_user .cmmyssg_user_accordion {
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
  border: 1px solid var(--m-colors-gray350, #cfcfcf);
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  z-index: 1000;
}
.cmmyssg_user .cmmyssg_user_accordion.is-expanded .cmmyssg_accordion_trigger .icon_chevron_down_small:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-family: var(--m-font-icon) !important;
  font-size: 20px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: var(--m-colors-gray900, #222222);
  content: "\e02f";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cmmyssg_user .cmmyssg_user_accordion.is-expanded .cmmyssg_accordion_content_group {
  display: block;
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_trigger {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_content_group {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid var(--m-colors-gray350, #cfcfcf);
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_body {
  width: 100%;
  padding: 4px 4px 4px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_body .cmmyssg_user_sheet .cmmyssg_sheet_body {
  font-size: var(--m-fontSizes-sm, 13px);
  font-weight: var(--m-fontWeights-semibold, 600);
  line-height: 1.2307692308;
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_body .cmmyssg_user_sheet + .cmmyssg_user_sheet {
  border-top: 1px solid var(--m-colors-gray200, #f0f0f0);
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_scroll_wrapper {
  max-height: 182px;
}
.cmmyssg_user .cmmyssg_user_accordion .cmmyssg_accordion_action_bar {
  width: 100%;
}
.cmmyssg_user .swiper-container-notice {
  height: 58px;
  margin: 10px 0 0;
  overflow: hidden;
}
.cmmyssg_user .swiper-container-notice .swiper-slide {
  height: 58px;
}
.cmmyssg_user .swiper-container-notice .cmmyssg_user_sheet .cmmyssg_sheet_content {
  height: 58px;
}

.cmmyssg_asset {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 257px;
  padding: 30px;
  border-left: 2px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_asset_tit .cmmyssg_tooltipwrap {
  margin-top: 1px;
}
.cmmyssg_asset_tittx {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.3px;
  color: #222;
  vertical-align: top;
}
.cmmyssg_asset_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 10px;
}
.cmmyssg_asset_value {
  white-space: nowrap;
}
.cmmyssg_asset_valuenum {
  font-weight: bold;
  font-size: 24px;
  line-height: 30px;
  color: #222;
}
.cmmyssg_asset_valuetx {
  margin: 0 0 2px 5px;
  font-size: 14px;
  line-height: 17px;
  color: #222;
}
.cmmyssg_asset_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;
  position: relative;
  width: 70px;
  height: 30px;
  margin-left: 8px;
  padding: 7px 0 5px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #000;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: top;
}
.cmmyssg_asset_fullbtn {
  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: 30px;
  padding: 7px 0 5px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #000;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: top;
}
.cmmyssg_asset .cmmyssg_msgwrap {
  position: relative;
}
.cmmyssg_asset .cmmyssg_msgwrap.on .cmmyssg_asset_btn:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #222;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cmmyssg_asset .cmmyssg_msgwrap.on .cmmyssg_msg {
  display: block;
}
.cmmyssg_asset .cmmyssg_msg {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  opacity: 0.98;
  min-width: 193px;
  margin-top: 5px;
  padding: 9px 33px 8px 12px;
  border-radius: 4px;
  background: #222;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #fff;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.cmmyssg_asset .cmmyssg_msg_close {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cmmyssg_asset .cmmyssg_msg_close i.icon {
  vertical-align: top;
}
.cmmyssg_asset_detail {
  margin-top: 39px;
}
.cmmyssg_asset_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  white-space: nowrap;
}
.cmmyssg_asset_row:first-child {
  margin-top: 0;
}
.cmmyssg_asset_subtit {
  margin-right: 30px;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #444;
}
.cmmyssg_asset_subtx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-left: auto;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #444;
}
.cmmyssg_asset_subtx .cmmyssg_ellipsis {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cmmyssg_asset_subtx .cmmyssg_icon_rightArrow {
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
  width: 12px;
  height: 12px;
  margin-left: 2px;
  margin-top: 1px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.cmmyssg_header.ty_light .cmmyssg_user {
  height: 100px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.cmmyssg_header.ty_light .cmmyssg_user_grade {
  margin-right: 12px;
}
.cmmyssg_header.ty_light .cmmyssg_user_gradelink {
  width: 50px;
  height: 50px;
}
.cmmyssg_header.ty_light .cmmyssg_user_gradeic {
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.cmmyssg_header.ty_light .cmmyssg_user_info {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.cmmyssg_header.ty_light .cmmyssg_user_btnarea {
  margin: 0 0 0 15px;
}
.cmmyssg_header.ty_light .cmmyssg_asset {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: auto;
  border-left: 1px solid transparent;
}
.cmmyssg_header.ty_light .cmmyssg_asset:after {
  position: absolute;
  top: 50%;
  left: -1px;
  width: 1px;
  height: 18px;
  background: #e5e5e5;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
}
.cmmyssg_header.ty_light .cmmyssg_user + .cmmyssg_asset:after {
  display: none;
}
.cmmyssg_header.ty_light .cmmyssg_asset_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_header.ty_light .cmmyssg_asset_tit:after {
  width: 20px;
  height: 20px;
  margin-left: 3px;
  background: url(../img/myssg/ico_chevron_right.png) no-repeat;
  content: "";
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .cmmyssg_header.ty_light .cmmyssg_asset_tit:after {
    background-image: url(../img/myssg/ico_chevron_right@2x.png);
    background-size: 20px auto;
  }
}
.cmmyssg_header.ty_light .cmmyssg_asset_tittx {
  padding-top: 1px;
}

.cmmyssg_aside {
  float: left;
  width: 200px;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cmmyssg_snb {
  padding: 10px 0;
}
.cmmyssg_snb_item {
  margin: 0 30px;
  padding: 20px 0;
  position: relative;
  border-top: 1px solid #e5e5e5;
}
.cmmyssg_snb_item .cmmyssg_headbubble {
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 20;
}
.cmmyssg_snb_item:first-child {
  border-top: 0;
}
.cmmyssg_snb_tit {
  display: block;
  font-weight: bold;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -0.3px;
  color: #000;
}
.cmmyssg_snb_subitem {
  margin-top: 15px;
}
.cmmyssg_snb_subitem a {
  display: block;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: -0.3px;
  color: #777;
  white-space: nowrap;
}

.cmmyssg_quick_item {
  border-top: 1px solid #e5e5e5;
}
.cmmyssg_quick_item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 30px;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.3px;
  color: #000;
}
.cmmyssg_quick i.icon {
  margin-right: 5px;
}
.cmmyssg_quick .icon_chat_individual:after {
  display: inline-block;
  width: 24px;
  height: 24px;
  font-family: var(--m-font-icon) !important;
  font-size: 24px;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: inherit;
  content: "\e0a7";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
}

.cmmyssg_tooltipwrap {
  display: inline-block;
  position: relative;
  line-height: 16px;
  vertical-align: top;
}

.cmmyssg_tooltip_open i.icon {
  vertical-align: top;
}

.cmmyssg_tooltip {
  display: none;
  position: absolute;
  z-index: 410;
  width: 588px;
  margin: 5px 0;
  padding: 29px;
  border: 1px solid #222;
  background: #fff;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_tooltip_head {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 13px;
  border-bottom: 3px solid #222;
}
.cmmyssg_tooltip_tit {
  display: inline-block;
  padding-top: 2px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #000;
  vertical-align: top;
}
.cmmyssg_tooltip_close {
  position: absolute;
  top: -4px;
  right: -4px;
  width: 28px;
  height: 28px;
}
.cmmyssg_tooltip_tx {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #000;
}
.cmmyssg_tooltip_lst li {
  position: relative;
  margin-top: 20px;
  padding-left: 14px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #000;
}
.cmmyssg_tooltip_lst li:first-child {
  margin-top: 0;
}
.cmmyssg_tooltip_lst li:after {
  position: absolute;
  top: 13px;
  left: 4px;
  width: 2px;
  height: 2px;
  background: #000;
  content: "";
}
.cmmyssg_tooltip_dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: -10px 0 0 -30px;
}
.cmmyssg_tooltip_dl dt,
.cmmyssg_tooltip_dl dd {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  max-width: 50%;
  padding: 10px 0 0 30px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #666;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_tooltip_dl dd {
  text-align: right;
}
.cmmyssg_tooltip_dl.ty_total dt,
.cmmyssg_tooltip_dl.ty_total dd {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  color: #222;
}
.cmmyssg_tooltip_hr {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 20px 0;
  border-bottom: 1px solid #e5e5e5;
}
.cmmyssg_tooltip_conttit {
  display: block;
  margin-top: 10px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #000;
}
.cmmyssg_tooltip_conttit:first-child {
  margin-top: 0;
}
.cmmyssg_tooltip_contbox {
  margin-top: 10px;
}
.cmmyssg_tooltip_contbox:first-child {
  margin-top: 0;
}
.cmmyssg_tooltip_conttx {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #222;
}
.cmmyssg_tooltip_contdesc {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #666;
}
.cmmyssg_tooltip_contlst li {
  position: relative;
  padding-left: 13px;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.3px;
  color: #222;
}
.cmmyssg_tooltip_contlst li:after {
  position: absolute;
  top: 13px;
  left: 4px;
  width: 2px;
  height: 2px;
  background: #222;
  content: "";
}

.cmmyssg_headbubble:before {
  content: "";
  border-style: solid;
  position: absolute;
}
.cmmyssg_headbubble.placement-top-left:before {
  top: -5px;
  left: 23px;
  border-width: 0 6px 7px 6px;
  border-color: transparent transparent #ffd000 transparent;
}
.cmmyssg_headbubble.placement-bottom-left:before {
  bottom: -5px;
  left: 23px;
  border-width: 7px 6px 0 6px;
  border-color: #ffd000 transparent transparent transparent;
}
.cmmyssg_headbubble.placement-left:before {
  top: 50%;
  left: -5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-width: 6px 7px 6px 0;
  border-color: transparent #ffd000 transparent transparent;
}
.cmmyssg_headbubble.membership .cmmyssg_headbubble_content {
  color: #966e46;
}
.cmmyssg_headbubble_content {
  min-height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffd040;
  border-radius: 4px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: -0.3px;
  color: #222;
  white-space: nowrap;
}

.cmmyssg_membership_banner {
  width: 100%;
  height: 100px;
  margin-bottom: 40px;
  position: relative;
  background-color: #a78353;
  border-radius: 8px;
}
.cmmyssg_membership_banner #lottieTarget {
  width: 420px;
  height: 120px;
  position: absolute;
  top: 50%;
  right: 215px;
  z-index: 200;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.cmmyssg_membership_banner .cmmyssg_membership_banner_content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_membership_banner .cmmyssg_membership_banner_append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.cmmyssg_membership_banner .cmmyssg_membership_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
.cmmyssg_membership_banner .cmmyssg_membership_info > a {
  display: block;
}
.cmmyssg_membership_banner .cmmyssg_membership_info .cmmyssg_membership_headbubble {
  padding: 9px 12px 8px;
  position: absolute;
  left: 114px;
  top: 37px;
  border-radius: 4px;
  background: #ffd040;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}
.cmmyssg_membership_banner .cmmyssg_membership_info .cmmyssg_membership_headbubble > p {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  letter-spacing: -0.3px;
  color: #966e46;
  white-space: nowrap;
}
.cmmyssg_membership_banner .cmmyssg_membership_info .cmmyssg_membership_headbubble:after {
  position: absolute;
  top: -10px;
  left: 24px;
  content: "";
  border: 5px solid transparent;
  border-bottom-color: #ffd040;
}
.cmmyssg_membership_banner .cmmyssg_membership_info .cmmyssg_headbubble {
  position: absolute;
  left: 114px;
  top: 36px;
}
.cmmyssg_membership_banner .cmmyssg_banner_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 22px;
  letter-spacing: -0.28px;
}
.cmmyssg_membership_banner .cmmyssg_banner_title .badge {
  margin-right: 8px;
}
.cmmyssg_membership_banner .cmmyssg_banner_title .badge:after {
  content: "";
  width: 76px;
  height: 28px;
  display: block;
  background: url(../img/myssg/smile-club-simple-logo-roundsquare@2x.png) no-repeat center/100% auto;
}
.cmmyssg_membership_banner .cmmyssg_banner_title > span {
  display: block;
}
.cmmyssg_membership_banner .cmmyssg_banner_title .icon:after {
  background-image: url(../img/myssg/icon_chevron_right_sm.svg);
  -webkit-filter: invert(100%) sepia(88%) saturate(0%) hue-rotate(315deg) brightness(114%) contrast(100%);
          filter: invert(100%) sepia(88%) saturate(0%) hue-rotate(315deg) brightness(114%) contrast(100%);
}
.cmmyssg_membership_banner .cmmyssg_banner_text {
  display: inline-block;
  font-size: 13px;
  line-height: 1.2307692308;
  letter-spacing: -0.16px;
}
.cmmyssg_membership_banner .cmmyssg_banner_point_text {
  color: #ffcf02;
}
.cmmyssg_membership_banner .cmmyssg_banner_marker_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 1.2142857143;
  letter-spacing: -0.3px;
}
.cmmyssg_membership_banner .cmmyssg_banner_marker_text .icon_checkmark_circle {
  margin-right: 2px;
  -webkit-filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
          filter: invert(96%) sepia(100%) saturate(12%) hue-rotate(237deg) brightness(103%) contrast(103%);
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit_list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 20px;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  line-height: 1.2857142857;
  letter-spacing: -0.28px;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit > a > span {
  display: block;
  margin-left: 10px;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit > a > strong {
  display: block;
  margin: 0 5px 0 10px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit .cmmyssg_tooltipwrap,
.cmmyssg_membership_banner .cmmyssg_membership_benefit .cmmyssg_tooltip_open {
  line-height: 1;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit .cmmyssg_tooltipwrap {
  margin-left: 5px;
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit .cmmyssg_tootip_open {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg) brightness(105%) contrast(102%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(63deg) brightness(105%) contrast(102%);
}
.cmmyssg_membership_banner .cmmyssg_membership_benefit + .cmmyssg_membership_benefit > a:before {
  content: "";
  -ms-flex-item-align: center;
      align-self: center;
  width: 1px;
  height: 17px;
  display: inline-block;
  margin: 0 12px;
  background-color: #fff;
  opacity: 0.2;
}
.cmmyssg_membership_banner .cmmyssg_membership_btn_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_membership_banner .cmmyssg_membership_btn_list .cmmyssg_membership_btn {
  width: 170px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  font-size: 13px;
  color: #966e46;
  line-height: 1.1538461538;
  letter-spacing: -0.3px;
}
.cmmyssg_membership_banner .cmmyssg_membership_btn_list .cmmyssg_membership_btn:first-child {
  background-color: #966e46;
  color: #fff;
}
.cmmyssg_membership_banner .cmmyssg_membership_btn_list .cmmyssg_membership_btn + .cmmyssg_membership_btn {
  margin-left: 5px;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_banner_content {
  position: relative;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_banner_content > a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_banner_content .cmmyssg_membership_info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_banner_subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_banner_subtitle .badge {
  margin-right: 3px;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_banner_subtitle .badge:after {
  content: "";
  width: 55px;
  height: 24px;
  display: block;
  background: url(../img/myssg/smile-club-simple-logo-roundsquare_sm@2x.png) no-repeat center/100% auto;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_banner_title {
  margin-top: 7px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 19px;
  line-height: 1.2105263158;
  letter-spacing: -0.5px;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_benefit_img {
  width: 226px;
  margin-left: 45px;
  line-height: 0;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_benefit_img > img {
  width: 100%;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_btn_list {
  margin: 0 30px 0 50px;
}
.cmmyssg_membership_banner.cmmyssg_membership_before_join .cmmyssg_membership_btn {
  width: 240px;
  height: 44px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.2142857143;
}
.cmmyssg_membership_banner.membership_banner_coupon {
  height: 60px;
}
.cmmyssg_membership_banner.membership_banner_coupon .cmmyssg_membership_btn_list .cmmyssg_membership_btn {
  width: 180px;
  background-color: #fff;
  color: #966e46;
}
.cmmyssg_membership_banner.membership_banner_coupon.v2 {
  height: 80px;
  margin-bottom: 0;
}
.cmmyssg_membership_banner.membership_banner_coupon.v2 .cmmyssg_banner_title {
  font-size: 17px;
  line-height: 24px;
}
.cmmyssg_membership_banner.membership_banner_coupon.v2 .cmmyssg_banner_title .badge:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='84' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43.334 13.169a5.045 5.045 0 00-3.21-1.287c-2.535 0-4.37 2.161-4.37 4.849 0 2.819 1.55 4.852 4.348 4.852a4.776 4.776 0 003.21-1.333l2.012 2.531a8.621 8.621 0 01-5.375 1.86c-4.61 0-7.949-3.3-7.949-7.91 0-4.458 3.626-7.91 8.105-7.91 1.856 0 3.32.59 4.938 1.618l-1.71 2.73zm7.337-5.176h-3.54V24.38h3.54V7.993zm10.615 16.384l-.305-1.507a4.406 4.406 0 01-3.584 1.77 3.995 3.995 0 01-3.014-1.55c-.963-1.223-1.049-2.712-1.049-4.35v-6.072h3.538v5.94c0 .767 0 1.66.263 2.253a1.422 1.422 0 001.4.807 2.629 2.629 0 002.183-1.223v-7.777h3.54v11.71h-2.971zm5.721-16.384h3.537v5.766c.853-1.027 2.296-1.354 3.342-1.354 3.018 0 5.31 2.776 5.31 6.16 0 3.385-2.292 6.075-5.331 6.075-1.156 0-2.795-.373-3.605-1.749l-.281 1.486h-2.972V7.993zm3.537 12.584a3.057 3.057 0 002.47 1.091c1.77 0 2.6-1.681 2.6-3.188 0-1.575-.96-3.104-2.557-3.104a2.824 2.824 0 00-2.513 1.333v3.868z' fill='%23fff'/%3E%3Cpath d='M13 3a13 13 0 100 26 13 13 0 000-26zm0 23.468c-5.005 0-9.126-4.041-9.542-9.172a.893.893 0 01.804-.957A86.898 86.898 0 0113 15.991a86.96 86.96 0 018.741.348.893.893 0 01.798.945c-.416 5.137-4.537 9.172-9.542 9.172' fill='%23FFD200'/%3E%3C/svg%3E");
}
.cmmyssg_membership_banner.membership_banner_coupon.v2 .cmmyssg_membership_btn_list .cmmyssg_membership_btn {
  width: 246px;
  height: 44px;
  padding-top: 2px;
  background-color: #ffd200;
  color: #966e46;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
}
.cmmyssg_membership_banner.universe {
  height: auto;
  background-color: transparent;
}
.cmmyssg_membership_banner.universe .cmmyssg_membership_banner_content {
  display: block;
}
.cmmyssg_membership_banner.universe .cmmyssg_membership_banner_content > img {
  width: 100%;
}

.membership_banner_use_start {
  width: 100%;
  margin: 20px 0;
  background-color: #a78353;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.membership_banner_use_start .badge {
  margin-bottom: 12px;
}
.membership_banner_use_start .membership_use_tit {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.membership_banner_use_start .membership_use_desc {
  margin-top: 3px;
  font-size: 14px;
  color: #fff;
}
.membership_banner_use_start .membership_use_desc em {
  color: #ffd200;
}
.membership_banner_use_start .membership_use_link {
  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: 330px;
  height: 32px;
  margin-top: 10px;
  background: #ffd200;
  border-radius: 4px;
  color: #966e46;
  font-size: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
}

.universe_grade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 22px 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.universe_grade .universe_grade_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.universe_grade .universe_grade_avatar {
  width: 50px;
  height: 50px;
  margin-right: 18px;
  position: relative;
  background: url(../img/myssg/universeclub_gradient_simbol.svg) no-repeat center/100% auto;
}
.universe_grade .universe_grade_avatar .universe_grade_badge {
  width: 33px;
  height: 21px;
  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: -9px;
  right: -17px;
  z-index: 10;
  background-color: var(--m-colors-primary, #ff5452);
  border-radius: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  line-height: 1.1666666667;
}
.universe_grade .ssg7club_grade_avatar {
  width: 50px;
  height: 50px;
  margin-right: 18px;
  position: relative;
  background: url("https://sui.ssgcdn.com/ui/m_ssg/img/design/common/badge_service_ssg7club_circle.png") no-repeat center/100% auto;
}
.universe_grade .ssg7club_grade_avatar .ssg7club_grade_badge {
  width: 33px;
  height: 21px;
  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: -9px;
  right: -17px;
  z-index: 10;
  background-color: var(--m-colors-primary, #ff5452);
  border-radius: 20px;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  line-height: 1.1666666667;
}
.universe_grade .universe_grade_title {
  display: block;
  font-size: 14px;
  color: #222;
  line-height: 1.2142857143;
  letter-spacing: -0.5px;
}
.universe_grade .universe_grade_title > strong {
  font-weight: bold;
}
.universe_grade .universe_grade_btn_text {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  color: #222;
  line-height: 1.2142857143;
  letter-spacing: -0.5px;
}
.universe_grade .universe_grade_btn_text .universe_btn_content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.universe_grade .universe_grade_btn_text .icon_chevron_right {
  display: block;
  margin-top: -1px;
  line-height: 0;
}
.universe_grade .universe_grade_btn_text .icon_chevron_right::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%280%2C0%2C0%29' d='M10.452 16.536l-0.852-0.852 3.816-3.816-3.816-3.816 0.852-0.852 4.656 4.668-4.656 4.668z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.universe_grade .universe_grade_text_underline {
  text-decoration: underline;
}
.universe_grade .universe_grade_btn_outline {
  width: 170px;
  height: 32px;
  display: block;
  margin-left: auto;
  border: 1px solid #cfcfcf;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 13px;
  color: #444;
  line-height: 1.2307692308;
}
.universe_grade .universe_grade_btn_outline .universe_btn_content {
  width: 100%;
  height: 100%;
  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;
}
.universe_grade .universe_grade_btn_outline .icon_download {
  display: block;
  margin-top: -2px;
  line-height: 0;
}
.universe_grade .universe_grade_btn_outline .icon_download:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2868%2C68%2C68%29' d='M19.080 10.080l-0.96-0.96-5.52 5.64v-11.16h-1.2v11.16l-5.52-5.64-0.96 0.96 7.080 6.96 7.080-6.96z'%3e%3c/path%3e %3cpath fill='rgb%2868%2C68%2C68%29' d='M18 16.8v2.4h-12v-2.4h-1.2v3.6h14.4v-3.6h-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.universe_banner {
  width: 100%;
  height: 60px;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #dee8fd;
  border-radius: 8px;
}
.universe_banner .universe_banner_content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.universe_banner .universe_banner_prepend {
  width: 68px;
  height: 32px;
  margin-right: 12px;
}
.universe_banner .universe_banner_prepend .universe_logo {
  width: 68px;
  height: 32px;
  display: block;
}
.universe_banner .universe_banner_prepend .universe_logo:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../img/myssg/universeclub_gradient_logo_kr.svg) no-repeat center/100% auto;
}
.universe_banner .universe_banner_title {
  font-weight: bold;
  font-size: 18px;
  color: #002041;
  line-height: 1.2777777778;
  letter-spacing: -0.5px;
}
.universe_banner .universe_banner_actions {
  margin-left: auto;
}
.universe_banner .universe_banner_actions .universe_banner_btn {
  width: 180px;
  height: 30px;
  display: block;
  background-color: #002041;
  border-radius: 4px;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  line-height: 1.2307692308;
  letter-spacing: -0.5px;
}
.universe_banner .universe_banner_actions .universe_banner_btn .universe_btn_content {
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.universe_banner .icon_download {
  display: block;
  margin-top: -2px;
  margin-left: 6px;
  line-height: 0;
}
.universe_banner .icon_download:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M19.080 10.080l-0.96-0.96-5.52 5.64v-11.16h-1.2v11.16l-5.52-5.64-0.96 0.96 7.080 6.96 7.080-6.96z'%3e%3c/path%3e %3cpath fill='rgb%28255%2C255%2C255%29' d='M18 16.8v2.4h-12v-2.4h-1.2v3.6h14.4v-3.6h-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}
.universe_banner .icon_chevron_right {
  display: block;
  margin-top: -2px;
  margin-left: 6px;
  line-height: 0;
}
.universe_banner .icon_chevron_right:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28255%2C255%2C255%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.myssg_modal_new_v2 {
  max-width: 320px;
  min-height: 516px;
  display: none;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
}
.myssg_modal_new_v2 .myssg_modal_content > img {
  max-width: 320px;
  display: block;
}
.myssg_modal_new_v2 .myssg_modal_content > img + .myssg_modal_title {
  margin-top: 30px;
}
.myssg_modal_new_v2 .myssg_modal_title {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  font-size: 20px;
  color: #000;
  line-height: 1.2;
}
.myssg_modal_new_v2 .myssg_modal_title ~ .myssg_modal_text {
  margin-top: 14px;
}
.myssg_modal_new_v2 .myssg_modal_text {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  color: #777;
  line-height: 1.2;
  word-break: keep-all;
}
.myssg_modal_new_v2 .myssg_modal_actions {
  margin-top: 40px;
}
.myssg_modal_new_v2 .myssg_modal_actions .myssg_modal_btn {
  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;
  padding: 0 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #222;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
}

#stampRewardStandard {
  width: 859px;
  max-width: none;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#stampRewardStandard .myssg_modal_title {
  padding-left: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: url(../img/event/bg_event_tit.gif) no-repeat 0 8px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.2083333333;
}
#stampRewardStandard .event_stamp_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px 0 0;
  padding: 0;
}
#stampRewardStandard .event_stamp_tb td:first-of-type {
  padding-left: 0;
  text-align: center;
}
#stampRewardStandard .event_stamp_tbbx,
#stampRewardStandard .event_stamp_txbx {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#stampRewardStandard .stamp_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 12px;
}
#stampRewardStandard .stamp_list > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#stampRewardStandard .stamp_list > li img {
  width: 100%;
  max-width: none;
}
#stampRewardStandard .stamp_list > li + li {
  margin-left: 20px;
}
#stampRewardStandard .myssg_modal_actions {
  margin: 30px -30px -30px;
}

.content_myssg_prepend + .cmmyssg_sec {
  margin-top: 40px;
}
.content_myssg_prepend .cmmyssg_banner {
  width: 100%;
  background-color: var(--m-colors-gray150, #f5f5f5);
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_content {
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_prepend {
  line-height: 0;
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_prepend .icon_ssg_paper::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M19.22 20.98c0 0-0.040 0-0.1 0h-14.24c-1.57 0.080-2.91-1.21-2.91-2.78v-3.54h4.41v-11.59h15.65v15.13c0 1.53-1.26 2.78-2.81 2.78zM7.080 19.78h11.44c0.15-0.010 0.37-0.010 0.71 0 0.88 0 1.6-0.71 1.6-1.58v-13.93h-13.25v13.93c0 0.59-0.18 1.13-0.5 1.58zM3.17 15.86v2.34c0 0.87 0.72 1.58 1.6 1.58s1.6-0.71 1.6-1.58v-2.34h-3.2z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M14.64 13.16h-5.010v-5.71h5.010v5.71zM10.83 11.96h2.61v-3.31h-2.61v3.31z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M18.78 7.44h-2.87v1.2h2.87v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M18.78 11.080h-2.87v1.2h2.87v-1.2z'%3e%3c/path%3e %3cpath fill='rgb%2834%2C34%2C34%29' d='M18.79 14.72h-9.21v1.2h9.21v-1.2z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_text {
  display: block;
  margin-left: 12px;
  font-size: 15px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2;
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_text > .cmmyssg_color_biz {
  font-weight: 700;
  color: var(--m-colors-service-biz_primary, #353dff);
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_append {
  margin-left: auto;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 0;
}
.content_myssg_prepend .cmmyssg_banner .cmmyssg_banner_append .icon_chevron_right_medium::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%28136%2C136%2C136%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 24px;
  height: 24px;
}
.content_myssg_prepend .cmmyssg_banner + .cmmyssg_banner {
  margin-top: 20px;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--m-colors-white, #ffffff);
  border: 2px solid var(--m-colors-gray900, #222222);
  border-radius: 4px;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_content {
  height: 50px;
  padding: 10px 16px;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_prepend .icon_review_nudge {
  width: 28px;
  height: 28px;
  display: block;
  background: url(../img/myssg/icon_review_nudge.svg) no-repeat center/100% auto;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: calc(100% - 68px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px;
  font-size: var(--m-fontSizes-md, 14px);
  font-weight: var(--m-fontWeights-bold, 700);
  color: var(--m-colors-gray900, #222222);
  line-height: 1.2142857143;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_text > span:first-child {
  max-width: 53%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_text > span:last-child {
  margin-left: 4px;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_append {
  padding: 0;
}
.content_myssg_prepend .cmmyssg_banner.is-review-nudge .cmmyssg_banner_append .icon_chevron_right_medium::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%2834%2C34%2C34%29' d='M15.951 12l-7.376-7.376 0.849-0.849 8.224 8.224-8.224 8.224-0.849-0.849 7.376-7.376z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}

.bn_ar {
  overflow: hidden;
  text-align: center;
  zoom: 1;
  margin-top: 20px;
}

.bn_ar.mobile {
  padding: 0 0 80px 0;
}

.bn_ar .bn {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  min-width: 140px;
  border: 1px solid #3b3b3b;
  background-color: #3b3b3b;
  color: #fff;
  line-height: 38px;
  height: 40px;
  border-radius: 4px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 15px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  margin-left: 5px;
}

.bn_ar .bn:first-child {
  margin-left: 0;
}

.bn_ar .bn.btn_login {
  width: 110px;
  min-width: 110px;
  height: 90px;
  line-height: 90px;
}

.bn_ar .bn.btn_login_large {
  width: 110px;
  min-width: 110px;
  height: 140px;
  line-height: 140px;
}

.bn_ar .bn.xsmall {
  width: 150px;
  height: 36px;
  line-height: 36px;
  font-size: 15px;
  letter-spacing: -1px;
}

.bn_ar .bn.small {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  letter-spacing: -1px;
}

.bn_ar .bn.medium {
  width: 190px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  letter-spacing: -1px;
}

.bn_ar .bn.large {
  width: 260px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  letter-spacing: -1px;
}

.bn_ar button.bn {
  line-height: 38px;
  cursor: pointer;
}

.bn_ar button.bn.xsmall {
  line-height: 31px;
}

.bn_ar button.bn.small {
  line-height: 35px;
}

.bn_ar button.bn.medium,
.bn_ar button.bn.large {
  line-height: 45px;
}

.bn_ar .bn.color1 {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
  color: #fff;
}

.bn_ar .bn.color2 {
  background-color: #f9f9f9;
  border-color: #ccc;
  color: #222;
}

.bn_ar .bn.color3 {
  background-color: #f14f4f;
  border-color: #f14f4f;
}

.bn_ar .bn.txt_ty2 {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.login .bn_ar {
  margin-top: 13px;
}

.login .bn_ar .btn_login {
  position: absolute;
  top: 0;
  right: 21px;
}

.nonmember .bn_ar {
  text-align: center;
}

.nonmember .section_wrap .bn_ar {
  margin: 10px 0 0 92px;
  text-align: left;
}

.login .bn_ar .bn.xsmall {
  width: 123px;
  margin-left: 0;
}

.member_certification .bn_ar .btn_login {
  position: absolute;
  top: 0;
  right: 0px;
}

.b2e_member .bn_ar .btn_login_large {
  position: absolute;
  top: 20px;
  right: 0px;
}

.adult_certify .bn_ar .btn_login {
  position: absolute;
  top: 0;
  right: 0px;
}

.layer_pop .bn_ar {
  margin-top: 0;
  padding-bottom: 30px;
  text-align: center;
  zoom: 1;
}

.login .content_support .bn_ar {
  margin: 0;
  text-align: right;
  padding-top: 0;
}

.login .content_support .bn_ar .xsmall {
  color: #666;
}

.login .content_support .bn_ar .xsmall.color1 {
  color: #fff;
}

.please_comment .bn_ar .bn.large,
.content_main .section .clip_data_nbox .bn_ar .bn.large {
  height: 40px;
  font-size: 17px;
  line-height: 40px;
}

.direction button,
.direction a {
  position: absolute;
  top: 50%;
  width: 31px;
  height: 50px;
  margin-top: -25px;
  margin-left: 0;
  background: url(../img/common/sp_p24.png) no-repeat;
  cursor: pointer;
}

.direction .prev {
  left: 0;
  background-position: 0 0;
}

.direction .next {
  right: 0;
  background-position: -33px 0;
}

.pagination {
  clear: both;
  width: 100%;
  height: 24px;
  text-align: center;
}

.search_section .pagination {
  margin-top: 12px;
}

.pagination .dot,
.pagination .dot_on {
  display: inline-block;
  width: 20px;
  height: 24px;
  background: url(../img/common/sp_p24.png) no-repeat 0 -54px;
  vertical-align: top;
  cursor: pointer;
}

.pagination .dot .blind,
.pagination .dot_on .blind {
  width: 1px !important;
  height: 1px !important;
}

.pagination .dot_on {
  background-position: -22px -54px;
}

.ico_mall {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 21px;
  *height: 22px;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: -0.05em;
  vertical-align: middle;
  *zoom: 1;
  *display: inline;
}

.ico_mall .ir {
  background-color: #fff;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
}

.ico_mall.small {
  width: 16px;
  height: 15px;
  vertical-align: middle;
}

.ico_mall.small.emart .ir {
  background-position: -200px 0;
}

.ico_mall.small.ssgmall .ir {
  background-position: -200px -50px;
}

.ico_mall.small.depart .ir {
  background-position: -200px -100px;
}

.ico_mall.small.traders .ir {
  background-position: -200px -150px;
}

.ico_mall.small.boons .ir {
  background-position: -200px -200px;
}

.ico_mall.small.ssg .ir {
  background-position: -200px -250px;
}

.ico_mall.normal.emart {
  width: 77px;
}

.ico_mall.normal.emart .ir {
  background-position: -480px 0;
}

.ico_mall.normal.ssgmall {
  width: 102px;
}

.ico_mall.normal.ssgmall .ir {
  background-position: -480px -40px;
}

.ico_mall.normal.depart {
  width: 79px;
}

.ico_mall.normal.depart .ir {
  background-position: -480px -80px;
}

.ico_mall.normal.traders {
  width: 59px;
}

.ico_mall.normal.traders .ir {
  background-position: -480px -120px;
}

.ico_mall.normal.boons {
  width: 52px;
}

.ico_mall.normal.boons .ir {
  background-position: -480px -160px;
}

.ico_mall.normal.ssg {
  width: 64px;
}

.ico_mall.normal.ssg .ir {
  background-position: -480px -200px;
}

.ico_mall.normal.howdy {
  width: 54px;
}

.ico_mall.normal.howdy .ir {
  background-position: -480px -240px;
}

.ico_mall.normal.boots {
  width: 51px;
}

.ico_mall.normal.boots .ir {
  background-position: -480px -280px;
}

.ico_mall.normal.tv {
  width: 82px;
}

.ico_mall.normal.tv .ir {
  background-position: -480px -320px;
}

.ico_mall.normal.si {
  width: 86px;
}

.ico_mall.normal.si .ir {
  background-position: -480px -360px;
}

.ico_mall.normal.outlet {
  width: 87px;
}

.ico_mall.normal.outlet .ir {
  background-position: -480px -400px;
}

.ico_mall span {
  display: block;
  overflow: hidden;
  height: 21px;
  *height: 22px;
  background-image: url(../img/common/ico_mall_v2.png);
  text-indent: -9999px;
  white-space: nowrap;
  background-repeat: no-repeat;
}

.ico_mall .emart {
  width: 77px;
  background-position: -480px 0;
}

.ico_mall .ssgmall {
  width: 102px;
  background-position: -480px -40px;
}

.ico_mall .depart {
  width: 79px;
  background-position: -480px -80px;
}

.ico_mall .traders {
  width: 59px;
  background-position: -480px -120px;
}

.ico_mall .boons {
  width: 52px;
  background-position: -480px -160px;
}

.ico_mall .ssg {
  width: 64px;
  background-position: -480px -200px;
}

.ico_mall .howdy {
  width: 54px;
  background-position: -480px -240px;
}

.ico_mall .boots {
  width: 51px;
  background-position: -480px -280px;
}

.ico_mall .tv {
  width: 82px;
  background-position: -480px -320px;
}

.ico_mall .si {
  width: 86px;
  background-position: -480px -360px;
}

.ico_mall .outlet {
  width: 87px;
  background-position: -480px -400px;
}

.ico_small {
  width: 16px;
  height: 15px;
}

.ico_small .emart {
  background-position: -200px 0;
}

.ico_small .ssgmall {
  background-position: -200px -50px;
}

.ico_small .depart {
  background-position: -200px -100px;
}

.ico_small .traders {
  background-position: -200px -150px;
}

.ico_small .boons {
  background-position: -200px -200px;
}

.ico_delivery {
  display: inline-block;
  overflow: hidden;
  position: relative;
  color: #666;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: -0.05em;
  *zoom: 1;
  *display: inline;
}

.ico_delivery .ir {
  background-color: #fff;
  background-image: url(../img/common/ico_mall_v2.png);
  background-repeat: no-repeat;
}

.ico_delivery.store {
  width: 27px;
  height: 20px;
}

.ico_delivery.store.emart .ir {
  background-position: -250px 0;
}

.ico_delivery.store.ssgmall .ir {
  background-position: -250px -50px;
}

.ico_delivery.store.depart .ir {
  background-position: -250px -100px;
}

.ico_delivery.store.traders .ir {
  background-position: -250px -150px;
}

.ico_delivery.store.boons .ir {
  background-position: -250px -200px;
}

.ico_delivery.parcel {
  width: 28px;
  height: 20px;
}

.ico_delivery.parcel.emart .ir {
  background-position: -350px 0;
}

.ico_delivery.parcel.ssgmall .ir {
  background-position: -350px -50px;
}

.ico_delivery.parcel.depart .ir {
  background-position: -350px -100px;
}

.ico_delivery.parcel.traders .ir {
  background-position: -350px -150px;
}

.ico_delivery.parcel.boons .ir {
  background-position: -350px -200px;
}

.ico_magicpick {
  display: inline-block;
  width: 47px;
  height: 21px;
  background: url(../img/common/ico_magicpick.gif) no-repeat;
  vertical-align: top;
}

.ico_quick {
  display: inline-block;
  width: 47px;
  height: 21px;
  background: url(../img/common/ico_quick.gif) no-repeat;
  vertical-align: top;
}

.ico_today_d {
  display: inline-block;
  width: 55px;
  height: 21px;
  background: url(../img/common/ico_today_d.png) no-repeat;
  vertical-align: top;
}

.ico_ssg {
  display: inline-block;
  width: 34px;
  height: 21px;
  background: url(../img/common/ico_ssgcon.gif) no-repeat;
  vertical-align: top;
}

/* 상품유닛 부츠 몰아이콘(로고이미지) */
.itembx .ico_mall .boots {
  width: 35px;
  background-position: -415px -280px;
}

.tb_itembx .ico_mall .boots {
  width: 35px;
  background-position: -415px -280px;
}

.itembx .soldout_link {
  position: absolute;
  right: 4px;
  bottom: 3px;
  font-size: 0;
  line-height: 0;
}

.itembx .soldout_link button {
  display: inline-block;
  overflow: hidden;
  margin-left: 2px;
}

.itembx .soldout_link .btn_enter {
  width: 29px;
  height: 29px;
  background: url(../img/common/btn_enter.png) no-repeat;
}

.itembx .soldout_link .btn_change {
  width: 29px;
  height: 29px;
  background: url(../img/common/btn_change.png) no-repeat;
}

.option_select.small.choice_agr {
  text-align: left !important;
}

.option_select.small.choice_agr label {
  line-height: 27px;
  font-size: 11px;
  font-weight: normal;
  color: #666;
}

.option_select.small.choice_agr label input {
  margin-top: -2px;
}

.sel_magicpick {
  position: relative;
}

.magicpick_tt {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(203, 140, 94, 0.95);
}

/*GNB 개편(1280) S*/
.common_nav_wide {
  position: relative;
  z-index: 200;
  border-bottom: 1px solid #e5e5e5;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.common_nav_wide button {
  font-family: inherit;
}

.common_nav_bar {
  width: 1280px;
  margin: 0 auto;
}

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

.common_nav_bar a {
  text-decoration: none;
}

.common_nav_bar img {
  vertical-align: middle;
}

.common_nav_all {
  position: relative;
  float: left;
  margin-left: 18px;
}

/*통합 카테고리*/
.sp_mall_txt_ssg {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
  width: 66px;
  height: 11px;
  background-position: 0 0;
  background-image: url("../img/common_layout/sp_mall_cate_ssg.png");
  background-repeat: no-repeat;
}

.ctg_open_btn {
  display: block;
  width: 35px;
  height: 35px;
  margin-top: 9px;
  text-align: center;
  border-radius: 100%;
  outline: none;
  background: #222;
}

.ctg_open_btn:focus {
  -webkit-box-shadow: 0 0 0 1px #2793e6;
          box-shadow: 0 0 0 1px #2793e6;
}

.ctg_open_btn:hover,
.ctg_open_btn.on {
  background: var(--m-colors-primary, #ff5452);
}

.ctg_ico_menu {
  position: relative;
  display: block;
  width: 19px;
  height: 14px;
  margin: 0 auto;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ctg_ico_menu:before,
.ctg_ico_menu:after,
.ctg_ico_menu em {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.ctg_ico_menu:before {
  top: 0px;
}

.ctg_ico_menu .l1 {
  top: 4px;
}

.ctg_ico_menu .l2 {
  top: 8px;
}

.ctg_ico_menu:after {
  top: 12px;
}

.ctg_open_btn.on .ctg_ico_menu {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.ctg_open_btn.on .ctg_ico_menu:before,
.ctg_open_btn.on .ctg_ico_menu:after {
  top: 6px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.ctg_open_btn.on .ctg_ico_menu .l1,
.ctg_open_btn.on .ctg_ico_menu .l2 {
  top: 6px;
}

.ctg_total_wrap {
  display: none;
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 110;
  background: #fff;
}

.ctg_total {
  position: relative;
  min-height: 508px;
  padding-bottom: 5px;
  border: 1px solid #d1d1d1;
  border-width: 0 1px;
}

.ctg_total:after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 5px;
  margin: 0 -1px;
  background: #222;
}

.ctg_top_mn {
  width: 170px;
  height: 46px;
  margin-top: -1px;
}

.ctg_top_mn:first-child .ctg_lnk_txt {
  border-top-color: transparent;
}

.ctg_top_mn a {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.ctg_top_lnk {
  display: block;
  margin-left: -1px;
  border-left: 3px solid transparent;
}

.ctg_lnk_label {
  display: block;
  border: 1px solid transparent;
}

.ctg_lnk_txt {
  display: block;
  height: 20px;
  line-height: 22px;
  padding: 12px 0;
  margin: -1px 20px 0 20px;
  border-top: 1px dotted #d8d8d8;
  font-size: 13px;
  color: #777;
  letter-spacing: -0.3px;
}

.ctg_lnk_txt .sp_mall_type_s {
  padding-right: 7px;
}

.ctg_lnk_txt .cm_mall_ic.ty_circle_s {
  padding-right: 7px;
}

.ctg_top_mn.on .ctg_top_lnk {
  position: relative;
  z-index: 10;
  border-color: #222;
}

.ctg_top_mn.on .ctg_lnk_label {
  border-top-color: #d8d8d8;
  border-bottom-color: #d8d8d8;
  border-right-color: #fff;
}

.ctg_top_mn.on:first-child .ctg_lnk_label {
  border-top-color: transparent;
}

.ctg_a11y_btn {
  display: none;
  position: relative;
  z-index: 10;
  float: right;
  width: 20px;
  height: 25px;
  overflow: hidden;
  margin-top: -25px;
  line-height: 0;
  background: transparent;
}

.ctg_a11y_btn:after {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-top: 1px solid #888;
  border-right: 1px solid #888;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.ctg_top_mn > .ctg_a11y_btn {
  height: 45px;
  margin-top: -45px;
}

.ctg_sub_area {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 169px;
  border-left: 1px dotted #d8d8d8;
}

.ctg_sub_lst {
  width: 170px;
}

.ctg_sub_lnk {
  display: block;
  margin-left: 10px;
  padding: 1px 10px 0 10px;
  line-height: 23px;
  border: 1px solid transparent;
  color: #777;
  font-size: 13px;
  letter-spacing: -0.3px;
}

.ctg_sub_mn.on > .ctg_sub_lnk,
.ctg_sub_mn > .ctg_sub_lnk:focus {
  color: #222;
  font-weight: bold;
}

.ctg_sub_mn.ctg_sub_child.on > .ctg_sub_lnk {
  position: relative;
  z-index: 110;
  border-color: #d8d8d8;
  border-right-color: #fff;
}

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

.ctg_sub_col {
  float: left;
  height: 100%;
  border-left: 1px dotted #d8d8d8;
}

.ctg_sub_col:first-child {
  border-left: 0;
}

.ctg_context_mn.on {
  position: relative;
  width: 161px;
}

.ctg_sub_context {
  top: -15px;
  left: 160px;
  bottom: auto;
  z-index: 100;
  border: 1px solid #d8d8d8;
  background: #fff;
  -webkit-box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 4px 4px rgba(0, 0, 0, 0.1);
}

.ctg_sub_context .ctg_sub_lst {
  padding: 10px 0;
}

.ctg_sub_context > .ctg_sub_lst {
  width: 200px;
}

.ctg_sub_context .ctg_sub_col {
  border-left: 0;
}

.ctg_top_mn.on .ctg_sub_lv2 {
  display: block;
  top: 20px;
  bottom: 20px;
}

.ctg_sub_lv2 .on .ctg_sub_lv3 {
  display: block;
}

.ctg_sub_lv3 .on .ctg_sub_lv4 {
  display: block;
}

.ctg_sub_lv4 .on .ctg_sub_lv5 {
  display: block;
}

.ctg_sub_lv5 .on .ctg_sub_lv6 {
  display: block;
}

.ctg_sub_lv6 .on .ctg_sub_lv7 {
  display: block;
}

.ctg_sub_lv7 .on .ctg_sub_lv8 {
  display: block;
}

.ctg_sub_lv8 .on .ctg_sub_lv9 {
  display: block;
}

.ctg_sub_lv9 .on .ctg_sub_lv10 {
  display: block;
}

/*SSG GNB*/
/*먼데이문(뷰티)카테고리 추가 S*/
.common_nav_wide.v2 .nav_top_lnk,
.common_nav_wide.v3 .nav_top_lnk {
  letter-spacing: -0.46px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty > .nav_top_lnk,
.common_nav_wide.v3 .nav_top_mn.nav_beauty > .nav_top_lnk {
  font-weight: bold;
  color: #437560;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_inner,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_inner {
  padding-left: 30px;
  background: url(../img/common_layout/bg_nav_sub_inner_mndmoon.png) repeat-y 100% 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_inner,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_inner {
    background-image: url(../img/common_layout/bg_nav_sub_inner_mndmoon@2x.png);
    background-size: 250px auto;
  }
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_mndmoon,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_mndmoon {
  position: relative;
  float: left;
  width: 274px;
  height: 460px;
  margin-top: -10px;
  padding-right: 116px;
  background: #475a52 url(../img/common_layout/bg_nav_sub_mndmoon.jpg);
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_mndmoon,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_mndmoon {
    background-image: url(../img/common_layout/bg_nav_sub_mndmoon@2x.jpg);
    background-size: 274px auto;
  }
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_lst,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_lst {
  padding-left: 22px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_mn,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_mn {
  overflow: hidden;
  margin-top: 14px;
  font-size: 0;
  line-height: 18px;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_mn:first-child,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_mn:first-child {
  margin-top: 0;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_lnk,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_lnk {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  vertical-align: top;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_lnk:before,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_lnk:before {
  position: absolute;
  top: 4px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #fff;
  content: "";
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_badge,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_badge {
  margin-left: 5px;
  font-size: 14px;
  vertical-align: top;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_service_badge img,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_service_badge img {
  height: 18px;
  vertical-align: top;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_shopbnr,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_shopbnr {
  width: 274px;
  height: 130px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_decobnr,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_decobnr {
  position: absolute;
  top: 0;
  right: 0;
  width: 116px;
  height: 460px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_colgroup,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_colgroup {
  width: 760px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_col,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_col {
  padding-top: 2px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_lst,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_lst {
  padding-top: 27px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_lst:first-child,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_lst:first-child {
  padding-top: 0;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_lnk:hover,
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_lnk:focus,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_lnk:hover,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_lnk:focus {
  color: #ae8a67;
  border-bottom: 1px solid #ae8a67;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_tit,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_tit {
  padding-bottom: 15px;
}
.common_nav_wide.v2 .nav_top_mn.nav_beauty .nav_sub_tit .nav_sub_lnk,
.common_nav_wide.v3 .nav_top_mn.nav_beauty .nav_sub_tit .nav_sub_lnk {
  font-size: 14px;
}
.common_nav_wide.v2 .ctg_total,
.common_nav_wide.v3 .ctg_total {
  min-height: 623px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.common_nav_wide.v2 .ctg_mall_ssg .ctg_sub_lv2 > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk,
.common_nav_wide.v3 .ctg_mall_ssg .ctg_sub_lv2 > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk {
  padding-left: 28px;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty > .ctg_sub_lnk:before,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty > .ctg_sub_lnk:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 2px 5px 0 -23px;
  width: 18px;
  height: 18px;
  background: url(../img/common_layout/sp_mndmoon_mall_ic.png) no-repeat 0 -30px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .common_nav_wide.v2 .ctg_sub_mn.ctg_beauty > .ctg_sub_lnk:before,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty > .ctg_sub_lnk:before {
    background-image: url(../img/common_layout/sp_mndmoon_mall_ic@2x.png);
    background-size: 100px auto;
  }
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty.on > .ctg_sub_lnk,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty.on > .ctg_sub_lnk {
  border-color: transparent;
  background-color: #475a52;
  color: #fff;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty.on > .ctg_sub_lnk:before,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty.on > .ctg_sub_lnk:before {
  background-position: 0 0;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon {
  left: 170px;
  bottom: -15px;
  border-left: 0;
  background: #475a52 url(../img/common_layout/bg_ctg_sub_area_mndmoon.png) 100% 100% no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon {
    background-image: url(../img/common_layout/bg_ctg_sub_area_mndmoon@2x.png);
    background-size: 41px auto;
  }
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk {
  margin-left: 15px;
  padding-right: 20px;
  padding-left: 14px;
  border-right: 0;
  color: #fff;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn.on > .ctg_sub_lnk,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn.on > .ctg_sub_lnk {
  background: #fff;
  color: #475a52;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_area,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_area {
  border-left-color: transparent;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn .ctg_sub_mn.on > .ctg_sub_lnk,
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn .ctg_sub_mn > .ctg_sub_lnk:focus,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn .ctg_sub_mn.on > .ctg_sub_lnk,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon > .ctg_sub_lst > .ctg_sub_mn .ctg_sub_mn > .ctg_sub_lnk:focus {
  color: #475a52;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_sub_shopbnr,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_sub_shopbnr {
  width: 154px;
  height: 189px;
  padding: 8px 8px 10px;
  margin-top: -20px;
  background-color: #475a52;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_sub_shopbnr a,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_sub_shopbnr a {
  display: block;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lst,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lst {
  width: 140px;
  margin: 6px 15px 0;
  padding-top: 6px;
  border-top: 1px dotted #d8d8d8;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_mn,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_mn {
  line-height: 25px;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk {
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 1px 0 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  color: #fff;
  vertical-align: top;
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:before,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:before {
  position: absolute;
  top: 9px;
  left: 8px;
  border-top: 4px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 4px solid #fff;
  content: "";
}
.common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:hover, .common_nav_wide.v2 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:focus,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:hover,
.common_nav_wide.v3 .ctg_sub_mn.ctg_beauty .ctg_sub_area.ctg_sub_mndmoon .ctg_service_lnk:focus {
  font-weight: bold;
}

:lang(en) .nav_sub_mndmoon .nav_service_lst .nav_service_badge,
:lang(zh) .nav_sub_mndmoon .nav_service_lst .nav_service_badge {
  display: none;
}

/*먼데이문(뷰티)카테고리 추가 E*/
.common_nav_menu {
  float: left;
  margin-left: 4px;
}

.common_nav_util {
  float: right;
  margin-right: 9px;
}

.common_nav_util .nav_top_lnk {
  font-size: 13px;
}

.common_nav_util .nav_top_lnk:after {
  position: absolute;
  top: 20px;
  left: 0px;
  height: 13px;
  content: "";
  border-left: 1px dotted #b8b8b8;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  -ms-transform: rotate(15deg);
}

.common_nav_util .nav_top_mn:first-child .nav_top_lnk:after {
  display: none;
}

.nav_top_mn {
  float: left;
}

.nav_top_mn.on .nav_sub_area {
  display: block;
}

.nav_top_mn.on .nav_top_lnk {
  border-bottom-color: var(--m-colors-primary, #ff5452);
}

.nav_top_lnk {
  position: relative;
  display: block;
  height: 16px;
  line-height: 16px;
  padding: 19px 8px 13px 8px;
  text-align: center;
  color: #222;
  font-size: 13px;
  border-bottom: 5px solid transparent;
  -webkit-transition: border 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: border 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

:lang(en) .common_nav_util {
  margin-top: -16px;
}

:lang(en) .common_nav_util .nav_top_lnk {
  position: static;
}

.common_nav_util .nav_top_lnk {
  padding: 19px 7px 13px 7px;
}

.nav_sub_area {
  display: none;
  position: absolute;
  top: 53px;
  left: 0;
  right: 0;
  z-index: 110;
  width: 100%;
  border-bottom: 5px solid #222;
  background: #fff;
}

.nav_sub_inner {
  width: 1280px;
  margin: 0 auto;
  padding: 31px 0 34px;
  border-top: 1px solid #e5e5e5;
}

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

.nav_sub_tit {
  display: block;
  padding-bottom: 5px;
}

.nav_sub_tit .nav_sub_lnk {
  color: #222;
  font-size: 13px;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}

.nav_sub_mn {
  padding-top: 6px;
}

.nav_sub_mn:first-child {
  padding-top: 0;
}

.nav_sub_lnk {
  display: inline-block;
  line-height: 14px;
  color: #777;
  font-size: 12px;
  letter-spacing: -0.3px;
}

.nav_sub_lnk:hover,
.nav_sub_lnk:focus {
  color: var(--m-colors-primary, #ff5452);
  border-bottom: 1px solid var(--m-colors-primary, #ff5452);
}

.nav_sub_colgroup {
  position: relative;
  float: left;
  display: table;
  table-layout: fixed;
  width: 100%;
  min-height: 400px;
}

.nav_sub_lst {
  width: 172px;
  padding: 40px 0 0 20px;
}

.nav_sub_col .nav_sub_lst:first-child {
  padding-top: 0;
}

.nav_sub_col {
  display: table-cell;
  vertical-align: top;
  width: 192px;
  height: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #bbb), color-stop(0%, rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, #bbb 30%, rgba(255, 255, 255, 0) 0%);
  background-position: left;
  background-size: 1px 4px;
  background-repeat: repeat-y;
}

.nav_sub_col:first-child {
  background: none;
}

.nav_sub_bnr {
  float: right;
  width: 290px;
  margin-right: 20px;
}

.nav_sub_bnr .cmplan_unit .cmplan_badge_area + .cmplan_detailbx {
  padding-bottom: 0;
}

@-webkit-keyframes spin_arr {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes spin_arr {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@-webkit-keyframes spin_arr2 {
  from {
    -webkit-transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin_arr2 {
  from {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes ic_open {
  from {
    opacity: 0;
    top: 15px;
  }
  to {
    opacity: 1;
    top: 6px;
  }
}
@keyframes ic_open {
  from {
    opacity: 0;
    top: 15px;
  }
  to {
    opacity: 1;
    top: 6px;
  }
}
.spr_menu {
  position: absolute;
  top: 0;
  right: 50%;
  height: 53px;
  overflow: hidden;
  margin-right: -640px;
}

.spr_menu ul {
  text-align: right;
  white-space: nowrap;
  padding-right: 30px;
}

.spr_menu li {
  display: inline-block;
}

.spr_menu .nav_lnk {
  display: block;
  padding: 19px 7px 0 11px;
  font-size: 13px;
  height: 34px;
  position: relative;
  line-height: 16px;
  text-align: center;
  color: #222;
}

.spr_menu .nav_lnk:focus {
  display: inline;
  height: auto;
  padding-top: 0;
  position: static;
}

.spr_menu .nav_lnk:after {
  position: absolute;
  top: 20px;
  left: 0px;
  height: 13px;
  content: "";
  border-left: 1px dotted #b8b8b8;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  -ms-transform: rotate(15deg);
}

.spr_menu li:first-child .nav_lnk:after {
  display: none;
}

.spr_menu .ic_arr {
  width: 13px;
  height: 13px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  position: absolute;
  top: 18px;
  right: 17px;
}

.spr_menu .ic_arr:before {
  content: "";
  width: 9px;
  height: 4px;
  position: absolute;
  top: 5px;
  left: 2px;
  background: url(../img/common_layout/ic_arr.png) 0 0 no-repeat;
  -webkit-animation: spin_arr2 0.4s;
  animation: spin_arr2 0.4s;
}

.spr_menu .nav_lnk.ic_open {
  color: var(--m-colors-primary, #ff5452);
  font-weight: bold;
  position: relative;
}

.spr_menu .nav_lnk.ic_open:before {
  content: "";
  position: absolute;
  top: 6px;
  right: -4px;
  z-index: 10;
  margin: 0;
  width: 30px;
  height: 14px;
  background: url(../img/common_layout/sp_mallnew_ico.png) 0 0 no-repeat;
  background-size: 30px auto;
  opacity: 0;
}

.spr_menu .nav_lnk:focus:before,
.spr_menu .nav_lnk:focus:after {
  display: none;
}

.spr_menu.hover {
  height: auto;
  background: #fff;
  padding: 0 0 20px 4px;
  -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
  z-index: 110;
}

.spr_menu.hover .bx-viewport {
  height: auto !important;
}

.spr_menu.hover .bx-clone {
  display: none;
}

.spr_menu.hover .spr_slider {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
          transform: translate3d(0px, 0px, 0px) !important;
  top: 0 !important;
}

.spr_menu.hover ul {
  height: 34px;
  text-align: center;
  padding-right: 15px;
}

.spr_menu.hover .ic_arr:before {
  top: 4px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-animation: spin_arr 0.4s;
  animation: spin_arr 0.4s;
}

.spr_menu.hover .nav_lnk.ic_open:before {
  opacity: 1;
  top: 6px;
  right: -4px;
}

.spr_menu ul.active .nav_lnk.ic_open:before {
  -webkit-animation: ic_open 0.4s;
  animation: ic_open 0.4s;
  opacity: 1;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .sp_mall_txt_ssg {
    background-position-x: -66px;
    background-size: 132px 11px;
  }
  .sp_mall_type_s {
    background-position-x: -20px;
    background-size: 40px 180px;
  }
  .ctg_mall_lst.v2 .sp_mall_type_s {
    background-position-x: -20px;
    background-size: 40px 300px;
  }
  .spr_menu .ic_arr:before {
    background-image: url(../img/common_layout/ic_arr@2x.png);
    background-size: 9px 4px;
  }
  .spr_menu .nav_lnk.ic_open:before {
    background-image: url(../img/common_layout/sp_mallnew_ico@2x.png);
    background-size: auto 14px;
  }
}
/*GNB 개편(1280) E*/
/* 몰탭 개편-202103(s) */
.common_nav_wide.v3 {
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.07);
          box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.07);
}
.common_nav_wide.v3 .spr_menu .nav_lnk {
  font-size: 14px;
  color: #888;
  font-weight: bold;
  padding: 18px 7px 0 11px;
}
.common_nav_wide.v3 .spr_menu .nav_lnk:after {
  display: none;
}
.common_nav_wide.v3 .spr_menu.hover {
  -webkit-box-shadow: 4px ​4px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 4px ​4px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.common_nav_wide.v3 .nav_top_lnk {
  padding: 18px ​10px 19px 10px;
  font-size: 14px;
  font-weight: bold;
}
.common_nav_wide.v3 .ctg_open_btn {
  background: transparent;
  width: 28px;
  height: 28px;
  border-radius: 0;
  margin-top: 12px;
}
.common_nav_wide.v3 .ctg_open_btn:hover {
  background: transparent;
}
.common_nav_wide.v3 .ctg_ico_menu:before,
.common_nav_wide.v3 .ctg_ico_menu:after,
.common_nav_wide.v3 .ctg_ico_menu em {
  background-color: #000;
}

/* 몰탭 개편-202103(e) */
/*유아동카테고리 추가 S*/
.common_nav_wide .nav_top_lnk {
  letter-spacing: -0.46px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_inner {
  padding-left: 30px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_baby {
  position: relative;
  float: left;
  width: 274px;
  height: 460px;
  margin-top: -10px;
  background-color: #ff9600;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_lst {
  padding-left: 22px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_mn {
  overflow: hidden;
  margin-top: 14px;
  font-size: 0;
  line-height: 18px;
  color: #222;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_mn:first-child {
  margin-top: 0;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_lnk {
  position: relative;
  padding-left: 8px;
  font-weight: bold;
  font-size: 14px;
  color: #222;
  vertical-align: top;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_lnk:before {
  position: absolute;
  top: 4px;
  left: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid #222;
  content: "";
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_badge {
  margin-left: 5px;
  font-size: 14px;
  vertical-align: top;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_service_badge img {
  height: 18px;
  vertical-align: top;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_shopbnr {
  width: 274px;
  height: 130px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_col {
  padding-top: 2px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_colgroup {
  width: 900px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_lst {
  padding-top: 27px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_lst:first-child {
  padding-top: 0;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_lnk:hover,
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_lnk:focus {
  color: #ae8a67;
  border-bottom: 1px solid #ae8a67;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_tit {
  padding-bottom: 15px;
}
.common_nav_wide .nav_top_mn.nav_baby .nav_sub_tit .nav_sub_lnk {
  font-size: 14px;
}
.common_nav_wide .nav_sub_mybaby {
  position: absolute;
  bottom: 30px;
  left: 22px;
}
.common_nav_wide .ctg_total {
  min-height: 623px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.common_nav_wide .ctg_mall_ssg .ctg_sub_lv2 > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk {
  padding-left: 28px;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby {
  left: 169px;
  bottom: -15px;
  background: #fff;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby > .ctg_sub_lst > .ctg_sub_mn > .ctg_sub_lnk {
  margin-left: 15px;
  padding-right: 20px;
  padding-left: 14px;
  border-right: 0;
  color: #777;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby > .ctg_sub_lst > .ctg_sub_mn.on > .ctg_sub_lnk {
  background: #fff;
  color: #777;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_sub_shopbnr {
  width: 154px;
  height: 189px;
  padding: 8px 8px 10px;
  margin-top: -20px;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_sub_shopbnr a {
  display: block;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_service_lst {
  width: 140px;
  margin: 6px 15px 0;
  padding-top: 6px;
  border-top: 1px dotted #d8d8d8;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_service_mn {
  line-height: 25px;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_service_lnk {
  display: inline-block;
  position: relative;
  max-width: 100%;
  padding: 1px 0 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 13px;
  color: #777;
  vertical-align: top;
}
.common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_service_lnk:hover, .common_nav_wide .ctg_sub_mn.ctg_baby .ctg_sub_area.ctg_sub_baby .ctg_service_lnk:focus {
  font-weight: bold;
}

:lang(en) .nav_sub_baby .nav_service_lst .nav_service_badge,
:lang(zh) .nav_sub_baby .nav_service_lst .nav_service_badge {
  display: none;
}

/*유아동카테고리 추가 E*/
/*쿠폰*/
.bcoupon {
  position: relative;
  display: block;
  width: 240px;
  height: 118px;
  background: url(../img/common/coupon_all.png) no-repeat 0 0;
}

.bcoupon .value {
  position: absolute;
  display: block;
  width: 120px;
  height: 118px;
  line-height: 118px;
  font-size: 75px;
  color: #ea718d;
  font-weight: bold;
  font-style: italic;
  right: 100px;
  text-align: center;
}

.bcoupon.s_mall .value {
  color: #fff;
}

.bcoupon.s_mall.won .value,
.bcoupon.s_mall.won0 .value {
  right: 100px;
}

.bcoupon.s_mall.won00 .value {
  right: 103px;
}

.bcoupon.won .value {
  font-size: 50px;
  letter-spacing: -4px;
}

.bcoupon.won0 .value {
  font-size: 42px;
  letter-spacing: -2px;
}

.bcoupon.won00 .value {
  font-size: 40px;
  letter-spacing: -2px;
  right: 110px;
}

.bcoupon.ssg.per,
.bcoupon.ssg.per0 {
  background-position: 0 0;
}

.bcoupon.ssg.won,
.bcoupon.ssg.won0,
.bcoupon.ssg.won00 {
  background-position: -300px 0;
}

.bcoupon.s_mall.per,
.bcoupon.s_mall.per0 {
  background-position: 0 -200px;
}

.bcoupon.s_mall.won,
.bcoupon.s_mall.won0,
.bcoupon.s_mall.won00 {
  background-position: -300px -200px;
}

.bcoupon.emart.per {
  background-position: 0 -400px;
}

.bcoupon.emart.per0 {
  background-position: 0 -600px;
}

.bcoupon.emart.per .value,
.bcoupon.emart.per0 .value {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 54px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: normal;
  right: 100px;
  line-height: 130px;
}

.bcoupon.emart.won .value {
  width: 200px;
  right: 40px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 45px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 125px;
}

.bcoupon.emart.won0 .value,
.bcoupon.emart.won00 .value {
  width: 200px;
  right: 40px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 40px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 125px;
}

.bcoupon.emart.won,
.bcoupon.emart.won0,
.bcoupon.emart.won00 {
  background-position: -300px -400px;
}

.bcoupon.efree {
  background-position: 0 -800px;
}

.bcoupon.efree.bojung,
.bcoupon.efree.center {
  background-position: -1200px -800px;
}

.bcoupon.efree .value {
  display: none;
}

.bcoupon.ssg_free {
  background-position: -300px -800px;
}

.bcoupon.ssg_free .value {
  display: none;
}

.bcoupon.s_mall_free {
  background-position: -600px -800px;
}

.bcoupon.s_mall_free .value {
  display: none;
}

.bcoupon.emart_free {
  background-position: -900px -800px;
}

.bcoupon.emart_free .value {
  display: none;
}

.bcoupon.together {
  background-position: 0 -2500px;
  width: 248px;
}

.scoupon {
  position: relative;
  display: block;
  width: 108px;
  height: 54px;
  background: url(../img/common/coupon_all.png) no-repeat 0 -1000px;
}

.scoupon .value {
  position: absolute;
  display: block;
  width: 60px;
  height: 54px;
  line-height: 54px;
  font-size: 30px;
  color: #ea718d;
  font-weight: bold;
  font-style: italic;
  right: 44px;
  text-align: center;
}

.scoupon.s_mall .value {
  color: #fff;
}

.scoupon.s_mall.won .value,
.scoupon.s_mall.won0 .value {
  right: 42px;
}

.scoupon.ssg.won00 .value {
  right: 47px;
}

.scoupon.s_mall.won00 .value {
  right: 45px;
}

.scoupon.won .value {
  font-size: 22px;
  letter-spacing: -2px;
}

.scoupon.won0 .value,
.scoupon.won00 .value {
  font-size: 17px;
  letter-spacing: -1px;
}

.scoupon.ssg.per,
.scoupon.ssg.per0 {
  background-position: 0 -1000px;
}

.scoupon.ssg.won,
.scoupon.ssg.won0,
.scoupon.ssg.won00 {
  background-position: -300px -1000px;
}

.scoupon.s_mall.per,
.scoupon.s_mall.per0 {
  background-position: 0 -1100px;
}

.scoupon.s_mall.won,
.scoupon.s_mall.won0,
.scoupon.s_mall.won00 {
  background-position: -300px -1100px;
}

.scoupon.emart.per {
  background-position: 0 -1200px;
}

.scoupon.emart.per0 {
  background-position: 0 -1200px;
}

.scoupon.emart.per .value,
.scoupon.emart.per0 .value {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 28px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  right: 41px;
  line-height: 61px;
  letter-spacing: -2px;
}

.scoupon.emart.max_per .value {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 28px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  right: 39px;
  line-height: 61px;
  letter-spacing: -2px;
}

.scoupon.emart.won .value {
  width: 100px;
  right: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 57px;
}

.scoupon.emart.won0 .value,
.scoupon.emart.won00 .value {
  width: 100px;
  right: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 57px;
  letter-spacing: -1px;
}

.scoupon.emart.max_won .value {
  width: 80px;
  right: 13px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 20px;
  text-align: right;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 57px;
  letter-spacing: -1px;
  padding-right: 20px;
}

.scoupon.emart.won,
.scoupon.emart.won0,
.scoupon.emart.won00 {
  background-position: -300px -1200px;
}

.scoupon.emart.max_per {
  background-position: -600px -1200px;
}

.scoupon.emart.max_won {
  background-position: -900px -1200px;
}

.scoupon.efree {
  background-position: 0 -1400px;
}

.scoupon.efree.bojung,
.scoupon.efree.center {
  background-position: -600px -1400px;
}

.scoupon.efree .value {
  display: none;
}

.scoupon.ssg_free {
  background-position: -150px -1400px;
}

.scoupon.ssg_free .value {
  display: none;
}

.scoupon.s_mall_free {
  background-position: -300px -1400px;
}

.scoupon.s_mall_free .value {
  display: none;
}

.scoupon.emart_free {
  background-position: -450px -1400px;
}

.scoupon.emart_free .value {
  display: none;
}

.scoupon.together {
  background-position: -600px -2500px;
  width: 116px;
}

.scoupon .gift_coupon {
  width: 47px;
  height: 40px;
  position: absolute;
  top: -23px;
  right: -10px;
  background: url(../img/common/coupon_all.png) -600px 0 no-repeat;
  overflow: hidden;
  text-indent: -1000em;
}

.mcoupon {
  position: relative;
  display: block;
  width: 216px;
  height: 107px;
  background: url(../img/common/coupon_all.png) no-repeat 0 -1500px;
}

.mcoupon .value {
  position: absolute;
  display: block;
  width: 108px;
  height: 107px;
  line-height: 107px;
  font-size: 67px;
  color: #ea718d;
  font-weight: bold;
  font-style: italic;
  right: 90px;
  text-align: center;
}

.mcoupon.s_mall .value {
  color: #fff;
}

.mcoupon.s_mall.won .value,
.mcoupon.s_mall.won0 .value {
  right: 88px;
}

.mcoupon.ssg.won00 .value {
  right: 96px;
}

.mcoupon.s_mall.won00 .value {
  right: 91px;
}

.mcoupon.won .value {
  font-size: 45px;
  letter-spacing: -2px;
}

.mcoupon.won0 .value,
.mcoupon.won00 .value {
  font-size: 34px;
  letter-spacing: -1px;
}

.mcoupon.ssg.per,
.mcoupon.ssg.per0 {
  background-position: 0 -1500px;
}

.mcoupon.ssg.won,
.mcoupon.ssg.won0,
.mcoupon.ssg.won00 {
  background-position: -300px -1500px;
}

.mcoupon.s_mall.per,
.mcoupon.s_mall.per0 {
  background-position: 0 -1700px;
}

.mcoupon.s_mall.won,
.mcoupon.s_mall.won0,
.mcoupon.s_mall.won00 {
  background-position: -300px -1700px;
}

.mcoupon.emart.per {
  background-position: 0 -2100px;
}

.mcoupon.emart.per0 {
  background-position: 0 -1900px;
}

.mcoupon.emart.per .value,
.mcoupon.emart.per0 .value {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 48px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: normal;
  right: 89px;
  line-height: 119px;
}

.mcoupon.emart.won .value {
  width: 200px;
  right: 25px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 40px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 115px;
}

.mcoupon.emart.won0 .value,
.mcoupon.emart.won00 .value {
  width: 200px;
  right: 24px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 36px;
  text-align: center;
  font-style: normal;
  color: #fff;
  font-weight: 400;
  line-height: 115px;
}

.mcoupon.emart.won,
.mcoupon.emart.won0,
.mcoupon.emart.won00 {
  background-position: -300px -1900px;
}

.mcoupon.efree {
  background-position: 0 -2300px;
}

.mcoupon.efree.bojung,
.mcoupon.efree.center {
  background-position: -1200px -2300px;
}

.mcoupon.efree .value {
  display: none;
}

.mcoupon.ssg_free {
  background-position: -300px -2300px;
}

.mcoupon.ssg_free .value {
  display: none;
}

.mcoupon.s_mall_free {
  background-position: -600px -2300px;
}

.mcoupon.s_mall_free .value {
  display: none;
}

.mcoupon.emart_free {
  background-position: -900px -2300px;
}

.mcoupon.emart_free .value {
  display: none;
}

.mcoupon.together {
  background-position: -300px -2500px;
}

.ssg-modal-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background-color: #fff;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.guide_stl1 {
  margin-top: 30px;
}

.layer_pop .event_layer .advice {
  margin-top: 23px;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #ff0000;
}

.layer_pop .event_layer .advice strong {
  color: #222;
}

.layer_pop .event_layer .advice2 {
  font-size: 12px;
  text-align: center;
  color: #222;
}

/* 쿠폰 텍스트화 및 굿모닝 쓱배송 추가 (v1제거 시 이마트 쿠폰 value에 적용한 폰트 속성 삭제)*/
.bcoupon .value .tx {
  display: none;
}

.mcoupon .value .tx {
  display: none;
}

.scoupon .value .tx {
  display: none;
}

.bcoupon.v2 {
  position: relative;
  display: block;
  width: 240px;
  height: 118px;
  background: url(../img/common/coupon_all_v2.png) no-repeat 0 0;
}

.bcoupon.v2 .value {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 140px;
  height: 118px;
  line-height: 113px;
  font-size: 66px;
  color: #ea718d;
  right: 74px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.bcoupon.v2 .value .tx {
  display: inline-block;
  margin-left: 1px;
  font-size: 24px;
  font-weight: normal;
}

.bcoupon.v2.ssg .value {
  line-height: 110px;
}

.bcoupon.v2.s_mall .value,
.bcoupon.v2.emart .value {
  color: #fff;
}

.bcoupon.v2.won .value {
  font-size: 48px;
  letter-spacing: -2px;
}

.bcoupon.v2.won0 .value {
  font-size: 42px;
  letter-spacing: -2px;
}

.bcoupon.v2.won00 .value {
  font-size: 36px;
  letter-spacing: -2px;
}

.bcoupon.v2.won .value .tx,
.bcoupon.v2.won0 .value .tx,
.bcoupon.v2.won00 .value .tx {
  font-size: 20px;
  vertical-align: 1px;
}

.bcoupon.v2.ssg.per,
.bcoupon.v2.ssg.per0 {
  background-position: 0 0;
}

.bcoupon.v2.ssg.per .value,
.bcoupon.v2.ssg.per0 .value {
  line-height: 107px;
}

.bcoupon.v2.ssg.per .value .tx,
.bcoupon.v2.ssg.per0 .value .tx {
  vertical-align: 4px;
}

.bcoupon.v2.ssg.won,
.bcoupon.v2.ssg.won0,
.bcoupon.v2.ssg.won00 {
  background-position: -300px 0;
}

.scoupon.v2.ssg.won00 .value,
.bcoupon.v2.s_mall.won .value,
.bcoupon.v2.s_mall.won0 .value,
.bcoupon.v2.s_mall.won00 .value {
  right: 74px;
}

.bcoupon.v2.ssg.ship {
  background-position: -900px 0;
}

.bcoupon.v2.s_mall.per,
.bcoupon.v2.s_mall.per0 {
  background-position: 0 -200px;
}

.bcoupon.v2.s_mall.won,
.bcoupon.v2.s_mall.won0,
.bcoupon.v2.s_mall.won00 {
  background-position: -300px -200px;
}

.bcoupon.v2.s_mall.ship {
  background-position: -900px -200px;
}

.bcoupon.v2.emart.per {
  background-position: 0 -400px;
}

.bcoupon.v2.emart.per0 {
  background-position: 0 -600px;
}

.bcoupon.v2.emart.per .value,
.bcoupon.v2.emart.per0 .value {
  width: 205px;
  right: 35px;
  font-size: 54px;
  line-height: 130px;
  font-weight: bold;
}

.bcoupon.v2.emart.won .value {
  width: 205px;
  right: 35px;
  font-size: 45px;
  line-height: 125px;
  font-weight: bold;
}

.bcoupon.v2.emart.won0 .value,
.bcoupon.v2.emart.won00 .value {
  width: 205px;
  right: 35px;
  font-size: 40px;
  line-height: 125px;
  font-weight: bold;
}

.bcoupon.v2.emart.won,
.bcoupon.v2.emart.won0,
.bcoupon.v2.emart.won00 {
  background-position: -300px -400px;
}

.bcoupon.v2.emart.ship {
  background-position: -900px -400px;
}

.bcoupon.v2.efree {
  background-position: 0 -800px;
}

.bcoupon.v2.efree.bojung,
.bcoupon.v2.efree.center {
  background-position: -1200px -800px;
}

.bcoupon.v2.efree .value {
  display: none;
}

.bcoupon.v2.ssg_free {
  background-position: -300px -800px;
}

.bcoupon.v2.ssg_free .value {
  font-size: 36px;
  line-height: 118px;
}

.bcoupon.v2.s_mall_free {
  background-position: -600px -800px;
}

.bcoupon.v2.s_mall_free .value {
  color: #fff;
  font-size: 36px;
  line-height: 118px;
}

.bcoupon.v2.emart_free {
  background-position: -900px -800px;
}

.bcoupon.v2.emart_free .value {
  display: none;
}

.bcoupon.v2.emorning_free {
  height: 148px;
  background-position: -1500px -800px;
}

.bcoupon.v2.emorning_free .value {
  display: none;
}

.bcoupon.v2.ship .value {
  right: 70px;
  font-size: 48px;
  line-height: 135px;
  letter-spacing: -1px;
}

.bcoupon.v2.ship .value .tx {
  font-size: 20px;
  vertical-align: 2px;
}

.bcoupon.v2.estore_fee {
  background-position: 0 -2970px;
}

.bcoupon.v2.emorning_fee {
  height: 148px;
  background-position: 0 -2710px;
}

.bcoupon.v2.emorning_fee .value,
.bcoupon.v2.estore_fee .value {
  right: 54px;
  bottom: 17px;
  height: auto;
  color: #4d2107;
  font-size: 22px;
  line-height: 1.5;
}

.bcoupon.v2.emorning_fee .value .tx,
.bcoupon.v2.estore_fee .value .tx {
  font-size: 17px;
  vertical-align: 1px;
}

.bcoupon.v2.together {
  background-position: 0 -2500px;
  width: 248px;
}

.scoupon.v2 {
  position: relative;
  display: block;
  width: 110px;
  height: 54px;
  background: url(../img/common/coupon_all_v2.png) no-repeat 0 -1000px;
}

.scoupon.v2 .value {
  overflow: hidden;
  position: absolute;
  display: block;
  width: 68px;
  height: 54px;
  line-height: 50px;
  font-size: 28px;
  color: #ea718d;
  right: 32px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.scoupon.v2 .value .tx {
  display: inline-block;
  margin-left: 1px;
  font-size: 11px;
  vertical-align: 2px;
  font-weight: normal;
}

.scoupon.v2.ssg .value {
  line-height: 50px;
}

.scoupon.v2.ssg .value .tx {
  vertical-align: 1px;
}

.scoupon.v2.ssg.won00 .value {
  right: 32px;
}

.scoupon.v2.s_mall .value {
  color: #fff;
}

.scoupon.v2.emart .value {
  width: 93px;
  right: 15px;
  color: #fff;
}

.scoupon.v2.won .value {
  font-size: 22px;
  letter-spacing: -1px;
  font-weight: bold;
}

.scoupon.v2.won0 .value {
  font-size: 18px;
  letter-spacing: -1px;
  font-weight: bold;
}

.scoupon.v2.won00 .value {
  font-size: 16px;
  letter-spacing: -1px;
  font-weight: bold;
}

.scoupon.v2.ssg.per,
.scoupon.v2.ssg.per0 {
  background-position: 0 -1000px;
}

.scoupon.v2.ssg.per .value .tx,
.scoupon.v2.ssg.per0 .value .tx {
  vertical-align: 2px;
}

.scoupon.v2.ssg.won,
.scoupon.v2.ssg.won0,
.scoupon.v2.ssg.won00 {
  background-position: -300px -1000px;
}

.scoupon.v2.s_mall.won .value,
.scoupon.v2.s_mall.won0 .value,
.scoupon.v2.s_mall.won00 .value {
  right: 32px;
}

.scoupon.v2.ssg.ship {
  background-position: -1200px -1000px;
}

.scoupon.v2.s_mall.per,
.scoupon.v2.s_mall.per0 {
  background-position: 0 -1100px;
}

.scoupon.v2.s_mall.won,
.scoupon.v2.s_mall.won0,
.scoupon.v2.s_mall.won00 {
  background-position: -300px -1100px;
}

.scoupon.v2.s_mall.ship {
  background-position: -1200px -1100px;
}

.scoupon.v2.emart.per {
  background-position: 0 -1200px;
}

.scoupon.v2.emart.per0 {
  background-position: 0 -1200px;
}

.scoupon.v2.emart.per .value,
.scoupon.v2.emart.per0 .value {
  font-size: 28px;
  line-height: 61px;
  letter-spacing: -1px;
  font-weight: bold;
}

.scoupon.v2.emart.max_per .value {
  width: 60px;
  font-size: 22px;
  left: 37px;
  right: auto;
  font-weight: bold;
  text-align: left;
  line-height: 61px;
  letter-spacing: -1px;
}

.scoupon.v2.emart.won .value {
  width: 100px;
  right: 13px;
  font-style: normal;
  color: #fff;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 57px;
}

.scoupon.v2.emart.won0 .value,
.scoupon.v2.emart.won00 .value {
  width: 100px;
  right: 13px;
  line-height: 57px;
  letter-spacing: -1px;
}

.scoupon.v2.emart.max_won .value {
  width: 80px;
  left: 24px;
  text-align: left;
  line-height: 57px;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
}

.scoupon.v2.emart.max_won .value .tx {
  position: absolute;
  bottom: -6px;
}

.scoupon.v2.emart.won,
.scoupon.v2.emart.won0,
.scoupon.v2.emart.won00 {
  background-position: -300px -1200px;
}

.scoupon.v2.emart.max_per {
  background-position: -600px -1200px;
}

.scoupon.v2.emart.max_won {
  background-position: -900px -1200px;
}

.scoupon.v2.emart.ship {
  background-position: -1200px -1200px;
}

.scoupon.v2.efree {
  background-position: 0 -1400px;
}

.scoupon.v2.efree.bojung,
.scoupon.v2.efree.center {
  background-position: -600px -1400px;
}

.scoupon.v2.efree .value {
  display: none;
}

.scoupon.v2.ssg_free {
  background-position: -150px -1400px;
}

.scoupon.v2.ssg_free .value {
  font-size: 16px;
}

.scoupon.v2.s_mall_free {
  background-position: -300px -1400px;
}

.scoupon.v2.s_mall_free .value {
  font-size: 16px;
  color: #fff;
}

.scoupon.v2.emart_free {
  background-position: -450px -1400px;
}

.scoupon.v2.emart_free .value {
  display: none;
}

.scoupon.v2.emorning_free {
  height: 66px;
  background-position: -750px -1400px;
}

.scoupon.v2.emorning_free .value {
  display: none;
}

.scoupon.v2.ship .value {
  font-size: 22px;
  line-height: 62px;
  letter-spacing: -1px;
}

.scoupon.v2.ship .value .tx {
  font-size: 11px;
  vertical-align: 3px;
}

.scoupon.v2.estore_fee {
  background-position: -600px -2970px;
}

.scoupon.v2.emorning_fee {
  height: 66px;
  background-position: -600px -2710px;
}

.scoupon.v2.emorning_fee .value,
.scoupon.v2.estore_fee .value {
  right: 24px;
  bottom: 6px;
  height: auto;
  color: #4d2107;
  font-size: 12px;
  line-height: 1.5;
}

.scoupon.v2.emorning_fee .value .tx,
.scoupon.v2.estore_fee .value .tx {
  font-size: 10px;
  vertical-align: 1px;
}

.scoupon.v2.together {
  background-position: -600px -2500px;
  width: 116px;
}

.scoupon.v2 .gift_coupon {
  width: 47px;
  height: 40px;
  position: absolute;
  top: -23px;
  right: -10px;
  background: url(../img/common/coupon_all_v2.png) -600px 0 no-repeat;
  overflow: hidden;
  text-indent: -1000em;
}

.mcoupon.v2 {
  position: relative;
  display: block;
  width: 217px;
  height: 107px;
  background: url(../img/common/coupon_all_v2.png) no-repeat 0 -1500px;
}

.mcoupon.v2 .value {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 125px;
  height: 107px;
  line-height: 107px;
  font-size: 60px;
  color: #ea718d;
  right: 67px;
  font-style: normal;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.mcoupon.v2 .value .tx {
  display: inline-block;
  margin-left: 1px;
  font-size: 24px;
  font-weight: normal;
}

.mcoupon.v2.ssg .value {
  line-height: 100px;
}

.mcoupon.v2.ssg .value .tx {
  vertical-align: 1px;
}

.mcoupon.v2.s_mall .value,
.mcoupon.v2.emart .value {
  color: #fff;
}

.mcoupon.v2.won .value {
  font-size: 42px;
  letter-spacing: -1px;
}

.mcoupon.v2.won0 .value {
  font-size: 34px;
  letter-spacing: -1px;
}

.mcoupon.v2.won00 .value {
  right: 67px;
  font-size: 30px;
  letter-spacing: -1px;
}

.mcoupon.v2.won .value .tx,
.mcoupon.v2.won0 .value .tx,
.mcoupon.v2.won00 .value .tx {
  font-size: 20px;
  font-weight: normal;
}

.mcoupon.v2.ssg.per,
.mcoupon.v2.ssg.per0 {
  background-position: 0 -1500px;
}

.mcoupon.v2.ssg.per .value,
.mcoupon.v2.ssg.per0 .value {
  line-height: 98px;
}

.mcoupon.v2.ssg.per .value .tx,
.mcoupon.v2.ssg.per0 .value .tx {
  vertical-align: 3px;
}

.mcoupon.v2.ssg.won,
.mcoupon.v2.ssg.won0,
.mcoupon.v2.ssg.won00 {
  background-position: -300px -1500px;
}

.mcoupon.v2.s_mall.won .value,
.mcoupon.v2.s_mall.won0 .value,
.mcoupon.v2.s_mall.won00 .value {
  right: 67px;
}

.mcoupon.v2.ssg.ship {
  background-position: -680px -1500px;
}

.mcoupon.v2.s_mall.per,
.mcoupon.v2.s_mall.per0 {
  background-position: 0 -1700px;
}

.mcoupon.v2.s_mall.won,
.mcoupon.v2.s_mall.won0,
.mcoupon.v2.s_mall.won00 {
  background-position: -300px -1700px;
}

.mcoupon.v2.s_mall.ship {
  background-position: -680px -1700px;
}

.mcoupon.v2.emart.per {
  background-position: 0 -2100px;
}

.mcoupon.v2.emart.per0 {
  background-position: 0 -1900px;
}

.mcoupon.v2.emart.per .value,
.mcoupon.v2.emart.per0 .value {
  width: 184px;
  right: 31px;
  font-size: 48px;
  line-height: 125px;
  font-weight: bold;
}

.mcoupon.v2.emart.won .value {
  width: 184px;
  right: 31px;
  font-size: 40px;
  line-height: 120px;
  font-weight: bold;
}

.mcoupon.v2.emart.won0 .value,
.mcoupon.v2.emart.won00 .value {
  width: 184px;
  right: 31px;
  font-size: 36px;
  line-height: 120px;
  font-weight: bold;
}

.mcoupon.v2.emart.won,
.mcoupon.v2.emart.won0,
.mcoupon.v2.emart.won00 {
  background-position: -300px -1900px;
}

.mcoupon.v2.emart.ship {
  background-position: -680px -1900px;
}

.mcoupon.v2.efree {
  background-position: 0 -2300px;
}

.mcoupon.v2.efree.bojung,
.mcoupon.v2.efree.center {
  background-position: -1200px -2300px;
}

.mcoupon.v2.efree .value {
  display: none;
}

.mcoupon.v2.ssg_free {
  background-position: -300px -2300px;
}

.mcoupon.v2.ssg_free .value {
  font-size: 32px;
  line-height: 107px;
}

.mcoupon.v2.s_mall_free {
  background-position: -600px -2300px;
}

.mcoupon.v2.s_mall_free .value {
  color: #fff;
  font-size: 32px;
  line-height: 107px;
}

.mcoupon.v2.emart_free {
  background-position: -900px -2300px;
}

.mcoupon.v2.emart_free .value {
  display: none;
}

.mcoupon.v2.emorning_free {
  height: 133px;
  background-position: -1500px -2300px;
}

.mcoupon.v2.emorning_free .value {
  display: none;
}

.mcoupon.v2.ship .value {
  right: 64px;
  font-size: 42px;
  line-height: 125px;
  letter-spacing: -1px;
}

.mcoupon.v2.ship .value .tx {
  font-size: 20px;
  vertical-align: 3px;
  font-weight: normal;
}

.mcoupon.v2.estore_fee {
  background-position: -300px -2970px;
}

.mcoupon.v2.emorning_fee {
  height: 133px;
  background-position: -300px -2710px;
}

.mcoupon.v2.emorning_fee .value,
.mcoupon.v2.estore_fee .value {
  right: 54px;
  bottom: 12px;
  height: auto;
  color: #4d2107;
  font-size: 22px;
  line-height: 1.5;
}

.mcoupon.v2.emorning_fee .value .tx,
.mcoupon.v2.estore_fee .value .tx {
  font-size: 17px;
  vertical-align: 1px;
}

.mcoupon.v2.together {
  background-position: -300px -2500px;
}

/*상품상세 추가*/
.option_dl2 .op_chk .op_in {
  padding-left: 16px;
}

.option_dl2 .op_chk .op_chk_txt {
  font-size: 12px;
  color: #13a4c6;
}

.option_dl2 .op_chk .op_chk_advice {
  font-size: 11px;
  color: #777;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

/*IE7 아이템리스트 반짝임 대응*/
#content.best_section,
#content.search_section,
#content.category_sec,
#content.category_section,
#content.view_event,
#content.display_main,
#content.image_temp,
#content.content_exhibition {
  width: 1020px;
}

#content.content_myssg,
#content.content_csc {
  width: 790px;
}

/*IE7 탭분기*/
#shppcst_info .t_dep6 li {
  width: 128px;
}

#shppcst_info .t_dep6 li:first-child {
  width: 132px;
}

/* 상품상세레이어 */
.ssg-productinfo-layer {
  position: absolute;
  text-align: center;
  z-index: 100001;
  width: 1020px;
  left: 50% !important;
  margin-left: -510px !important;
  *margin-left: -1020px !important;
}

.pr_gpwrap {
  clear: both;
  padding-top: 7px;
}

.pr_gpwrap .gp_btn {
  display: inline-block;
  position: relative;
  vertical-align: top;
  *display: inline;
  zoom: 1;
}

.pr_gpwrap .gp_btn img {
  vertical-align: top;
}

.layer_pop .pr_gpwrap .gp_btn a {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 15px;
  left: 0;
  bottom: 0;
  margin: 0;
  background: url(../img/common/b.gif);
  line-height: 999px;
  margin: 0;
}

/* cs 버튼 */
.btn_cs {
  padding-left: 7px;
  font-size: 11px;
  display: inline-block;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  line-height: 0.95em;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
  -webkit-appearance: none;
  background-image: url(../img/common/bg_btn_slightly2.png);
  background-repeat: no-repeat;
}

.btn_cs span {
  display: inline-block;
  padding: 10px 9px 0 2px;
  height: 18px;
  letter-spacing: -1px;
  background-image: url(../img/common/bg_btn_slightly2.png);
  background-repeat: no-repeat;
  background-color: #fff;
}

.btn_cs.ty1 {
  background-position: 1px 0;
  color: #fff !important;
}

.btn_cs.ty1 span {
  background-position: 100% 0;
}

.btn_cs.ty2 {
  background-position: 0 -34px;
  color: #666 !important;
}

.btn_cs.ty2 span {
  background-position: 100% -34px;
}

.btn_cs.ty3 {
  background-position: 0 -68px;
  color: #fff !important;
}

.btn_cs.ty3 span {
  background-position: 100% -68px;
}

.btn_cs.ty4 {
  background-position: 0 -102px;
  color: #666 !important;
}

.btn_cs.ty4 span {
  background-position: 100% -102px;
}

.btn_cs_ty1 {
  display: inline-block;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #000;
  border-radius: 3px;
  text-decoration: none !important;
  padding: 0 7px 0 6px;
  background: #4a4643;
  color: #fff;
  letter-spacing: -0.5px;
}

.btn_cs_ty2 {
  display: inline-block;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none !important;
  padding: 0 7px 0 6px;
  background: #eee;
  color: #666;
  letter-spacing: -0.5px;
}

.btn_cs_ty3 {
  display: inline-block;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #ff6161;
  border-radius: 3px;
  text-decoration: none !important;
  padding: 0 7px 0 6px;
  background: #ff6161;
  color: #fff;
  letter-spacing: -0.5px;
}

.btn_cs_ty4 {
  display: inline-block;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-decoration: none !important;
  padding: 0 7px 0 6px;
  background: #fff;
  color: #666;
  letter-spacing: -0.5px;
}

/* board */
.board_comment {
  clear: both;
  position: relative;
  width: 100%;
  min-width: 700px;
  margin: 87px 0 48px;
}

.board_comment .emo {
  position: absolute;
  top: -69px;
  right: 28px;
  width: 105px;
  height: 80px;
  background: url(../img/common_layout/img_board.png) 0 0 no-repeat;
}

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

.board_comment .board_write {
  border-top: 2px solid #33353e;
}

.board_comment .board_write .board_write_inner {
  padding: 20px;
  border: 1px solid #dadada;
  border-top: 0;
  background: #f7f7f7;
}

.board_comment .board_write .board_tit {
  margin-bottom: 9px;
  color: #666;
  font-weight: bold;
  line-height: 15px;
}

.board_comment .board_write td {
  border: 0 none;
  vertical-align: top;
}

.board_comment .board_write td.btn_area {
  text-align: right;
}

.board_comment .board_write textarea {
  display: block;
  overflow: auto;
  *position: relative;
  *top: -1px;
  width: 100%;
  height: 46px;
  padding: 12px 14px;
  border: 1px solid #c8c8c8;
  color: #959595;
  line-height: 17px;
  resize: none;
}

.board_comment .board_lst td {
  padding: 10px 0 8px;
  border: 0;
  border-bottom: 1px solid #eaeaea;
  color: #888;
  line-height: 17px;
  text-align: center;
  vertical-align: top;
}

.board_comment .board_lst td p {
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
}

.board_comment .board_lst td .btn_board_del {
  width: 13px;
  height: 17px;
  margin-left: 3px;
  background: url(../img/common_layout/btn_board_del.gif) 0 1px no-repeat;
  vertical-align: middle;
}

.board_comment_img .board_img_tit {
  position: absolute;
  top: -58px;
  left: 0;
  width: 818px;
  height: 58px;
  background: url(../img/emall_plan/tit_img_reply.gif) 0 0 no-repeat;
}

.board_comment_img .ip_img_tit {
  width: 790px;
  height: 31px;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  color: #959595;
  line-height: 31px\9 ;
  text-indent: 13px;
  margin-bottom: 6px;
}

.board_comment_img .ip_img_file {
  height: 27px;
  padding: 4px 13px 0;
  border: 1px solid #c8c8c8;
  background: #fff;
}

.board_comment_img .ip_img_file input {
  width: 100%;
  height: 23px;
  border: 0 none;
  color: #959595;
  line-height: 23px\9 ;
  background: #fff;
}

.board_comment_img .ip_img_file input::-ms-value {
  border: 0;
  background: #fff;
  color: #959595;
}

.board_comment_img .board_write td {
  padding: 0;
}

.board_comment_img .board_write td.btn_area {
  padding-bottom: 0;
}

.board_comment_img .ip_img_desc {
  display: block;
  margin-top: 6px;
  color: #666;
  font-size: 12px;
}

.board_comment_img .board_lst {
  overflow: hidden;
  width: 1020px;
}

.board_img_lst {
  width: 1032px;
  padding-top: 40px;
}

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

.board_img_lst li {
  float: left;
  width: 210px;
  height: 352px;
  margin: 0 12px 12px 0;
  padding: 0 15px;
  border: 3px solid #e9e9e9;
}

.board_img_lst .num {
  display: block;
  height: 17px;
  padding-top: 8px;
  font-weight: bold;
  text-align: right;
}

.board_img_lst .thmb {
  width: 210px;
  height: 210px;
}

.board_img_lst .thmb img {
  width: 210px;
  height: 210px;
  vertical-align: top;
}

.board_img_lst .title {
  overflow: hidden;
  position: relative;
  height: 42px;
  margin-top: 12px;
  padding-right: 20px;
  border-bottom: 1px solid #e9e9e9;
}

.board_img_lst .title p {
  overflow: hidden;
  height: 34px;
  color: #222;
  line-height: 17px;
}

.board_img_lst .title .btn_board_del {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 14px;
  background: url(../img/common_layout/btn_board_del.gif) 0 1px no-repeat;
}

.board_img_lst .desc {
  overflow: hidden;
  position: relative;
  width: 200px;
  padding: 11px 5px 0;
  color: #888;
  zoom: 1;
}

.board_img_lst .desc dt {
  float: left;
  clear: both;
  width: 44px;
  width: auto;
  margin-bottom: 3px;
  white-space: nowrap;
}

.board_img_lst .desc dd {
  overflow: hidden;
  clear: none;
  margin-bottom: 3px;
}

/* 상품레이아웃 - common */
.bn_osmu {
  margin: 0 auto;
  *zoom: 1;
}

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

.bn_osmu .top_style,
.bn_osmu .box_style {
  position: relative;
  float: left;
  width: 255px;
  height: 510px;
}

.bn_osmu .link_osmu {
  display: block;
  height: 100%;
  cursor: pointer;
}

.bn_osmu .sp_badge,
.bn_osmu .sp_btn {
  background: url(../img/common/sp_patten_img.png) no-repeat 0 0;
}

.bn_osmu .bn_txt .bn_txt_inner span,
.bn_osmu .bn_txt .bn_txt_inner span em {
  display: block;
}

.bn_osmu .sp_badge {
  position: absolute;
  z-index: 30;
  width: 69px;
  height: 69px;
  text-align: center;
}

.bn_osmu .sp_badge.fl_lf {
  left: 14px;
  top: 14px;
}

.bn_osmu .sp_badge.fl_rt {
  right: 14px;
  top: 14px;
}

.bn_osmu .sp_badge.fl_bm {
  right: 14px;
  bottom: 14px;
}

.bn_osmu .sp_badge .bn_coupun {
  display: inline-block;
  width: 29px;
  height: 21px;
  margin-top: 20px;
  padding: 0 14px 12px 10px;
  background: url(../img/common/sp_patten_img.png) 0 -2430px no-repeat;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: -1px;
  color: #373737;
}

.bn_osmu .sp_badge .bn_coupun em {
  *position: relative;
  *top: -4px;
}

.bn_osmu .sp_badge .bn_more {
  display: inline-block;
  width: 33px;
  height: 17px;
  margin-top: 24px;
  background: url(../img/common/sp_patten_img.png) 0 -2470px no-repeat;
}

.bn_osmu .sp_badge .bn_gift {
  display: inline-block;
  width: 55px;
  height: 15px;
  margin-top: 25px;
  background: url(../img/common/sp_patten_img.png) -53px -2470px no-repeat;
}

.bn_osmu .bn_txt {
  z-index: 20;
  width: 255px;
  height: 255px;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}

.bn_osmu .bn_txt .bn_txt_inner {
  padding: 59px 0 0 30px;
}

.bn_osmu .bn_txt .h1 {
  font-size: 25px;
  line-height: 32px;
  letter-spacing: -1px;
}

.bn_osmu .bn_txt .h2 {
  margin-top: 8px;
  font-size: 15px;
  line-height: 19px;
  letter-spacing: -1px;
}

.bn_osmu .bn_txt .btn_go {
  display: block;
  width: 108px;
  height: 13px;
  margin-top: 25px;
  background: url(../img/common/sp_patten_img.png) -1591px -402px no-repeat;
}

.bn_osmu .bn_img {
  display: block;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.bn_osmu .bn_img .sp_btn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* 상품레이아웃 - top_style */
.bn_osmu .top_style .link_osmu {
  color: #535353;
  text-decoration: none;
}

.bn_osmu .top_style .sp_badge.fl_lf {
  left: auto;
  right: 14px;
  top: 14px;
}

.bn_osmu .top_style .sp_badge.bd_st1 {
  background-position: -1312px -8px;
}

.bn_osmu .top_style .sp_badge.bd_st2 {
  background-position: -1312px -88px;
}

.bn_osmu .top_style .sp_badge.bd_st3 {
  background-position: -1312px -168px;
}

.bn_osmu .top_style .sp_badge.bd_st4 {
  background-position: -1312px -250px;
}

.bn_osmu .top_style .sp_badge.bd_st5 {
  background-position: -1312px -329px;
}

.bn_osmu .top_style .sp_badge.bd_st1.fl_bm {
  background-position: -1403px -8px;
}

.bn_osmu .top_style .sp_badge.bd_st2.fl_bm {
  background-position: -1403px -88px;
}

.bn_osmu .top_style .sp_badge.bd_st3.fl_bm {
  background-position: -1403px -168px;
}

.bn_osmu .top_style .sp_badge.bd_st4.fl_bm {
  background-position: -1403px -250px;
}

.bn_osmu .top_style .sp_badge.bd_st5.fl_bm {
  background-position: -1403px -329px;
}

.bn_osmu .top_style .bn_txt .ico_patten {
  position: relative;
  left: 4px;
  width: 40px;
  height: 13px;
  margin-bottom: 21px;
  background: url(../img/common/sp_patten_img.png) -1659px -1px no-repeat;
  font-size: 0;
}

.bn_osmu .top_style .bn_txt .btn_go {
  display: none;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn1,
.category_all .box_style .bn_img .sp_btn.bn_pttn1 {
  background-position: 0 0;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn2,
.category_all .box_style .bn_img .sp_btn.bn_pttn2 {
  background-position: -265px 0;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn3,
.category_all .box_style .bn_img .sp_btn.bn_pttn3 {
  background-position: 0 -264px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn4,
.category_all .box_style .bn_img .sp_btn.bn_pttn4 {
  background-position: -265px -264px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn5,
.category_all .box_style .bn_img .sp_btn.bn_pttn5 {
  background-position: -530px -264px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn6,
.category_all .box_style .bn_img .sp_btn.bn_pttn6 {
  background-position: 0 -530px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn7,
.category_all .box_style .bn_img .sp_btn.bn_pttn7 {
  background-position: -265px -530px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn8,
.category_all .box_style .bn_img .sp_btn.bn_pttn8 {
  background-position: -530px -530px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn9,
.category_all .box_style .bn_img .sp_btn.bn_pttn9 {
  background-position: 0 -795px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn10,
.category_all .box_style .bn_img .sp_btn.bn_pttn10 {
  background-position: -265px -795px;
}

.bn_osmu .top_style .bn_img .sp_btn.bn_pttn11,
.category_all .box_style .bn_img .sp_btn.bn_pttn11 {
  background-position: -530px -795px;
}

/* 상품레이아웃 - box_style */
.bn_osmu .box_style .link_osmu {
  color: #fff;
}

.bn_osmu .box_style .sp_badge.fl_bm {
  right: 14px;
  top: 172px;
  bottom: auto;
}

.bn_osmu .box_style .bn_img .sp_btn {
  background-position: -530px 0;
}

.bn_osmu .box_style .sp_badge.bd_st1 {
  background-position: -1403px -8px;
}

.bn_osmu .box_style .sp_badge.bd_st2 {
  background-position: -1403px -88px;
}

.bn_osmu .box_style .sp_badge.bd_st3 {
  background-position: -1403px -168px;
}

.bn_osmu .box_style .sp_badge.bd_st4 {
  background-position: -1403px -250px;
}

.bn_osmu .box_style .sp_badge.bd_st5 {
  background-position: -1403px -329px;
}

.bn_osmu .box_style .bn_txt {
  position: absolute;
  bottom: 0;
  padding-top: 12px;
  background: url(../img/common/sp_patten_img.png) no-repeat;
}

.bn_osmu .box_style .bn_txt.fl_lt {
  left: 0;
}

.bn_osmu .box_style .bn_txt.fl_rt {
  right: 0;
}

.bn_osmu .box_style .st_high.bg1 .bn_txt {
  background-position: 0 -1065px;
}

.bn_osmu .box_style .st_high.bg2 .bn_txt {
  background-position: -258px -1065px;
}

.bn_osmu .box_style .st_high.bg3 .bn_txt {
  background-position: -516px -1065px;
}

.bn_osmu .box_style .st_high.bg4 .bn_txt {
  background-position: -774px -1065px;
}

.bn_osmu .box_style .st_high.bg5 .bn_txt {
  background-position: -1032px -1065px;
}

.bn_osmu .box_style .st_high.bg6 .bn_txt {
  background-position: -1291px -1065px;
}

.bn_osmu .box_style .st_high.bg7 .bn_txt {
  background-position: 0 -1336px;
}

.bn_osmu .box_style .st_low.bg1 .bn_txt {
  background-position: -258px -1336px;
}

.bn_osmu .box_style .st_low.bg2 .bn_txt {
  background-position: -516px -1336px;
}

.bn_osmu .box_style .st_low.bg3 .bn_txt {
  background-position: -774px -1336px;
}

.bn_osmu .box_style .st_low.bg4 .bn_txt {
  background-position: -1032px -1336px;
}

.bn_osmu .box_style .st_low.bg5 .bn_txt {
  background-position: -1291px -1336px;
}

.bn_osmu .box_style .st_low.bg6 .bn_txt {
  background-position: 0 -1605px;
}

.bn_osmu .box_style .st_low.bg7 .bn_txt {
  background-position: -258px -1605px;
}

.bn_osmu .box_style .st_low.bg8 .bn_txt {
  background-position: -516px -1605px;
}

.bn_osmu .box_style .st_low.bg9 .bn_txt {
  background-position: -774px -1605px;
}

/* 상품레이아웃 - box_style(w510) */
.bn_osmu .box_style.w510 {
  width: 510px;
}

.bn_osmu .box_style.w510 .st_high .bn_img .sp_btn {
  background-position: -793px -8px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge {
  background-position: -1489px -8px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge.bd_st1 {
  background-position: -1489px -8px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge.bd_st2 {
  background-position: -1489px -88px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge.bd_st3 {
  background-position: -1489px -168px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge.bd_st4 {
  background-position: -1489px -250px;
}

.bn_osmu .box_style.w510 .st_high .sp_badge.bd_st5 {
  background-position: -1489px -329px;
}

.bn_osmu .box_style.w510 .st_low .bn_img .sp_btn {
  background-position: -793px -530px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge {
  background-position: -1570px -8px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge.bd_st1 {
  background-position: -1570px -8px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge.bd_st2 {
  background-position: -1570px -88px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge.bd_st3 {
  background-position: -1570px -168px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge.bd_st4 {
  background-position: -1570px -250px;
}

.bn_osmu .box_style.w510 .st_low .sp_badge.bd_st5 {
  background-position: -1570px -329px;
}

.bn_osmu a.link_osmu .bn_img img {
  vertical-align: top;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transition: All 1s linear;
  -webkit-transition: All 1s linear;
  -ms-transition: All 0.5s linear;
}

.bn_osmu a.link_osmu:hover .bn_img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transition: All 2s linear;
  -webkit-transition: All 2s linear;
  -ms-transition: All 0.5s linear;
}

/* 휴대폰 상품고시 */
.layer_pop .ph_noti_detail {
  padding-top: 8px;
}

.layer_pop .ph_noti_detail .ph_noti {
  height: 207px;
  border: 1px solid #dadada;
  background: #f9f9f9 url(../img/product/tx_ph_noti.png) no-repeat 50% 50%;
}

.layer_pop .ph_noti_detail .button_area {
  margin-top: 7px;
  zoom: 1;
}

.layer_pop .ph_noti_detail .button_area:after {
  content: "";
  display: block;
  clear: both;
}

.layer_pop .ph_noti_detail .button_area .btn_detail {
  float: left;
  width: 388px;
  height: 53px;
  margin: 0 5px 0 0;
  padding: 0 !important;
  background: #fff url(../img/product/btn_go_detail.gif) no-repeat 50% 50%;
}

.layer_pop .button_area .cm_clip_dtl {
  float: left;
}

.layer_pop .button_area .cm_clip_dtl a.sel_clip {
  margin: 0;
}

.layer_pop .ph_noti_detail .button_area .btn_clip {
  margin-top: 0 !important;
}

/* 퀵뷰 동영상버튼 추가 */
.detail_product .item_image .viewport li .btn_qck_mov {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 89px;
  height: 89px;
  margin: -45px 0 0 -45px;
  background: url(../img/common/btn_movplay_b.png) no-repeat;
}

#videoView,
#qvVideoView {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 450px;
  text-align: center;
  line-height: 1.5em;
  z-index: -1;
}

#videoBox,
#qvVideoBox {
  display: inline-block;
  width: 450px;
  height: 450px;
}

/*딜구매count*/
.deal_count {
  margin: 10px 0;
  padding: 6px 0 0;
  color: #888;
  font-weight: bold;
  border-top: 1px dashed #d8d8d8;
  width: 100%;
  text-align: right;
}

.deal_count em {
  color: #ff9526;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  vertical-align: -1px;
  font-weight: normal;
  padding-right: 2px;
}

.table_itemlist2 .deal_count {
  float: left;
  display: block;
  margin: 10px 0;
  padding: 6px 0 0;
  color: #888;
  font-weight: bold;
  border-top: none;
  width: 150px;
  text-align: left;
}

.table_itemlist2 .deal_count em {
  font-weight: normal;
}

/* 간편회원통합 & 네이버ID 로그인 */
.simple_login_btn .btn {
  height: 38px;
  padding-left: 41px;
  background-image: url(../img/common/bg_btn_sns.png);
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  line-height: 38px;
  letter-spacing: -0.5px;
  cursor: pointer;
}

.simple_login_btn .btn span {
  width: 146px;
  background-image: url(../img/common/bg_btn_sns.png);
}

.simple_login_btn .btn.naver {
  background-position: 0 0;
}

.simple_login_btn .btn.naver span {
  background-position: 100% -40px;
}

.simple_login_btn .btn.facebook {
  background-position: 0 -80px;
}

.simple_login_btn .btn.facebook span {
  background-position: 100% -120px;
}

/* location - 삭제예정(s) */
.common_location {
  position: relative;
  z-index: 280;
  width: 1020px;
  height: 19px;
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background: url(../img/common_layout/bg_location2.gif) repeat-x 0 0 #fff;
}

.body_ssg .common_location {
  position: relative;
  z-index: 9;
  width: 1280px;
  height: 19px;
  padding-left: 0;
  padding-top: 15px;
  padding-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background: none;
}

.common_location.other {
  background: 0 none;
  border: 0 none;
}

.common_location .lo_depth_01 {
  position: relative;
  float: left;
}

.common_location .lo_depth_01.ico {
  position: relative;
  float: left;
  overflow: hidden;
}

.common_location .lo_depth_01:first-child a.lo_ico {
  height: 19px;
  padding-left: 27px;
  background: url(../img/common_layout/ico_mall.gif) 0 0 no-repeat;
}

.common_location .lo_depth_01 .lo_menu {
  display: inline-block;
  *display: inline;
  height: 20px;
  padding: 0 4px 0 7px;
  font-size: 12px;
  color: #666;
  line-height: 20px;
  text-decoration: none;
}

.common_location .lo_depth_01 a.lo_menu:hover {
  text-decoration: underline;
}

.common_location .lo_depth_01 a.lo_menu.lo_arr {
  padding: 0 21px 9px 7px;
  background: url(../img/common/sp_togle.png) right -2px no-repeat;
  *padding-top: 4px;
}

.common_location .lo_depth_01 a.lo_menu.lo_ico {
  display: block;
  float: left;
  padding-right: 10px;
}

.common_location .lo_depth_01 a.lo_menu.active {
  text-decoration: underline;
  background-position: right -28px;
}

.common_location .lo_depth_01 .lo_line {
  color: #000;
  line-height: 20px;
}

.common_location .main_ico a {
  position: absolute;
  top: 22px;
  left: 0px;
  width: 19px;
  height: 19px;
  background: url(../img/common_layout/ico_mall.gif) 0 0 no-repeat;
}

.common_location .lo_depth_02 {
  display: none;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 9999;
  width: 182px;
  padding: 4px 0;
  border: 1px solid #d8d8d8;
  border-top: 1px solid #222;
  background-color: #fff;
}

.common_location .lo_depth_02.active {
  display: block;
}

.common_location .lo_depth_02 ul li {
  margin-bottom: 1px;
}

.common_location .lo_depth_02 ul li a {
  display: block;
  width: 168px;
  padding: 0px 7px;
  text-decoration: none;
  color: #666;
  font-size: 12px;
  line-height: 18px;
}

.common_location .lo_depth_02 ul li a.active {
  background-color: #f2f2f2;
}

.common_location .lo_depth_02 ul li a:focus,
.common_location .lo_depth_02 ul li a:active,
.common_location .lo_depth_02 ul li a:hover {
  color: #fff;
  background-color: #f15065;
}

/* location - 삭제예정(e) */
/* 등급쿠폰 안내 팝업 */
.modal_mycoupon_grade {
  display: none;
  overflow: hidden;
  position: relative;
  width: 400px;
  padding: 50px 30px;
  background: #fff;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}
.modal_mycoupon_grade .modal_mycoupon_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_close_20px.png) no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal_mycoupon_grade .modal_mycoupon_close {
    background-image: url(../img/common/ico_close_20px@2x.png);
    background-size: 20px 20px;
  }
}
.modal_mycoupon_grade .modal_mycoupon_desc {
  color: #222;
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}
.modal_mycoupon_grade .modal_mycoupon_bn {
  margin-top: 20px;
  width: 100%;
}
.modal_mycoupon_grade .modal_mycoupon_bn img {
  width: 100%;
  vertical-align: top;
}
.modal_mycoupon_grade .modal_mycoupon_bn:first-child {
  margin-top: 0;
}
.modal_mycoupon_grade .modal_mycoupon_detail {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.67;
  letter-spacing: -0.24px;
  text-align: center;
  color: #222;
}
.modal_mycoupon_grade .modal_mycoupon_detail:after {
  content: "";
  display: inline-block;
  margin-left: 2px;
  vertical-align: 2px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.modal_mycoupon_grade .modal_mycoupon_change {
  display: block;
  width: 120px;
  height: 40px;
  margin: 30px auto 0;
  border: 1px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal_mycoupon_grade .modal_mycoupon_change span {
  color: #222;
  font-size: 13px;
  line-height: 38px;
  letter-spacing: -0.3px;
  text-align: center;
}
.modal_mycoupon_grade .modal_mycoupon_change:first-child {
  margin-top: 0;
}

.modal_mycoupon_grade_new .icon_smile_club_logo {
  width: 55px;
  height: 20px;
  display: inline-block;
  margin: 0 4px 0 2px;
  background: url(../img/myssg/smile-club-simple-logo-roundsquare.png) no-repeat center/100% auto;
  vertical-align: top;
}
.modal_mycoupon_grade_new .modal_mycoupon_title {
  padding-bottom: 15px;
  border-bottom: 3px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.3px;
}
.modal_mycoupon_grade_new .modal_mycoupon_desc {
  margin-top: 20px;
  font-size: 16px;
  color: #000;
  text-align: left;
  line-height: 1.375;
  letter-spacing: -0.3px;
}
.modal_mycoupon_grade_new .modal_mycoupon_img_wrapper {
  text-align: center;
}
.modal_mycoupon_grade_new .modal_mycoupon_box {
  width: 100%;
  padding: 24px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  font-size: 15px;
  color: rgba(34, 34, 34, 0.8);
  line-height: 1.2;
  text-align: center;
}
.modal_mycoupon_grade_new .modal_mycoupon_box:after {
  content: "";
  width: 45px;
  height: 16px;
  display: block;
  position: absolute;
  top: 10px;
  right: 14px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='16' fill='none'%3E%3Cpath d='M8.163 16a8.248 8.248 0 0 1-5.772-2.343A7.92 7.92 0 0 1 0 8a7.92 7.92 0 0 1 2.39-5.656A8.248 8.248 0 0 1 8.164 0H36.53a8.308 8.308 0 0 1 3.156.578 8.177 8.177 0 0 1 2.684 1.726 7.99 7.99 0 0 1 1.797 2.607 7.86 7.86 0 0 1 0 6.17 7.991 7.991 0 0 1-1.797 2.608 8.179 8.179 0 0 1-2.684 1.726 8.308 8.308 0 0 1-3.156.578L8.163 16Z' fill='%23966E46'/%3E%3Cpath d='M21.676 6.693a2.419 2.419 0 0 0-1.517-.597c-1.196 0-2.064 1.002-2.064 2.246 0 1.304.733 2.245 2.054 2.245a2.273 2.273 0 0 0 1.517-.618l.948 1.174a4.132 4.132 0 0 1-2.537.859c-2.178 0-3.757-1.526-3.757-3.667 0-2.064 1.713-3.66 3.829-3.66.876 0 1.569.272 2.331.747l-.804 1.27ZM25.139 4.297h-1.671v7.584h1.67V4.297ZM30.153 11.88l-.143-.698a2.072 2.072 0 0 1-.747.608 2.116 2.116 0 0 1-.946.21 1.92 1.92 0 0 1-.796-.202 1.881 1.881 0 0 1-.633-.514c-.455-.564-.495-1.254-.495-2.013V6.46h1.67v2.749c0 .355 0 .769.124 1.042a.66.66 0 0 0 .271.289.68.68 0 0 0 .39.085c.206-.003.409-.056.589-.154.18-.099.332-.24.443-.41V6.46h1.67v5.42h-1.397ZM32.855 4.297h1.67v2.669c.404-.476 1.084-.627 1.584-.627 1.423 0 2.507 1.284 2.507 2.85 0 1.568-1.084 2.812-2.517 2.812-.547 0-1.322-.172-1.703-.808l-.134.687H32.86l-.005-7.583Zm1.67 5.824c.142.166.321.298.523.386.202.087.422.128.643.119.837 0 1.228-.779 1.228-1.476 0-.729-.453-1.435-1.206-1.435-.236-.01-.47.042-.679.15a1.324 1.324 0 0 0-.508.466v1.79Z' fill='%23fff'/%3E%3Cpath d='M8.163 1.987A6.23 6.23 0 0 0 4.75 3.001 6.045 6.045 0 0 0 2.49 5.7a5.906 5.906 0 0 0-.35 3.477 5.981 5.981 0 0 0 1.68 3.081 6.18 6.18 0 0 0 3.145 1.647 6.256 6.256 0 0 0 3.548-.343 6.115 6.115 0 0 0 2.755-2.216 5.932 5.932 0 0 0 1.034-3.344 5.955 5.955 0 0 0-1.798-4.254 6.202 6.202 0 0 0-4.34-1.762Zm0 10.861c-2.363 0-4.318-1.873-4.507-4.248a.41.41 0 0 1 .098-.298.426.426 0 0 1 .281-.147c.605-.06 1.927-.16 4.128-.16 2.2 0 3.523.1 4.128.16.11.011.21.064.281.147.07.083.106.19.097.298-.197 2.375-2.143 4.248-4.506 4.248Z' fill='%23FFD200'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}
.modal_mycoupon_grade_new .modal_mycoupon_detail {
  font-size: 13px;
}

.modal_myssg_popup_new {
  display: none;
  overflow: hidden;
  position: relative;
  width: 588px;
  padding: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 400;
}
.modal_myssg_popup_new .myssg_modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  background: url(../img/common/ico_close_20px.png) no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal_myssg_popup_new .myssg_modal_close {
    background-image: url(../img/common/ico_close_20px@2x.png);
    background-size: 20px 20px;
  }
}
.modal_myssg_popup_new .myssg_modal_title {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 3px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_modal_desc {
  font-size: 16px;
  color: #000;
  text-align: left;
  line-height: 1.375;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_modal_divider {
  width: 100%;
  height: 1px;
  display: block;
  margin: 20px 0;
  background-color: #e5e5e5;
}
.modal_myssg_popup_new .myssg_scroll_container {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.modal_myssg_popup_new .myssg_scroll_container::-webkit-scrollbar {
  display: none;
}
.modal_myssg_popup_new .myssg_modal_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -4px;
}
.modal_myssg_popup_new .myssg_modal_row .myssg_modal_col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.modal_myssg_popup_new .myssg_modal_row .myssg_modal_col_2 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.modal_myssg_popup_new .myssg_card {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
}
.modal_myssg_popup_new .myssg_card_has_bg {
  background-color: #f5f5f5;
}
.modal_myssg_popup_new .myssg_card_title {
  font-weight: bold;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_card_text {
  font-size: 14px;
  color: #222;
  line-height: 19px;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_bullet_item {
  padding-left: 9px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  font-size: 14px;
  color: #222;
  line-height: 18px;
  letter-spacing: -0.3px;
  word-break: keep-all;
}
.modal_myssg_popup_new .myssg_bullet_item:before {
  content: "";
  width: 3px;
  height: 3px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: currentColor;
}
.modal_myssg_popup_new .myssg_bullet_item + .myssg_bullet_item {
  margin-top: 8px;
}
.modal_myssg_popup_new .myssg_modal_def_list .myssg_modal_def_title {
  font-weight: bold;
  font-size: 14px;
  color: #222;
  line-height: 20px;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_modal_def_list .myssg_modal_def_item {
  margin-top: 8px;
}
.modal_myssg_popup_new .myssg_modal_def_list .myssg_modal_def_item .myssg_bullet_item {
  color: #969696;
}
.modal_myssg_popup_new .myssg_modal_btn_group {
  margin-top: 30px;
}
.modal_myssg_popup_new .myssg_modal_btn {
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}
.modal_myssg_popup_new .myssg_modal_btn.size_lg {
  width: 220px;
  height: 44px;
}
.modal_myssg_popup_new .myssg_modal_btn.size_lg .myssg_modal_btn_content {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.3px;
}
.modal_myssg_popup_new .myssg_modal_btn .myssg_modal_btn_content {
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.modal_myssg_popup_new .myssg_modal_caption_text {
  font-size: 14px;
  color: #969696;
  line-height: 18px;
  letter-spacing: -0.26px;
}

.myssg_benefit_choose_modal {
  padding-bottom: 0;
}
.myssg_benefit_choose_modal .myssg_scroll_container {
  max-height: 652px;
}
.myssg_benefit_choose_modal .myssg_modal_desc > strong {
  font-weight: bold;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_title {
  font-weight: bold;
  font-size: 16px;
  color: #222;
  line-height: 28px;
  letter-spacing: -0.32px;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item_group {
  margin-top: 12px;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item_group > .myssg_modal_row {
  margin: -10px -5px;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item_group > .myssg_modal_row > .myssg_modal_col {
  width: 50%;
  padding: 10px 5px;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item_group > .myssg_modal_row > .myssg_modal_col:last-child {
  width: 100%;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item {
  width: 100%;
  height: 100%;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item label {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio] {
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card {
  width: 100%;
  height: 100%;
  border: 2px solid transparent;
  -webkit-box-shadow: 0 0 0 1px #e5e5e5 inset;
          box-shadow: 0 0 0 1px #e5e5e5 inset;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_card_prepend > div {
  width: 100%;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f5f5f5;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_card_prepend .myssg_card_title {
  color: #969696;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_card_prepend .myssg_icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px;
  line-height: 0;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_card_prepend .myssg_icon:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ccircle cx='8' cy='8' r='7.5' stroke='%23969696' fill='none'/%3E%3C/svg%3E");
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_modal_bullet_list {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_bullet_item {
  color: #969696;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card .myssg_bullet_item > strong {
  font-weight: bold;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked + .myssg_card {
  border-color: #966e46;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked + .myssg_card .myssg_card_prepend > div {
  background-color: #966e46;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked + .myssg_card .myssg_card_prepend .myssg_icon:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle stroke='%23FFF' cx='8' cy='8' r='7.5'/%3E%3Ccircle fill='%23FFF' cx='8' cy='8' r='4.8'/%3E%3C/g%3E%3C/svg%3E");
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked + .myssg_card .myssg_card_prepend .myssg_card_title {
  color: #fff;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked + .myssg_card .myssg_bullet_item {
  color: #222;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked:disabled + .myssg_card {
  border-color: #969696;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked:disabled + .myssg_card .myssg_card_prepend > div {
  background-color: #969696;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item input[type=radio]:checked:disabled + .myssg_card .myssg_bullet_item {
  color: #969696;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg .myssg_card_title {
  padding: 20px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg .myssg_modal_bullet_list {
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg .myssg_modal_bullet_list .myssg_bullet_item {
  color: #222;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg .myssg_modal_bullet_list + .myssg_card_text {
  padding-top: 8px;
}
.myssg_benefit_choose_modal .myssg_benefit_choose_item .myssg_card_has_bg .myssg_card_text {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_benefit_choose_modal .myssg_modal_btn_group {
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_benefit_choose_modal .myssg_modal_btn {
  background-color: #222;
}
.myssg_benefit_choose_modal .myssg_modal_btn .myssg_modal_btn_content {
  color: #fff;
}
.myssg_benefit_choose_modal .myssg_modal_btn .icon_arrow_down_and_tray {
  margin-left: 5px;
  -webkit-filter: invert(94%) sepia(0%) saturate(7477%) hue-rotate(103deg) brightness(121%) contrast(101%);
          filter: invert(94%) sepia(0%) saturate(7477%) hue-rotate(103deg) brightness(121%) contrast(101%);
}

.myssg_coupon_downloaded_modal .myssg_card_has_bg .myssg_card_title {
  padding: 20px 20px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_card_has_bg .myssg_modal_bullet_list {
  padding: 0 20px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_card_has_bg .myssg_card_text {
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_card_has_bg + .myssg_card_has_bg {
  margin-top: 20px;
}
.myssg_coupon_downloaded_modal .myssg_modal_caption_text {
  margin-top: 10px;
}
.myssg_coupon_downloaded_modal .myssg_modal_btn_group .myssg_modal_btn {
  background-color: #222;
}
.myssg_coupon_downloaded_modal .myssg_modal_btn_group .myssg_modal_btn .myssg_modal_btn_content {
  color: #fff;
}
.myssg_coupon_downloaded_modal .myssg_modal_btn_group .myssg_modal_btn.has_gradient {
  background: -webkit-gradient(linear, left top, right top, color-stop(41.02%, #002041), color-stop(102.54%, #497cff));
  background: linear-gradient(90deg, #002041 41.02%, #497cff 102.54%);
}
.myssg_coupon_downloaded_modal .myssg_modal_btn_group .myssg_modal_btn.ty_shape {
  border-radius: 0;
}
.myssg_coupon_downloaded_modal .myssg_box {
  width: 100%;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e5e5e5;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list {
  min-height: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -3px;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item {
  padding: 0 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_img {
  width: 64px;
  margin: 0 auto;
  position: relative;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_img > img {
  width: 100%;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_img > .myssg_badge {
  position: absolute;
  top: 0;
  right: 0;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_img + .myssg_item_title {
  margin-top: 4px;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_title {
  display: block;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
  color: #222;
  line-height: 1.2142857143;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_title + .myssg_item_subtitle {
  margin-top: 2px;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_item_subtitle {
  display: block;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  font-size: 10px;
  color: #969696;
  line-height: 1.2;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list .myssg_badge {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #222;
  border-radius: 50%;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  line-height: 1.1818181818;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list.flexible {
  width: 100%;
  margin: 0;
}
.myssg_coupon_downloaded_modal .myssg_box .myssg_item_list.flexible .myssg_item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
}
.myssg_coupon_downloaded_modal .myssg_box + .myssg_box {
  margin-top: 8px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg {
  padding: 24px 12px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #dbe5ff;
  border-color: transparent;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_box_title {
  font-weight: bold;
  font-size: 15px;
  color: #002041;
  line-height: 1.2666666667;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_box_title > span {
  font-size: 14px;
  line-height: 1.2142857143;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_box_title + .myssg_box_text {
  margin-top: 8px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_box_text {
  font-size: 14px;
  color: #002041;
  line-height: 1.2142857143;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_box_text > strong {
  font-weight: bold;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_card {
  width: 411px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 16px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_card .myssg_card_content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_card .myssg_card_content > img {
  width: 100%;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_card_preserve_benefit {
  height: 112px;
  margin-top: 16px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_bg .myssg_card_preserve_benefit .myssg_card_content > img {
  width: 336px;
  margin: 0 auto;
}
.myssg_coupon_downloaded_modal .myssg_box_info {
  position: relative;
  margin: 8px 0 20px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 14px;
  color: #777;
}
.myssg_coupon_downloaded_modal .myssg_box_info .icon_info_circle {
  position: absolute;
  top: 0;
  left: 0;
}
.myssg_coupon_downloaded_modal .myssg_box_info .icon_info_circle:after {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='rgb%28119%2C119%2C119%29' d='M12 21.6c-5.292 0-9.6-4.308-9.6-9.6s4.308-9.6 9.6-9.6c5.292 0 9.6 4.308 9.6 9.6s-4.308 9.6-9.6 9.6zM12 3.6c-4.632 0-8.4 3.768-8.4 8.4s3.768 8.4 8.4 8.4c4.632 0 8.4-3.768 8.4-8.4s-3.768-8.4-8.4-8.4z'%3e%3c/path%3e %3cpath fill='rgb%28119%2C119%2C119%29' d='M12 8.844c0.63 0 1.14-0.51 1.14-1.14s-0.51-1.14-1.14-1.14c-0.63 0-1.14 0.51-1.14 1.14s0.51 1.14 1.14 1.14z'%3e%3c/path%3e %3cpath fill='rgb%28119%2C119%2C119%29' d='M12.6 10.356h-1.2v6.84h1.2v-6.84z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient {
  padding: 24px 12px 32px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: linear-gradient(74.59deg, #fecc1f 0%, #fe3a6b 30%, #e53b91 39%, #a73ef3 59%, #a33ffa 60%, #7465fa 70%, #4889fa 80%, #3798fb 85%, #2fb6b4 95%, #2cc397 100%);
  border-color: transparent;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_box_title {
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  line-height: 1.2666666667;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_box_title > span {
  font-size: 14px;
  line-height: 1.2142857143;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_box_title + .myssg_box_text {
  margin-top: 8px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_box_text {
  font-size: 14px;
  color: #fff;
  line-height: 1.2142857143;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_box_text > strong {
  font-weight: bold;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item.ssg .myssg_item_img {
  width: 60px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item.emart .myssg_item_img {
  width: 54px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item.ssgtfs .myssg_item_img {
  width: 74px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item.ssgdfs .myssg_item_img {
  width: 36px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item.starbucks .myssg_item_img {
  width: 32px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_item_list .myssg_item .myssg_item_text {
  font-size: 12px;
  color: #000;
  line-height: 1.25;
  letter-spacing: -0.5px;
  text-align: center;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card {
  width: 411px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  border-radius: 16px;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card .myssg_card_content {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card .myssg_card_content > img {
  width: 100%;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card_group_benefit {
  height: 113px;
  margin-top: 8px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card_group_benefit .myssg_item_list {
  width: 100%;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
.myssg_coupon_downloaded_modal .myssg_box.has_gradient .myssg_card_group_benefit .myssg_item_list .myssg_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 14px;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn_group .myssg_modal_btn + .myssg_modal_btn {
  margin-left: 10px;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn_group .myssg_modal_btn:only-child {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 260px;
  margin: 0 auto;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn_group .myssg_modal_btn:only-child.ty_shape {
  width: 363px;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn.outline {
  background-color: #fff;
  border: 1px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn.outline .myssg_modal_btn_content {
  color: #222;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn.size_lg {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 52px;
}
.myssg_coupon_downloaded_modal.v2 .myssg_modal_btn.size_lg .myssg_modal_btn_content {
  font-family: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
}
.myssg_coupon_downloaded_modal.v2 .icon_ssg_chevron_right_small {
  display: inline-block;
  margin-top: -2px;
  line-height: 0;
  vertical-align: top;
}
.myssg_coupon_downloaded_modal.v2 .icon_ssg_chevron_right_small: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%28255%2C255%2C255%29' d='M10.452 16.536l-0.852-0.852 3.816-3.816-3.816-3.816 0.852-0.852 4.656 4.668-4.656 4.668z'%3e%3c/path%3e %3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20px;
  height: 20px;
}

.myssg_coupon_downloaded_modal.after20240701 {
  padding-bottom: 40px;
}
.myssg_coupon_downloaded_modal.after20240701 .myssg_modal_title {
  margin-bottom: 24px;
  padding-bottom: 14px;
  line-height: 1.1666666667;
}
.myssg_coupon_downloaded_modal.after20240701 .myssg_modal_content_text {
  font-size: 16px;
  color: var(--m-colors-gray900, #222222);
  line-height: 1.1875;
}
.myssg_coupon_downloaded_modal.after20240701 .myssg_modal_content_text + .myssg_modal_content_text {
  margin-top: 8px;
}
.myssg_coupon_downloaded_modal.after20240701 .myssg_modal_content_text ~ .myssg_modal_btn_group {
  margin-top: 30px;
}
/*# sourceMappingURL=ssg_global.css.map */