:root {
  --black: #000000;
  --white: #ffffff;
  --b-alpha-10: #0000001a;
  --b-alpha-20: #00000033;
  --b-alpha-3: #00000008;
  --b-alpha-30: #0000004d;
  --b-alpha-40: #00000066;
  --b-alpha-5: #0000000d;
  --b-alpha-50: #00000080;
  --b-alpha-60: #00000099;
  --b-alpha-70: #000000b2;
  --b-alpha-80: #000000cc;
  --blue-100: #e6f0ff;
  --blue-200: #d4e6ff;
  --blue-300: #aaccff;
  --blue-400: #6ba6ff;
  --blue-500: #3687ff;
  --blue-600: #0a6dff;
  --blue-700: #0057d6;
  --blue-800: #0046ad;
  --blue-900: #002277;
  --gray-100: #f8f9fc;
  --gray-200: #e5eaf4;
  --gray-300: #c1cadc;
  --gray-400: #9da6bb;
  --gray-500: #788297;
  --gray-600: #606878;
  --gray-700: #484e5a;
  --gray-800: #2f333c;
  --gray-900: #17191e;
  --green-100: #f7fced;
  --green-200: #f1ffca;
  --green-300: #c8f159;
  --green-500: #a9cf42;
  --green-600: #8bad2e;
  --green-700: #6e8b1e;
  --green-800: #516912;
  --green-900: #2e3b08;
  --pink-100: #ffedf2;
  --pink-200: #ffd1dd;
  --pink-300: #ffa6bc;
  --pink-400: #ff799a;
  --pink-500: #ff527d;
  --pink-600: #dd3d65;
  --pink-700: #bf2a50;
  --pink-800: #901d3a;
  --pink-900: #650f25;
  --purple-100: #fbf4ff;
  --purple-200: #f1daff;
  --purple-300: #dea8ff;
  --purple-400: #d084ff;
  --purple-500: #c361ff;
  --purple-600: #a445de;
  --purple-700: #862ebc;
  --purple-800: #6a1b9a;
  --purple-900: #490e6c;
  --red-100: #ffeced;
  --red-200: #ff999e;
  --red-300: #f5222d;
  --skyblue-100: #e4f7fc;
  --skyblue-200: #c8f3ff;
  --skyblue-300: #8eeaff;
  --skyblue-400: #47ddff;
  --skyblue-500: #00d0ff;
  --skyblue-600: #05aed4;
  --skyblue-700: #0085a3;
  --skyblue-800: #005e73;
  --skyblue-900: #003744;
  --w-alpha-10: #ffffff1a;
  --w-alpha-20: #ffffff33;
  --w-alpha-30: #ffffff4d;
  --w-alpha-40: #ffffff66;
  --w-alpha-5: #ffffff0d;
  --w-alpha-50: #ffffff80;
  --w-alpha-60: #ffffff99;
  --w-alpha-70: #ffffffb2;
  --w-alpha-80: #ffffffcc;
  --yellow-100: #fff5d6;
  --yellow-200: #ffce70;
  --yellow-300: #ffae2c;

  --colors-primary: var(--purple-600);
  --colors-secondary: var(--green-500);
  --colors-background-dim: var(--b-alpha-40);
  --colors-background-hover: var(--b-alpha-3);
  --colors-background-interactive-primary: var(--colors-primary);
  --colors-background-interactive-quaternary: var(--gray-600);
  --colors-background-interactive-secondary: var(--gray-800);
  --colors-background-interactive-tertiary: var(--gray-200);
  --colors-background-inverse: var(--gray-900);
  --colors-background-primary: var(--white);
  --colors-background-quaternary: var(--green-100);
  --colors-background-secondary: var(--gray-100);
  --colors-background-tertiary: var(--purple-100);
  --colors-border-interactive-primary: var(--colors-primary);
  --colors-border-interactive-quaternary: var(--gray-300);
  --colors-border-interactive-secondary: var(--gray-800);
  --colors-border-interactive-tertiary: var(--gray-400);
  --colors-border-inverse: var(--white);
  --colors-border-primary: var(--gray-200);
  --colors-border-secondary: var(--gray-400);
  --colors-border-tertiary: var(--gray-600);
  --colors-chart-01: #2890ff;
  --colors-chart-02: #33c3f6;
  --colors-chart-03: #a381f9;
  --colors-chart-04: #fc88c8;
  --colors-chart-05: #fb6e52;
  --colors-chart-06: #ffce55;
  --colors-chart-07: #9bd959;
  --colors-chart-08: #36cca7;
  --colors-feedback-danger: var(--red-300);
  --colors-feedback-success: var(--green-600);
  --colors-feedback-warning: var(--yellow-300);
  --colors-font-interactive-primary: var(--colors-primary);
  --colors-font-interactive-secondary: var(--gray-800);
  --colors-font-interactive-tertiary: var(--gray-400);
  --colors-font-inverse: var(--white);
  --colors-font-primary: var(--gray-900);
  --colors-font-quaternary: var(--gray-300);
  --colors-font-secondary: var(--gray-600);
  --colors-font-tertiary: var(--gray-400);
  --colors-icon-interactive-primary: var(--colors-primary);
  --colors-icon-interactive-secondary: var(--gray-800);
  --colors-icon-interactive-tertiary: var(--gray-400);
  --colors-icon-inverse: var(--white);
  --colors-icon-primary: var(--gray-900);
  --colors-icon-quaternary: var(--gray-300);
  --colors-icon-secondary: var(--gray-600);
  --colors-icon-tertiary: var(--gray-400);
  --size-radius-zero: 0rem;
  --size-radius-xs: 0.125rem;
  --size-radius-s: 0.25rem;
  --size-radius-m: 0.375rem;
  --size-radius-l: 0.5rem;
  --size-radius-xl: 0.75rem;
  --size-radius-xxl: 1rem;
  --size-radius-xxxl: 1.5rem;
  --size-radius-full: 6.25rem;
  --font-font-family: Pretendard;
  --font-font-weight-body: Regular;
  --font-font-weight-display: Bold;
  --font-font-weight-heading: SemiBold;
  --font-font-weight-interacive: Medium;
}

body {
  font-family: 'Pretendard' !important;
  word-wrap: break-word;
  word-break: keep-all !important;
}
.no-whitespace {
  white-space: nowrap;
}

.main-wrapper {
  width: 100%;
}

.mt-md {
  margin-top: 16px;
}

.flex-center-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.main-wrapper .wrapper-box {
  max-width: 1280px;
  padding: 0px 40px;
  margin: 0 auto;
  width: 100%;
}

.FlexContainer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  width: 100%;
}

header.new-header .header-topbar img.title-logo-image {
  width: 77.39px;
}

header.new-header .header-topbar {
  height: 80px;
  background: none;
  display: flex;
}

.single-line-button3 {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #2F333C;
}

header.new-header .nav-search .eyoom-form .input input {
  background: #F8F9FC;
  border-radius: 100px !important;
  border: none;
}

header.new-header .nav-search .eyoom-form .input-button .button {
  background: #F8F9FC;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border: none;
  padding: 8px 11px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  opacity: 1;
  top: 0;
  height: 36px;
}

header.new-header img.title-logo-image {
  top: 4px;
  left: 8px;
  position: relative;
}

header.new-header {
  height: 147px;
  border-bottom: 1px solid var(--colors-border-tertiary);
  background: var(--colors-background-primary);
  width: 100%;
  z-index: 100;
}

header.new-header.header-fixed-trans {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  animation: 0.35s all ease-out;
}

header.new-header .nav-search .eyoom-form .input input.sch_stx {
  width: 208px;
  height: 38px;
  font-size: 14px;
}

header.new-header span#user_name {
  color: #606878;
}

header.new-header span#user_balance {
  color: #A445DE;
  line-height: 21px;
}

header.new-header .header-nav .navbar-nav > li.nav-category > a,
header.new-header .header-nav .navbar-nav > li > a {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  padding: 0;
  font-family: 'Pretendard';
  height: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
}

header.new-header .header-nav .navbar-nav > li {
  height: 66px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  border-bottom: 4px solid transparent;
  padding: 1px 0px;
  margin-right: 48px;
  letter-spacing: 0px;
}

header.new-header .header-nav .navbar-nav > li:hover {
  border-color: #A445DE;
}

header.new-header .header-nav .navbar-nav > li:hover a {
  color: #A445DE;
}

header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu {
  width: 195px;
  padding: 4px;
  border: 1px solid #606878;
}

header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.item-vertical:hover {
  background: #2F333C;
  border-radius: 6px !important;
}

header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu li.item-vertical:hover > a {
  color: #fff;
  background: none;
}

header.new-header .header-nav .navbar-nav li.nav-category .dropdown-menu li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  font-family: 'Pretendard';
  color: #17191E;
}

header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu li.item-vertical a {
  padding: 10px 8px 10px 12px;
  position: relative;
}

header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu li.dropdown > a:after {
  right: 4px;
  font-size: 16px;
}

header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu > .item-vertical.open > .dropdown-menu {
  background: #fff;
}

header.new-header .header-nav .dropdown-submenu > a > .sub-caret {
  right: 15px;
  font-size: 16px;
  color: #17191E !important;
  top: 11px;
}

header.new-header .header-nav .dropdown-submenu > a > .sub-caret:before {
  color: #9DA6BB;
}

header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.item-vertical li.dropdown-submenu:hover {
  background: #F8F9FC;
}

header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.item-vertical li.dropdown-submenu:hover > a {
  background: none;
  color: #A445DE;
}

header.new-header .header-nav .navbar-nav > li.custom_nav .dropdown-menu {
  margin-top: 3px;
}

header.new-header .header-nav .navbar-nav li.nav-category .dropdown-menu li.active > a {
  color: #A445DE
}

.header-topbar .topbar-right ul.dropdown-menu {
  border-radius: var(--size-radius-m) !important;
  border: 1px solid var(--colors-border-tertiary);
  background: var(--colors-background-primary);
  width: 160px;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
}

.header-topbar .topbar-right ul.dropdown-menu li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.header-topbar .topbar-right ul.dropdown-menu li a {
  display: flex;
  padding: var(--size-radius-xl);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  font-size: 14px;
  color: var(--colors-font-primary);
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.header-topbar .topbar-right ul.dropdown-menu li a:hover {
  border-radius: var(--size-radius-zero);
  background: var(--colors-background-tertiary);
}

.link_hover > a .hover_hide {
  display: block !important;
}
.link_hover > a .hover_show {
  display: none !important;
}
.link_hover:hover > a .hover_hide {
  display: none !important;
}
.link_hover:hover > a .hover_show {
  display: block !important;
}


.fix-navi .fix-navi-innner .fix-navi-member, .fix-navi-box, .fix-navi-goto {
  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px !important;
  border: 1px solid var(--colors-border-primary, #E5EAF4);
  background: var(--colors-background-primary, #FFF);
}
.fix-navi .fix-navi-innner .fix-navi-member {
  min-height: 156px;
  width: 96px;
}
.fix-navi-box {
  padding: 10px 8px;
  align-items: center;
}
.fix-navi-goto {
  align-items: center;
}
.fix-navi-goto a{
  display: flex;
  align-items: center;
  gap: 2px;
}
.fix-navi-goto a span{
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.fix-navi .fix-navi-innner {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fix-navi .fix-navi-innner li a, .fix-navi .fix-navi-innner .cart, .fix-navi .fix-navi-innner .cart div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fix-navi .fix-navi-innner li a {
  gap: 6px;
}
.fix-navi .fix-navi-innner li {
  width: 100%;
}
.fix-navi .fix-navi-innner li span{
  font-size: 12px;
  line-height: 1;
}
.fix-navi .fix-navi-innner .cart div {
  position: relative;
}
.fix-navi .fix-navi-innner .member,.fix-navi .fix-navi-innner .cart {
  height: 66px;
  padding: 12px 8px;
}
.fix-navi .fix-navi-innner .cart div .badge {
  position: absolute;
  right: -17px;
  top: -2px;
  display: flex;
  min-width: 18px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  border-radius: var(--size-radius-full, 100px) !important;
  background: var(--colors-background-interactive-primary, #A445DE);
}

.fix-navi-box .op-area h2 {
  margin: 0;
}
.fix-navi-box .op-area {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fix-navi-box .op-area #stv_ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.fix-navi-box .op-area #stv_ul li {
  width: 48px;
  height: 48px;
}
.fix-navi-box .op-area #stv_ul li:hover .prd-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.fix-navi-box .op-area #stv_ul li .prd-name {
  height: unset;
}
.fix-navi-box .op-area #stv_ul li.stv-item {
  margin-bottom: 0;
}


.op-area h2 {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: center;
}

.op-area h2 span {
  color: #606878;
  font-size: 12px;
  line-height: 18px;
}
.op-area h2 span.count {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  min-width: 18px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--size-radius-full, 100px) !important;
  background: var(--colors-background-interactive-tertiary, #E5EAF4);
}

.op-area .pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 80px;
  margin: 0;
}
.op-area .pagination #stv_pg {
  margin: 0;
  line-height: unset;
  font-size: 12px;
}

.basic-body-main {
  padding: 48px 0px 160px 0px;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  align-self: stretch;
}

.main-slider-inner {
  border-radius: var(--size-radius-xxl, 16px) !important;
  background: #FFF;
  height: 281px;
  position: relative;
}

.slider-count,.product-slider-count {
  border-radius: var(--size-radius-full, 100px) !important;
  background: var(--b-alpha-20, rgba(0, 0, 0, 0.20));
  font-family: var(--font-font-family, Pretendard);
  display: inline-flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  gap: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16.25px;
  color: #fff;
  min-width: 41px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.heading-h2 {
  color: var(--colors-font-primary);
  font-family: var(--font-font-family);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.section-1 .main-banner-gallery-inner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-xxxl);
  align-self: stretch;
}

.main-banner-slider .banner-slider-count  {
  display: none;
}


.owl-stage {
  display: flex;
}

.section-1 .item {
  display: flex;
  width: 282px;
  height: 376px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.section-1 .item img {
  border-radius: var(--size-radius-xl) !important;
  background: var(--colors-background-secondary);
}

.section-1 .main-banner-gallery-list {
  max-height: 385px;
  overflow: hidden;
}

.section-1 .owl-nav.disabled {
  display: none;
}

.main-banner-gallery-list .item {
    width: auto;
    height: auto;
    min-width: auto !important;
    margin: 0 !important;
    position: relative;
    border: 1px solid #E5EAF4;
    border-radius: 16px;
    padding: 16px;
}
.main-banner-gallery-list .owl-stage{
	gap: 0;
}
.main-banner-gallery-list .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.main-banner-gallery-list .owl-nav button{
    background: #2F333C;
    border-radius: 8px;
    width: 54px;
    height: 54px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
.main-banner-gallery-list .owl-nav button.owl-prev span{
    background-image: url('../img/arrow-left.png');
      font-size: 0;
      width: 24px;
      height: 24px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
}
.main-banner-gallery-list .owl-nav button.owl-next span{
    background-image: url('../img/arrow-narrow-right.png');
      font-size: 0;
      width: 24px;
      height: 24px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
}
.main-banner-gallery-list .owl-nav button.owl-next{
  margin-right: -25px;
}
.main-banner-gallery-list .owl-nav button.owl-prev{
  margin-left: -25px;
}






.main-banner-slider .main-banner-slider-caption {
  display: flex;
  width: 268px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-xxxl);
}

.main-banner-slider .main-banner-slider-caption .item {
  height: 230px;
  overflow: hidden;
}

.main-banner-slider .main-banner-slider-caption .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}

.main-banner-slider .item {
  position: relative;
  outline: none;
  overflow: hidden;
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex !important;
  flex-flow: row;
  align-items: center;
}

.main-banner-slider img.img-mo {
  display: none;
}

.section-2 .shop-main-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.section-2 ul.ebgoods-gallery-tabs li {
  display: flex;
  width: 120px;
  height: 38px;
  padding: 10px var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--size-radius-full, 100px) !important;
  background: var(--colors-background-interactive-tertiary, #E5EAF4);
}

.section-2 ul.ebgoods-gallery-tabs li a {
  color: var(--colors-font-interactive-secondary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}

.product-container {
  gap: 40px var(--size-radius-xxxl, 24px);
}

.product-main-50 {
  display: flex;
  align-items: flex-start;
  gap: var(--size-radius-xxxl);
  align-self: stretch;
  padding: 0px 40px 32px 40px;
}

.product-main-50 .wrp {
  display: flex;
  width: 597px;
  align-items: flex-start;
  gap: 20px;
  overflow: hidden;
}

.product-main-50 .rolling {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-m);
  flex: 1 0 0;
}

.product-main-50 .rolling-wraper {
  display: flex;
  padding: 12px 20px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border: 1px solid transparent;
}

.product-main-50 .rolling-wraper .name {
  color: var(--colors-font-primary);
  text-align: left;
  font-family: var(--font-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.product-main-50 .rolling-wraper .number {
  color: var(--colors-font-primary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.product-main-50 .rolling-wraper.active {
  border-radius: var(--size-radius-l) !important;
  border: 1px solid var(--colors-border-interactive-primary);
}

.product-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  align-self: stretch;
  flex-wrap: wrap;
  /* justify-content:space-between; */
}
.product-main-20-in .owl-stage{
  gap: 0;
}
.product-container {
  gap: 40px 24px;
  /* margin-top: 40px; */
}

.product-container-repert{
  margin-top: 40px;
}

.goods-description{
  padding-bottom: 8px;
}

.product-box {
  display: flex;
  width: 282px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding-bottom:20px;
  border: 1px solid;
  border-radius: 16px;
  padding: 16px;
  border-color: #E5EAF4;
  /* margin-top: 26px; */
}




.product-box h4.goods-name {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
}

.product-box .goods-price {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.sold-out {
  background: red;
  color: white;
  padding: 5px;
  border-radius: 5px;
}

.product-box .goods-price .item-price {
  color: var(--colors-font-interactive-primary);
  font-family: var(--font-font-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.product-box .goods-price .title-price {
  color: var(--colors-font-tertiary);
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: line-through !important;
}

.product-box .goods-img-in {
  display: flex;
  height: auto;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: var(--size-radius-xs, 2px) !important;
  overflow: hidden;
}

.product-box .goods-img-in img {
  border-radius: 10px !important;
  height: auto;
  transition: 0.5s;
  width: 100%;
}

.product-main-20-detail .product-box .goods-img-in img
{
  width: 248px !important;
}

.product-box .goods-img-in img:hover {
  transform: scale(1.2);
}

.product-box .rgba-banner-area {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
}

.product-box .rgba-banner-area .rgba-banner {
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 12px */
  border-radius: var(--size-radius-xs);
}

.product-box .rgba-banner-area .shop-rgba-purple {
  background: var(--purple-100);
  color: var(--colors-font-interactive-primary);
}

.product-box .rgba-banner-area .shop-rgba-green {
  color: var(--green-700);
  background: var(--green-200);
}

.product-box .rgba-banner-area .shop-rgba-red {
  color: var(--red-300, #F5222D);
  background: var(--red-100, #FFECED);
}

.product-box .rgba-banner-area .shop-rgba-gray {
  background: var(--gray-100);
  color: var(--colors-font-secondary);
}

.product-box .rgba-banner-area .shop-rgba-skyblue {
  color: var(--skyblue-700);
  background: var(--skyblue-100);
}

.product-box .rgba-banner-area .shop-rgba-yellow {
  color: var(--yellow-300);
  background: var(--yellow-100);
}

.product-box .goods-description .goods-description-in {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}

.product-box .product-ratings-box {
  display: flex;
  align-items: center;
  gap: var(--size-radius-m, 6px);
  align-self: stretch;
}

.product-box .product-ratings {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}

.product-box .product-ratings li {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}

.product-box .product-ratings li svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.product-ratings-box .p2u-24500  span,
.product-ratings-box .review-parent .p2u-24500 {
  color: var(--colors-font-secondary);
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.grid-view .product-box {
  display: flex;
  width: 588px;
  align-items: flex-start;
  gap: 20px;
  flex-direction: row;
  height: auto;
}

.grid-view .product-box .goods-img-in,.grid-view .product-box .goods-img-in img {
  width: 220px;
  height: 220px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.product-box .goods-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.product-main-20-in.product-container .product-box {
  width:100%;
}

#sit_ov_soldout {
  border-radius: 6px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ebcontents-half-banner .section-box .section-content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 70%;
  padding-left: 30px;
}

.ebcontents-half-banner .section-box {
  position: relative;
}

.ebcontents-half-banner .section-box .section-content h4 {
  margin: 0 0 5px;
  font-size: 22px;
  font-weight: 700;
}

.ebcontents-half-banner .section-content {
  display: flex;
  width: 268px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.ebcontents-half-banner .section-content-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  align-self: stretch;
}

.ebcontents-half-banner .ebcontents-half-banner-box {
  display: flex;
  max-width: 1200px;
  align-items: center;
  gap: var(--size-radius-xxxl, 24px);
  flex: 1 0 0;
}

.ebcontents-half-banner .section-image img {
  height: 228px;
  flex-shrink: 0;
}

.ebcontents-wide-banner {
  position: relative
}

.ebcontents-wide-banner .section-box {
  position: relative
}

.ebcontents-wide-banner .section-box a {
  display: block
}

.ebcontents-wide-banner .section-box a:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.ebcontents-wide-banner .section-box a:hover:after {
  background: rgba(0, 0, 0, .6)
}

.ebcontents-wide-banner .section-box .section-content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
  text-align: center
}

.opt_count.new .count button {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.flex-space {
  display: flex;
  align-items: center;
  gap: 5px;
}


footer div {
  position: relative;
}


footer {display: flex;padding: 64px 24px;flex-direction: column;align-items: center;gap: 64px;align-self: stretch;width: 100%;background: #17191E;}

footer .footer-logo {
  display: flex;
  min-width: 769px;
  max-width: 1200px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  position: relative;
}

footer ul.footer-menu {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

footer ul.footer-menu li {
  display: flex;
  align-items: center;
  gap: 4px;
}

footer ul.footer-menu li a {
  color: var(--colors-font-inverse, #FFF);
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

footer .footer-info-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

footer .footer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}

footer .office-open-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-m, 6px);
  align-self: stretch;
}

footer .open-hours {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1px 8px;
  flex-wrap: wrap;
}

footer .divider {
  width: 1px;
  height: 10px;
  background: var(--colors-border-tertiary, #606878);
}

footer .open-days {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 1px 8px;
  flex-wrap: wrap;
}

footer .representative {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-m, 6px);
  align-self: stretch;
}

footer .representative-info {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

footer .company-address {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1px 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

footer ul.footer-sub-menu {
  display: flex;
  align-items: flex-start;
  gap: var(--size-radius-xxxl, 24px);
}

footer ul.footer-sub-menu li {
  display: flex;
  align-items: center;
  gap: 4px;
}

footer ul.footer-sub-menu li a {
  color: var(--colors-font-inverse, #FFF);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

footer .footer-bottom {
  display: flex;
  min-width: 769px;
  max-width: 1200px;
  flex-direction: column;
  align-items: flex-start;
  gap: 48px;
  align-self: stretch;
}


.shop-top-category .text {
  color: var(--colors-font-primary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.shop-top-category .div {
  color: var(--colors-font-secondary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.shop-top-category .itemtab-count {
  display: flex;
  min-width: 18px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--size-radius-full, 100px) !important;
  background: var(--colors-background-interactive-tertiary, #E5EAF4);
}

.shop-top-category .itemmenu {
  display: flex;
  padding: 8px var(--size-radius-xl);
  align-items: center;
  gap: var(--size-radius-m);
  border-radius: var(--size-radius-m) !important;
  border: 1px solid var(--colors-border-primary);
  background: var(--colors-background-primary);
}

.shop-top-category .menu {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 8px;
  align-self: stretch;
  flex-wrap: wrap;
}

div#change-prodcut-type {
  cursor: pointer;
}

.active-option {
  margin-right: 10px;
}

.category-list .dropdown {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
}

.category-list .dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 0;
}

.category-list .dropdown-content a {
  color: var(--colors-font-primary, #17191E);
  display: flex;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--size-radius-zero, 0px) !important;
  background: var(--colors-background-primary, #FFF);
}

.category-list .dropdown-content a:hover {
  border-radius: var(--size-radius-zero, 0px);
  background: var(--colors-background-tertiary, #F7F3FF);
}

.category-list .dropdown-content a p.active {
  color: var(--colors-border-interactive-primary, #7C3AED);
}

.category-list .dropdown:hover .dropdown-content, .category-list .dropdown .dropdown-content.active {
  display: flex;
  width: 120px;
  padding: 4px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--size-radius-m, 6px) !important;
  border: 1px solid var(--colors-border-tertiary, #606878);
  background: var(--colors-background-primary, #FFF);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
}

.category-list .frame-parent {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.category-list .parent {
  display: flex;
  align-items: center;
  gap: 4px;
}

.category-list .text-parent {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--size-radius-xxl, 16px);
}

.shop-list-sort-wrap {
  display: flex;
  max-width: 1200px;
  flex-direction: column;
  align-items: normal;
  gap: var(--size-radius-xxl, 16px);
  align-self: stretch;
}


div#pagination {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  margin-bottom: 60px;
  margin-top: 48px;
}

div#pagination .itempagination {
  width: 32px;
  height: 32px;
}

div#pagination ul.itempagination-parent {
  display: flex;
  align-items: center;
  gap: 8px;
}

div#pagination .itempagination-child {
  width: 32px;
  height: 32px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

div#pagination .active.itempagination-child,
div#pagination .active.itempagination-child a {
  background: #17191E;
  color: #FFFFFF;
  border-radius: var(--size-radius-xl, 4px) !important;

}

div#pagination .itempagination-child:hover,
div#pagination .itempagination-child:hover a {
  background: var(--colors-background-tertiary, #F7F3FF);
  color: #17191E;
  border-radius: var(--size-radius-xl, 4px) !important;

}


.shop-item-redesign {
  display: flex;
  padding: 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}

.shop-product {
  justify-content: center;
  align-items: flex-start;
  gap: 40px;
  padding: 0;
  display: flex;
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  align-items: flex-start;
}

.shop-product .owl-nav.disabled{
  display: none;
}

.product-page-img {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--size-radius-xxl, 16px);
}

.shop-product .product-page-img {
  gap: 0;
}

.product-page-detail {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  flex: 1 0 0;
}

.product-img-big {
  width: 588px;
  height: 589.531px;
}

.shop-product .product-thumb {
  width: 100%;
}
.thumb-img {
  width: 88px;
  height: 87.842px;
}

.owl-stage {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.product-page-detail .main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.product-page-detail .icon {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-bottom: 16px;
}

.product-page-detail .like {
  display: flex;
  align-items: flex-start;
}

.product-page-detail .icon-only {
  display: flex;
  padding: var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: var(--size-radius-m, 6px);
}

.product-page-detail .icon-only svg {
  width: 20px;
  height: 20px;
}

.product-page-detail .tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.product-page-detail .tit b.g {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.product-page-detail .product-info {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.product-page-detail .p2u-24500 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-page-detail div.p2u-24500 h4 {
  color: var(--colors-font-interactive-primary, #A445DE);
  font-family: var(--font-font-family, Pretendard);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
}

.product-page-detail div.p2u-24500 .line-through {
  color: var(--colors-font-tertiary, #9DA6BB);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration-line: strikethrough;
}
.product-page-detail .div1 {
  display: flex;
  align-items: flex-start;
  gap: var(--size-radius-xxxl, 24px);
  align-self: stretch;
}

.product-page-detail .review-parent {
  display: flex;
  align-items: center;
  gap: var(--size-radius-m, 6px);
}
.product-ratings-box{
  display: flex;
  align-items: center;
  gap: var(--size-radius-m, 6px);
}

.product-ratings-box .product-ratings {
  display: flex;
  align-items: flex-start;
  gap: 2px;
}

.product-ratings-box .review-parent .p2u-24500 {
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.product-page-detail .li {
  display: flex;
  padding: 22px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid var(--colors-border-primary, #E5EAF4);
  border-bottom: 1px solid var(--colors-border-primary, #E5EAF4);
}

.product-page-detail .itemli {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.product-page-detail .itemli .div5 {
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 104px;
}

.product-page-detail .itemli .div6 {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.product-page-detail a#sit_btn_wish:hover svg path {
  fill: red;
}

.product-page-detail .count, .shop-option .count {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--size-radius-full, 100px) !important;
  border: 1px solid var(--colors-border-interactive-quaternary, #C1CADC);
  width: 140px;
  height: 48px;
}

.product-page-detail span.sit_opt_prc {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.product-page-detail .count-wrapper,
.shop-option .count-wrapper {
  display: flex;
  width: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.product-page-detail .num_input,
.shop-option .num_input {
  color: var(--colors-font-primary, #17191E);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  align-self: stretch;
}
.product-page-detail .sell-counter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  align-self: stretch;
}
.product-page-detail  div#sit_ov_btn {
  display: flex;
  width: 564px;
  height: 54px;
  align-items: center;
  gap: var(--size-radius-xl, 12px);
}

.product-page-detail div#sit_ov_btn button,
.product-page-detail div#sit_ov_btn a{
  display: flex;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: var(--size-radius-full, 100px) !important;
  border: 1px solid var(--colors-border-interactive-secondary, #2F333C);
  background: var(--colors-background-primary, #FFF);
  color: var(--colors-font-interactive-secondary, #2F333C);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.product-page-detail div#sit_ov_btn a{
  background: var(  --red-300) !important;
  color: var(--colors-font-inverse)!important;
}

.product-page-detail .sit_option {
  width: 100%;
}

.product-page-detail .sit_option .get_item_options ,
.product-page-detail .sit_option .get_item_supply {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.product-page-detail .sit_option .get_item_options label,
.product-page-detail .sit_option .get_item_supply label
{
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 130px;
}

.product-page-detail .sit_option .get_item_options select ,
.product-page-detail .sit_option .get_item_supply select {
  display: flex;
  height: 44px;
  padding: var(--size-radius-xxl, 16px);
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--size-radius-l, 8px) !important;
  border: 1px solid var(--colors-border-interactive-quaternary, #C1CADC);
  /* background: var(--colors-background-primary, #FFF); */
  width: 100%;
}

.product-page-detail .sit_option .get_item_options option,
.product-page-detail .sit_option .get_item_supply option   {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  max-width: 70%;
  align-self: stretch;
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 16px */
}

.product-page-detail .sit_option .get_item_options .select ,
.product-page-detail .sit_option .get_item_supply .select {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  width: 100%;
}

.product-page-detail .sit_option .get_item_options .get_item_options select {
  background-position: 97% 50%;
  background-repeat: no-repeat;
  background-size: 10px 11px;
  background-image: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.product-page-detail div#sit_ov_btn button#sit_btn_buy {
  background: var(--colors-background-interactive-secondary, #2F333C);
  color: var(--colors-font-inverse, #FFF);

}
.product-page-detail .sell-counter.with-option {
  flex-flow: column;
  align-items: normal;
}

.product-page-detail .sell-counter.with-option li.sit_opt_list,
.shop-option li.sit_opt_list ,
.shop-option li.sit_spl_list ,
.with-option li.sit_spl_list {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  height: 90px;
  position: relative;
}

.product-page-detail .sell-counter.with-option li.sit_opt_list:after {
  width: 100%;
  width: 564px;
  height: 1px;
  background: var(--colors-border-primary, #E5EAF4);
  content: '';
  position: absolute;
  top: 0;
}

.product-page-detail .sell-counter.with-option li.sit_opt_list:nth-child(1):after {
  opacity: 0;
}
.product-page-detail .sell-counter.with-option .main-price-wrapper,
.shop-option .main-price-wrapper {
  display: flex;
  align-items: center;
  margin: 0px;
  gap: var(--size-radius-xxl, 16px);
}

.product-page-detail .sell-counter.with-option .price-wrapper,
.shop-option .price-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.product-page-detail .sell-counter.with-option .divider {
  margin-bottom: 20px;
  margin-top: 20px;
  background: var(--colors-border-primary, #E5EAF4);
  width: 564px;
  height: 1px;
}
div#sit_inf_explan {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
div#sit_inf_explan dl {
  width: 100%;
  padding: 10px 15px !important;
}
.product-page-detail .sell-counter.with-option .divider:nth-child(1) {
  display: none;
}

.opt_count {
  display: flex;
}

.basic-body-page section {
  width: 100%;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.basic-body-page .pg-anchor-in {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* gap: 8px; */
  align-self: stretch;
  margin-bottom: 48px;
}

.basic-body-page ul.nav-tabs {
  display: flex;
  max-width: 1200px;
  align-items: center;
  align-self: stretch;
}

.basic-body-page ul.nav-tabs li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-radius-m, 6px);
  flex: 1 0 0;
}

.basic-body-page ul.nav-tabs li a {
  color: var(--colors-font-interactive-secondary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  width: 100%;
  border: none !important;
  border-radius: var(--size-radius-zero);
  padding: 20px;
}

.basic-body-page ul.nav-tabs li.active a {
  border-bottom: 2px solid var(--colors-border-interactive-secondary) !important;

}

.basic-body-page span.item_use_count,
.basic-body-page span.item_qa_count {
  color: #A445DE;
}

.basic-body-page .item-info-table {
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.basic-body-page .item-info-table  .table-bordered {
  border: none;
}

.basic-body-page .item-info-table  .table-bordered th {
  border: none;
  width: 360px;
  padding: 0px;
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
}

.basic-body-page .item-info-table  .table-bordered td {
  border: none !important;
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.basic-body-page .item-info-table .table-bordered tbody {
  border: 1px solid var(--colors-border-primary, #E5EAF4);
  display: flex;
  max-width: 1200px;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}
.product-reviews {
  display: flex;
  flex-direction: column;
  gap: var(--size-radius-xxl, 16px);
}
.product-reviews .product-use-top {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: var(--colors-background-secondary);
}
.product-reviews .p2u-24500 {
  display:none;
}
.all-review .like-icon {
  width: 18px;
  position: relative;
  height: 18px;
}
.all-review:hover {
  background: rgba(0, 0, 0, 0.03);
}
.all-review .review1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.all-review .frame-child {
  width: 1px;
  position: relative;
  border-right: 1px solid #e5eaf4;
  box-sizing: border-box;
  height: 11px;
}
.all-review .div {
  position: relative;
  line-height: 150%;
  width: auto !important;
}
.all-review .review-parent {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.all-review .img-icon {
  width: 98px;
  position: relative;
  border-radius: 6px;
  height: 96px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.all-review .div2 {
  align-self: stretch;
  position: relative;
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.all-review .div3 {
  align-self: stretch;
  position: relative;
  color: #606878;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.all-review .parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.all-review .img-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  font-size: 16px;
  color: #17191e;
  font-family: var(--font-font-family);
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 2px;
}
.all-review {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e5eaf4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 32px 0px;
  gap: 16px;
  max-width: 1200px;
  text-align: left;
  font-size: 14px;
  color: #606878;
  font-family: var(--font-font-family);
}

.all-review .review-content-box {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.shop-product-qa .flag1 {
  position: relative;
  line-height: 100%;
}
.shop-product-qa .sit_qaa_done.flag{
  background-color: var(--gray-100, #F8F9FC);
  color: var(--colors-font-secondary, #606878);
}
.shop-product-qa .flag {
  border-radius: 2px;
  background-color: #fbf4ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 5px;
}
.shop-product-qa .div {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-weight: 600;
  color: #17191e;
  display: flex;
  text-align: left;
  gap: 10px;
  width: auto !important;
}
.shop-product-qa .lock-02-icon {
  width: 18px;
  position: relative;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.shop-product-qa .tit {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.shop-product-qa .div1 {
  line-height: 150%;
  white-space: nowrap;
}
.shop-product-qa .name-date-child {
  border-right: 1px solid #e5eaf4;
  box-sizing: border-box;
  width: 1px;
  height: 11px;
}
.shop-product-qa .div2 {
  line-height: 150%;
  white-space: nowrap;
}
.shop-product-qa .name-date {
  width: auto;
  position: relative;
  height: 21px;
  text-align: left;
  font-size: 14px;
  color: #606878;
  display: flex;
  align-items: center;
  gap: 16px;
}
.shop-product-qa .chevron-down-icon {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.shop-product-qa .icon-only {
  border-radius: 4px;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 9px;
}
.shop-product-qa .acco {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.shop-product-qa .img-icon {
  width: 98px;
  position: relative;
  border-radius: 6px;
  height: 96px;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.shop-product-qa .div3 {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}
.shop-product-qa .wrapper2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.shop-product-qa .con,
.shop-product-qa .con p{
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  text-align: left;
  font-size: 16px;
  color: #606878;
}
.new-shop-list-nav .list-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.shop-product-qa .qna {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e5eaf4;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 32px 0px;
  gap: 16px;
  max-width: 1200px;
  text-align: center;
  font-size: 12px;
  color: #a445de;
  font-family: Pretendard;
}
.shop-product-qa .product-qa-btn, .shop-product-use .product-use-btn {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  justify-content: center;
}

.shop-product-qa .product-qa-btn a, .shop-product-use .product-use-btn a {
  display: flex;
  height: 38px;
  /* padding: 10px var(--size-radius-xl, 12px); */
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  border-radius: var(--size-radius-s, 4px) !important;
  min-width: 64px;
  border-radius: 4px !important;
}

.write-edit-wrap frame {
  height: 360px !important;
}


.shop-product-qa .product-qa-btn a:nth-child(1), .shop-product-use .product-use-btn a:nth-child(1), .product-use-cmd a:nth-child(1), .product-qa-cmd a:nth-child(1), .product-form-btn button {
  color: var(--colors-font-interactive-secondary, #2F333C);
  background: var(--colors-background-interactive-tertiary, #E5EAF4);
}
.shop-product-qa .product-qa-btn a:nth-child(2), .shop-product-use .product-use-btn a:nth-child(2), .product-use-cmd a:nth-child(2), .product-qa-cmd a:nth-child(2), .product-form-btn input {
  background: var(--colors-font-interactive-secondary, #2F333C);
  color: #FFF;
}

.shop-product-qa .product-qa-qaa {
  padding: 20px;
  background: var(--colors-background-secondary, #F8F9FC);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: start;
  color: var(--colors-font-primary, #17191E);
  width: 100%;
}

.shop-product-qa .product-qa-btn {
  padding-top: 24px;
  padding-bottom: 24px;
}

.shop-couponzone {
  display: flex;
  padding: 40px 0px 160px 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}
.shop-couponzone div#coupon_list {
  display: flex;
  max-width: 1200px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 40px var(--size-radius-xxxl, 24px);
  align-self: stretch;
  flex-wrap: wrap;
}
.shop-couponzone .item-list {
  display: flex;
  width: 282px;
  height: 406px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.shop-couponzone .coupon-img {
  display: flex;
  height: 282px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  overflow: hidden;
}
.shop-couponzone .coupon-img img{
  transition: 0.5s;
}
.shop-couponzone .coupon-img:hover img{
  transform: scale(1.2);
}
.shop-couponzone .coupon-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  align-self: stretch;
}
.shop-couponzone h4.coupon-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
.shop-couponzone h4.coupon-name a {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}
.shop-couponzone .coupon-price {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.shop-couponzone .coupon-price span.title-price {
  color: var(--colors-font-interactive-primary, #A445DE);
  font-family: var(--font-font-family, Pretendard);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
.rounded-sm {
  border-radius: 4px !important;
}
#event_explan {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
  margin: 0;
  height: 100%;
}
.sit-info {
  width: 100%;
}

.sit-info .no-data {
  width: 100%;
  position: relative;
  background-color: #f8f9fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 56px 24px;
  box-sizing: border-box;
  gap: 12px;
  max-width: 1200px;
  text-align: center;
  font-size: 14px;
  color: #9da6bb;
  font-family: Pretendard;
}
.sit-info .no-data .div {
  color: #9da6bb;
}
.shop-item-redesign .page-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 0px;
}

.shop-item-redesign .page-title-wrap a,
.page-title-wrap .breadcrumb {
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: none;
  margin: 0;
  padding: 0;
}

.page-title-wrap .breadcrumb {
  color: var(--colors-font-secondary, #606878);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  background: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}

.page-title-wrap .breadcrumb li {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #606878;
}
.page-title-wrap .breadcrumb li.active,.shop-item-redesign .page-title-wrap a.sct_here  {
  color: #17191E;
}

.page-title-wrap .breadcrumb > li + li:before {
  display: none;
}
.page-title-wrap .breadcrumb li p {
  color: var(--colors-font-secondary, #606878);

  /* body/P3 */
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}

.page-title-wrap .breadcrumb li.active p {
  color: var(--colors-font-primary, #17191E);
}

.logo-icon {
  width: 80px;
  position: relative;
  height: 40px;
}

.ellipse-parent > div.frame-child {
  background-color: #a9cf42;
}

.ellipse-parent > div {
  width: 8px;
  position: relative;
  border-radius: 50% !important;
  background-color: #5d2c83;
  height: 8px;
}

.ellipse-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}

.loader1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
}

.loader {
  width: 100%;
  position: fixed;
  background-color: #fff;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  top: 0;
  width: 100%;
  left: 0;
}

.wraper-div {
  display: flex;
  flex-direction: column;
  gap: var(--size-radius-xxxl, 24px);
  align-self: stretch;
  gap: var(--size-radius-xxxl, 24px);
}

.btn-more {
  display: flex;
  height: 38px;
  padding: 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--size-radius-s) !important;
  background: var(--colors-background-interactive-secondary);
}

.heading-1 {
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.heading-4 {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
}

.heading-6 {
  color: var(--gray-200, #E5EAF4);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.p3 {
  color: var(--colors-font-tertiary, #9DA6BB);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.p1 {
  color: var(--b-alpha-70);
  font-family: var(--font-font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.p2 {
  color: var(--colors-font-secondary);
  font-family: var(--font-font-family);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  max-height: 3em;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.hot-deal-product .goods-info.p2
{
  font-size: 16px;
}

.text2 {
  color: var(--colors-font-primary);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.btn-more a {
  color: var(--colors-font-inverse);
  text-align: center;
  font-family: var(--font-font-family);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}

.ebcontents-half-banner .btn-more {
  margin-left: 19px;
}

.ebcontents-half-banner .section-box .section-content {
  padding-left: 0;
}

.ebcontents-half-banner .section-content-inner {
  width: 326px;
  padding: 19px;
  border-radius: 0px 8px 8px 0px !important;
  background: var(--w-alpha-80, rgba(255, 255, 255, 0.80));
}


.space-y-72px > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(72px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(72px * var(--tw-space-y-reverse));
}

.navbar.mobile {
  display: none;
}

.visible {
  display: block;
}

.header-nav.header-sticky .nav-search {
  display: none;
}

.bottom_links {
  display: none !important;
}

li.active > a {
  color: #A445DE;
}

.main-banner-slider {
  position: relative;
}

.main-banner-slider .slick-prev {
  left: 16px;
  right: 0;
  z-index: 1;
}
.main-banner-slider .slick-next {
  right: 16px;
  z-index: 1;
}

.main-banner-slider .slick-prev::before, .main-banner-slider .slick-next::before {
  display: none;
}

.main-banner-slider .slick-prev, .main-banner-slider .slick-next, .main-banner-slider .slick-prev:hover, .main-banner-slider .slick-next:hover {
  border-radius: var(--size-radius-l, 8px) !important;
  background: var(--w-alpha-70, rgba(255, 255, 255, 0.70)) !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 54px;
  height: 54px;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/* Hot Deal Product CSS */
.hot-deal-product {
    border: 1px solid #E5EAF4;
    border-radius: 16px;
    padding: 16px 16px 24px 16px;
    position: relative;
        display: block;
    width: 100% !important;
    margin-bottom: 40px;
    height: auto !important;
}

.hot-deal-product .goods-img {
    width: 100%;
    height: 282px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.hot-deal-product .goods-img a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.hot-deal-product .goods-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}
.hot-deal-product .deal-timer-container {
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(239, 61, 29, 1) 0%, rgba(253, 132, 38, 1) 100%);
    color: #fff;
    padding: 9px 10px;
    border-radius: 0 10px 0 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    width: 160px;
    height: 34px;
    line-height: 150%;
    font-weight: 600;
    font-family: Pretendard;
    z-index: 9;
}
.hot-deal-product .goods-description-in .deal-duration{
  color: #606878;
  font-size: 14px;
  font-weight: 400;
  font-family: Pretendard;
}
.hot-deal-div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #F5222D;
    font-size: 16px;
    font-weight: 600;
}
.date-div {
    color: #606878;
    font-size: 16px;
    margin-top: 6px;
}
.hot-deal-div svg{
  position: relative;
  top: -1px;
}
.hot-deal-product .goods-description {
    padding-bottom: 0px;
}
.hot-deal-product.product-box .goods-text,
.hot-deal-product.product-box .goods-description-in{
  gap: 0;
}
.hot-deal-product.product-box .goods-description .goods-description-in .goods-name{
  margin-bottom: 4px;
}
.hot-deal-product .goods-description-in .deal-duration{
  margin-top: 8px;
  margin-bottom: 14px;
}
.hot-deal-product .goods-description-in .goods-price {
    margin-bottom: 14px;
}
.hot-deal-product .product-ratings-box {
    margin-bottom: 14px;
}
body:has(.hot-deal-product) #pagination {
    margin-bottom: 160px;
    margin-top: 8px;
}
body:has(.hot-deal-product) .basic-body-main{
    padding-bottom: 0;
}
.hot-deal-product .itemli {
    margin-top: 8px;
    word-break: break-all;
}
.hot-deal-product .sold-out {
    margin-top: 8px;
}
.img-sold-blur{
  opacity: 0.5;
}
.sold-out-mobile {
  background: rgb(0 0 0 / 60%);
  padding: 5px;
  text-align: center;
  width: 68px;
  height: 30px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  position: absolute;
  top: auto;
  left: 12px;
  bottom: 12px;
  cursor: no-drop;
  z-index: 1;
}

.shop-order-form .table-list-eb{
  margin-bottom: 48px;
}
.gray-box{
    margin: 12px 0 16px 0;
}

.order-table .od_address_btn{
      width: 79px;
      height: 28px;
}
.sold-out-img {
  opacity: 0.8;
  pointer-events: none;
}
/* mix-hot-deal-block css */
.hot-deal-list{
   width: 282px !important;
   margin-bottom: 0px;
}

.owl-stage-outer .hot-deal-list{
   width: 100% !important;
}

.hot-deal-list .goods-img {
  height: auto;
}

.hot-deal-list .goods-description {
    padding-bottom: 0px;
}
.hot-deal-list.product-box .goods-text,
.hot-deal-list.product-box .goods-description-in{
  gap: 0;
}
.hot-deal-list.product-box .goods-description .goods-description-in .goods-name{
  margin-bottom: 0px;
}
.hot-deal-list .goods-description-in .deal-duration{
  margin-top: 0px;
  margin-bottom: 0px;
}
.hot-deal-list .goods-description-in .goods-price {
    margin-bottom: 0px;
}
.hot-deal-list .product-ratings-box {
    margin-bottom: 0px;
}
.hot-deal-list .sold-out {
    margin-top: 0px;
}
.hot-deal-list .goods-description-in{
  gap: 14px !important;
}
/* Hot Deal Home page module CSS */
.view-all-hotdeal {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.view-all-hotdeal h2.heading-h2{
  margin-bottom: 0 !important;
}

.view-all-hotdeal-btn a {
    color: #000;
    display: flex;
    width: 120px;
    height: 38px;
    padding: 10px var(--size-radius-xl, 12px);
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: var(--size-radius-full, 100px) !important;
    background: var(--colors-background-interactive-tertiary, #E5EAF4);
}
.hot-deal-main-wrp{
  overflow: hidden;
  padding: 0 28px !important;
}
.hot-deal-main-wrp .owl-prev {
    margin-left: -28px !important;
}
.hot-deal-main-wrp .owl-next {
    margin-right: -28px !important;
}

/* Container to position arrows properly */
.product-main-70 { 
  position: relative; 
}

.product-main-70 .owl-nav .disabled {
  visibility: hidden;
  pointer-events: none;
}

/* Center arrows vertically */
.product-main-70 .owl-nav {
  position: absolute;
  top: 50%;
  left: 0; 
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  pointer-events: none; /* only buttons clickable */
  z-index: 2;
}

/* Button style similar to your screenshot */
.product-main-70 .owl-nav button {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 8px; /* slightly rounded corners */
  background-color: rgba(45, 45, 45, 0.9); /* dark gray background */
  color: #fff; /* white arrow */
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  pointer-events: auto; /* clickable */
  transition: background 0.2s, transform 0.2s;
}

.product-main-70 .owl-nav button:hover {
  background-color: rgba(0, 0, 0, 1);
  transform: scale(1.05);
}

/* Optional: fade arrows when disabled */
.product-main-70 .owl-nav button.disabled {
  opacity: 0.4;
  cursor: default;
}

/* Position adjustments so arrows are slightly outside the carousel */
.product-main-70 .owl-prev {
  margin-left: -50px; /* move outside left edge */
}
.product-main-70 .owl-next {
  margin-right: -50px; /* move outside right edge */
}

/* /--------------MEDIA QUERIES-------------/ */

@media(max-width:1360px){

  .frame-parent .product-parent {
    width: calc(25% - 18px) !important;
    height: calc(26vw + 100px) !important;
  }
  .frame-parent .product-parent .product1 {
    height: calc(26vw + 100px) !important;
    width: 100% !important;
  }
  .frame-parent .product-parent .product1 .img {
    height: 20vw !important;
    width: 100% !important;
  }
}

@media(max-width:1200px){
  .product-page-detail-mid-screen {
    padding-left: 0vw;
  }
  .product-img-mid-screen{
    width: 490px;
    height: 491px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* .product-img-mid-screen img{
    width: 495px;
  } */
  .product-page-detail-mid-screen div#sit_ov_btn {
    width: 100%;
    gap: 8px;
  }

  .product-page-detail-mid-screen div#sit_ov_btn button, .product-page-detail-mid-screen div#sit_ov_btn a {
    height: 44px;
    padding: 14px 10px;
    font-size: 16px;
  }


  .product-page-detail-mid-screen .tit b.g {
    font-size: 18px;
  }

  .product-page-detail-mid-screen .sit_option .get_item_options ,
  .product-page-detail-mid-screen .sit_option .get_item_supply {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-page-detail-mid-screen .count {
    width: 80px;
    height: 28px;
  }

  .product-page-detail-mid-screen .count-wrapper {
    width: 25px;
  }

  .product-page-detail-mid-screen .num_input {
    width: 25px;
  }

  .product-page-detail-mid-screen span.sit_opt_prc {
    display: none;
  }
  .product-page-detail-mid-screen .price-wrapper span.sit_opt_prc {
    display: block;
  }

  .product-page-detail-mid-screen {
    gap: 32px;
    width: 100%;
  }

  .product-page-detail-mid-screen .p2u-24500 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .product-page-detail-mid-screen div.p2u-24500 h4 {
    font-size: 20px;
  }

  .product-page-detail-mid-screen .li {
    gap: 12px;
  }
}

@media(max-width:1100px){

  .frame-parent .product-parent {
    width: calc(33% - 16px) !important;
    height: calc(33vw + 100px) !important;
  }
  .frame-parent .product-parent .product1 {
    height: calc(33vw + 100px) !important;
    width: 100% !important;
  }
  .frame-parent .product-parent .product1 .img {
    height: 27vw !important;
    width: 100% !important;
  }
  .product-main-50 {
    flex-direction: column;
    padding: 0;
  }
}

@media(max-width:1000px){
  .product-page-detail-mid-screen {
    gap: 12px;
    width: 100%;
  }
  .product-img-mid-screen{
    width: 420px;
    height: 421px;
  }
}
@media(max-width:890px){
  .frame-parent>.product-parent .product1 .img {
    height: 45vw !important;
    width: 100% !important;
  }
  footer .footer-logo {
    display: block;
  }
  footer .footer-logo h1 {
    margin-bottom: 32px;
  }
}
@media(max-width:860px){
  .product-page-detail-mid-screen {
    gap: 1px;
    width: 100%;
  }
  .product-img-mid-screen{
    width: 380px;
    height: 381px;
  }
  .product-page-detail-mid-screen {
    padding-left: 1vw;
  }
}
@media(max-width:820px){
  .product-page-detail-mid-screen {
    padding-left: 0px;
  }

  .frame-parent .product-parent {
    width: calc(50% - 12px) !important;
    height: calc(52vw + 70px) !important;
  }
  .frame-parent .product-parent .product1 {
    height: calc(52vw + 70px) !important;
    width: 100% !important;
  }
}

@media(min-width:768px){
  .hidden-custom-md{
    display: none !important;
    max-width: 450px;
  }
}
@media(max-width:768px){
  .view-all-hotdeal-btn a {
    width: 82px;
    height: 28px;
    font-size: 12px;
}
   .hot_deal_mobile_view{
    display: block !important;
  }

  .hot_deal_view{
     display: none;
  }

  .product-page-detail .icon {
    margin-bottom: 12px;
}
.gray-box {
    margin: 12px 0 12px 0;
}

  .coupon-type-gallery-item{ justify-content: center;}

  .grid-view .product-container .product-box {
    max-width: 100%;
    width: 100%;
    flex: auto;
  }


  .navbar.mobile li.active > a {
   color: #2F333C;
   border-bottom: 1px solid #2F333C;
  }
  .navbar-nav>li>a{
    padding-top: 12px;
    padding-bottom: 10px;
    padding-right:10px;
    white-space: nowrap;
  }
  #shop-mypage-new .mypage-wishlist-container .frame-parent {
    gap: 16px;
}
  #shop-mypage-new .frame-parent .product-parent {
    min-height: 250px !important;
    width: calc(50% - 8px) !important;
  }
  .product-box .goods-price {
    flex-flow: column;
    align-items: baseline;
    gap: 0;
  }
  body #shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox input + i:after {
    width: 18px;
    height: 18px;
  }

  body #shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox i, .eyoom-form .radio i {
    width: 18px;
    height: 18px;
  }

  body  #shop-mypage-new .mypage-wishlist-container .text a {
    font-size: 16px;
  }

  body #shop-mypage-new .mypage-wishlist-container .img img {
    border-radius: var(--size-radius-xl, 12px);
  }

  body #shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox {
    margin-bottom: 0;
    padding: 0;
  }

  body .wishlist-act-btn {
    margin-bottom: 80px;
  }
  /* .page-title-wrap .breadcrumb {
    display: none;
  } */

  body #shop-mypage-table-responsive{
    display: flex;}
  div#shop-mypage-new div#order-inquery .state-label {
    font-size: 12px;
    line-height: 100%;
  }
  #shop-mypage-new {
    gap: 32px !important;
  }
  div#shop-mypage-new .shop-product-form {
    margin-top: 24px !important;
    gap: 23px !important;
  }
  div#shop-mypage-new .b {
    font-size: 24px;
  }
  div#shop-mypage-new .parent .b {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
  div#shop-mypage-new .div.cover {
    margin-bottom: 11px;
  }
  div#shop-mypage-new .main {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  div#shop-mypage-new .li {
    padding: 23px 0 0 !important;
  }
  div#shop-mypage-new #order-inquery .parent .b {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
  }
  div#shop-mypage-new #order-inquery .parent .div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }
  div#shop-mypage-new #order-inquery .titbadge .b {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
  }
  div#shop-mypage-new #order-inquery .date-cover .b {
    color: var(--colors-font-tertiary, #9DA6BB);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21px */
  }
  #shop-mypage-table-responsive .itemcard-list {
    padding: 20px !important;
    gap: 12px !important;
    height: 241px;
  }
  #shop-mypage-new .mypage-wishlist-container .frame-parent {
    gap: 40px 16px;
  }
  #shop-mypage-new .mypage-wishlist-container .product1 {
    gap: 8px !important;
  }
  #shop-mypage-new .mypage-wishlist-container .img {
    height: 156px !important;
    border-radius: 12px !important;
  }
  #shop-mypage-new .mypage-wishlist-container .b {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
  }
  #shop-mypage-new .mypage-wishlist-container .div1 {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: left;
  }
  .headline-short h4 {
    margin: 0 0 12px !important;
  }
  .mypage-wishlist-wrap {
    padding-bottom: 80px;
  }
  #shop-mypage-new .mypage-wishlist-container .text-parent {
    gap: 3px !important;
  }
  body .user-history-table, .user-history-table-button {
    padding: 24px 0px 160px 0px;
    gap: 24px;
  }

  body .user-history-table .frame-group {
    font-size: 20px;
  }

  body .user-history-table .itemlist-basic {
    padding: 16px 4px;
  }
  .basic-body-main {
    padding: 0px 0px 80px 0px;
    gap: 48px;
  }

  a:hover {
    color: initial;
  }

  .py-md {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .breadcrumb-cover {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }

  .wrapper-box.flex-center-between.breadcrumb-cover {
    margin-bottom: 32px;
  }

  .page-title-wrap .wrapper-box.flex-center-between.breadcrumb-cover {
    margin-bottom: 32px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 32px;
  }

  .main-wrapper .wrapper-box.mobile-no-pad {
    padding: 0;
  }

  .main-wrapper .wrapper-box {
    padding: 0 16px !important;
  }

  .space-y-72px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(48px * var(--tw-space-y-reverse));
  }

  .main-slider-inner {
    border-radius: 0px !important;
    height: 234px;
  }

  .section-1 .main-banner-gallery-inner {
    gap: var(--size-radius-xxl);
  }

  .wrapper-box .master-title {
    width: 190px;
  }

  .heading-h2 {
    font-size: 18px;
  }

  .ebcontents-half-banner .section-content-inner .heading-h2 {
    font-size: 14px;
  }

  .heading-4 {
    font-size: 16px;
    font-weight: 700;
  }

  .section-1 .main-banner-gallery-list {
    max-height: 216px;
  }

  .section-1 .item {
    width: 100%;
    max-width: 236px;
    min-width: 156px;
    height: 216px;
    gap: 12px;
    position: relative;
  }

  .main-banner-slider {
    padding: 0 16px;
  }

  .main-banner-slider .item {
    height: 164px;
    border-radius: var(--size-radius-l, 8px) !important;
  }

  .section-2 ul.ebgoods-gallery-tabs li {
    width: 82px;
    height: 28px;
    padding:  8px var(--size-radius-xl, 12px);
    border-radius: var(--size-radius-full, 100px) !important;
  }

  .section-2 ul.ebgoods-gallery-tabs li a {
    font-size: 12px;
  }

  .wraper-div {
    gap: 16px;
  }

  .product-container {
    gap: 32px 16px;
  }

  .product-box {
    width: 100%;
    height: fit-content;
    gap: 12px;
  }
  .product-type-gallery .owl-item {
    margin-right: 16px !important;
}

  .product-box .goods-img-in, .product-box .goods-img-in img {
    height: auto;
    width: 100%;
  }

  .product-box .goods-img {
    width: 100%;
    height: auto;
  }

  .product-box h4.goods-name {
    font-size: 14px;
    font-weight: 600;
  }

  .product-box .goods-description .goods-description-in {
    gap: 6px;
  }

  .hot-deal-product .goods-description-in .deal-duration {
    font-size: 13px;
  }

  .product-ratings-box .p2u-24500  span {
    font-size: 12px;
  }

  .p2 {
    font-size: 12px;
  }

  .ebcontents-half-banner-box {
    flex-direction: column;
  }

  .ebcontents-half-banner .section-image img {
    height: 164px;
    width: 100%;
    border-radius: 8px !important;
  }

  .ebcontents-half-banner .section-content-inner .p1 {
    font-size: 12px;
  }

  .ebcontents-half-banner .section-box .section-content {
    width: 100%;
  }

  .btn-more {
    height: 28px;
    padding: 8px 12px;
    width: 66px;
  }

  .btn-more a {
    font-size: 12px;
  }

  .ebcontents-half-banner-container {
    width: 100%;
  }

  .product-main-20-in.product-container {
    flex-wrap: nowrap;
  }
  .product-main-20-in.product-container .product-box, .product-main-20-in.product-container .product-box .goods-img  {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .product-main-20-in.product-container .product-box .goods-img{
    width: 100%;
    height:auto;
  }

  .product-main-50 {
    flex-direction: column;
    padding: 0;
  }

  .product-main-50 .rolling-wraper {
    padding: 12px 16px;
  }

  .product-main-50 .wrp {
    width: 328px;
  }

  .product-main-50.grid-view .product-box {
    max-width: 351px;
  }

  .product-main-50 .wrp {
        overflow: visible; /* Or adjust to another value depending on your needs */
    }

  .product-main-50.grid-view .product-box .goods-img-in, .product-main-50.grid-view .product-box .goods-img-in img {
    width: 104px;
    height: 104px;
  }

  .product-main-50.grid-view .product-box .goods-img-in img {
    border-radius: 12px;
  }

  .product-page-detail div#sit_ov_btn {
    width: 100%;
    gap: 8px;
    height: auto;
  }

  .product-img-big,.product-img-big img{
    width: 100%;
    height: 328px !important;
  }
  .product-img-big i {
        height: 328px !important;
        line-height: 328px !important;
    }

  .product-page-detail div#sit_ov_btn button, .product-page-detail div#sit_ov_btn a {
    height: 44px;
    padding: 14px 16px;
    font-size: 16px;
  }

  .basic-body-page ul.nav-tabs li a {
    padding: 12px;
    font-size: 14px;
  }

  .basic-body-page ul.nav-tabs li a {
    display: flex;
    gap: 4px;
  }

  .pg-anchor-in {
    overflow: auto;
  }

  .pg-anchor-in {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .pg-anchor-in::-webkit-scrollbar {
    display: none;
  }

  .shop-product {
    flex-direction: column;
  }

  .page-title-wrap {
    padding: 0;
  }
  .page-title-wrap.pt-lg {
    padding-top: 32px;
  }

  .product-page-img {
    width: 100%;
    position: relative;
  }

  .shop-product {
    gap: 24px;
    padding: 0;
  }

  .basic-body-page .item-info-table .table-bordered tbody {
    padding: 16px;
    gap: 12px;
  }
  .basic-body-page #sit_inf  .item-info-table .table-bordered tbody tr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .basic-body-page #sit_inf  .item-info-table .table-bordered tbody tr td{
    padding-left: 0;
  }

  .product-page-detail .tit b.g {
    font-size: 18px;
  }

  .section-box-1 .img-responsive {
    width: 100%;
    height: 97px;
  }

  .section-box-1 .p1 {
    font-size: 12px;
  }
  .section-box-1 .heading-1 {
    font-size: 20px;
  }

  .product-thumb .thumb-img, .product-thumb .thumb-img img {
    width: 100%;
    height: 328px !important;
    border-radius: 16px !important;
  }

  .new-shop-list-nav .list-nav {
    gap: 4px;
  }

  .sub-basic-body {
    margin-top: 0px;
  }

  .product-page-detail .sit_option .get_item_options ,
  .product-page-detail .sit_option .get_item_supply {
    flex-direction: column;
    align-items: flex-start;
  }

  footer {
    padding: 64px 0;
    box-sizing: border-box;
  }

  footer .footer-logo {
    display: block;
  }
  footer .footer-logo h1 {
    margin-bottom: 32px;
  }

  footer ul.footer-menu {
    flex-direction: column;
    gap: 20px;
  }

  footer ul.footer-menu li a {
    font-size: 14px;
  }

  footer .open-hours, footer .open-days {
    flex-direction: column;
    align-items: flex-start;
  }

  footer .open-hours .divider, footer .open-days .divider {
    display: none;
  }

  footer .footer-info-detail .p3, footer .representative-info .heading-6 {
    font-size: 12px;
  }

  footer .company-address {
    flex-direction: column;
    align-items: flex-start;
    align-content: stretch;
  }

  footer .company-address .divider {
    display: none;
  }

  footer .footer-info-detail {
    width: 49%;
  }

  footer ul.footer-sub-menu li a {
    font-size: 12px;
  }

  .navbar-nav {
    display: flex;
    padding: 0 16px;
  }

  .nav-gnb-inner {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .nav-gnb-inner::-webkit-scrollbar {
    display: none;
  }

  .navbar-nav:before,
  .navbar-nav:after {
    position: absolute;
    top: 0;
    width: 30px;
    height: 45px;
    content: "";
    z-index: 2;
  }

  .navbar.desktop .navbar-nav:before,
  .navbar.desktop .navbar-nav:after {
    display: none;
  }

  .navbar-nav:before {
    left: -17px;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white);
  }

  .navbar-nav:after {
    right: -17px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  }

  header.new-header .header-nav .navbar.mobile .navbar-nav > li {
    margin-right: 0;
    padding: 0 12px;
    height: 45px;
  }

  .FlexContainer {
    justify-content: center;
  }

  .fas.fa-solid.fa-bars {
    display: none;
  }

  .topbar-right .nav-search {
    display: none;
  }

  .navbar.mobile {
    display: block;
  }

  .navbar.desktop {
    flex-direction: column;
    align-items: flex-start;
  }

  .mobile-active-right {
    position: absolute;
    right: 11px;
    padding-right: 55px;
    color: var(--colors-font-interactive-primary, #A445DE);
  }

  header.new-header .header-nav .navbar.mobile .navbar-nav > li.nav-category > a, header.new-header .header-nav .navbar.mobile .navbar-nav > li > a {
    font-size: 14px;
    font-weight: 600;
  }

  header.new-header .header-topbar img.title-logo-image {
    width: 54.1px;
    height: 28px;
    position: absolute;
    left: 0;
    /* right: 0; */
    margin: auto;
    top: 12px;
  }


  header.new-header .header-topbar {
    height: 44px;
    margin-bottom: 32px;
  }

  .navbar {
    min-height: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }

  .navbar-nav:before, .navbar-nav:after {
    height: 45px;
  }

  header.new-header {
    height: fit-content;
  }

  .mobile .navbar-nav {
    margin: 0 -15px;
    padding-left: 0;
  }

  .navbar.desktop {
    background: white;
    padding: 24px 0 0px;
  }
  li.hidden-xs.bottom_links {
    background: #F8F9FC;
    padding: 16px !important;
}

  .navbar.desktop .navbar-nav {
    flex-direction: column;
  }

  header.new-header .header-nav .navbar-nav > li:hover {
    border: none;
  }

  header.new-header .header-nav .navbar-nav > li {
    border-bottom: 1px solid transparent;
    height: fit-content;
    padding-left: 16px;
    padding-right: 16px;
  }
  header.new-header .header-nav .navbar-nav > li.nav-mo-half {
    display: none;
  }

  header.new-header .header-nav .navbar-mobile .navbar-nav > li {
    height: 100%;
  }

  .ebcontents-half-banner .section-box .section-content {
    padding-left: 0;
  }

  .ebcontents-half-banner .section-content-inner {
    width: 256px;
    padding: 16px;
    border-radius: 0px 8px 8px 0px !important;
    background: var(--w-alpha-80, rgba(255, 255, 255, 0.80));
  }

  .ebcontents-half-banner .btn-more {
    margin-left: 16px;
  }

  .basic-body-main .ebcontents-half-banner .section-content {
    gap: 16px;
  }

  .nav-search {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    padding: 0 16px;
  }

  header.new-header .nav-search .eyoom-form .input input.sch_stx {
    width: 100%;
    height: 48px;
    border-radius: var(--size-radius-full, 100px) !important;
    border: 1px solid var(--colors-border-interactive-secondary, #2F333C);
    background: var(--colors-background-primary, #FFF);
    padding: 16px 20px;
    font-size: 16px;
    font-weight: normal;
  }

  header.new-header .nav-search .eyoom-form .input-button .button {
        background: transparent;
        top: 50%;
        right: 16px;
        transform: translateY(-50%);
  }

  .nav-search svg {
    width: 22px;
    height: 22px;
  }

  header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu {
    border: none;
    padding: 0px 0;
  }

  nav.nav-gnb, header.new-header .header-nav .navbar-nav > li.nav-category .dropdown-menu, header.new-header .header-nav .navbar.desktop .navbar-nav > li {
    width: 100%;
  }

  header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.item-vertical li.dropdown-submenu:hover {
    background: transparent;
  }

  .navbar.desktop .navbar-nav {
    padding: 0 !important;
    border: none;
  }

  header.new-header .header-nav .navbar.desktop .navbar-nav > li.nav-category .dropdown-menu li {
    padding: 0 0 !important;
  }
  header.new-header .header-nav .navbar.desktop .navbar-nav > li.nav-category .dropdown-menu .dropdown-submenu {
    padding: 0px 0 !important;
  }
  header.new-header .header-nav .navbar.desktop .navbar-nav > li.nav-category .dropdown-menu li a{
    border: none;
    color: #17191E;
    font-size: 14px;
    padding: 0;
    display: flex;
    align-items: center;
    font-weight: 700;
  }

  .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu > a {
    padding: 12px 20px;
    height: 45px;
    color: #606878;
    font-weight: normal;
  }
  .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li > .dropdown-menu > .dropdown-submenu > .dropdown-menu > .dropdown-submenu.active > a{
    color: #A445DE;
  }

  .header-nav.header-sticky .nav-search {
    display: block;
  }

  .header-nav .navbar.desktop .navbar-nav > li.nav-category > .dropdown-menu > li > .cate-dropdown-open {
    position: absolute !important;
  }

  .mo-fix-navi {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    border: none;
  }

  .mo-fix-navi ul li a span {
    display: block;
    line-height: 10px;
    font-size: 10px;
    font-weight: 600;
    margin-top: 4px;
    color: #9DA6BB;
  }

  .mo-fix-navi ul {
    padding: 8px 0;
  }

  .mo-fix-navi ul li a {
    display: block;
    position: relative;
    height: fit-content;
    padding: 0px 5px;
  }

  .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li .cate-dropdown-open:before {
    content: "\f067";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    color: #b5b5b5;
  }
  .header-nav .navbar-nav > li.nav-category > .dropdown-menu > li a {
    background-color: transparent;
  }

  .header-nav .navbar-nav > li.nav-category > .dropdown-menu .visible.flex-between a {
    color: white !important;
  }

  .flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--size-radius-xxl, 16px) 14px;
  }

  #myDropdown.flex-between + .dropdown-menu {
    display: block !important;
    transition: all 0.2s ease-in-out;
    opacity: 0;
    max-height: 0;
    visibility: hidden;
  }

  #myDropdown.flex-between.visible + .dropdown-menu {
    opacity: 1;
    max-height: 5000px;
    visibility: visible;
  }
  #myDropdown.flex-between{
    min-height: 56px;
  }

  header.new-header .header-nav .navbar-nav > li.nav-category > .dropdown-menu li.item-vertical:hover {
    background-color: white;
  }

  .flex-between.visible {
    border-radius: var(--size-radius-m, 6px) !important;
    background: var(--colors-background-interactive-secondary, #2F333C);
    display: flex;
    padding: 16px 14px;
    align-items: center;
    gap: 4px;
    align-self: stretch;
  }

  header.new-header .header-nav .navbar-nav > li:hover a {
    color: #000;
  }

  .header-nav .navbar-nav > li a {
    border: none;
  }

  #nav_category.nav-category.dropdown > a {
    color: var(--colors-font-tertiary, #9DA6BB);
    font-size: 12px !important;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 12px;
  }

  #nav_category.custom_nav.nav-category.dropdown > ul li {
    padding: 16px 14px !important;
  }

  #nav_category.custom_nav.nav-category.dropdown > ul li a {
    color: var(--colors-font-primary, #17191E);
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
  }

  .header-nav .navbar-nav .dropdown-submenu > .dropdown-menu {
    background: var(--colors-background-secondary, #F8F9FC) !important;
  }

  .header-nav .navbar-nav .dropdown-submenu a {
    padding: 0 20px;
  }

  /* Hide owl-nav buttons in main and half-banner galleries */
  .main-banner-gallery-list .owl-nav button.owl-prev,
  .main-banner-gallery-list .owl-nav button.owl-next,
  .ebcontents-half-banner-box .owl-nav button.owl-prev,
  .ebcontents-half-banner-box .owl-nav button.owl-next {
      display: none;
  }

  .bottom_links {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 16px 0 12px !important;
    gap: 0 16px;
  }

  .bottom_links .single_link {
    padding: 16px 0;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .bottom_links .single_link a {
    color: var(--colors-font-secondary, #606878);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
  }

  .navbar.desktop .dropdown-submenu .flex-between + .dropdown-menu {
    transition: all 0.5s ease-in-out;
    opacity: 0;
    max-height: 0;
    visibility: hidden;

  }
  .navbar.desktop .dropdown-submenu .flex-between.sub_visible + .dropdown-menu {
    opacity: 1;
    max-height: 500px;
    visibility: visible;
  }

  .fa-chevron-up, .fa-chevron-down, .fa-plus, .fa-minus {
    color: #606878;
  }

  .flex-between .fa-chevron-up, .flex-between .fa-minus {
    display: none;
  }
  .flex-between .fa-chevron-down, .flex-between .fa-plus {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .flex-between.visible .fa-chevron-up {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
  }
  .flex-between.visible .fa-chevron-down {
    display: none;
  }
  .flex-between.sub_visible .fa-minus {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .flex-between.sub_visible .fa-plus {
    display: none;
  }

  #myDropdown.visible a {
    font-size: 16px;
    font-weight: 600;
    padding: 0;
  }

  #myDropdown.visible {
    padding: 17px 14px;
  }

  #mySubDropdown a {
    background-color: transparent;
  }

  #mySubDropdown.sub_visible > a {
    font-weight: 600 !important;
    color: var(--colors-font-primary, #17191E) !important;
    font-size: 14px !important;
  }

  #mySubDropdown.flex-between {
    padding: 3px 12px 2px 20px;
    height: 49px;
    display: flex;
    align-items: center;
  }

    #mySubSubDropdown a {
    background-color: transparent;
  }

  #mySubSubDropdown.sub_visible > a {
    font-weight: 600 !important;
    color: var(--colors-font-primary, #17191E) !important;
    font-size: 14px !important;
  }

  #mySubSubDropdown.flex-between {
    padding: 3px 12px 2px 20px;
    height: 49px;
    display: flex;
    align-items: center;
  }


  #mySubSubSubDropdown a {
    background-color: transparent;
  }

  #mySubSubSubDropdown.sub_visible > a {
    font-weight: 600 !important;
    color: var(--colors-font-primary, #17191E) !important;
    font-size: 14px !important;
  }

  #mySubSubSubDropdown.flex-between {
    padding: 3px 12px 2px 20px;
    height: 49px;
    display: flex;
    align-items: center;
  }


  
  #mySubSixDropdown a {
    background-color: transparent;
  }

  #mySubSixDropdown.sub_visible > a {
    font-weight: 600 !important;
    color: var(--colors-font-primary, #17191E) !important;
    font-size: 14px !important;
  }

  #mySubSixDropdown.flex-between {
    padding: 3px 12px 2px 20px;
    height: 49px;
    display: flex;
    align-items: center;
  }

  

  

  .grid-view .product-box {
    gap: 12px;
  }

  .mo-fix-navi li a svg:nth-child(1) {
    display: block;
  }
  .mo-fix-navi li a svg:nth-child(2) {
    display: none;
  }
  .mo-fix-navi li.active a svg:nth-child(1) {
    display: none;
  }
  .mo-fix-navi li.active a svg:nth-child(2) {
    display: block;
  }


  .slider-count {
    bottom: 12px
  }

  .grid-view .product-box .goods-img-in, .grid-view .product-box .goods-img-in img {
    width: 156px;
    height: 156px;
  }

  .product-page-detail .count {
    width: 88px;
    height: 36px;
  }
  .product-page-detail .count .sit_qty_minus,
  .product-page-detail .count .sit_qty_plus{
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
  }
  .product-page-detail .count i{
        color: #2F333C;
        width: 14px;
    }

  .product-page-detail .count-wrapper {
    width: 16px;
  }

  .product-page-detail .num_input {
    width: 16px;
    font-size: 14px;
  }

  .product-box .goods-price .item-price {
    font-size: 18px;
  }

  .product-box .goods-price .title-price {
    font-size: 14px;
  }

  #sit_tot_price {
    font-size: 16px !important;
    color: var(--colors-font-primary, #17191E) !important;
  }
  #sit_tot_price strong {
    font-weight: bold;
  }

  #sit_ov_soldout {
    padding: 16px 0;
  }

  .product-page-detail span.sit_opt_prc {
    display: none;
  }
  .product-page-detail .price-wrapper span.sit_opt_prc {
    display: block;
  }

  .main-banner-slider .slick-prev, .main-banner-slider .slick-next {
    display: none !important;
  }

  .main-banner-slider .wrapper-box {
    padding: 0;
  }
  .main-banner-slider .wrapper-box .main-banner-slider-caption .text {
    width: 300px;
    padding: 16px;
    border-radius: 0px 8px 8px 0px !important;
    background: var(--w-alpha-80, rgba(255, 255, 255, 0.80));
  }
  .main-banner-slider .wrapper-box .main-banner-slider-caption .text .p1 {
    font-size: 14px;
  }
  .main-banner-slider .wrapper-box .main-banner-slider-caption .btn-more {
    margin-left: 16px;
  }

  .main-banner-slider .banner-slider-count {
    border-radius: var(--size-radius-full, 100px) !important;
    background: var(--b-alpha-20, rgba(0, 0, 0, 0.20));
    color: #FFF;
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 1px;
    position: absolute;
    right: 8px;
    bottom: 8px;
    min-width: 41px;
    height: 28px;
    font-size: 12px;
  }

  .shop-item-redesign .page-title-wrap {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    padding: 32px 0 0;
  }

  .product-page-detail {
    gap: 32px;
    width: 100%;
  }

  .product-page-detail .p2u-24500 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .product-page-detail div.p2u-24500 h4 {
    font-size: 20px;
  }

  .product-page-detail .li {
    gap: 12px;
  }

  .category-list .dropdown:hover .dropdown-content, .category-list .dropdown .dropdown-content {
    display: none;
  }
  .category-list .dropdown .dropdown-content.active {
    display: flex;
  }

  .shop-product-qa .product-qa-btn {
    padding-top: 16px;
    padding-bottom: 0;
  }

  .new-popup-design .modal-content {
    width: 100% !important;
  }

  .modal-content {
    max-height: 90% !important;
    overflow: auto;
  }
  #shop-mypage-new .frame-parent .product-parent .product1 {
    height: calc(52vw + 70px) !important;
    width: 100% !important;
  }
  #shop-mypage-new .frame-parent .product-parent .product1 .img {
    height: auto !important;
    width: 100% !important;
  }
  .shop-product {
    padding-bottom: 0 !important;
}
h2.heading-h2 {
    margin-bottom: 16px !important;
    margin-top: 32px;
}
  body .td-item-name .font-size-14  b{ font-weight:400;}
  body .mobile-summary ul{ display:grid; gap:8px;}
  body .shop-order-form .order-member-payment { position:relative; display:grid ; gap:8px;}
  body .shop-order-form .order-member-area { position: relative; width: 100%;}
  body .shop-order-form .order-payment-area { width:100% !important;}
  body .shop-order-form #display_pay_button .btn_submit { width: auto;}
  body tr.special{ top:0;}
  body .shop-order-form-mobile table tr:nth-child(1) td { padding-bottom:12px;}
  body .shop-order-form-mobile .td-image {padding-top: 0;}
  body .shop-order-form-mobile .td-item-name {padding-top: 0;}
  body .shop-order-form .order-member-area .headline-short { padding-top: 32px;}
  body .shop-order-form .order-table {padding-top: 24px;}
  body .shop-order-form .order-table td { padding: 0 0 24px 0px !important;}
  body .order-member-area td label { margin:0!important;}
  body .order-member-area td label:first-child { margin:0 0 8px !important; line-height:21px; font-size:14px;}
  #od_addr2{ margin-top:8px;}
  .mobile-mrg{ margin-bottom: 8px !important;}
  body .shop-order-form .order-member-area .headline-short{ padding-top: 8px;}
  body .location-container { gap: 8px;}
  body .shop-order-form .eyoom-form .payment-point-box .input input{ width:124px !important;}
  :has(.community-mobile-menu.open) .nav-gnb-inner{overflow: inherit;}
  #nav_category.nav-category.dropdown.community-mobile-menu > a {color: #252525;font-weight: normal;display: inline-block;padding-right: 14px;margin: 0;}
  .community-mobile-menu.open .com-menu-mobile {
        display: block !important;
        /* position: fixed; */
        position: absolute;
        /* top: 120px; */
        top: 42px;
        left: -2px;
        width: 100%;
        z-index: 999;
    }
  .com-menu-mobile{display: none;z-index: 9999;position: relative;margin-right: 0px;background: #fff;padding-left: 16px;margin-left: 0px;padding-right: 17px;width: 100%;padding: 0;box-shadow: none;}
  .com-menu-mobile > ul {display: flex;align-items: flex-start;gap: 8px;flex-wrap: nowrap;overflow-x: auto;padding-bottom: 15px;    box-shadow: none;border: 0;}
  .com-menu-mobile > ul li a {border: 1px solid #E5EAF4;border-radius: 100px;background: #fff;font-weight: 500;font-size: 14px;padding: 10px 16px !important;text-align: center;color: #606878;white-space: nowrap;display: inline-flex;align-items: center;justify-content: center;height: 34px;}
  .com-menu-mobile ul.dropdown-menu {overflow-x: auto;max-width: inherit;box-shadow: none;border: 0;}
  :has(.community-mobile-menu.open) .wrapper-box.flex-center-between.breadcrumb-cover{margin-top: 85px;}
  .com-menu-mobile > ul li a.active{border-color: #000000;color: #000000;}
  .mobile .navbar-nav{margin: 0;}
  :has(.community-mobile-menu.open) .mobile::after {content: "";background: #fff;width: 16px;height: 100%;position: absolute;right: -17px;top: 0;z-index: 9;}
 /* .community-mobile-menu:not(.open) a.dropdown-toggle{border-bottom: 0 !important;} */
  .community-mobile-menu + .community-mobile-menu .com-menu-mobile{left: -100px;}

  .community-mobile-menu.custom_nav.nav-category.dropdown.open{
   position: static;
  }

}
@media (max-width: 767px) {
 .shop-order-form-mobile {margin-top: 32px;margin-bottom: 32px;}
    td#sod_frm_addr {margin-bottom: 8px;}
  .com-menu-mobile ul.dropdown-menu {padding: 16px 10px;}
   .hot-deal-list{
    width: 100% !important;
  }

  header.new-header .header-topbar {
      height: 52px;
      margin-bottom: 0;
      padding: 0 4px;
  }
  .header-topbar .FlexContainer {
      justify-content: space-between !important;
      align-items: center;
  }
  .header-topbar .topbar-left {
      float: none;
  }
  header.new-header .header-topbar img.title-logo-image {
      position: relative;
      inset: inherit;
  }
  .header-topbar .topbar-right {
      float: none;
      position: relative;
      inset: inherit;
      padding: 0;
  }
  .mobile-active-right {
      position: relative;
      right: inherit;
      padding-right: 17px;
      font-size: 14px;
      font-weight: 500;
  }
  .header-topbar .topbar-right .right-menu > li {
      float: none;
      margin: 0 !important;
  }
  .product-main-70-in .mobile-slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 10px; 
    padding: 0;
  }
  .product-main-70-in .mobile-slide .product-box {
    margin: 0 !important;
    height: auto;  
    display: block;
  }

}
@media(max-width:600px){
  .product-container .product-box{
    min-width: 156px;
    max-width: 236px;
    gap: 12px;
    flex: 1 0 0;
  }
  .hot-deal-product {
    border-radius: 12px;
    padding: 12px 12px 16px 12px;
}
  .hot-deal-product .deal-timer-container {
    top: auto;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(0 0 0 / 80%);
    padding: 7px 6px;
    gap: 6px;
    border-radius: 0 0 12px 12px;
    font-size: 12px;
    justify-content: center;
    width: auto;
    height: 26px;
}
.hot-deal-product .deal-timer-container span{text-align: center;}
.hot-deal-product .deal-timer-container svg {
    width: 12px;
    height: 12px;
}
.hot-deal-product.product-box .goods-description .goods-description-in .goods-name {
    margin-bottom: 2px;
    font-size: 16px;
}
.hot-deal-product .goods-description-in .deal-duration {
    margin-top: 6px;
    font-size: 12px;
}
.product-box .goods-description .goods-description-in {
        gap: 0;
    }
.hot-deal-product .goods-description-in .goods-price {
    margin: 6px 0;
}
.hot-deal-product .product-ratings-box {
    margin-bottom: 6px;
    display: block;
}
.hot-deal-product {
    margin-bottom: 32px;
}
body:has(.hot-deal-product) #pagination {
    margin-bottom: 80px;
    margin-top: 0;
}
.hot-deal-product.product-box .goods-img {
    height: 132px;
}
.hot-deal-product.product-box .goods-text .goods-info {
    min-height: auto;
    max-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.hot-card-box{
  padding: 0 8px;
}
.hot-deal-product .goods-info.p2
{
  font-size: 12px;
}

.product-page-detail .hot-deal-div {
    font-size: 14px;
  }
  .product-page-detail .hot-deal-div svg{
    width: 16px;
    height: 16px;
  }
  .product-page-detail .date-div {
        font-size: 14px;
}
.hot-deal-product .itemli {
    margin-top: 6px;
    font-size: 12px;
}
.hot-deal-product .sold-out {
    margin-top: 6px;
}
.sold-out-mobile {
    width: 55px;
    height: 22px;
    font-size: 12px;
    border-radius: 2px;
    top: 8px;
    left: 8px;
    bottom: inherit;
}

/* hot-deal-mix div */
.hot-deal-list.product-box .goods-img {
  height: auto;
  margin-bottom: 12px;
}

 .hot-deal-product {
    padding: 16px;
}
 .hot-deal-list {
   margin-bottom: 0px;
}
.hot-deal-list.product-box .goods-description .goods-description-in .goods-name {
    margin-bottom: 0px;
}

.hot-deal-list .goods-description-in .deal-duration {
    margin-top: 0px;
}
.hot-deal-list .goods-description-in .goods-price {
    margin: 0px 0;
}
.hot-deal-list.product-ratings-box {
    margin-bottom: 0px;
}
.hot-deal-list .goods-description-in{
  gap: 0 !important;
}
.hot-deal-list .product-ratings-box{
  align-items: center;
  display: flex;
}
body:has(.hot-deal-list) #pagination {
    margin-top: 40px;
}

}
@media (max-width: 575px) {
  .com-menu-mobile ul.dropdown-menu {
        max-width: 432px;
    }
}
@media (max-width: 419px) {
  .com-menu-mobile ul.dropdown-menu {
        max-width: 385px;
    }
}


@media (max-width: 390px) {
  .navbar-nav>li>a{
    padding-right: 5px;
  }
}

@media (max-width: 375px) {
  .navbar-nav>li>a{
    padding-right: 2px;
  }
}
@media (max-width: 374px) {
  .com-menu-mobile ul.dropdown-menu {
        max-width: 330px;
    }
}
@media (max-width: 360px) {
  .navbar-nav>li>a{
    padding-right: 0;
  }
}
.cart-tr{
  max-height : 120px;
  height: 120px;
}

.cart-tr input[type=checkbox], th input[type=checkbox], .sod-frm-taker .order-table.special .td-special input[type=checkbox]{
  width: 24px;
  height: 24px;
  border-radius: 4px !important;
  accent-color: #2F333C;
  color: #fff;
}
.shop-cart form .cart-delete-btn button{padding: 8px 12px 8px 12px;border: 1px solid #C1CADC;border-radius: 4px !important;background: #FFF;}

.cart-total-p2u{
  font-size: 18px;
  color: #17191E;
  font-weight: 700
}
.cart-total-product{
  color: #A445DE !important;
  font-size:18px;
  font-weight: 700;
}
.footer-font-color{
  color: #606878;
}

.cart-act-btn a,.cart-act-btn button {
  border-radius: 8px !important;
  padding: 18px 20px 18px 20px;
  width: 160px;
  font-weight: 500;
  font-size: 18px;
  margin-left: 20px;
  border: 1px solid #2F333C;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.cart-act-btn button{background-color: #2F333C; color: #ffffff;}
.cart-act-btn button:hover{color: #ffffff;}

.cart-act-btn a{color: #2F333C !important;}
.pu-heading-h2 br{
  display: none;
}
@media (max-width: 768px) {
  .pu-heading-h2 br{ display: inline; }
  .cart-section-box{ display: none !important;}
  .cart-section-mobile-box {display: block !important;padding-bottom: 50px;}
  .cart-delete-btn{float:right}
  .breadcrumb{display: none;}
  .header-topbar .FlexContainer{justify-content: center;}
  header.new-header{border-bottom: 1px solid #E5EAF4;}
  header.new-header .navbar-nav:before, header.new-header .navbar-nav:after{
    display: none;
  }
  .wrapper-inner .new-header .wrapper-box, .page-title-wrap .wrapper-box, .basic-body-page .wrapper-box,.wrapper-inner .page-title-wrap{padding:0px 16px;}
  .wrapper.main-wrapper{width: auto !important;}
  .basic-body-main{padding: 0px !important;}

  .page-title-wrap .wrapper-box,.wrapper-inner .page-title-wrap{padding:0px;margin-left:16px !important;margin-right:16px !important;}
  .wrapper.main-wrapper{width: auto !important;}
  .modal-view-item {float: left !important; margin-top: 0px !important;}
  .div-cell .td-item-desc{margin-left: 10px;}
  h2.cart-page-title {font-size: 24px !important;font-weight: 700 !important;line-height: 150% !important;}
  .register-form input.special , .register-form input.special-2 {width: 100% !important;}
  .register-form .eyoom-form fieldset {padding-right: 0px !important;}

  /** For Checkout page **/
  .table-list-eb{display: none;}
  .shop-order-form-mobile{display: block !important;margin-top:30px;}
  .order-payment-area.mobile-view-support{position: unset !important ;width:90% !important}

  .order-payment-area {background-color: unset !important;}
  .shop-order-form .order-payment-area {position: unset !important; width: unset !important;}
  .shop-order-form .order-member-area .sod-frm-taker {padding: 10px 0px 40px;}
  .order-member-area label.width-200px  {width: auto !important;}
  .order-member-area label.width-200px.pull-left  {width: 60% !important;}
  .order-member-area label.width-150px,.shop-order-form .order-member-area .headline-short {width: 100% !important;}
  .shop-order-form .order-member-area {margin-right: unset !important;}
  .shop-order-form .order-member-area .sod-frm-orderer {margin-right: unset !important; padding: unset !important;}
  .shop-order-form .order-member-area .headline-short {width: unset;}
  .shop-order-form .order-table {margin: unset !important;}
  .shop-order-form .order-table td {padding: 5px 0px !important;}
  .shop-order-form .order-member-area .sod-frm-taker {padding: unset !important;}
  .shop-order-form {padding-bottom: 80px;}
  .shop-order-form .shop-order-form {padding-bottom: 0px;}
  body .order-member-payment .order-payment-area .pay_sumbmit_button{ padding-top:32px;}

  .order-payment-area .pay_sumbmit_button #display_pay_button {width: 100%;}
  .order-member-area .sod-frm-taker .width-150px {width: 100%;}

  .shop-option .sit_opt_subj {font-size: 12px !important;}
  .shop-option .sit_opt_prc {font-size: 14px !important;}
  .shop-option .count {width: 100px !important;}
  /* .opt_count.new .count button.sit_qty_plus {position: relative; left: -15px;}
  .opt_count.new .count button.sit_qty_minus {position: relative; right: -15px;} */
  .modal-content {padding: 48px 15px 24px !important}

  .register-box .register-pixel-1 {margin-top: 0px !important;}
  .register-form input.first {width: 100% !important;}
  fieldset.one {width: 100% !important;}

  .shop-option .get_item_options {
    display: flex;
    gap: 20px !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    margin-bottom: 15px !important;
  }
  #sit_inf,
  #sit_use ,
  #sit_qa,
  #sit_dvr,
  #sit_dvr,
  #sit_ex{ margin: 32px 0 !important;  }
  .basic-body-page .pg-anchor-in{ margin-bottom:32px; }
  #sit_ex{ margin-bottom:0 !important;}

}

@media (max-width:991px) {
  .shop-order-form .order-member-area {margin-right:0}
  .shop-order-form .order-table th {width:70px !important;text-align:left;padding:5px 0;display:none}
  .shop-order-form .order-table td {padding:5px 0}

  .sod-frm-orderer label.hidden-lg.hidden-md, label.hidden-lg.hidden-md {display: block !important;}
  .shop-order-form .order-table {margin: unset !important;}
  .shop-order-form .order-table a {white-space: nowrap;}

}
.mobile-summary{padding: 16px;}

.cart-section-mobile-box{display: none;}
.shop-cart{padding: 0px !important;}
.btn-checkout,.btn-checkout:hover{display: flex;padding: 8px 8px;justify-content: center;align-items: center;gap: 4px;border-radius: 4px !important;background:  #E5EAF4;color: #2F333C !important;font-family: Pretendard;font-size: 12px;font-style: normal;font-weight: 500;line-height: 100%;width: 79px;height: 28px; }
.div-table{display: table;width: auto;}

.shop-cart{padding: 0px !important;}
.div-row{display: table-row;width: 100%;}
.div-cell{float: left;display: table-column;width: 200px;padding-right: 10px;}
.div-table.cart-items{width: 100%;}
.div-cell ul li{color: #606878;font-family: Pretendard;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;}
.div-cell ul li.bold{font-weight: 400; color: #17191E}
.order-summary table tr td.bold{font-size: 16px;font-weight: 600;font-size: normal;color: #17191E}
.order-summary table tr td.bold.special{font-weight: 700;color:#A445DE;}
.mobile-summary li{color: #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
tr.special{background-color: #F8F9FC;position: relative;top: 20px;}
.empty-cart{display: flex;justify-content: center;padding: 56px 24px;align-items: center;gap: 12px;align-self: stretch;background-color: #F8F9FC;    }
.empty-cart svg{position: relative;left: 30%;}
.empty-cart-desktop{display: flex;justify-content: center;padding: 39px 24px;align-items: center;gap: 12px;align-self: stretch;background-color: #F8F9FC; height: 72px;}
.empty-cart-desktop svg{position: relative;left: 40%;}
.empty-cart span{font-size: 14px;font-style: normal;font-weight: 400;color:#9DA6BB}
.empty-cart-desktop span {font-size: 14px;font-style: normal;font-weight: 400;color:#9DA6BB;line-height: 150%;position: relative;top: 8px;}
.item-summary{display: flex;
  padding: 16px;
  margin: 10px 0px 20px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 0px;
  background:  #F8F9FC;
  align-self: stretch;
}

.order-summary{
  display: flex;
  max-width: 1200px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0px 20px 0px;
  align-self: stretch;
  border-radius: 8px !important;
  background-color: #FBF4FF;
}

.modal-view-item button{
  background-color: #E5EAF4;
  padding: 8px 12px 8px 12px;
  font-size: 12px;
  font-weight: 500;
  color: #2F333C;
  border-radius: 4px !important;
}
.shop-cart .table>tbody>tr>td{
  border-top: none !important;
  font-size: 14px;
  font-weight: 400;
  color: #17191E;
  padding: 16px 12px !important;
}

.shop-cart .eyoom-form .checkbox i {top:2px}
.shop-cart .table-list-eb .table {margin-bottom:0}
.shop-cart .table-list-eb .td-item-desc {position:relative;min-height:80px}
.shop-cart .table-list-eb .td-image {position:absolute;top:0;left:0;width:80px;height:80px;overflow:hidden}
.shop-cart .table-list-eb .td-image img {display:block;width:100% \9;max-width:100%;height:auto}
.shop-cart .table-list-eb .td-item-name {margin-left:90px}
.shop-cart .table-list-eb .td-item-name ul {margin:5px 0}
.shop-cart .table-list-eb .td-item-name ul li {color:#959595;font-size:12px}

.shop-cart .shop-cart-total {position:relative;overflow:hidden;clear:both;background:#FBF4FF;border:none;margin-bottom:30px;padding:23px 20px 32px 16px;height:118px}
.shop-cart .shop-cart-total .cart-total-box {position:relative;float:left;width:33.33333%;height:94px;text-align:center;padding:20px 0;font-size:14px;box-sizing:border-box}
.shop-cart .shop-cart-total .cart-total-box:after {content:"";height:54px;width:0px;background:#d5d5d5;position:absolute;top:20px;right:0}
.shop-cart .shop-cart-total .cart-total-box:last-child:after {display:none}
.shop-cart .shop-cart-total .cart-total-box span {display:block;margin-bottom:10px}
.shop-cart .shop-cart-total .cart-total-box strong {color:#000}
.shop-cart .shop-cart-total .cart-total-box .cart-total-price {color:#17191E;font-size:18px;font-weight:700}
.shop-cart .cart-act-btn {margin-top:30px;text-align:center}
.shop-cart .cart-act-btn.desktop {margin-top:60px;text-align:center}
.shop-cart .cart-act-btn.desktop a {width: 120px;margin-left: -1px;padding: 18px 20px;color: #2F333C;text-align: center;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 500;line-height: 100%;}

/* 영카트 모바일 css 관련 */
#mod_option_frm {position:relative;top:inherit;left:inherit;width:100%;border:0 none}
#mod_option_frm .shop-option {padding:0}

.cart-page-title{color:#17191E !important;font-family: Pretendard;font-size: 36px !important;font-style: normal;font-weight: 700 !important;line-height: 150%;}
.page-title-wrap {position:relative;background:#fff;border-bottom: none;padding:40px 0 0px}
.table-list-eb .table thead>tr>th, .table-list-eb .table thead>tr>td {text-align:center; padding: 14px 12px 14px 12px; font-size: 14px;color:#17191E; font-weight: 600;border-bottom: 1px solid #606878;}
.table-list-eb thead {border-top:1px solid #606878; border-bottom: 1px solid #606878; height: 64px}

.shop-option {position:relative;padding:5px}
.shop-option .option-act-btn {display: flex;justify-content: center;gap:8px}
.shop-option .option-act-btn button{display: flex;width: 120px;padding: 14px 16px;justify-content: center;align-items: center;gap: 6px;border-radius: 6px !important;background:  #E5EAF4;color: #2F333C;font-size: 18px;}
.shop-option .option-act-btn input {display: flex;width: 120px;padding: 14px 16px;justify-content: center;align-items: center;gap: 6px;border-radius: 6px !important;background:#2F333C;font-size: 18px !important;}

.shop-option #sit_opt_added {margin:0;padding:0;border-bottom:0;border-top:1px solid #e9e9e9;background:#fff;list-style:none;border-bottom:1px solid #e9e9e9;}
#sit_opt_added li .opt_name {line-height:20px;font-weight:bold;text-align: right;}



#sit_opt_added button:hover {color:#000}
.cart-option-btn .num_input {float:left;border:1px solid #e4e4e4;width:150px;height: 50px;border-radius: 30px !important;text-align:center}
.sit_opt_del {border-radius: 100px !important;background-color: #E5EAF4;color: #2F333C;font-weight: 200;padding:7px}

.shop-option .sit_opt_del {width: 28px; height: 28px;}

.sit_opt_prc {
  color: #17191E;font-family:Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;white-space: nowrap;
}
#mod_option_frm #sit_sel_option {margin:0 0 20px}
#mod_option_frm #sit_tot_price {display: flex;flex-direction: column;align-items: center;gap: 2px;margin:0 0 20px;font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;color:#17191E;font-family: Pretendard;}
#mod_option_frm #sit_tot_price strong {color: #A445DE;text-align: right;font-family: Pretendard;font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%;}

.modal-header .modal-title {text-align: center;font-size: 28px; line-height:42px; font-family: Pretendard;font-style: normal; margin-bottom: 32px;}
#modal_mod_option{border-radius: 16px !important;}


.sit_opt_subj{color:  #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;margin-left: 25px;}

.btn-e-submit{color: #FFF;text-align: center;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 500;line-height: 100%;}
.btn-e-default{background-color: #E5EAF4;color:#2F333C;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 500;line-height: 100%;border:1px solid #E5EAF4}

.eyoom-form .select svg, .get_item_options span svg {
  position: absolute;
  right: 10px;
  top: 15px;
}

.shop-order-form .table-list-eb .table {margin-bottom:0;border-bottom:1px solid #e5eaf4;}
.shop-order-form .table-list-eb .table td {font-size: 14px;color: #17191E;}
.shop-order-form .table-list-eb .table td:last-child{color: #606878;}
.shop-order-form .table-list-eb .td-item-desc {position:relative;min-height:80px}
.shop-order-form .table-list-eb .td-image {position:absolute;top:0;left:0;width:80px;height:80px;overflow:hidden}
.shop-order-form .table-list-eb .td-image img {display:block;width:100% \9;max-width:100%;height:auto}
.shop-order-form .table-list-eb .td-item-name {margin-left:90px}
.sod_opt {padding:0;margin:0}
.shop-order-form .table-list-eb .td-item-name .sod_opt ul {list-style:none;padding:0;margin:5px 0}
.shop-order-form .table-list-eb .td-item-name .sod_opt ul li {color:#959595;font-size:12px;background:none;line-height:1.5;padding:0;font-weight:normal}
.sod_opt li:before {display:none}
.shop-order-form .table-list-eb .td-item-name .cp_btn {height:inherit;margin:5px 0 0}
.shop-order-form .table-list-eb .td-item-name .cp_cancel {display:inline-block;margin:0 0 0 3px;font-weight:normal;text-align:center;background:#fff;border:1px solid #d5d5d5;padding:4px 12px;color:#757575;font-size:12px;line-height:1;height:inherit}
.shop-order-form .order-member-payment {position:relative; display:flex; gap:48px;}
.shop-order-form .order-member-area {position:relative; width:calc(100% - 432px)}
.shop-order-form .order-member-area .headline-short {border-bottom: 1px solid #9DA6BB; padding-top:28px;padding-bottom: 15px;white-space: nowrap;}
.shop-order-form .order-member-area .sod-frm-orderer .headline-short{ padding-top:0;}
.eyoom-form .input{ width:100%;}

.shop-order-form .order-table {margin:0px 0px 0px 0px; padding-top: 20px;}
.shop-order-form .order-table table {width:100%;border-collapse:collapse;border-spacing:0}
.shop-order-form .order-table th {width:128px;padding:5px 8px 5px 0px !important;background:none;text-align:left;color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
.shop-order-form .order-table td {padding:8px 10px;background:transparent}
.shop-order-form .order-table a {text-decoration:none}
.shop-order-form .order-payment-area {position:relative;  width:384px; }
.shop-order-form .order-payment-area-box{position:relative;  width:100%; height:auto;box-sizing:border-box;}
.order-payment-total,
.order-payment-info{padding:24px;border: 1px solid #606878;}
.order-payment-total{ border-bottom:0;}

.order-payment-area-special{border: 1px solid #606878;padding: 15px;}
.order-member-area .headline-short h4 {margin-bottom: unset !important;}
.shop-order-form .payment-calc-wrap {display: flex;flex-direction: column;align-items: flex-start; gap:8px;}
.shop-order-form .payment-point-box {display: flex;flex-direction: column; padding:20px 0; border-top:1px solid #E5EAF4;border-bottom:1px solid #E5EAF4;margin:20px 0; gap:8px;}
.shop-order-form .payment-point-box>div{ display:flex; align-items:center; justify-content:space-between; gap:2px;}
.shop-order-form .payment-calc-wrap h3 {color: #17191E;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;margin-bottom: 12px; display:block;}
.shop-order-form  .payment-calc-box strong {float: right;color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
.shop-order-form  .payment-calc-box .p2u-price-box {color:#F5222D !important;}
.shop-order-form  .payment-calc-box span{font-family:Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
.shop-order-form  .payment-calc-box {width: 100%;}



.shop-order-form .payment-point-box div div,.shop-order-form .payment-point-box .payment-total-box strong {float: right;}
.shop-order-form .payment-point-box strong {}

.shop-order-form .payment-total-box span, .shop-order-form .payment-point-box div span {color: #17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
.shop-order-form .payment-total-box strong {color: #17191E;text-align: right;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;}
.shop-order-form .order-payment-info h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
.shop-order-form .payment-info-box {border-bottom: 1px solid #E5EAF4; padding-bottom: 20px; margin-bottom:20px;}
.shop-order-form .payment-info-box>div{ display:flex; align-items:center; gap:5px; justify-content:space-between;}
.shop-order-form .payment-info-box strong{ line-height:24px; }
.odd_tot_price{display:flex; align-items:center; gap:5px; justify-content:space-between;}
.odd_tot_price span{ line-height:36px; font-size:16px; font-weight:700; color:#17191E;}
.odd_tot_price strong{ line-height:36px; font-size:24px; font-weight:700; color:#A445DE;}

.shop-order-form .payment-info-box span,.shop-order-form .payment-info-box div {color: #606878;font-family: Pretendard;font-size: 12px;font-style: normal;font-weight: 400;line-height: 150%;}
.shop-order-form .payment-info-box .print_price {color: #A445DE;font-size: 24px;font-weight: 700;line-height: 150%;margin-top: -10px;}
.shop-order-form .payment-info-box strong {float: right;}

.shop-order-form .payment-select-wrap {position:relative;}
.shop-order-form .payment-select-title {margin:0 0 20px}
.shop-order-form .payment-select-wrap h5.payment-select-title {color: #17191E;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%; }
.shop-order-form .payment-select-wrap #sod_frm_paysel {padding:0 0 0 2px;background:none;border:0 none}
.shop-order-form .payment-select-wrap input[type="radio"] {position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left:0;z-index:-1px}
.shop-order-form .payment-select-wrap .payment-select-box {position:relative;overflow:hidden;float:left;width:50% !important;background:#fff;cursor:pointer;box-sizing:border-box;border:1px solid #e5e5e5;margin:-1px 0 0 -1px; padding:10px 12px !important;text-indent:inherit !important;text-align: center;font-size: 14px;font-weight: 400;font-style: normal;line-height: 150%;color:#606878;border-radius: 8px !important; height:44px; }
.od_bank_account { line-height:21px; margin-bottom: -4px; font-size: 14px;}
.od_bank_wrp {margin-top: 20px;}
.shop-order-form .payment-select-wrap .payment-select-box.inicis_kakaopay {padding:9px 5px 0 70px !important}
.shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box {z-index:3;border-radius: 8px;border: 1px solid #A445DE;background: #FBF4FF !important;color: #A445DE;}
.shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box.right {margin-right: -10px;}
.shop-order-form .payment-select-wrap input[type="radio"]:checked+.payment-select-box.left {margin-left: -10px;}

.shop-order-form .payment-select-wrap #sod_frm_paysel .bank_icon {background:#fff}

.shop-order-form .payment-select-wrap #sod_frm_paysel .vbank_icon {background:#fff}
.shop-order-form .payment-select-wrap #sod_frm_paysel .vbank_icon:before {font-family:'Font Awesome\ 5 Free';content:"\f2c2";font-weight:900;position:absolute;top:5px;left:5px;width:48px;height:48px;line-height:48px;text-align:center;color:#b5b5b5;font-size:20px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .iche_icon {background:#fff}
.shop-order-form .payment-select-wrap #sod_frm_paysel .iche_icon:before {font-family:'Font Awesome\ 5 Free';content:"\f53c";font-weight:900;position:absolute;top:5px;left:5px;width:48px;height:48px;line-height:48px;text-align:center;color:#b5b5b5;font-size:20px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .hp_icon {background:#fff}
.shop-order-form .payment-select-wrap #sod_frm_paysel .hp_icon:before {font-family:'Font Awesome\ 5 Free';content:"\f3cd";font-weight:900;position:absolute;top:5px;left:5px;width:48px;height:48px;line-height:48px;text-align:center;color:#b5b5b5;font-size:20px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .card_icon {background:#fff}

.shop-order-form .payment-select-wrap #sod_frm_paysel .kakaopay_icon {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/kakaopay.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .PAYNOW {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/paynow.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .KPAY {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/kpay.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .PAYCO {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/payco.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .inicis_lpay {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/lpay.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .inicis_kakaopay {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/kakaopay.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
.shop-order-form .payment-select-wrap #sod_frm_paysel .naverpay_icon {background:#fff;background-image:url("<?php echo EYOOM_THEME_URL .'/skin/shop/'.$eyoom['shop_skin']; ?>/img/naverpay.jpg");background-repeat:no-repeat;background-position:5px 5px;background-size:48px 48px}
#display_pay_button { display: flex; gap:10px;}
.shop-order-form #display_pay_button .btn_submit {font-size: 18px;font-weight: 500;justify-content: center;align-items: center;gap: 8px;flex: 1 0 0;border-radius: 8px !important;background: #A445DE;color:#FFFFFF;width: 284px;}
.shop-order-form #display_pay_button a.btn01,.shop-order-form #display_pay_button a.btn01:hover {font-weight: 500;font-size: 18px;color:#2F333C;display: flex;width: 88px; padding: 18px 20px; line-height:18px; justify-content: center;align-items: center;gap: 8px;border-radius: 8px !important;background: #E5EAF4;}
#settle_bank label {float:none;width:auto;line-height:inherit}
.shop-order-form .payment-point-use-box {margin-top:20px}
.shop-order-form .payment-point-use {position:relative;overflow:hidden;clear:both;padding:10px 15px;border:1px solid #e5e5e5;margin-top:-1px;background:#fff;font-size:12px;color:#757575}
.shop-order-form .payment-point-use label {line-height:30px;margin-bottom:0}
.shop-order-form .payment-point-use .input {margin-bottom:0}
.shop-order-form #settle_bank {position:relative;margin:20px 0 16px;display:none;white-space: nowrap;}
.shop-order-form #settle_bank .select {margin-bottom:10px}
#settle_bank select {width:100%;border:1px solid #ccc}
.shop-order-form #settle_bank .input {margin-bottom:0}
.shop-order-form #settle_bank #od_deposit_name {width:100%;text-align:left;border:1px solid #ccc}
#od_bank {width:100%;text-align:left;border:1px solid #ccc;padding:12px ;border-radius: 8px !important; -webkit-appearance: none; appearance: none; height:38px;}

.payment-select-wrap input.special { height: 38px !important; padding: 12px !important;}

#od_bank:focus {border:1px solid #ccc;}
/* Datepicker CSS 수정 */
.ui-datepicker {width:260px}
.ui-datepicker td span, .ui-datepicker td a {padding:inherit;text-align:inherit;line-height:25px}
.ui-widget-header {border:0;border-bottom:1px solid #c5c5c5 !important;background:#e5e5e5}
.ui-widget-content .ui-state-default {border:inherit;background:none}
.ui-datepicker .ui-datepicker-buttonpane button {margin:10px 0 0;padding:5px 15px;border:0;background:#171C29;color:#fff}
.ui-datepicker .ui-datepicker-buttonpane button:hover {background:#1F263B !important}
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {border:0}
.text-danger{
  color: #a94442 ! important;
  text-wrap: nowrap !important;
  font-size: 11px !important;
}

#p2u-modal{
  padding: 10px;
}

.modal-content{
  border: none;
  background: #fff;
  border-radius: 16px !important;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  max-height: 872px;
  pointer-events: auto;
  outline: 0;
  padding: 48px 24px 24px;
}
.cart-product-popup .modal-content {
  max-height: max-content;
}

.modal-close{
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 1;
  width: 35px;
  height: 35px;
  font-size: 18px;
  line-height: 35px;
  box-sizing: content-box;
  border-radius: 50% !important;
  border: 2px solid transparent;
  text-align: center;
  display: inline-block;
  background: #fff;
  transition: all linear .3s;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.modal-body {
  background:  #fff;
}


.modal-close:hover {
  background-color: #000;
  color: #fff;
}

.modal-close span {
  position: relative;
  top: -2px;
}

/* KG이니시스 팝업창과 부트스트랩 모달과의 충돌로 팝업 출력 버그 해결 소스 */
#inicisModalDiv {opacity:1 !important}

.payment-section-title{color: #17191E !important;font-family: Pretendard !important;font-size: 18px !important;font-style: normal;font-weight: 800 !important;line-height: 150%;}
.order-payment-total table td{color: #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;padding-bottom:10px !important}
.order-payment-total table tr.section-end td{padding-bottom: 20px;border-bottom:1px solid #E5EAF4}
.order-payment-total table tr.section-start td{padding-top: 20px;}
.order-payment-total table td.text-right{color: #17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400 !important;line-height: 150%;}
.order-payment-total table td.special{color:#F5222D}
.order-payment-total table td.special-2{color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
.order-payment-total table td.special-3{color:#17191E;text-align: right;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;}
.order-payment-total table td.special-4{color:#A445DE;text-align: right;font-family:Pretendard;font-size: 24px;font-style: normal;font-weight: 700;line-height: 150%;}
.p2u_amount_class{width: 164px !important;float: right;height: 38px !important;padding: 14px 12px !important;gap: 8px;align-self: stretch;border-radius: 6px !important;border: 1px solid #C1CADC;background-color:#FFF !important;text-align: right;}
label[for=od_name]:after,label[for=od_pwd]:after,label[for=od_hp]:after,label[for=od_addr1]:after,label[for=od_email]:after,label[for=od_b_name]:after,label[for=od_b_hp]:after,label[for=od_b_addr1]:after,label[for=od_address]:after { content:''; background:red; width:4px; height:4px; display:inline-block;     vertical-align: top;     border-radius: 100px; margin:0 0 0 2px;}
input.special {height: 44px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;}
label.special{position: relative !important;top: -42px;right: -100px;}

input.special-2{height: 44px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;background-color: #F8F9FC !important;color:#17191E !important}
button.special-2{padding: 14px 16px !important;border-radius: 6px !important;border:1px solid #2F333C;background-color: #FFF;color:#2F333C;white-space: nowrap;}
input.special-3{height: 44px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;}
input.special-4{height: 44px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;color:#17191E !important}
input.special-5{height: 44px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;color:#17191E !important}
input.special-6{padding:16px !important;border-radius: 8px !important;border: 1px solid #C1CADC;background:#F8F9FC !important;height: 44px !important}
input.special-7{padding:16px !important;border-radius: 8px !important;border: 1px solid #C1CADC;height: 44px !important}

label.special-2,.headline-short h4{color: #17191E;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;}
textarea.special-3{width:640px !important;height: 100px !important;padding: 16px !important;border-radius: 8px !important;border-color: #C1CADC !important;}
::placeholder{color: #17191E}

.shop-option table tbody {border-top: 1px solid #E5EAF4;border-bottom: 1px solid #E5EAF4;}
.shop-option table tbody tr:first-child td{padding-top: 30px;}
.shop-option table tbody tr:last-child td{padding-bottom: 30px;}
.shop-order-form-mobile {display: none;}
.shop-order-form-mobile .td-image{width:90px;padding-right:10px;padding-top: 40px;}
.mobile-summary li.special{font-size: 14px;font-style: normal;font-weight: 400;font-family: Pretendard;color:#17191E}
.mobile-summary li.special-2{font-size: 14px;font-style: normal;font-weight: 600;font-family: Pretendard;color:#A445DE}
.btn-checkout.special{display: flex;padding: 12px;justify-content: center;align-items: center;gap: 8px;flex: 1 0 0;align-self: stretch;border-radius: 8px !important;border: 1px solid #E5EAF4;background: #FFF;width: 110px;font-size: 14px;height: 21px;}
.button-group{display: flex; gap: 10px;    width: 100%;}

.shop-cart form table tbody td.special{color: #606878}
.order-member-area .sod-frm-taker .inline-group a{display: unset;}
.sod-frm-taker .order-table.special .td-special {display: flex;gap: 200px;}
.sod-frm-taker .order-table.special label,.order-table th label {white-space: nowrap;}


.shop-option .get_item_options, .shop-option .get_item_supply {display: flex; gap: 40px;margin-bottom: 25px;align-items: center;}
.shop-option .get_item_options > label,.shop-option .get_item_supply > label{color: #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;white-space: nowrap;width: 60px;}
.shop-option .get_item_options select.it_option, .shop-option .get_item_supply .it_supply {height: 44px;width: 100%;border-radius: 8px !important;color: #17191E;border: 1px solid #C1CADC;margin-top: -20px;padding: var(--size-radius-xxl, 16px);}
tr.sit_opt_list td {padding-bottom: 25px;}

.modal-body.desktop .eyoom-form .select i:before {top: unset !important; border-bottom: unset !important;}
.modal-body.desktop  .eyoom-form .select i:after {top: 22px;bottom: 12px;border-top: 4px solid #4B4B4D}



.sod-frm-taker .order-table.special .td-special input[type=checkbox]{position: unset}
.sod-frm-taker .order-table.special .td-special .position-relative .checkbox label {position: relative;padding-left: 5px;top: -7px;}
.btn-checkout.special.active {position: relative;left: -30px;border: 1px solid #A445DE;background: #FBF4FF;}
.btn-checkout.special.active-2 {position: relative;right: -30px;border: 1px solid #A445DE;background: #FBF4FF;}

.order-table.special label.hidden-lg,label.hidden-lg.hidden-md {display: none;}

.eyoom-form .radio input + i:after {    content: '';background-color: #999;top: 3px;left: 3px;width: 12px !important;height: 12px !important;border-radius: 50% !important;border-color: #2F333C !important;}
.eyoom-form .radio i{border-color: #2F333C !important;}
.eyoom-form .radio input + i:after {background-color: #17191E;}

.eyoom-form fieldset {display: block;padding: 20px 20px 0px;border: none;background: #FFF;}

.order-table input.special-3#od_addr1 {background-color: #F8F9FC;}
.order-table .error, .payment-select-wrap .error {border-color: red !important;background-color: #fff !important;color: #4B4B4D !important};










.member-skin .register-section{display: flex;flex-direction: column;padding:24px;justify-content: center;align-items: flex-start;gap: 15px;border-radius: 8px !important;border: 1px solid #E5EAF4;width:720px}
.member-skin .register-section-2{display: flex;flex-direction: column;padding:15px;justify-content: center;align-items: flex-start;gap: 15px;border-radius: 8px !important;border: 1px solid #E5EAF4;}
.member-skin .register-section p {color:#17191E;font-family: Pretendard;font-size: 16px;font-style: normal;font-weight: 600;line-height: 150%;}
.member-skin .register-section p.special{color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
.member-skin .register-section div{display: flex;align-items: center;gap: 8px;align-self: stretch;}
.member-skin .register-section-2 div {display: flex;align-items: center;gap: 0px;align-self: stretch;}
.member-skin .register-section div p{color: #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
.member-skin .register-section div button {display: flex;padding: 5px 12px;justify-content: center;align-items: center;gap: 4px;border-radius: 4px !important;background:#E5EAF4;font-weight: 500;font-size: 12px;}
.member-skin .register-section div input,.member-skin section div.footer input {width: 18px;height: 18px;border-radius: 4px !important;border: 1px solid #2F333C;accent-color: #2F333C;}
.register-section-footer{display: flex;padding:24px;justify-content: center;align-items: flex-start;gap: 15px;border-radius: 8px !important;border: 1px solid #E5EAF4;width:720px}
.member-skin .register-member-header.special h3{margin-top: 32px;color:#17191E;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;}

.member-skin .row.special .col-xs-3.special{color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;padding: 14px 12px;text-align: center;}

.member-skin .row.special {border-top: 1px solid #606878 ;border-bottom: 1px solid #606878;width: 100%;margin:0px;height: 60px;}
.member-skin .row {border-bottom: 1px solid #E5EAF4;margin: 0px;}
.member-skin .row .col-xs-3{display: flex;padding:16px 12px;justify-content: center;align-items: center;color:#17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}

.member-skin .register-submit-btn button,.register-form .register-submit-btn button {width: 160px;padding: 18px 20px;border-radius: 8px !important;background: #E5EAF4;font-size: 18px;font-style: normal;font-weight: 500;margin-top: 25px;font-size: 16px !important;max-height:52px;}
.member-skin .register-submit-btn,.register-form .register-submit-btn {display: flex;flex-direction: row;align-items: flex-start;justify-content: center;align-items: center;gap: 8px;max-width: 720px;}
.member-skin .submit-btn {background-color: #2F333C !important;color:#FFFFFF}

.register-form .register-box .header-1, .register-form .header-1{max-width: 720px;border-bottom: 1px solid  #9DA6BB;margin-top: 30px;white-space: nowrap;}
.register-form .register-box .header-1 h5{color:#17191E;font-family: Pretendard;font-size: 18px;font-style: normal;font-weight: 700;line-height: 150%;padding-bottom: 16px;}
.register-form .register-box .header-1 div{float: right;position: relative;top: -40px;}
.register-form .register-box fieldset label.input{display: flex;gap: 8px;}
.register-form .register-box fieldset button.special-2{padding: 0 !important;border-radius: 6px !important;border: 1px solid #2F333C;background: #FFF;color: #2F333C;margin: unset !important;font-family: Pretendard;font-weight: 500;white-space: nowrap;font-size: 16px;line-height: 100%;     min-width: 88px; height: 44px;}
.register-form .register-box fieldset button.special-3 { min-width: 92px;}
.register-form label.label-checkbox {color: #17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;}
.register-form label.checkbox input[type=checkbox], .register-box input[type=checkbox],.register-section-2 input, input#ad_default{width: 18px; height: 18px;border-radius: 4px !important;border: 1px solid  #2F333C;accent-color: #2F333C;color: #fff;position: unset !important;left: unset !important;margin-right: 10px;}
.register-form fieldset {padding-left: 0px !important;}
.register-form fieldset label.checkbox label {color:#606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;padding:unset;position: relative;top:-4px}
.register-form fieldset label.required:after{content: ' .';color: red;position: relative;top: -12px;left: -7px;font-size: 30px;}
.register-form .special-input{display: flex;}
.register-form .special-input label.input input{width:90% !important}

.member-skin #register_scroll_1 {position:relative;overflow:hidden;height:418px;}
.member-skin section{border-radius: 8px !important;border: 1px solid #E5EAF4;padding: 24px;margin-top: 20px;}

.member-skin section div.footer {display: flex;gap: 10px;margin-top: 8px;}
.member-skin #register_scroll_1 div {color: #17191E;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;margin-bottom: 0px;}
.member-skin #register_scroll_1 table td {padding: 5px;}

.register-form .header-1 div label {color: #606878;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 600;line-height: 150%;position: relative;top: -4px;left: -7px;}
input:focus{ border-color:red}

.register-box input.error {border-color:red !important;background-color: #fff !important;color: #2F333C !important}
.register-box div.error {color:#F5222D !important}


.register-box .password-meter {display: flex;gap: 16px;}
.register-box .password-meter .meter-bar{display: flex;gap: 2px;}
.register-box .password-meter .meter-bar span { width: 64px;background-color: #FFECED;height: 4px;margin-top: 5px;}
.register-box .password-meter .meter-bar span.active {background-color: #F5222D;}
.d-none { display: none;}
.d-block {display: block !important;}
.p-none {padding: 0px !important;}
.error{color: red !important}
.register-box #reg_password_section {margin-left: -10px;}
.register-box .password-meter, .register-box .reg_mb_password_note {margin-top: 10px;}
.register-box .note {color:#606878;font-family:Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;}
.register-box .password-meter span {white-space: nowrap;}

.member-skin tr.special-1 td {padding: 20px 12px;color:#17191E;text-align: center;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;position: relative;left: -5px;border-bottom: 1px solid #E5EAF4;}
.member-skin tr.special-2 td {padding: 16px 12px;color:#17191E;text-align: center;font-family: Pretendard;font-size: 14px;font-style: normal;font-weight: 400;line-height: 150%;border-bottom: 1px solid #E5EAF4;}

.shop-cart form table tbody td.special{color: #606878}
.order-member-area .sod-frm-taker .inline-group a{display: unset;}
.sod-frm-taker .order-table.special .td-special {display: flex;gap: 200px;}
.sod-frm-taker .order-table.special label,.order-table th label {white-space: nowrap;}

.sod-frm-taker .order-table.special .td-special input[type=checkbox]{position: unset}
.sod-frm-taker .order-table.special .td-special .position-relative .checkbox label {position: relative;padding-left: 5px;top: -7px;}
.btn-checkout.special.active {position: relative;left: -30px;border: 1px solid #A445DE;background: #FBF4FF;}
.btn-checkout.special.active-2 {position: relative;right: -30px;border: 1px solid #A445DE;background: #FBF4FF;}

.order-table.special label.hidden-lg,label.hidden-lg.hidden-md {display: none;}
.member-skin td.special-td{padding: 19px 12px;text-align: center;position: relative;left: -5px;font-size: 14px;border-top: 1px solid #606878;border-bottom: 1px solid #606878;}

.eyoom-form .radio input + i:after {    content: '';background-color: #999;top: 2px;left: 2.5px;width: 12px;height: 12px;border-radius: 50% !important;border-color: #2F333C !important;}
.eyoom-form .radio i{border-color: #2F333C !important;}
.eyoom-form .radio input + i:after {background-color: #17191E;}

.eyoom-form fieldset {display: block;padding: 20px 20px 0px;border: none;background: #FFF;}
.eyoom-form fieldset.one {display: block;padding: 10px 20px 0px;border: none;background: #FFF;}

.member-skin.contents-box-inner{display: flex;max-width: 720px;flex-direction: column;gap: 32px;align-self: stretch;margin:auto;padding-bottom: 40px;}
.register-form {display: flex;max-width: 720px;flex-direction: column;gap: 32px;align-self: stretch;margin:auto;margin-top: -30px;padding-bottom:40px}

.order-table input.special-3#od_addr1 {background-color: #F8F9FC;}
.order-table .error {border-color: red !important;background-color: #fff !important;}

.user-history-table,
.user-history-table-button{
  display: flex;
  padding: 0px 0px 160px 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}
.user-history-table-button button.connect-wallet-btn {
  color: var(--colors-font-inverse, #FFF);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  max-width: 160px;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--size-radius-l, 8px);
  background: var(--colors-background-interactive-primary, #A445DE);
}
.user-history-table .b {
  position: relative;
  line-height: 150%;
}
.user-history-table .tit {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.user-history-table .home-01-icon {
  max-width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.user-history-table .breadcrum {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  font-size: 14px;
}
.user-history-table .title {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 1280px;
}
.user-history-table .title-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 1200px;
}
.user-history-table .p2u1 {
  position: relative;
  font-size: 28px;
  line-height: 150%;
  color: #fff;
}
.user-history-table .p2u-parent {
  width: 100%;
  max-width: 720px;
  border-radius: 12px;
  background-color: #a445de;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 48px 0px;
  box-sizing: border-box;
  gap: 4px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}
.user-history-table .flag1 {
  position: relative;
  line-height: 100%;
}
.user-history-table .flag {
  border-radius: 4px;
  background-color: #f8f9fc;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.user-history-table .div {
  align-self: stretch;
  position: relative;
  line-height: 150%;
}
.user-history-table .pointsub-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  text-align: left;
  font-size: 16px;
}
.user-history-table .flag-parent {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.user-history-table .b1 {
  position: relative;
  font-size: 20px;
  line-height: 150%;
  color: #17191e;
  text-align: right;
}
.user-history-table .switch {
  width: 40px;
  border-radius: 40px;
  background-color: #c1cadc;
  height: 22px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.user-history-table .itemlist-basic {
  align-self: stretch;
  border-bottom: 1px solid #e5eaf4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px 4px;
}
.user-history-table .text-danger  .b1 {
  color: #f5222d;
}
.user-history-table .text-danger .flag {
  background-color: #ffeced;
  color: #f5222d;

}
.user-history-table .text-danger .pointsub-info {
  color: #606878;
}
.user-history-table .list-basic {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: center;
  font-size: 14px;
  color: #606878;
  max-height: 700px;
}
.user-history-table .p2u-group {
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
.user-history-table .button {
  position: relative;
  line-height: 100%;
  font-weight: 500;
}
.user-history-table .basic {
  width: 120px;
  border-radius: 100px;
  background-color: #e5eaf4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  color: #2f333c;
  cursor: pointer;
}
.user-history-table .frame-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  font-size: 24px;
  width: 100%;
}
.user-history-table .frame-parent {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 0px 160px;
  box-sizing: border-box;
  gap: 48px;
  text-align: left;
  font-size: 36px;
  color: #17191e;
  font-family: Pretendard;
}

.sod-frm-orderer .order-table .button-group {display: flex;gap: 10px;}
.od_bank_div{ display:grid; gap:6px;}
.od_bank_div label{ margin:0; line-height:21px !important;}
.shop-order-form-mobile .td-item-name {padding-top: 20px;}

.order-member-area .width-200px {width: 70% !important;}
.order-member-area .sod-frm-taker .width-150px {width: 56%;}
.order-member-area .width-150px {width: 55% !important;}
.shop-option .option-box {padding-bottom: 20px;}

td .td-item-name a:hover {color: #A445DE}


.register-form input.special {width: 57% ;}
.register-form input.special-2 {width: 43% ;}
.register-form input.first {width: 70%}



div#shop-mypage-new .b {
  position: relative;
  line-height: 150%;
}
div#shop-mypage-new .tit {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
div#shop-mypage-new .button {
  position: relative;
  line-height: 100%;
  font-weight: 500;
}
div#shop-mypage-new .text {
  border-bottom: 1px solid #a445de;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 0px 1px;
}
div#shop-mypage-new .div2 {
  position: relative;
  line-height: 150%;
  color: #606878;
}
div#shop-mypage-new .text-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2px;
  color: #a445de;
}
div#shop-mypage-new .parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
div#shop-mypage-new .div {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  font-size: 14px;
  color: #606878;
}
div#shop-mypage-new .tit-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
div#shop-mypage-new .basic1 {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #c1cadc;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}
div#shop-mypage-new .basic-parent .basic1,div#shop-mypage-new .basic-parent .basic1 {
  max-height: 28px;
}
div#shop-mypage-new .btn-e-red-basic {color:#FFF;background-color:#FF4848}
div#shop-mypage-new .basic2 {
  border-radius: 4px;
  background-color: #e5eaf4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}
div#shop-mypage-new .basic-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  text-align: center;
  font-size: 12px;
  color: #2f333c;
}
div#shop-mypage-new .main {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 4px;
}
div#shop-mypage-new .itemli {
  width: 564px;
  height: 21px;
  display: none;
}
div#shop-mypage-new .div5 {
  width: 104px;
  position: relative;
  line-height: 150%;
  display: inline-block;
  flex-shrink: 0;
}
div#shop-mypage-new .div6 {
  position: relative;
  line-height: 150%;
  color: #17191e;
}
div#shop-mypage-new .itemli1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
div#shop-mypage-new .li {
  align-self: stretch;
  border-top: 1px solid #9da6bb;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 16px 0px;
  gap: 16px;
  font-size: 14px;
  color: #606878;
}
div#shop-mypage-new .shop-product-form {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
  max-width: 1200px;
  text-align: left;
  font-size: 28px;
  color: #17191e;
  font-family: Pretendard;
  margin-top: 38px;
}

div#shop-mypage-new #order-inquery .b {
  position: relative;
  line-height: 150%;
}
div#shop-mypage-new #order-inquery .div {
  position: relative;
  font-size: 14px;
  line-height: 150%;
  color: #606878;
}
div#shop-mypage-new #order-inquery .parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
div#shop-mypage-new #order-inquery .tit {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  max-width: 1200px;
  text-align: left;
  font-size: 18px;
  color: #17191e;
  font-family: Pretendard;
}

div#shop-mypage-new div#order-inquery .table-list-eb .td-border {
  border-left: none;
  border-right: none;
}
div#shop-mypage-new div#order-inquery .table-list-eb td {
  border-bottom: 1px solid var(--colors-border-primary, #E5EAF4);
  color: var(--colors-font-interactive-secondary, #2F333C);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
  text-align:center;
  height: 56px;
  min-height: 45px;
  padding: var(--size-radius-xxl, 16px) var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 8px;
}
div#shop-mypage-new div#order-inquery {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
div#shop-mypage-new div#order-inquery .table-list-eb {
  width: 100%;
}
div#shop-mypage-new div#order-inquery span.state-label.state-01 {
  border-radius: var(--size-radius-xs, 2px);
  background: var(--green-200, #F1FFCA);
  color: var(--green-700, #6E8B1E);
}
div#shop-mypage-new div#order-inquery span.state-label.state-02 {
  border-radius: var(--size-radius-xs, 2px);
  background: #FFECED;
  color: #F5222D;
}
div#shop-mypage-new div#order-inquery span.state-label.state-03 {
  border-radius: var(--size-radius-xs, 2px);
  background: #FBF4FF;
  color: #A445DE;
}
div#shop-mypage-new div#order-inquery span.state-label.state-04 {
  border-radius: var(--size-radius-xs, 2px);
  background: #FFF5D6;
  color: #FFAE2C;
}
div#shop-mypage-new div#order-inquery span.state-label.state-05 {
  border-radius: var(--size-radius-xs, 2px);
  background: #FFECED;
  color: #F5222D;
}
div#shop-mypage-new div#order-inquery span.state-label.state-06 {
  border-radius: var(--size-radius-xs, 2px);
  background: #fbf6fd;
  color: #17191E;
}
div#shop-mypage-new div#order-inquery span.state-label.flag{
  font-size: 12px;
}
div#shop-mypage-new div#order-inquery .state-label {
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-size: 12px;
}
div#shop-mypage-new .redirect-button .button {
  position: relative;
  line-height: 100%;
  font-weight: 500;
}
div#shop-mypage-new .redirect-button .arrow-right-icon {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
div#shop-mypage-new .redirect-button .basic {
  width: 100%;
  position: relative;
  border-radius: 100px;
  background-color: #e5eaf4;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 14px 16px;
  box-sizing: border-box;
  gap: 6px;
  text-align: center;
  font-size: 16px;
  color: #2f333c;
  font-family: Pretendard;
  width: 120px;
}
div#shop-mypage-new .product {
  width: 282px;
  height: 528px;
  display: none;
}
#shop-mypage-new {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}
.mypage-wishlist-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--size-radius-xxxl, 24px);
  align-self: stretch;
}
.mypage-wishlist-wrap {
  display: flex;
  max-width: 1200px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
#shop-mypage-new .mypage-wishlist-container .frame-parent {
  display: flex;
  max-width: 1200px;
  align-items: flex-start;
  align-content: flex-start;
  gap: 40px var(--size-radius-xxxl, 24px);
  align-self: stretch;
  flex-wrap: wrap;
}
#shop-mypage-new .mypage-wishlist-container .div1 {
  position: relative;
  line-height: 150%;
}
#shop-mypage-new .mypage-wishlist-container .clock-icon {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
#shop-mypage-new .mypage-wishlist-container .datetime {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  text-align: center;
  color: var(--colors-font-secondary, #606878);
}
#shop-mypage-new .mypage-wishlist-container .div {
  width: 282px;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: #606878;
  display: none;
}
#shop-mypage-new .mypage-wishlist-container .text a{
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  font-size: 18px;
  border-bottom: none;
  color: #17191e;
}
#shop-mypage-new .mypage-wishlist-container .text-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
#shop-mypage-new .mypage-wishlist-container .product1 {
  width: 282px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
#shop-mypage-new .mypage-wishlist-container .wrapper-product-info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}
#shop-mypage-new .mypage-wishlist-container .img {
  align-self: stretch;
  position: relative;
  background-color: #f8f9fc;
  height: 282px;
}
#shop-mypage-new .mypage-wishlist-container .img-child {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #d9d9d9;
  width: 282px;
  height: 253px;
  display: none;
}
#shop-mypage-new .mypage-wishlist-container .div1 {
  position: relative;
  line-height: 150%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
#shop-mypage-new .mypage-wishlist-container .clock-icon {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
#shop-mypage-new .mypage-wishlist-container .datetime {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  text-align: center;
  color: var(--colors-font-secondary, #606878);
}
#shop-mypage-new .mypage-wishlist-container .b {
  align-self: stretch;
  position: relative;
  line-height: 25px;
}
#shop-mypage-new .mypage-wishlist-container .div {
  width: 282px;
  position: relative;
  font-size: 16px;
  line-height: 150%;
  color: #606878;
  display: none;
}
#shop-mypage-new .mypage-wishlist-container .text {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  font-size: 18px;
  border-bottom: none;
  color: #17191e;
}
#shop-mypage-new .mypage-wishlist-container .text-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
}
#shop-mypage-new .mypage-wishlist-container .product-parent {
  display: flex;
  width: 282px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
#shop-mypage-new .mypage-wishlist-container .product {
  width: 282px;
  height: 528px;
  display: none;
}
#shop-mypage-new .mypage-wishlist-container .product1 {
  width: 282px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
}
#shop-mypage-new .mypage-wishlist-container .img {
  align-self: stretch;
  position: relative;
  background-color: #f8f9fc;
  height: 282px;
}
#shop-mypage-new .mypage-wishlist-container .img-child {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #d9d9d9;
  width: 282px;
  height: 253px;
  display: none;
}
#shop-mypage-new .mypage-wishlist-container a.wishlist-del-btn {
  color: var(--colors-font-interactive-secondary, #2F333C);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 12px */
  display: flex;
  padding: 8px var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--size-radius-s, 4px);
  background: var(--colors-background-interactive-tertiary, #E5EAF4);
}
#shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox input + i:after {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--size-radius-m, 6px);
  top:-1px;
  left: -1px;
}
#shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox input + i:after {
  border-radius: var(--size-radius-m, 6px);
  color: #FFFFFF;
  background: var(--colors-background-interactive-secondary, #2F333C);
}
.wishlist-act-btn {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

#shop-mypage-new .mypage-wishlist-container .eyoom-form .checkbox i, .eyoom-form .radio i {
  display: flex;
  width: 24px;
  height: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: var(--size-radius-m, 6px) !important;
  top: 0;
  left: 0;
  border: 1px solid var(--colors-border-interactive-secondary, #2F333C);
}
div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(1),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(1){
  width: 220px;
}


div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(2),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(2){
  width: 160px;
}

div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(3),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(3){
  width: 85px;
}

div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(4),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(4){
  width: 163px;
}

div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(5),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(5){
  width: 160px;
}
div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(6),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(6){
  width: 160px;
}
div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(7),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(7){
  width: 159px;
}

div#shop-mypage-new div#order-inquery .table-list-eb th:nth-child(8),
div#shop-mypage-new div#order-inquery .table-list-eb td:nth-child(8){
  width: auto;
}


#shop-mypage-table-responsive {
  width: 100%;
  position: relative;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 32px;
  text-align: left;
  font-size: 18px;
  color: #17191e;
  font-family: Pretendard;
  display: none;
}
#shop-mypage-table-responsive .div3 {
  flex: 1;
  position: relative;
  line-height: 150%;
  color: #17191e;
  text-align: right;
}
#shop-mypage-table-responsive .p2u {
  flex: 1;
  position: relative;
  line-height: 150%;
}
#shop-mypage-table-responsive .tr {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#shop-mypage-table-responsive .table1 {
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  color: #606878;
}
#shop-mypage-table-responsive .table-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 1200px;
}
#shop-mypage-table-responsive .table {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
#shop-mypage-table-responsive .itemcard-list-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}
#shop-mypage-table-responsive .itemcard-list {
  align-self: stretch;
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #e5eaf4;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 17px 16px;
  gap: 20px;
}
#shop-mypage-table-responsive .titbadge-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
#shop-mypage-table-responsive .titbadge {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
#shop-mypage-table-responsive .b {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 150%;
}
#shop-mypage-table-responsive .div {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
  color: #9da6bb;
}

.orders-button{
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  width: 120px;
  height: 44px;
  padding: 14px var(--size-radius-xxl, 16px);
  border-radius: var(--size-radius-m, 6px);

}
.order-button{
  border: 1px solid var(--colors-border-interactive-secondary, #FFF);
  background: var(--colors-background-interactive-secondary, #2F333C);
  color: var(--colors-font-inverse, #FFF);
}
.cart-button{
  border: 1px solid var(--colors-border-interactive-secondary, #2F333C);
  background: var(--colors-background-primary, #FFF);
  color: var(--colors-font-interactive-secondary, #2F333C);
}
.no-data-found .file-text-icon {
  width: 32px;
  position: relative;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
}
.no-data-found > div {
  position: relative;
  line-height: 150%;
}
.no-data-found {
  width: 100%;
  position: relative;
  background-color: #f8f9fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 56px 24px;
  box-sizing: border-box;
  gap: 12px;
  max-width: 1200px;
  text-align: center;
  font-size: 14px;
  color: #9da6bb;
  font-family: Pretendard;
}



.register-box .register-pixel-1 {margin-top: 60px}
.register-box .register-pixel-2 {margin-top: -10px;}
.register-box .register-pixel-3 {margin-top: 21px;}
.register-box .register-pixel-4 {margin-top: 12px;}
.register-box .register-pixel-5 {margin-top: -6px;}
.register-box .register-pixel-6 {margin-top: -8px;}
.register-box .register-pixel-7 {margin-top: 45px;}
.register-box .register-pixel-8 {margin-top: -4px;margin-left: -6px;}
.register-box .register-pixel-9 {margin-top: 4px;margin-left: 9px;}
.register-box .register-pixel-10 {margin-top: -5px;}
.register-box .register-pixel-11 {margin-top: 7px;}
.register-box .register-pixel-12 {margin-left: -6px;margin-top: 3px;}
.register-box .register-pixel-13 {margin-top: -4px;margin-left: -7px;}
.register-box .register-pixel-14 {margin-left: -6px;margin-top: -2px;}
.register-box .register-pixel-15 {margin-top: -10px;}
.register-box .register-pixel-16 {margin-top: 9px;}


.new-popup-design .modal-content {
  display: flex;
  width: 720px;
  max-width: 720px;
  padding: 48px var(--size-radius-xxxl, 24px) var(--size-radius-xxxl, 24px) var(--size-radius-xxxl, 24px);
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.new-popup-design .modal-body {
  display: flex;
  height: 520px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}
.new-popup-design .modal-footer .button {
  position: relative;
  line-height: 100%;
  font-weight: 500;
}
.new-popup-design .modal-footer .basic {
  display: flex;
  width: 120px;
  justify-content: center;
  align-items: center;
  gap: var(--size-radius-m, 6px);
  position: relative;
  border-radius: 6px;
  background-color: #e5eaf4;
  box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  color: #2f333c;
  font-family: Pretendard;
}
.new-popup-design .modal-footer .basic button {
  padding: 14px 40px;
}
.point-iframe-modal.new-popup-design .modal-dialog {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cart-section {
  display: flex;
  padding: 0px 0px 160px 0px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  align-self: stretch;
}

.cart-section .box-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}

.cart-section .box-1 .cart-table{
  display: flex;
  max-width: 1200px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.cart-section .box-1 .cart-table .cart-row {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
}

.cart-section .box-1 .cart-table .cart-row .head {
  border-top: 1px solid #606878;
  border-bottom: 1px solid #606878;
  background: #FFF;
  color: #17191E;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section .box-1 .cart-table .cart-row .item-1,
.cart-section .box-1 .cart-table .cart-row .item-7{
  display: flex;
  height: 64px;
  min-width: 56px;
  padding: 14px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.cart-section .box-1 .cart-table .cart-row .item-2{
  display: flex;
  height: 64px;
  min-width: 56px;
  padding: 14px var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
}
.cart-section .box-1 .cart-table .cart-row .item-3,
.cart-section .box-1 .cart-table .cart-row .item-4,
.cart-section .box-1 .cart-table .cart-row .item-5,
.cart-section .box-1 .cart-table .cart-row .item-6 {
  display: flex;
  width: 96px;
  height: 64px;
  min-width: 56px;
  padding: 14px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.cart-section .box-1 .cart-table .cart-row .item-2-data{
  display: flex;
  min-height: 45px;
  padding: 16px 12px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  border-bottom: 1px solid #E5EAF4;
}

.cart-section .box-1 .cart-table .cart-row .item-2-data .image{
  width: 88px;
  height: 88px;
}

.cart-section .box-1 .cart-table .cart-row .item-2-data .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

.cart-section .box-1 .cart-table .cart-row .item-3-data,
.cart-section .box-1 .cart-table .cart-row .item-4-data,
.cart-section .box-1 .cart-table .cart-row .item-5-data,
.cart-section .box-1 .cart-table .cart-row .item-6-data,
.cart-section .box-1 .cart-table .cart-row .item-7-data{
  display: flex;
  width: 96px;
  min-height: 45px;
  padding: 16px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid #E5EAF4;
}

.cart-section .box-1 .cart-table .cart-row .item-6-data.special {
  color: #606878;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.cart-section .box-1 .cart-table .cart-row .item-1-data{
  display: flex;
  width: 56px;
  min-height: 45px;
  padding: var(--size-radius-xxl, 16px) var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid #E5EAF4;
}

.cart-section .box-1 .cart-table .cart-row .item-2-data .modal-view-item button {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #E5EAF4;

  color: #2F333C;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.cart-section .box-1 .cart-table-button {
  display: flex;
  max-width: 1200px;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}

.cart-section .box-1 .cart-table-button button,
.cart-section-mobile .box-1 .header button {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  border: 1px solid  #C1CADC;
  background:  #FFF;

  color: #2F333C;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}

.cart-section .box-1 .cart-table .no-cart-data {
  display: flex;
  max-width: 1200px;
  padding: 56px 24px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius:  0px;
  background: #F8F9FC;
}

.cart-section .box-2 {
  display: flex;
  max-width: 1200px;
  padding: 32px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: #FBF4FF;
}

.cart-section .box-2 .item-1,
.cart-section .box-2 .item-2,
.cart-section .box-2 .item-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
}

.cart-section .box-2 strong {
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.cart-section .box-2 span {
  color: #606878;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section .box-3 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.cart-section .box-3 a {
  display: flex;
  width: 160px;
  height: 54px;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
border: 1px solid #2F333C;
background: #FFF;
font-size: 18px;
}

.cart-section .box-3 button {
  display: flex;
  width: 160px;
  height: 54px;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #fff;
  border-radius: 8px;
  background: #2F333C;
  font-size: 18px;
}


.cart-section-mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  align-self: stretch;
}

.cart-section-mobile .box-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .header {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cart-section-mobile .box-1 .header div {
  display: flex;
  align-items: center;
  gap: 6px;
}

.cart-section-mobile .box-1 .cart-table {
  display: flex;
  padding-top: 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-xl, 12px);
  align-self: stretch;
  border-top: 1px solid #606878;
}

.cart-section-mobile .box-1 .cart-table .cart-row  {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 {
  display: flex;
  min-height: 45px;
  padding: 12px 0px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input {
  display: flex;
width: 18px;
height: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius:6px;
background: #2F333C;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 .image{
  width: 72px;
  height: 72px;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 0px;
  background: #F8F9FC;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .a{
  color: #606878;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 104px;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .b{
  flex: 1 0 0;
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #606878;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .b.special {
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.cart-section-mobile .box-1 .line {
  width: 100%;
  height: 1px;
  background:#E5EAF4;
}

.cart-section-mobile .box-1 .cart-summary {
  display: flex;
  max-width: 1200px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: #FBF4FF;
}

.cart-section-mobile .box-1 .cart-summary .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-summary .item .a {
  color: #606878;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-summary .item .b {
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-summary .item .b.special {
  color: #A445DE;
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-mobile-footer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-mobile-footer a {
  display: flex;
  height: 54px;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid #2F333C;
  background: #FFF;
}

.cart-section-mobile .box-1 .cart-mobile-footer button {
  display: flex;
  height: 54px;
  padding: 18px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #2F333C;
  color: #fff;
}

.cart-section-mobile .no-cart-item {
  display: flex;
  max-width: 1200px;
  padding: 56px 24px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 0px;
  background: #F8F9FC;
}

.member-skin .register-section {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border-radius: var(--size-radius-l, 8px);
  border: 1px solid var(--colors-border-primary, #E5EAF4);
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 {
  display: flex;
  min-height: 45px;
  padding: 12px 0px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input {
  display: flex;
width: 18px;
height: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius:6px;
background: #2F333C;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 .image{
  width: 72px;
  height: 72px;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-1 .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  flex: 1 0 0;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 0px;
  background: #F8F9FC;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .a{
  color: #606878;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  width: 104px;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .b{
  flex: 1 0 0;
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  color: #606878;
}

.cart-section-mobile .box-1 .cart-table .cart-row .section-2 .item .b.special {
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.cart-section-mobile .box-1 .line {
  width: 100%;
  height: 1px;
  background:#E5EAF4;
}

.cart-section-mobile .box-1 .cart-summary {
  display: flex;
  max-width: 1200px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: #FBF4FF;
}

.cart-section-mobile .box-1 .cart-summary .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.cart-section-mobile .box-1 .cart-summary .item .a {
  color: #606878;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-summary .item .b {
  color: #17191E;
  text-align: right;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-summary .item .b.special {
  color: #A445DE;
  text-align: right;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.cart-section-mobile .box-1 .cart-mobile-footer {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  gap: 20px;
  border-radius: 8px;
}


.cart-section-mobile .no-cart-item {
  display: flex;
  max-width: 1200px;
  padding: 56px 24px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 0px;
  background: #F8F9FC;
}

.order-member-payment .order-payment-area .pay_sumbmit_button {display: flex; padding-top:24px;}

.order-table label[for="ad_sel_addr_1"] span,
.order-table label[for="od_sel_addr_new"] span,
.order-table label[for="ad_sel_addr_same"] span,
.order-table label[for="od_sel_addr_new"] a
{position: relative;top: -5px;}

.order-table button.special-2 {height: 44px;}

.register-pixel-11 label {
  color: #17191E !important;
  font-family: Pretendard !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 150% !important;
}

.file-text-icon {
  width: 32px;
  position: relative;
  height: 32px;
  overflow: hidden;
  flex-shrink: 0;
}
.div {
  position: relative;
  line-height: 150%;
  justify-content: center;
  width: 100% !important;
}
.no-data {
  width: 100%;
  background-color: #f8f9fc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 56px 24px;
  box-sizing: border-box;
  gap: 12px;
  max-width: 1200px;
}
.no-data-parent {
  width: 100%;
  position: relative;
  background-color: #f8f9fc;
  max-height: 520px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  text-align: center;
  font-size: 14px;
  color: #9da6bb;
  font-family: Pretendard;
}

.get_item_options span, .get_item_supply span{width: 100%;}

.shop-order-adress {
  display: flex;
  padding: 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.shop-order-adress .win-title {
  color: #17191E;
  font-family: Pretendard;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.shop-order-adress .table>thead:first-child>tr:first-child>th, .shop-order-adress .table>tbody>tr>td {border: 0px;}
.shop-order-adress .order-adress-wrap {width: 100%;}
.shop-order-adress .address_buttons {
  display: flex;
  min-height: 45px;
  padding: 16px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.shop-order-adress .address_buttons a {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #E5EAF4;
  color: #2F333C;
}

.shop-order-adress .address_buttons button {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #2F333C;
  margin-top: 0px;
}

.shop-order-adress .table>tbody>tr>td.special,
.shop-order-adress .table>tbody>tr>td.special-2  {
  color: #17191E;
  font-family:Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.shop-order-adress .table>tbody>tr>td.special-2 span{
  color: #606878;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.order-address-section .address_footer_button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.order-address-section {padding-bottom: 50px}

.order-address-section .address_footer_button button{
  display: flex;
  width: 120px;
  height: 38px;
  padding: 10px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-top: 20px;
  border-radius: 4px;
  background: #E5EAF4;
  text-align: center;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  color: #2F333C;
}

.shop-order-adress .table>tbody>tr>td input[type=text] {
  border-radius: 6px;
  border: 1px solid #C1CADC;
  background: #FFF;
}

.order-table .checkbox input[type=checkbox], .cart-section-box input[type=checkbox] {display: none !important;}

.order-table .checkbox input + i {width: 18px;height: 18px;}
.order-table .checkbox input:checked + i {background: #2F333C}
.order-table .checkbox input:checked + i::after {color: #fff;}
.common-search-box{
  display: flex;
  width: 100%;
  max-width: 400px;
  height: 52px;
  align-items: center;
  gap: 8px;
  margin: 0 auto;
}
.common-search-box .div {
  align-self: stretch;
  flex: 1;
  position: relative;
  line-height: 150%;
  display: flex;
  align-items: center;
  color:#2f333c;
}

.common-search-box .search-md-icon {
  width: 22px;
  position: relative;
  height: 22px;
  overflow: hidden;
  flex-shrink: 0;
}

.common-search-box .search {
  width: 100%;
  position: relative;
  border-radius: 100px;
  background-color: #fff;
  border: 1px solid #2f333c;
  box-sizing: border-box;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 20px;
  gap: 8px;
  text-align: left;
  font-size: 16px;
  color: #9da6bb;
  font-family: Pretendard;
  max-width: 400px;
  margin: 0 auto;

}
.all-review-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  width: 100%;
}
.all-review-container .uselist-search-box a {
  height: 38px;
  padding: 10px var(--size-radius-xl, 12px);
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  border-radius: var(--size-radius-s, 4px) !important;
  min-width: 90px;
  background: var(--colors-font-interactive-secondary, #2F333C);
  color: #FFF;
}
.all-review-container .uselist-search-box a:hover{
  color:var(--colors-background-interactive-primary, #A445DE);
}
.all-review-container .shop-product-use-list,
.all-review-container .product-use-wrap ,
.all-review-container div#pagination{
  width: 100%;
}

.eyoom-form a:hover {
  color: var(--colors-font-interactive-primary);
}

.list-qa-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--size-radius-xxl, 16px);
  align-self: stretch;
}
nav#bo_cate {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
ul#bo_cate_ul {
  display: flex;
  max-width: 1200px;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--colors-border-primary, #E5EAF4);
}
ul#bo_cate_ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--size-radius-m, 6px);
  flex: 1 0 0;
}
ul#bo_cate_ul a {
  color: var(--colors-font-interactive-secondary, #2F333C);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  padding: 20px;
  width: 100%;
}
ul#bo_cate_ul a#bo_cate_on {
  border-radius: var(--size-radius-zero, 0px);
  border-bottom: 2px solid var(--colors-border-interactive-secondary, #2F333C);
}
.qa-search-frame {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.qa-search-frame .parent {
  display: flex;
  align-items: center;
  gap: 0px;
  width: 70px;
}
.qa-search-frame .div {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.qa-search-frame .div1 {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  width: 100%;
}
.qa-search-frame .input-parent {
  display: flex;
  align-items: center;
  gap: var(--size-radius-xl, 12px);
}
.qa-search-frame .input1 {
  display: flex;
  width: 208px;
  flex-direction: column;
  align-items: flex-start;
}
.qa-search-frame .common-search-box {
  height: 38px;
}
.qa-search-frame .common-search-box .search {
  display: flex;
  height: 38px;
  padding: 5px var(--size-radius-xl, 12px);
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.loader-transparent {
  background-color: rgba(211, 211, 211, 0.5);
  z-index: 999;
}

.bo_v_nb li {
  display: flex;
  width: 100%;
  justify-content: space-around;
  align-items: center;
  height: 48px;
  align-content: center;
}

ul.bo_v_nb {
  display: flex;
}


ul.bo_v_nb a.btn_b01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
div.sweet-alert  button {
  display: flex;
  padding: 14px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex: 1 0 0;
  border-radius: var(--size-radius-m, 6px) !important;
  background: var(--colors-background-interactive-secondary, #2F333C) !important;
  color: var(--colors-font-inverse, #FFF);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 16px */
  width: 100%;
  margin: 0 auto;
}

div.sweet-alert  .sa-confirm-button-container {
  width: 100%;
}

div.sweet-alert {
  border-radius: var(--size-radius-l, 8px) !important;
  border: 1px solid var(--colors-border-secondary, #9DA6BB);
  background: var(--colors-background-primary, #FFF);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.05);
  max-width: 300px;
  padding: 40px 16px 16px 16px;
  flex-direction: column;
  align-items: center;
  margin-left: -150px;
}

@media screen and (max-width: 768px) {
  div.sweet-alert {
    margin-left: 0px;
  }
  .product-main-70 .owl-nav {
    display: none !important;
  }
}
.cancel {
  margin-bottom: 20px !important;
}

div.sweet-alert h2 {
  display: none;
}

div.sweet-alert  p {
  color: var(--colors-font-primary, #17191E);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  padding-bottom: 36px;
  line-height: 150%; /* 24px */
}

.cart-section-box .cart-row .checkbox {cursor: pointer;margin-bottom: 0px;}

.cart-section-box .cart-row .checkbox i,.cart-section-mobile .box-1 .cart-table .cart-row .section-1 i,.cart-section-mobile .box-1 .header i {
  position: absolute;
  display: block;
  outline: none;
  background: #FFF;
  width: 25px;
  height: 25px;
  border-radius: 6px !important;
  border: 1px solid #2F333C;
}

.cart-section-box .cart-row .checkbox input + i:after,
.cart-section-mobile .box-1 .header input + i:after,
.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input + i:after {
  position: absolute;
  left: 5px;
  width: 12px;
  height: 12px;
  font-size: 10px;
  font-family: 'Font Awesome\ 5 Free';
  content: "\f00c";
  font-weight: 900;
  text-align: center;
  opacity: 0;
}

.cart-section-box .cart-row .checkbox input[name^=ct_chk] + i:after
{
  top: 4px;
}

.cart-section-mobile .box-1 .header input + i:after ,
.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input + i:after
{
  top: 5px;
}

.cart-section-box .cart-row .checkbox input[name^=ct_all] + i:after{
  top: 1px;
}

.cart-section-box .cart-row .checkbox input:checked + i:after,
.cart-section-mobile .box-1 .header input:checked + i:after,
.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input:checked + i:after
 {
  opacity: 1;
  color: #fff;
}

.cart-section-box .cart-row .checkbox input:checked + i,
.cart-section-mobile .box-1 .header input:checked + i,
.cart-section-mobile .box-1 .cart-table .cart-row .section-1 input:checked + i
{
  background: #2F333C;
}

.cart-section-mobile-box input[type=checkbox] {opacity: 0;}

.td-item-desc .td-item-name .font-size-14 b {
  color: #17191E;
  font-family: Pretendard;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  top: 20px;
}
.sound_only {
  opacity: 0;
}
.shop-order-form .order-table th label {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
.shop-order-form .eyoom-form .input input {
  color: var(--colors-font-primary, #17191E);
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
}

.shop-order-form .order-table button.special-2 {
  height: 44px;
  display: flex;
  padding: 14px 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: var(--colors-font-interactive-secondary, #2F333C);
  text-align: center;
  font-family: var(--font-font-family, Pretendard);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
}
.shop-order-form .eyoom-form .radio i.rounded-x {
  width: 18px;
  height: 18px;
  border-radius: var(--size-radius-full, 100px) !important;
  border: 1px solid var(--colors-border-interactive-secondary, #2F333C);
}

.shop-order-form  input#ad_subject,
.shop-order-form  input#od_b_name,
.shop-order-form  input#od_b_tel,
.shop-order-form  input#od_b_hp,
.shop-order-form  input#od_name,
.shop-order-form  input#od_tel,
.shop-order-form  input#od_hp,
.shop-order-form  input#od_email,
.shop-order-form  input#od_pwd
{
  max-width: 400px;
  width: 100%;
}


.shop-order-form  input#od_zip,
.shop-order-form  input#od_b_zip {
  max-width: 300px;
  width: 100%;
}

.shop-order-form  input#od_b_addr1,
.shop-order-form  input#od_b_addr2,
.shop-order-form  input#od_memo,
.shop-order-form  input#od_addr1 {
  max-width: 635px;
  width: 100%;
}


.shop-order-form  .eyoom-form .inline-group {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0px;
}

.shop-order-form  a#order_address {
  max-width: 55px;
  height: 12px;
}

.shop-order-form  .eyoom-form .inline-group label:nth-child(4) {
  padding: 0;
}

.shop-order-form  .eyoom-form .inline-group .radio {
  padding-left: 27px;
  margin-right: 0px;
}

.shop-order-form  .checkbox-field {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
}

.shop-order-form  .checkbox-field .width-200px {
  width: 57% !important;
  margin: 0;
}


td#sod_frm_addr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  width: 100%;
}
.custom-select {
  position: relative;
  font-family: Pretendard;
  border-radius: 8px;
  border: 1px solid #C1CADC;
  height: 44px;
}

.custom-select select {
  display: none !important;
}

.select-selected {
  background-color: transparent;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}


/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #17191E;
  padding: 8px 16px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: white;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color: black;
  border: 1px solid grey;
  border-radius: 6px;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover {
  background-color: #F7F3FF;
}

.same-as-selected {
  color: #7C3AED !important;
}

.location-container {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.location-container .option {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}

.location-container .circle {
  width: 18px;
  height: 18px;
  border-radius: 100px;
  border: 1px solid #2F333C;
  position: relative;
}

.location-container .text {
  color: #17191E;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  word-wrap: break-word;
  margin-bottom: -5px;
}

.location-container .button {
  padding: 8px 12px;
  background: #E5EAF4;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 0;
}

.location-container .button-text {
  text-align: center;
  color: #2F333C;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  word-wrap: break-word;
}

.product-box .goods-price.reserved-product{
  flex-direction: column;
  align-items: baseline;
}

.product-box .goods-price.reserved-product .item-price{
  font-size: 20px;
}

.product-box .goods-price.reserved-product .title-price {
  width: 100%;
}

.cstmRadio input[type="radio"] { display: none;}
.cstmRadio label { padding-left:24px; position:relative;}
.cstmRadio label:before{ content:''; width:16px; height:16px; border:1px solid #2F333C; 
position:absolute; top:0; left:0; border-radius:100px;}
.cstmRadio input[type="radio"]:checked + label:after{ content:''; width:10px; height:10px; background:#2F333C; position:absolute; top:4px; left:4px; border-radius:100px; }