@charset "UTF-8";
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  src: local("Spoqa Han Sans Neo Thin"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("../fonts/SpoqaHanSansNeo-Regular.ttf") format("truetype");
  font-weight: 400;
  unicode-range: U+0030-0039;
}

:root {
  --swiper-theme-color: #222;
}

.red-color {
  color: #FF0052 !important;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

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

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

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

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  -ms-touch-action: pan-x;
      touch-action: pan-x;
}

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

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

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 75rem;
          perspective: 75rem;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: x mandatory;
      -ms-scroll-snap-type: x mandatory;
          scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -webkit-scroll-snap-type: y mandatory;
      -ms-scroll-snap-type: y mandatory;
          scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -webkit-order: 9999;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 2.75rem;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 0.625rem;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 0.625rem;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0.625rem;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 0.625rem;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.5rem;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.ps-pagination--square .swiper-pagination {
  font-size: 0;
}

.ps-pagination--square .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  border-radius: 0;
  opacity: 1;
  background: rgba(34, 34, 34, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-pagination--square .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: 0.5rem;
}

.ps-pagination--square .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #222;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(238, 238, 238, 0.5);
  position: absolute;
  height: 0.25rem;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 0.25rem;
  left: 0;
  bottom: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 0.25rem;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 0.625rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 0.1875rem;
  z-index: 50;
  height: 0.3125rem;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 0.1875rem;
  top: 1%;
  z-index: 50;
  width: 0.3125rem;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0.625rem;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 2.625rem;
  height: 2.625rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -1.3125rem;
  margin-top: -1.3125rem;
  z-index: 10;
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 0.25rem solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

.swiper-grid > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

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

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(3.125rem);
          filter: blur(3.125rem);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

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

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  -webkit-transition-property: opacity, height, -webkit-transform;
  transition-property: opacity, height, -webkit-transform;
  transition-property: transform, opacity, height;
  transition-property: transform, opacity, height, -webkit-transform;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.ps-swipe-wrap {
  position: relative;
}

.line-clamp-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.color1 {
  color: #FF0052 !important;
}

.color_gray_1 {
  color: #585858 !important;
}

.color-bk {
  color: #222 !important;
}

.pd-0 {
  padding: 0 !important;
}

.pb-8 {
  padding-bottom: 0.5rem !important;
}

.pb-30 {
  padding-bottom: 1.875rem !important;
}

.pb-40 {
  padding-bottom: 2.5rem !important;
}

.pb-80 {
  padding-bottom: 5rem !important;
}

.mb-10 {
  margin-bottom: 0.625rem !important;
}

.mb-14 {
  margin-bottom: 0.875rem !important;
}

.mb-16 {
  margin-bottom: 1rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-30 {
  margin-bottom: 1.875rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.mb-50 {
  margin-bottom: 3.125rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.mb-64 {
  margin-bottom: 4rem !important;
}

.mt-8 {
  margin-top: 0.5rem !important;
}

.mt-20 {
  margin-top: 1.25rem !important;
}

.mt-25 {
  margin-top: 1.5625rem !important;
}

.mt-30 {
  margin-top: 1.875rem !important;
}

.mt-40 {
  margin-top: 2.5rem !important;
}

.mt-50 {
  margin-top: 3.125rem !important;
}

.mt-60 {
  margin-top: 3.75rem !important;
}

.h-48 {
  height: 3rem !important;
}

.scroll-lock {
  overflow-y: hidden;
}

.scroll-lock .ps-header.down {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

/* title */
.ps-subtitle {
  font-size: 1.5rem;
  line-height: 2.0625rem;
  margin-bottom: 1.5rem;
}

.ps-subtitle.mb-0 {
  margin-bottom: 0;
}

.ps-subtitle.line {
  padding-bottom: 0.625rem;
  border-bottom: 0.25rem solid #000;
}

.ps-title-type1 {
  font-size: 1rem;
  line-height: 1.25rem;
}

.ps-title-type2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-title-type3 {
  font-size: 1.5rem;
  line-height: 1.25rem;
}

/* button */
.ps-btn-wrap.btw {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ps-btn-wrap.btw .ps-btn {
  display: block;
  width: 48.7%;
  border: 1px solid #222222;
  font-weight: 500;
  line-height: 2.75rem;
}

.ps-btn-wrap.btw .ps-btn.white {
  background: #fff;
  font-size: 0.875rem;
}

.ps-btn-wrap.btw .ps-btn.black {
  background: #222222;
  color: #fff;
  font-size: 0.875rem;
}

.ps-btn > span {
  position: relative;
  display: block;
}

.ps-btn.icon {
  display: inline-block;
  overflow: hidden;
  text-indent: -624.9375rem;
}

.ps-btn:focus {
  outline: 0;
  bottom: 0;
}

.ps-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 2.5rem;
  text-align: center;
}

.ps-btn-wrap.list-more {
  margin-top: 3.125rem;
}

.ps-btn.type1 {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  line-height: 3rem;
  border: 1px solid #222;
}

.ps-btn.type1.etc {
  line-height: 3.0625rem;
  border: none;
  border-top: 1px solid #222;
}

.ps-btn.type2 {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  line-height: 3.125rem;
  background: #222;
}

.ps-btn.type3 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  vertical-align: top;
  width: 8.75rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2.75rem;
  text-align: center;
  border: 1px solid #222;
}

.ps-btn.type4 {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  line-height: 3.25rem;
  border: 1px solid #222;
}

.ps-btn.type5 {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  line-height: 3.375rem;
  background: #222;
}

.ps-btn.type6 {
  display: block;
  padding: 0.3125rem 0.625rem;
  border: 1px solid #999;
}

.ps-btn.type6 > span {
  padding-right: 1.125rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #999;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_down_coupon.svg) no-repeat right center;
}

.ps-btn.type7 {
  display: block;
  width: 100%;
  height: 4.375rem;
  padding: 1.25rem;
  background: #222;
}

.ps-btn.type7 > span {
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.ps-btn.type8 {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  line-height: 3.75rem;
  background: #222;
}

.ps-btn.type9 {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  color: #222;
  line-height: 3.5rem;
  border: 0.125rem solid #222;
}

.ps-btn.type10 {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  background: #222;
  line-height: 3.375rem;
}

.ps-btn.type11 {
  display: block;
  width: 100%;
  font-weight: 700;
  font-size: 1rem;
  text-align: center;
  color: #222;
  border: 0.125rem solid #222;
  line-height: 3.125rem;
}

.ps-btn.type12 {
  display: block;
  width: 100%;
  border: 1px solid #222;
  font-size: 0.875rem;
  line-height: 3rem;
  text-align: center;
}

.ps-btn.type13 {
  display: inline-block;
  min-width: 4.375rem;
  padding: 0 0.6875rem;
  border: 1px solid #CCCCCC;
  font-size: 0.8125rem;
  line-height: 2rem;
  text-align: center;
}

.ps-btn.type13.black {
  color: #fff;
  border-color: #222;
  background: #222;
}

.ps-btn.type14 {
  display: inline-block;
  width: 100%;
  background: #222;
  color: #fff;
  font-size: 0.875rem;
  line-height: 3rem;
  text-align: center;
}

.ps-btn.naver {
  display: inline-block;
  width: 7.5rem;
  padding: 0.8125rem 0;
  text-align: center;
  background: #23c300;
}

.ps-btn.naver > span {
  display: inline-block;
  padding-left: 2rem;
  line-height: 1.5rem;
  color: #fff;
  font-size: 0.875rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/logo_naver.svg) no-repeat left center;
}

.ps-btn.close {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  text-indent: -62.4375rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_close_small.svg) no-repeat center center;
}

.ps-btn.share {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  overflow: hidden;
  text-indent: -62.4375rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_share.svg) no-repeat;
}

.ps-btn.share.white {
  width: 1.5rem;
  height: 1.5rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_share_white.svg) no-repeat center center;
}

.ps-btn.reset {
  width: 1.5rem;
  height: 1.5rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_reset_white.svg) no-repeat center center/1.125rem auto;
}

.ps-btn.wishlist {
  width: 1.5rem;
  height: 1.5rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_wishlist.svg) no-repeat center center/1.125rem auto;
}

.ps-btn.wishlist.w18 {
  width: 1.125rem;
  height: 1.125rem;
  background-position: top center;
}

.ps-btn.wishlist.bk {
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_wishlist_black.svg);
}

.ps-btn.wishlist.bk.on {
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_wishlist_on1.svg);
}

.ps-btn.wishlist.on {
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_wishlist_on2.svg);
}

.ps-btn.blog {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_blog.svg) no-repeat center center;
}

.ps-btn.kakao {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_kakao.svg) no-repeat center center;
}

.ps-btn.kakaostory {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_kakaostory.svg) no-repeat center center;
}

.ps-btn.facebook {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_facebook_share.svg) no-repeat center center;
}

.ps-btn.facebook.white {
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_facebook_white.svg) no-repeat center center;
}

.ps-btn._naver {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_naver_white.svg) no-repeat center center;
}

.ps-btn.twitter {
  width: 2.125rem;
  height: 2.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_twitter.svg) no-repeat center center;
}

.ps-btn.ai-lens {
  width: 3.125rem;
  height: 3.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_ai_lens.svg) no-repeat center center;
}

.ps-btn-clipboard {
  font-size: 0.9375rem;
}

.ps-btn.search-white {
  width: 3rem;
  height: 3rem;
  background: #222 url(http://image.prospecs.com/mobile/images/renewal/icon_search_white.svg) no-repeat center center;
}

.ps-btn.view-text {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1;
  color: #999;
  border-bottom: 1px solid #999;
}

.ps-btn.minus {
  position: relative;
  width: 2.125rem;
  height: 2.125rem;
  border: 1px solid #ccc;
}

.ps-btn.minus::before {
  content: '';
  position: absolute;
  top: 0.9375rem;
  left: 0.6875rem;
  width: 0.625rem;
  border-bottom: 0.125rem solid #222;
}

.ps-btn.plus {
  position: relative;
  width: 2.125rem;
  height: 2.125rem;
  border: 1px solid #ccc;
}

.ps-btn.plus::before {
  content: '';
  position: absolute;
  top: 0.9375rem;
  left: 0.6875rem;
  width: 0.625rem;
  border-bottom: 0.125rem solid #222;
}

.ps-btn.plus::after {
  content: '';
  position: absolute;
  top: 0.6875rem;
  left: 0.9375rem;
  height: 0.625rem;
  border-left: 0.125rem solid #222;
}

.ps-btn.question {
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_question.png) no-repeat center center/contain;
  vertical-align: middle;
}

.ps-btn.calendar {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_calendar.png) no-repeat center center/contain;
}

/* button */
/* select */
.ps-select {
  display: block;
  width: 100%;
  height: 3rem;
  padding: 0 2.125rem 0 0.625rem;
  font-size: 1rem;
  color: #999;
  border: 1px solid #ccc;
  border-radius: 0;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_select_down.svg) no-repeat right 0.875rem center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.ps-select.t-type {
  width: auto;
  max-width: 100%;
  height: 1.5625rem;
  padding: 0 1.5625rem 0 0;
  font-weight: 700;
  font-size: 1.125rem;
  color: #222;
  border: none;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_down.svg) no-repeat right center;
}


.ps-select.t-type.w-100 {
  width: 100%;
}

.ps-select.small {
  height: 2.25rem;
  font-size: 0.875rem;
}

.ps-select-1 {
  -webkit-appearance: none;
  /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  padding-right: 1.563rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_down_small.svg") no-repeat right center/0.75rem;
}
/* select - 상세페이지 타이틀 */
.ps-select-wrap{
  position:relative;
}
.ps-select-tit{
  padding: 0 1.5625rem 0 0;
  font-weight: 700;
  font-size: 1.125rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_down.svg) no-repeat right 2px center;  
}
.ps-select-tit ~ .ps-select{
  opacity: 0;
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  top:0;
}
/* select */
/* checkbox */
.ps-chkbox {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.ps-chkbox > label {
  position: relative;
  display: block;
  cursor: pointer;
}

.ps-chkbox > label > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.ps-chkbox > label > input[type="checkbox"] + .text {
  position: relative;
  display: inline-block;
  padding-left: 1.875rem;
  font-size: 1rem;
  color: #222;
  line-height: 1.25rem;
}

.ps-chkbox > label > input[type="checkbox"] + .text::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #ccc;
}

.ps-chkbox > label > input[type="checkbox"] + .text.fs14 {
  font-size: 0.875rem;
}

.ps-chkbox > label > input[type="checkbox"].etc-color.white:checked + .text::before,
.ps-chkbox > label > input[type="checkbox"].etc-color.no.color:checked + .text::before,
.ps-chkbox > label > input[type="checkbox"]:not(.etc-color):checked + .text::before {
  background-color: #222 !important;
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_chkbox.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.6875rem auto;
  border: none;
}

.ps-chkbox > label > input[type="checkbox"].etc-color + .text::before {
  border: none;
}

.ps-chkbox > label > input[type="checkbox"].etc-color:checked + .text::before {
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_chkbox.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.6875rem auto;
}

.ps-chkbox > label > input[type="radio"] + .text {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  padding-left: 1.75rem;
  color: #222;
  line-height: 1.25rem;
}

.ps-chkbox > label > input[type="radio"] + .text:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.ps-chkbox > label > input[type="radio"]:checked + .text::before {
  border: 0.375rem solid #222;
}

.ps-chkbox > label > input.b_chk:checked + .text::before {
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_chkbox_black.svg) !important;
}

.ps-chkbox > label > input.etc-color.white.b_chk:checked + .text::before,
.ps-chkbox > label > input.etc-color.white[value="#ffffff"]:checked + .text::before{
  background-color:#fff !important;
  background-image: url(http://image.prospecs.com/mobile/images/renewal/icon_chkbox_black.svg) !important;
}

.ps-chkbox > label > input.white + .text::before {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
}

.ps-chkbox > label > input.white:checked + .text::before {
  background-color: #fff;
}

.ps-chkbox > label > input.orange + .text::before {
  background-color: #ff7510;
}

.ps-chkbox > label > input.beige + .text::before {
  background-color: #f5e9c9;
}

.ps-chkbox > label > input.pink + .text::before {
  background-color: #f46a7a;
}

.ps-chkbox > label > input.red + .text::before {
  background-color: #e13310;
}

.ps-chkbox > label > input.brown + .text::before {
  background-color: #956243;
}

.ps-chkbox > label > input.grey + .text::before,
.ps-chkbox > label > input.gray + .text::before {
  background-color: #dedede;
}

.ps-chkbox > label > input.purple + .text::before {
  background-color: #944bc3;
}

.ps-chkbox > label > input.green + .text::before {
  background-color: #79cba5;
}

.ps-chkbox > label > input.blue + .text::before {
  background-color: #5b7ae2;
}

.ps-chkbox > label > input.navy + .text::before {
  background-color: #353f8b;
}

.ps-chkbox > label > input.black + .text::before {
  background-color: #000;
}

.ps-chkbox > label > input.gold + .text::before {
  background-color: #FFD700;
}

.ps-chkbox > label > input.no.color + .text::before,
.ps-chkbox > label > input.no-color + .text::before {
  background-color: transparent;
  border: 1px solid #ccc !important;
}

.ps-chkbox + .ps-chkbox {
  margin-left: 1.875rem;
}

.ps-chkbox.rnd > label {
  font-size: 0;
}

.ps-chkbox.rnd > label > input[type="checkbox"] + .text {
  padding: 0;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-indent: -62.4375rem;
}

.ps-chkbox.rnd > label > input[type="checkbox"] + .text::before {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
}

.ps-chkbox.type-btn > label {
  position: relative;
  display: block;
  width: 100%;
}

.ps-chkbox.type-btn > label > input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.ps-chkbox.type-btn > label > input[type=radio] ~ .text {
  display: block;
  width: 100%;
  height: 2.125rem;
  padding: 0;
  color: #999999;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.25rem;
  text-align: center;
}

.ps-chkbox.type-btn > label > input[type=radio] ~ .text::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 0;
}

.ps-chkbox.type-btn > label > input[type=radio]:checked + .text {
  color: #222;
}

.ps-chkbox.type-btn > label > input[type=radio]:checked + .text::before {
  border: 1px solid #222;
}

.ps-chkbox.type-btn > label > input[type=radio]:disabled + .text {
  color: #999999;
  background: #F5F5F5;
}

.ps-chkbox.type-btn > label > input[type=radio]:disabled + .text::before {
  border: 1px solid #F5F5F5;
}

.ps-chkbox.type-btn ~ .ps-chkbox.type-btn {
  margin-left: 0.625rem;
}

/* checkbox */
.ps-color-select {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}

.ps-color-select li {
  width: calc(1/5*100% - (1 - 1/5)*0.625rem);
  margin-top: 1.25rem;
  margin-right: 0.625rem;
  text-align: center;
}

.ps-color-select li:nth-child(-n + 5) {
  margin-top: 0;
}

.ps-color-select li:nth-child(5n) {
  margin-right: 0;
}

.ps-color-select::after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}

/* input */
.ps-input {
  position: relative;
  overflow: hidden;
}

.ps-input > .inp {
  display: block;
  width: 100%;
  height: 3rem;
  padding: 0 0.625rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

.ps-input > .inp.on, .ps-input > .inp:focus {
  outline: none;
  border-bottom: 1px solid #ccc;
}

.ps-input > .inp.error, .ps-input > .inp.error:focus {
  border-bottom: 1px solid #ccc;
}

.ps-input > .inp[readonly], .ps-input > .inp:disabled {
  color: #999;
  background: #f8f8f8;
}

.ps-input > .inp.h54 {
  height: 3.375rem;
}

.ps-input > .inp.textarea {
  height: 7.5rem;
  padding: 0.625rem;
}

.ps-input > .inp.w89p {
  width: 89%;
}

/* input */
/* list */
.ps-list.type1 > li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-list.type1 > li::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.25rem;
  border-bottom: 0.25rem solid #222;
}

.ps-list.type1 > li + li {
  margin-top: 0.5rem;
}

.ps-list.type1 > li > .ps-list.type2 {
  margin-top: 0.5rem;
}

.ps-list.type1 > li.ty1 {
  color: #999;
}

.ps-list.type1 > li.ty1::before {
  border-bottom: 0.25rem solid #999;
}

.ps-list.type1 > li.ty2 {
  color: #FF0052;
}

.ps-list.type1 > li.ty2::before {
  border-bottom: 0.25rem solid #FF0052;
}

.ps-list.type1 > li.type-img {
  padding-left: 0;
}

.ps-list.type1 > li.type-img::before {
  display: none;
}

.ps-list.type2 > li {
  position: relative;
  padding-left: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-list.type2 > li::before {
  content: '';
  position: absolute;
  top: 0.625rem;
  left: 0;
  width: 0.3125rem;
  border-bottom: 1px solid #222;
}

.ps-list.type2 > li + li {
  margin-top: 0.5rem;
}

.ps-list.type2 > li.ty1 {
  color: #999;
}

.ps-list.type2 > li.ty1::before {
  border-bottom: 1px solid #999;
}

.ps-list.type3 li + li {
  margin-top: 1rem;
}

.ps-list.type4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.ps-list.type4 li {
  width: 50%;
  margin-top: 1rem;
}

.ps-list.type4 li:nth-child(-n + 2) {
  margin-top: 0;
}

.ps-list.type5 > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.75rem;
}

.ps-list.type5 > li + li {
  margin-top: 0.375rem;
}

.ps-list.type5 > li .cont {
  text-align: right;
}

.ps-list.type5 > li .desc {
  font-size: 0.75rem;
  color: #999;
}

.ps-list.type6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.ps-list.type6 li {
  position: relative;
}

/* list */
/* tip-box */
.tip-box {
  display: none;
  position: absolute;
  top: 0.9375rem;
  right: 0;
  z-index: 1;
  min-width: 69.4vw;
  margin-top: 0.625rem;
  padding: 0.75rem 1rem;
  border: 1px solid #222;
  background: #fff;
  font-size: 0.75rem;
  font-weight: 400;
  word-break: keep-all;
  font-style: normal;
  color: #222;
}

.tip-box.left {
  right: auto;
  left: 0;
}

.ps-i-cont.type1 > dt {
  padding-bottom: 0.625rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  border-bottom: 0.125rem solid #222;
}

.ps-i-cont.type1 > dd {
  padding-top: 1.25rem;
  text-align: left;
}

.ps-i-cont.type1 > dd + dd {
  padding-top: 0.625rem;
}

.ps-i-cont.white > dt {
  color: #fff;
  border-bottom: 0.25rem solid #fff;
}

.ps-i-cont.type2 {
  margin-top: 1.25rem;
}

.ps-i-cont.type2 dt {
  padding-bottom: 0.875rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-i-cont.type2 + .ps-i-cont.type2 {
  padding-top: 1.25rem;
  border-top: 1px solid #eee;
}

/* table */
.ps-table {
  position: relative;
}

.ps-table > table {
  width: 100%;
}

.ps-table.free table {
  table-layout: inherit;
}

.ps-table.type1 {
  padding-bottom: 0.375rem;
  overflow-x: auto;
}

.ps-table.type1::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
  pointer-events: none;
}

.ps-table.type1 table {
  position: relative;
  font-size: 0.6875rem;
}

.ps-table.type1 table > thead > tr > th {
  height: 2.125rem;
  padding: 0.3125rem;
  font-weight: 500;
  background: #f7f7f7;
  white-space: nowrap;
}

.ps-table.type1 table > tbody > tr > td {
  position: relative;
  height: 1.875rem;
  padding: 0.3125rem;
  line-height: 1rem;
  white-space: nowrap;
  border-bottom: 1px solid #eee;
}

.ps-table.type1 table > tbody > tr > td:first-child::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 20%;
  border-bottom: 1px solid #fff;
}

.ps-table.type1 table > tbody > tr > td:last-child::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 20%;
  border-bottom: 1px solid #fff;
}

.ps-table.type1 table > tbody > tr:last-child td {
  border-bottom: 0;
}

.ps-table.type2 table {
  font-size: 0.75rem;
}

.ps-table.type2 table > tbody > tr > th {
  height: 1.75rem;
  padding: 0.3125rem 0.625rem 0.3125rem 0;
  vertical-align: top;
  font-weight: 400;
  text-align: left;
  line-height: 1rem;
}

.ps-table.type2 table > tbody > tr > td {
  height: 1.75rem;
  padding: 0.3125rem 0;
  vertical-align: top;
  color: #999;
  line-height: 1rem;
}

/* table */
/* badge */
.ps-badge > .badge {
  display: inline-block;
  vertical-align: top;
  min-width: 3.375rem;
  padding: 0 0.3125rem;
  text-align: center;
  font-size: 0.75rem;
  color: #fff;
  line-height: 1.25rem;
}

.ps-badge > .badge.type1 {
  background: #FF0052;
}

.ps-badge > .badge.type2 {
  background: #222;
}

/* badge */
/* 정렬 */
.flex-between-c {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-center {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

/* 달력 */
.ui-datepicker-trigger {
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.625rem;
}

.ui-datepicker.ui-widget.ui-widget-content {
  width: calc(100vw - 2.5rem);
  padding: 0.5rem 0.9375rem 0 0.9375rem;
  border: 1px solid #222;
  border-radius: 0;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header {
  padding: 0;
  border: none;
  border-radius: 0;
  color: #222;
  text-align: center;
  background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  line-height: 2.25rem;
  font-family: Spoqa Han Sans Neo, sans-serif !important;
  font-weight: 700;
  font-size: 1.125rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title .ui-datepicker-year,
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title .ui-datepicker-month {
  padding-right: 0.1875rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title:after {
  content: '월';
  font-weight: 700;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title select {
  margin: 0;
  height: 1.625rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title .ui-datepicker-year {
  width: auto;
  font-family: Poppins, sans-serif !important;
  font-weight: 700;
  font-size: 1.125rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-title .ui-datepicker-month {
  width: auto;
  font-family: Poppins, sans-serif !important;
  font-weight: 700;
  font-size: 1.125rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev {
  top: 0.5rem;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next {
  top: 0.5rem;
  right: 0;
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev.ui-state-hover {
  left: 0;
  border: none;
  background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next.ui-state-hover {
  right: 0;
  border: none;
  background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span,
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span {
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-position: 0 0;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-prev span {
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_L_black.png) no-repeat center center;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-next span {
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.png) no-repeat center center;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar thead th {
  font-family: Spoqa Han Sans Neo, sans-serif !important;
  font-weight: 500;
  font-size: 1rem;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar thead th:first-child {
  color: #FF0052;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar thead th:last-child {
  color: #4488d4;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar td {
  padding: 0;
  font-family: Poppins, sans-serif !important;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar tr > td:first-child a {
  color: #FF0052;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar tr > td:last-child a {
  color: #4488d4;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar td .ui-state-default {
  padding: 0;
  font-size: 1rem;
  line-height: 2.25rem;
  text-align: center;
  border: none;
  background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar td .ui-state-active {
  color: #fff !important;
  background: #222;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar td .ui-state-active.ui-state-hover {
  color: #222 !important;
  background: #f5f5f5;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-calendar td .ui-state-hover {
  background: #f5f5f5;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane {
  margin: 0;
  padding: 0 0 1rem 0;
  border: none;
  text-align: right;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-close {
  display: none;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-current {
  margin: 0;
  padding: 0;
  border: none;
  background: #fff;
  float: none;
  font-family: Spoqa Han Sans Neo, sans-serif !important;
  font-size: 0.875rem;
  color: #222;
  text-decoration: underline;
  opacity: 1;
}

/* 더보기 버튼 */
.btn-more {
  margin: 2.5rem auto 0;
  text-align: center;
}

.popup-wrap {
  display: none;
}

.popup-wrap.active {
  display: block;
}

.overflow-h {
  overflow: hidden !important;
}

/*폰트사이즈*/
.fs-12 {
  font-size: 0.75rem !important;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-17 {
  font-size: 1.0625rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

/* 검색 */
.ps-search-wrap .search-dscr {
  margin-bottom: 1.25rem;
  color: #999999;
  font-weight: 700;
  line-height: 1.375;
  text-align: center;
}

.ps-search-wrap .search-dscr strong {
  color: #222222;
}

.ps-search-wrap .ps-input {
  position: relative;
  width: 100%;
  height: 3rem;
  border: 1px solid #ccc;
}

.ps-search-wrap .ps-input .search-input {
  width: 93%;
  padding: 0 1rem;
  border: none;
}

.ps-search-wrap .ps-input .search-clear {
  display: none;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0.875rem;
  height: 0.875rem;
}

.ps-search-wrap .ps-common-recommend {
  margin-top: 2.5rem;
}

.ps-search-wrap .ps-common-recommend .ps-common-recommend--list {
  margin-bottom: 1rem;
}

.ps-search-wrap .ps-common-recommend .ps-common-recommend--list > dt {
  padding-bottom: 0.625rem;
}

.ps-search-wrap .ps-common-recommend .ps-common-recommend--list > dd li {
  display: inline-block;
  margin: 0.25rem 1.25rem 0.25rem 0;
}

.ps-search-wrap .ps-common-recommend .ps-common-recommend--list > dd li a {
  font-size: 0.875rem;
}

.icon-ls::before {
  content: 'LS';
  display: block;
  width: 1rem;
  height: 1rem;
  background: #FF0052;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 700;
  text-indent: 0;
  font-style: normal;
  text-align: center;
  line-height: 1.125rem;
  letter-spacing: 0;
}

/* 폰트 컬러 */
.font-gray {
  color: #999;
}

.outlink-black {
  border-bottom: 1px solid #222;
}

._link {
  text-decoration: underline;
}

.gray-box {
  padding: 1.25rem 1rem 1.125rem;
  background: #F8F8F8;
}

/* 에러페이지 */
.error-container {
  padding-top: 5.5rem;
}

.error-container .txt-wrap > strong {
  display: block;
  margin-bottom: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

.error-container .txt-wrap p {
  font-size: 0.875rem;
  line-height: 1.57;
  text-align: center;
}

.error-container .txt-wrap p strong {
  font-weight: 500;
}

/* 검색결과 없음 */
.no-data {
  padding: 7.5rem 0;
  text-align: center;
}

.no-data p {
  font-size: 0.875rem;
  font-weight: 500;
}

/* 모바일 수평 스크롤 금지 */
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

#psWrap.ps-wrap {
  background: white;
}

#psWrap.ps-wrap:not(.sub) .footer-quick-menu {
  margin-top: 0;
}

#psWrap.ps-wrap.sub-main,#psWrap.ps-wrap.mall-main {
  padding-top: 3.5rem;
}

#psWrap.ps-wrap.sub {
  padding-top: 5.5rem;
}

.ps-header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 3.5rem;
  background-color: #fff;
  color: #222;
  z-index: 1000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-header.down {
  -webkit-transform: translateY(-3.5rem);
      -ms-transform: translateY(-3.5rem);
          transform: translateY(-3.5rem);
}

.ps-header.top {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.ps-header--logo > a {
  display: block;
  width: 4.20188rem;
  height: 1.5rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/logo.svg") no-repeat;
  overflow: hidden;
  text-indent: -624.9375rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-header--util {
  overflow: hidden;
  margin-right: -0.25rem;
}

.ps-header--util .ps-btn {
  width: 2rem;
  height: 2rem;
  background-color: gray;
  float: left;
  text-indent: -624.9375rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_search.svg") center no-repeat;
}

.ps-header--util .ps-btn + .ps-btn {
  margin-left: 0.375rem;
}

.ps-header--util .ps-btn.ps-icon--search {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_search.svg");
}

.ps-header--util .ps-btn.ps-icon--cart {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_cart.svg");
}

.ps-header--util .ps-btn.ps-icon--cart.active{
  position:relative;
}
.ps-header--util .ps-btn.ps-icon--cart.active::after{
  display:block;
  content:'';
  width:0.25rem;
  height:0.25rem;
  position:absolute;
  right:0;
  top:0.4rem;
  background: #FF0052;
}

.ps-header--util .ps-btn.ps-icon--menu {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_menu.svg");
}

.ps-header--util .ps-btn.ps-icon--close {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_close.svg");
}

.ps-gnb-sub__wrap {
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 1002;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: #fff;
  overflow:hidden;
  overflow-y: auto;
}

.ps-gnb-sub__wrap.on {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.ps-gnb-sub__header .ps-btn--back {
  padding-left: 2.5rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_L.svg") left center no-repeat;
}

.ps-gnb-sub__body {
  font-size: 1.25rem;
  max-height: calc(100vh - 9.375rem);
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
      -ms-flex: none !important;
          flex: none !important;
}

.ps-gnb-sub__link {
  font-size: 1rem;
  background-color: #F7F7F7;
  padding: 0.75rem 0;
}

.ps-gnb-sub__link a {
  display: block;
  padding: 0.5rem 1.25rem;
}

.ps-gnb-sub__footer {
  position: relative;
}

.ps-gnb-sub__footer::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 0.5rem;
  background-color: #222;
}

.ps-gnb-sub__footer > h3 {
  font-size: 1rem;
}

.ps-gnb-sub__footer .item.swiper-slide {
  width: 9rem;
}

.ps-gnb-sub__footer.typeB::after{
  display:none;
}

.ps-gnb-sub__footer.typeB .quick-menu-banner{
  margin-top:0px;
}

.ps-gnb-sub__footer.typeB .quick-menu-banner--item .desc{
  position:relative;
  left:0;
  bottom:0;
  color:#222;
}

.ps-gnb-sub__footer.typeB .quick-menu-banner--item .desc .title{
  margin-top:1rem;
  font-size:1rem;
  text-align: center;
}

.ps-gnb__wrap {
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: fixed;
  top: 3.5rem;
  left: 0;
  width: 100vw;
  height: calc(100% - 3.5rem);
  z-index: 1001;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-top: 0.1875rem solid #222;
  background-color: #fff;
  overflow: hidden;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
  color:#000;
  line-height:normal;
}

.ps-gnb__wrap.on {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.ps-gnb__wrap .ps-btn--gnb {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.625rem 1.25rem;
}

.ps-gnb__wrap .ps-btn--gnb + .ps-btn--gnb {
  margin-top: 0.5rem;
}

/* 추가된 gnb */
.ps-gnb__wrap .ps-btn--gnb.ps-btn--gnb-img{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:flex;  
}

.ps-gnb__wrap .ps-btn--gnb.ps-btn--gnb-img img{
  width: 144px;
}
.ps-gnb__wrap .ps-btn--gnb.ps-btn--gnb-img p{
  width:calc(100% - 144px);
  padding-left:1rem;
  font-size: 1rem;
}
.ps-gnb__wrap .ps-gnb-sub__wrap + .ps-btn--gnb {
  margin-top: 0.5rem;
}

.ps-gnb__wrap .quick-menu-banner {
  margin-top: 1rem;
}

.ps-gnb__wrap .quick-menu-banner--item {
  position: relative;
  display: block;
}

.ps-gnb__wrap .quick-menu-banner--item + .quick-menu-banner--item {
  margin-top: 1.25rem;
}

.ps-gnb__wrap .quick-menu-banner--item > img {
  width: 100%;
}

.ps-gnb__wrap .quick-menu-banner--item .desc {
  position: absolute;
  left: 0.875rem;
  bottom: 0.875rem;
  color: #fff;
}

.ps-gnb__wrap .quick-menu-banner--item .desc .title {
  font-size: 0.875rem;
  line-height: 1.1875rem;
}

.ps-gnb__wrap .quick-menu-banner--item .desc .date {
  font-size: 0.75rem;
}

.ps-gnb__nav .gnb-main {
  font-size: 1.25rem;
}

.ps-gnb__nav .gnb-main > li + li {
  margin-top: 0.5rem;
}

.ps-gnb__nav .gnb-main li span {
  display: inline-block;
}

.ps-gnb__nav .gnb-main .noti {
  position: relative;
}

.ps-gnb__nav .gnb-main .noti::after {
  content: '';
  display: block;
  position: absolute;
  top: 0.125rem;
  right: -0.75rem;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #ff0052;
}

.ps-gnb__footer {
  position: relative;
}

.ps-gnb__footer::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.875rem;
  height: 0.5rem;
  background-color: #222;
}

.ps-gnb__footer .gnb-footer-menu {
  font-size: 1rem;
}

.ps-gnb__footer .gnb-footer-menu li a {
  display: inline-block;
  padding: 0.125rem 0;
}

.ps-gnb__footer .gnb-footer-menu li + li {
  margin-top: 0.625rem;
}

.ps-gnb__footer .gnb-footer-user {
  font-size: 1.125rem;
}

/* 검색 */
.ps-common-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ps-common-search > .ps-input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ps-common-search > .ps-btn {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-left: 0.25rem;
}

.ps-common-recommend {
  margin-top: 1.875rem;
}

.ps-common-recommend--list > dt {
  padding-bottom: 1.5rem;
}

.ps-common-recommend--list > dd li a {
  display: block;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ps-common-recommend--list > dd li + li {
  margin-top: 1.0625rem;
}

.ps-common-recommend--item {
  margin-top: 1rem;
}

.ps-common-recommend--item a {
  display: block;
}

.ps-common-recommend--item a > img {
  width: 100%;
}

/* 검색 */
.footer-quick-menu {
  margin-top: 3.75rem;
}

.footer-quick-menu .quick-menu__wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #222;
  border-bottom: 1px solid #444;
}

.footer-quick-menu .quick-menu__item {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.footer-quick-menu .quick-menu__item a {
  display: block;
  font-size: 0.875rem;
  color: #fff;
  text-align: center;
  padding: 0.8125rem 0 0.9375rem;
}

.footer-quick-menu .quick-menu__item + .quick-menu__item::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.125rem;
  border-left: 1px solid #444;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ps-footer {
  position: relative;
  padding-top: 1.875rem;
  padding-bottom: 6.875rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #222;
}

.ps-footer.active{
  padding-bottom:6.25rem;
}

.ps-footer .policy {
  text-decoration: underline;
}

.ps-footer__info {
  line-height: 1.25rem;
}

.ps-footer__copy {
  padding-top: 1.875rem;
  color: #999;
}

.ps-footer__copy dt {
  padding-bottom: 0.5rem;
}

.ps-footer__copy dd + dd {
  padding-top: 0.5rem;
}

.ps-footer .copyright {
  padding-top: 0.75rem;
}

/*20220916수정시작*/
.ps-inner>div:not(.ps-detail-content)
{
  padding: 0 1.25rem;
}
/*20220916수정끝*/


.ps-breadcrumb {
  font-size: 1rem;
  height: 3.125rem;
}

.ps-breadcrumb li a {
  display: inline-block;
  height: 1.5rem;
  padding: 0 1.5rem 0 0;
  border: none;
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_sm.svg") no-repeat right 0.1875rem;
  color: #999;
}

.ps-breadcrumb li + li {
  margin-left: 0.5rem;
}

.ps-breadcrumb li:last-child a {
  padding: 0 1.25rem 0 0;
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_down.svg") no-repeat right center;
  color: #222;
}

.category_list {
  padding-bottom: 3.125rem;
}

.ps-prd-list--util {
  border-top: 0.1875rem solid #222;
  border-bottom: 1px solid #eee;
}

.ps-prd-list--util-item > .ps-btn {
  position: relative;
  width: 100%;
  height: 3.125rem;
  text-align: left;
  padding: 0 2.5rem 0 1.25rem;
}

.ps-prd-list--util-item > .ps-btn::after {
  content: '';
  position: absolute;
  display: block;
  width: 1.125rem;
  height: 1.125rem;
  right: 1.1875rem;
  top: 0.9375rem;
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_filter.svg") no-repeat;
}

.ps-prd-list--util-item > .ps-btn.ps-list-filter::after {
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_filter.svg") no-repeat;
}

.ps-prd-list--util-item > .ps-btn.ps-list-sort {
  border-left: 1px solid #eee;
}

.ps-prd-list--util-item > .ps-btn.ps-list-sort::after {
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_down.svg") no-repeat;
}

/* 상품 썸네일 */
.ps-prd-item {
  display: block;
  width: auto;
  margin-bottom: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ps-prd-item.rank-item {
  margin-bottom: 2rem;
}

.ps-prd-item.rank-item .desc {
  padding-top: 0.75rem;
}

.ps-prd-item.rank-item .desc .name {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0.4375rem;
}

.ps-prd-item .thumbs {
  position: relative;
}

.ps-prd-item .thumbs.ratio1 {
  padding-top: 100%;
}

.ps-prd-item .thumbs.ratio1 > img {
  position: absolute;
  left: 0;
  bottom: 0;
}

.ps-prd-item .thumbs > img {
  width: 100%;
  max-width: none;
  height: auto;
}

.ps-prd-item .thumbs .badge {
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ps-prd-item .thumbs .badge .sex {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  overflow: hidden;
  float: left;
}

.ps-prd-item .thumbs .badge .sex > span {
  display: block;
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.25rem;
  font-size: 0.6875rem;
  text-align: center;
  background-color: #222;
}

.ps-prd-item .thumbs .badge .sex > span.male {
  background-color: #222;
}

.ps-prd-item .thumbs .badge .sex > span.female {
  background-color: #FF0052;
}

.ps-prd-item .thumbs .badge .rank {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  overflow: hidden;
  float: left;
  background-color: #222;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  background-color: #222;
}

.ps-prd-item .thumbs .badge.best {
  display: block;
  top: 0;
  bottom: auto;
  width: 3.75rem;
  height: 1.5rem;
  border: 0.125rem solid #222;
  color: #222;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.ps-prd-item .thumbs .badge.best.bk {
  background: #222;
  color: #fff;
}

.ps-prd-item .thumbs .badge.md {
  display: block;
  top: 0;
  bottom: auto;
  width: 3.75rem;
  height: 1.5rem;
  border: 0.125rem solid #FF0052;
  background: #FF0052;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}

.ps-prd-item .thumbs .rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5rem;
  color: #fff;
  text-align: center;
  background: #222;
}

.ps-prd-item .desc {
  padding-top: 0.8125rem;
}

.ps-prd-item .desc .cate {
  font-size: 0.75rem;
  font-weight: bold;
  line-height: 1.5;
  /* margin-bottom: 0.25rem; */
  display:block;
}

.ps-prd-item .desc .name {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}

.ps-prd-item .desc .price .base-price {
  color: #BABABA;
  font-weight: 500;
  font-size: 0.875rem;
  text-decoration: line-through;
  line-height: 1;
}

.ps-prd-item .desc .price .amount {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1;
  margin-top: 0.375rem;
}

.ps-prd-item .desc .price .amount .per {
  display: inline;
  color: #ff0052;
  vertical-align: top;
}

.ps-prd-item .desc .badge {
  padding-top: 0.625rem;
  font-size: 0;
  display: flex;
  align-items: center;
}

.ps-prd-item .desc .badge > span {
  display: inline-block;
  vertical-align: top;
  font-size: 0.6875rem;
  line-height: 0.875rem;
 
  margin-right: 0.25rem;
}
.ps-prd-item .desc .badge > span.line {
  padding: 0 0.3125rem;
  border: 0.125rem solid #222;
}
.ps-prd-item .desc .badge > span:last-child {
  margin-right: 0;
}
.ps-prd-item .desc .badge .sex {
  display: inline-block;
  
  padding: 0;
  /* float: left; */
  color: #fff;
  overflow: hidden;
  border: none;
}

.ps-prd-item .desc .badge .sex > span {
  display: block;
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-size: 0.6875rem;
  text-align: center;
  background-color: #222;
}

.ps-prd-item .desc .badge .sex > span.male {
  background-color: #222;
}

.ps-prd-item .desc .badge .sex > span.female {
  background-color: #FF0052;
}

.ps-prd-item .desc.s-items {
  padding-top: 0.75rem;
}

.ps-prd-item .desc.s-items .name {
  margin-bottom: 0.375rem;
}

.ps-prd-item.vertical {
  font-size: 0;
}

.ps-prd-item.vertical .thumbs {
  display: inline-block;
  vertical-align: middle;
  width: 6.25rem;
}

.ps-prd-item.vertical .desc {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 6.25rem);
  padding: 0 0 0 1.25rem;
}

.ps-prd-item.vertical .desc .name {
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ps-prd-item.vertical .desc .price .amount {
  margin: 0.125rem 0 0 0;
}

.color-sort-wrap {
  margin-bottom: 1.375rem;
  font-size: 0;
}

.color-sort--btn {
  display: inline-block;
  vertical-align: top;
  width: 1.25rem;
}

.color-sort--btn > span {
  display: block;
  height: 1.25rem;
  overflow: hidden;
  text-indent: -62.4375rem;
}

.color-sort--btn + .color-sort--btn {
  margin-left: 0.625rem;
}

.color-sort--all {
  background: #e13310;
  background: -webkit-linear-gradient(315deg, #e13310 0%, #f4cc22 30%, #7dc719 50%, #3a9ddb 70%, #7b36cc 100%);
  background: linear-gradient(135deg, #e13310 0%, #f4cc22 30%, #7dc719 50%, #3a9ddb 70%, #7b36cc 100%);
}

.color-sort--ty1 {
  background: #e13310;
}

.color-sort--ty2 {
  background: #ff0052;
}

.color-sort--ty3 {
  background: #ffe414;
}

.color-sort--ty4 {
  background: #1ab5e3;
}

.color-sort--ty5 {
  background: #1a50e3;
}

.color-sort--ty6 {
  background: #6f1ae3;
}

.color-sort--ty7 {
  background: #222;
}

.color-sort--ty8 {
  background: #fff;
}

.color-sort--ty8 > span {
  border: 1px solid #ccc;
}


/*20220916수정시작*/
.ps-detail-header {
  margin-bottom: 1.8rem;
/*
  padding: 0 0 0.875rem 0;
  border-bottom: 0.1875rem solid #222;
*/
}
/*20220916수정끝*/



.ps-detail-header--inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ps-detail-header--inner .front {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.ps-detail-header .ps-share {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-left: 1.25rem;
}

.ps-detail-header--inner .ps-select{
  font-family: Poppins, Spoqa Han Sans Neo, sans-serif;
}

.ps-detail-desc {
  padding-top: 0.125rem;
  font-size: 0.875rem;
  color: #999;
}

.ps-detail-content {
  padding-bottom: 1.875rem;
  font-size: 0.8125rem;
  border-bottom: 1px solid #eee;
}

.ps-detail-content .thumbs img {
  width: 100%;
}

.ps-sub-content {
  position: relative;
  padding-top: 1.75rem;
}

.ps-sub-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  border-bottom: 0.5rem solid #222;
}

.ps-sub-content + .ps-sub-content {
  margin-top: 3.125rem;
}

.ps-sub-content .ps-prd-item {
  /* margin-bottom: 0; */
}

.ps-sub-content.no-line {
  padding-top: 0;
}

.ps-sub-content.no-line::before {
  display: none;
}

/* 공유하기 */
.ps-share {
  position: relative;
  z-index: 5;
}

.ps-share-box {
  position: absolute;
  top: 100%;
  right: 0;
  padding-top: 0.5rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
}

.ps-share-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.4375rem 1.0625rem;
  border: 1px solid #222;
  background: #fff;
  white-space: nowrap;
}

.ps-share-item > a + a {
  margin-left: 0.375rem;
}

.ps-share .ps-btn.share.active + .ps-share-box {
  opacity: 1;
  visibility: visible;
}

.ps-share.bottom .share:after {
  content: '';
  position: absolute;
  top: -1.4375rem;
  left: 50%;
  z-index: 2;
  border-top: 0.5rem solid #fff;
  border-right: 0.5625rem solid transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
}

.ps-share.bottom .share.active:after {
  opacity: 1;
  visibility: visible;
}

.ps-share.bottom .share.active + .ps-share-box {
  opacity: 1;
  visibility: visible;
}

.ps-share.bottom .ps-share-box {
  top: auto;
  bottom: calc(100% + 1px);
  right: auto;
  left: -1.875rem;
  padding-top: 0;
  padding-bottom: 1.3125rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s;
}

.ps-share.bottom .ps-share-box::before {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: rgba(34, 34, 34, 0.8);
  height:calc(100% - 4.375rem);
}

.ps-share.bottom .ps-share-item {
  z-index: 1;
  border-radius: 0.625rem;
}

/* 공유하기 */
/* 토스트 팝업 */
.ps-toast-msg {
  position: fixed;
  z-index: 10;
  left: 50%;
  bottom: 0;
  padding: 1.25rem 2.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #fff;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0.5s, bottom 0.5s;
  transition: opacity 0.5s, visibility 0.5s, bottom 0.5s;
  border-radius: 3.125rem;
  background: rgba(0, 0, 0, 0.6);
}

.ps-toast-msg.on {
  bottom: 5rem;
  opacity: 1;
  visibility: visible;
}

/* 토스트 팝업 */
/* 이메일 */
.ps-email > .top .m {
  padding: 0 0.375rem;
  font-size: 1rem;
}

.ps-email .ps-select {
  margin-top: 0.625rem;
}

/* 이메일 */
/* 분할 */
.ps-nth * {
  width: 100%;
  overflow: hidden;
}

.ps-nth > * + * {
  margin-left: 0.625rem;
}

/* 분할 */
/* 컨텐츠 헤드 */
.ps-cont-head > .title {
  padding-bottom: 0.625rem;
  font-size: 1rem;
  border-bottom: 0.125rem solid #222;
}

.ps-cont-head.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 0.125rem solid #222;
}

.ps-cont-head.flex > .title {
  border-bottom: none;
}

.ps-cont-head.flex small {
  padding-bottom: 0.8125rem;
  font-size: 0.75rem;
}

.ps-cont-head.flex small.self-end.essential::before {
  display: inline-block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.25rem;
  background: #FF0052;
  vertical-align: top;
}

/* 컨텐츠 헤드 */
/* layer popup */
.ps-bottom-layer-btn {
  display: inline-block;
  padding: 0 1.5rem 0 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_down_small.svg) no-repeat right center;
}

.ps-bottom-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  background: rgba(34, 34, 34, 0.8);
}

.ps-bottom-layer.active {
  opacity: 1;
  visibility: visible;
}

.ps-bottom-layer.active .ps-bottom-layer-content {
  bottom: 0;
}

.ps-bottom-layer-content {
  position: absolute;
  left: 0;
  bottom: -100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-height: calc(100% - 3.5rem);
  padding: 1.25rem 0 0 0;
  border-top: 0.1875rem solid #222;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-bottom-layer-content::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 50%;
  width: 3.5rem;
  border-bottom: 0.25rem solid #eee;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ps-bottom-layer-content > .inner {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
}

.ps-bottom-layer-content > .ps-btn.close {
  position: absolute;
  top: 2.25rem;
  right: 1.25rem;
}

.ps-bottom-layer-content.buy-option {
  padding-top: 0;
}

.ps-bottom-layer-content.buy-option::before {
  content: none;
}

.ps-bottom-layer--header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.25rem;
}

.ps-bottom-layer--header > h4 {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ps-bottom-layer--footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #222;
}

.ps-bottom-layer--footer > .units {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  padding: 0 1.5rem;
}

.ps-bottom-layer--footer > .units::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.25rem;
  border-right: 1px solid rgba(238, 238, 238, 0.2);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ps-bottom-layer--footer > a {
  width: 100%;
}
.ps-bottom-layer--footer-btn {
  font-size: 1.125rem;
  color: #fff;
}

.ps-bottom-layer .ps-option-list {
  padding: 0.5rem 1.25rem 1rem 1.25rem;
}

.ps-bottom-layer .ps-option-list > a {
  display: block;
  padding: 0.9375rem 0;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #999;
}

.ps-bottom-layer .ps-option-list > a.selected {
  font-weight: 700;
  color: #222;
}

.ps-filter-opt {
  padding: 1.25rem;
}

.ps-filter-opt--cont > .title {
  padding-bottom: 1.25rem;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ps-filter-opt--cont + .ps-filter-opt--cont {
  margin-top: 1.875rem;
  border-top: 1px solid #eee;
  padding-top: 1.875rem;
}

/* 메시지 팝업 */
.ps-layer-msg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
  background: rgba(34, 34, 34, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ps-layer-msg > .inner {
  min-width: 17.5rem;
  max-width: calc(100% - 2.5rem);
  max-height: calc(100% - 2.5rem);
  word-break: break-all;
  background: #fff;
}

.ps-layer-msg > .inner .msg {
  padding: 1.875rem 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
}

.ps-layer-msg > .inner .msg .tit {
  display: block;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.ps-layer-msg > .inner .ps-btn-wrap {
  margin-top: 0;
}

/* 메시지 팝업 */
/* 전체팝업 */
.ps-layer-full {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.ps-layer-full--header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  min-height: 3.5rem;
  padding: 1.0625rem 1.375rem;
  border-bottom: 0.1875rem solid #222;
}

.ps-layer-full--header .title {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ps-layer-full--content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1.875rem 1.25rem;
  overflow: auto;
}

.ps-layer-full > .ps-btn.close {
  position: absolute;
  top: 1rem;
  right: 1.25rem;
}

.ps-layer-full.search {
  z-index: 1003;
  padding-top: 3.5rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.ps-layer-full.search.active {
  opacity: 1;
  visibility: visible;
}

.ps-layer-full.search .ps-layer-full--content {
  padding-top: 0.875rem;
}

/* 전체팝업 */
/* layer popup */
.key-visual--wrap {
  position: relative;
  overflow: hidden;
}

.key-visual--wrap .item.swiper-slide {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: calc(100vh - 3.5rem);
}

.key-visual--wrap .item.swiper-slide a > .img {
  position: relative;
  width: 100%;
  height: calc(100vh - 3.5rem);
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

.key-visual--wrap .item.swiper-slide a > video{
  height: calc(100vh - 3.5rem);
  object-fit: cover;
}

.key-visual--wrap .item.swiper-slide > .img .video {
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

.key-visual--wrap .item.swiper-slide .desc {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 5.25rem;
}

.key-visual--wrap .item.swiper-slide .desc .title {
  color: #fff;
  font-size: 1.625rem;
  line-height: 2rem;
  letter-spacing: -0.02em;
}

.key-visual--wrap .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  width: calc(100vw - 2.5rem);
  left: 1.25rem;
  right: 1.25rem;
  bottom: 2.5rem;
  height: 0.25rem;
}

.key-visual--wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}

.main--banner-promotion .promotion--item > a {
  display: block;
  position: relative;
  z-index: 1;
  color: #fff;
}
.main--banner-promotion .promotion--item > a img {
  width: 100%;
}
.main--banner-promotion .promotion--item > a > .dim {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.2;
  background: black;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  z-index: 2;
}

.main--banner-promotion .promotion--item > a > .desc {
  position: absolute;
  bottom: 2.5rem;
  left: 1.25rem;
  right: 1.25rem;
  z-index: 3;
}

.main--banner-promotion .promotion--item > a > .desc .title {
  font-size: 1.625rem;
  line-height: 2rem;
}

.main--banner-promotion .promotion--item > a > .desc .subtitle {
  display: block;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.swiper--single-prd {
  position: relative;
  overflow: hidden;
}

.swiper--single-prd .img > img {
  margin: 0 auto;
}

.swiper--single-prd .desc {
  position: absolute;
  top: 0;
  left: 1.25rem;
  right: 1.25rem;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
}

.swiper--single-prd .desc .headcopy {
  font-size: 1.625rem;
  line-height: 1.875rem;
}

.swiper--single-prd .desc .title {
  position: absolute;
  left: 0;
  bottom: 2.3125rem;
}

.swiper--single-prd .desc .title .badge {
  margin-bottom: 0.25rem;
  font-size: 0.625rem;
}

.swiper--single-prd .desc .title .badge span {
  color: #fff;
  background-color: #FF0052;
  padding: 0.125rem 0.3125rem 0.1875rem;
}

.swiper--single-prd .desc .title .link {
  display: block;
  font-size: 1.125rem;
  color: #fff;
}

.swiper--single-prd .desc .title .link span {
  display: inline-block;
  background-color: #222;
  height: 2.25rem;
  line-height: 1.25;
  padding: 0.5rem 0.625rem;
  margin-top: 0.25rem;
}

.swiper--single-prd .desc .title .link span:last-child::after {
  content: '';
  display: inline-block;
  margin-left: 0.25rem;
  margin-bottom: 1.6px;
  width: 0.45rem;
  height: 0.59rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_white.svg") center no-repeat;
  background-size: 100% auto;
}

.swiper--single-prd .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: 1.25rem;
  top: 2.5rem;
  bottom: auto;
  left: auto;
  right: 1.25rem;
}

.swiper--single-prd .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1.25rem;
  font-size: 0.625rem;
  border-radius: 0;
  opacity: 1;
  background-color: transparent;
  z-index: 1;
  outline: none;
}

.swiper--single-prd .swiper-pagination-bullet .num {
  opacity: 0;
  color: #fff;
}

.swiper--single-prd .swiper-pagination-bullet::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  background-color: #222;
  z-index: -1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.swiper--single-prd .swiper-pagination-bullet-active .num {
  opacity: 1;
  color: #fff;
}

.swiper--single-prd .swiper-pagination-bullet-active::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.main-banner-related {
  overflow: hidden;
}

.main-banner-related.ps-items-swiper .cont {
  padding-bottom: 1.875rem;
  outline:none;
}

.main--banner-issue .issue--item + .issue--item {
  margin-top: 3.75rem;
}

.main--banner-issue .prd-list--item + .prd-list--item {
  margin-left: 0.625rem;
}

.main--banner-issue .prd-list--item + .prd-list--item a {
  display: block;
}

.main--banner-issue .desc {
  margin: 1.8rem 0 1.5rem;
}

.main--banner-issue .desc .title {
  position: relative;
  font-size: 1.625rem;
  line-height: 2rem;  
  padding-bottom: 2rem;
}

.main--banner-issue .desc .title::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 2.5rem;
  height: 1rem;
  background-color: #222;
  z-index: 1;
}

.main--banner-issue .desc .subtitle {
  display: block;
  font-size: 0.875rem;
  line-height: 1.38rem;
  margin-top: 1.5rem;
}

.main--banner-benefit a {
  position: relative;
  min-height: 11rem;
  z-index: 1;
}
.main--banner-benefit a .text {
  position: relative;
  z-index: 2;
}
.main--banner-benefit a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main--banner-benefit a .sub-title {
  display: inline-block;
  height: 1.1875rem;
  color: #ff0052;
  font-size: 0.75rem;
  border-bottom: none;
}

.main--banner-benefit a .title {
  display: block;
  font-size: 1rem;
  margin-top: 0.5625rem;
  line-height: 1.375rem;
 
}
.main--banner-benefit a:nth-child(odd) .text {
  max-width: 68%;
  word-break: keep-all;
}
.main--banner-benefit a .title small {
  display: block;
  margin-top: 5px;
  color: #999999;
  font-size: 0.75rem;
}
.main--banner-benefit a.benefit-type1 {
  background: #EFECEC url("http://image.prospecs.com/mobile/images/renewal/main_banner_c_01.png") no-repeat;
  background-size: auto 8.125rem;
  background-position: right center;
}

.main--banner-benefit a.benefit-type1 img {
  position: absolute;
  top: 1.5rem;
  right: 0.4375rem;
}

.main--banner-benefit a.benefit-type2 {
  background: #FAF4E4 url("http://image.prospecs.com/mobile/images/renewal/main_banner_c_02.png") no-repeat;
  background-size: auto 8.125rem;
  background-position: right center;
}

.main--banner-benefit a.benefit-type2 .sub-title {
  color: #F45322;
  border-bottom: none;
}

.main--banner-benefit a.benefit-type2 .title {
  display: block;
}

.main--banner-benefit a.benefit-type2 .title .orange {
  color: #F45322;
}

.main--banner-benefit a.benefit-type2 .title small {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #999;
}

.main--banner-benefit a.benefit-type2 img {
  position: absolute;
  top: 1.1875rem;
  right: 0;
}

/*
  Sub Main
*/
/* tab */
.ui.ps-tab .menu {
  margin-bottom: 0.75rem;
}

.ui.ps-tab .menu.overflow-x-auto::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

.ui.ps-tab .menu > a {
  display: inline-block;
  position: relative;
  height: 2.25rem;
  font-size: 1.125rem;
  color: #999999;
  cursor: pointer;
}

.ui.ps-tab .menu > a[aria-selected="true"] {
  color: #222;
}

.ui.ps-tab .menu > a[aria-selected="true"]::after {
  width: 100%;
  -webkit-transition: width 0.3s;
  transition: width 0.3s;
}

.ui.ps-tab .menu > a::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0.375rem;
  bottom: 0;
  background-color: #222;
}

.ui.ps-tab .menu > a + a {
  margin-left: 0.875rem;
}

.ui.ps-tab .menu > a:first-child, .ui.ps-tab .menu > a:only-child {
  margin-left: 1.25rem;
}

.ui.ps-tab .menu > a:last-child {
  margin-right: 1.25rem;
}

.ui.ps-tab .menu.mini > a {
  height: 2rem;
  font-size: 1rem;
}

.ui.ps-tab.detail-tab {
  padding-top: 0.875rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ui.ps-tab.detail-tab::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  border-top: 1px solid #222;
}

.ui.ps-tab.detail-tab::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  border-top: 1px solid #222;
}

.ui.ps-tab.detail-tab .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1.875rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ui.ps-tab.detail-tab.on {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
  /* padding: 14px 0; */
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  background: #fff;
}

.ui.ps-tab.detail-tab.on::before {
  left: 0;
  width: 100%;
  border-top: 0.1875rem solid #222;
}

.ui.ps-tab.detail-tab.on::after {
  left: 0;
  width: 100%;
  border: none;
}

.ui.ps-tab.detail-tab.on .menu {
  margin-bottom: 0;
}

.up .ui.ps-tab.detail-tab.on {
  top: 3.5rem;
}

.ps-boxtab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ps-boxtab > a {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  position: relative;
  padding: 0.8125rem 0.3125rem;
  border: 1px solid #eee;
}

.ps-boxtab > a + a {
  margin-left: -1px;
}

.ps-boxtab > a > span {
  display: block;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
}

.ps-boxtab > a.active {
  z-index: 1;
  border-color: #222;
  font-weight: 500;
}

.ps-boxtab > a em {
  font-style: normal;
}

/* tab */
.ps-items-swiper .cont {
  position: relative;
}

.ps-items-swiper .cont .item.swiper-slide {
  width: 9rem;
}

.ps-items-swiper .cont .item.swiper-slide .ps-prd-item {
  margin-bottom: 0;
}

.ps-items-swiper .cont .item.swiper-slide .ps-prd-item .desc .best-price {
  color: #999999;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: line-through;
}

.ps-items-swiper .cont .item.swiper-slide .ps-prd-item .desc .amount {
  margin-bottom: 0;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(1) .ps-prd-item {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(2) .ps-prd-item {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(3) .ps-prd-item {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(4) .ps-prd-item {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(5) .ps-prd-item {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(6) .ps-prd-item {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(7) .ps-prd-item {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(8) .ps-prd-item {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(9) .ps-prd-item {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(10) .ps-prd-item {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(11) .ps-prd-item {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(12) .ps-prd-item {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(13) .ps-prd-item {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(14) .ps-prd-item {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(15) .ps-prd-item {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(16) .ps-prd-item {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(17) .ps-prd-item {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(18) .ps-prd-item {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(19) .ps-prd-item {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}

.ps-items-swiper [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(20) .ps-prd-item {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}

.ps-items-swiper.lookbook {
  margin-top: 1rem;
}

.ps-items-swiper.lookbook .cont .swiper-slide {
  width: 100%;
  margin-right: 10px !important;
}

.ps-items-swiper.lookbook .cont .swiper-slide .ps-prd-item {
  width: 100%;
  margin-bottom: 0;
}

.ps-items-swiper.lookbook .cont .swiper-initialized .swiper-slide {
  /* width: 95%; */
  margin-right: 0;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(1) .ps-prd-item {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(2) .ps-prd-item {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(3) .ps-prd-item {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(4) .ps-prd-item {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(5) .ps-prd-item {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(6) .ps-prd-item {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(7) .ps-prd-item {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(8) .ps-prd-item {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(9) .ps-prd-item {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(10) .ps-prd-item {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(11) .ps-prd-item {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(12) .ps-prd-item {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(13) .ps-prd-item {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(14) .ps-prd-item {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(15) .ps-prd-item {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(16) .ps-prd-item {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(17) .ps-prd-item {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(18) .ps-prd-item {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(19) .ps-prd-item {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}

.ps-items-swiper.lookbook [data-aos="ps-swiper-in"].aos-animate:not(.hidden) .swiper-slide:nth-child(20) .ps-prd-item {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}

.submain-header {
  position: relative;
  margin-bottom: 1.25rem;
}

.submain-header small {
  display: block;
  margin-bottom: 0.5625rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #FF0052;
}

.submain-header h3 {
  font-size: 1.625rem;
  line-height: 2.125rem;
}

.submain-header.etc {
  margin-bottom: 1.875rem;
}

.submain-header.etc2 {
  margin-bottom: 1.5625rem;
}

.submain-header.best-review .v-all {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.75rem;
  color: #999;
  text-decoration: underline;
}

.sub-key-visual {
  margin-bottom: 3.125rem;
}

.sub-key-visual .swiper-container {
  position: relative;
}

.sub-key-visual .swiper-container .swiper-pagination-progressbar {
  background: rgba(255, 255, 255, 0.3);
  position: absolute;
  width: calc(100vw - 2.5rem);
  left: 1.25rem;
  right: 1.25rem;
  bottom: 1.875rem;
  height: 0.25rem;
}

.sub-key-visual .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
}

.sub-key-visual .item a {
  position: relative;
  display: block;
}

.sub-key-visual .item a img {
  width: 100%;
}

.sub-key-visual .item a .desc {
  position: absolute;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 5.25rem;
  color: #fff;
}

.sub-key-visual .item a .desc small {
  display: block;
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.sub-key-visual .item a .desc span {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: -0.02em;
}

.sub-key-visual .item.swiper-slide {
  position: relative;
  z-index: 1;
  width: 100vw;
  height: calc(100vh - 11rem);
  overflow:hidden;
}

.sub-key-visual .item a > .img {
  position: relative;
  width: 100%;
  height: calc(100vh - 11rem);
  overflow: hidden;
  background-position: center;
  background-size: cover;
}

.sub-key-visual .item.swiper-slide-active a > .img {
  -webkit-animation: key-visual-zoom 12s ease-in infinite alternate;
          animation: key-visual-zoom 12s ease-in infinite alternate;
}

.sub-prd-list--type1 {
  margin-bottom: 3.75rem;
  overflow: hidden;
}

.sub-prd-list--type1--items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.sub-prd-list--type1--items .item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.3125rem);
  margin: 0.625rem 0 0 0.625rem;  
  position:relative;
}

.sub-prd-list--type1--items .item::before{
  display:block;
  content:'';
  position:absolute;
  left:0;
  top:0;
  width: 100%;
  height:100%;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
}

.sub-prd-list--type1--items .item:nth-child(2n) {
  margin-left: 0;
}

.sub-prd-list--type1--items .item img {
  width: 100%;
}

.sub-prd-list--type1--items .item .desc {
  position: absolute;
  left: 0.875rem;
  bottom: 0.875rem;
  width: calc(100% - 1.75rem);
  color: #fff;
}

.sub-prd-list--type1--items .item .desc .title {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sub-prd-list--type1--items .item .desc .amount {
  font-size: 1rem;
}

.sub-prd-list--type1--items .item.one {
  display: block;
  width: 100%;
  margin: 0;
}

.sub-prd-list--type1--items .item.one .desc .title {
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.sub-prd-list--type1--items .item.one .desc .amount {
  font-size: 1.25rem;
}

.sub-prd-list--type1 .swiper-container {
  position: relative;
  padding-bottom: 1.75rem;
  overflow: hidden;
}

.sub-prd-list--type1 .swiper-container .swiper-pagination {
  bottom: 0;
}

.sub-prd-list--type2 {
  margin-bottom: 1.75rem;
}

.sub-prd-list--type2 h4 {
  font-size: 1.125rem;
}

.sub-prd-list--type2 h4.type1 {
  padding: 0.625rem 0 1rem 0;
}

.sub-prd-list--type2 h4.type2 {
  padding: 3.125rem 0 1.25rem 0;
}

.sub-prd-list--type2-best {
  overflow: hidden;
}

.sub-prd-list--type2-best .ui.ps-tab .menu {
  margin-bottom: 1rem;
}

.best-swiper--items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.best-swiper--items .ps-prd-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 0.25rem);
  margin: 1.25rem 0 0 0.5rem;
}

.best-swiper--items .ps-prd-item:nth-child(2n) {
  margin-left: 0;
}

.best-swiper--items .ps-prd-item .thumbs {
  background: #f6f6f6;
}

.best-swiper--items .ps-prd-item .thumbs img {
  width: 100%;
}

.best-swiper--items .ps-prd-item .desc .amount {
  margin-bottom: 0;
}

.best-swiper--items .ps-prd-item.one {
  display: block;
  width: 100%;
  margin: 0;
}

.best-swiper{
  outline:none;
}

.best-swiper .swiper-container {
  position: relative;
}

.best-swiper .swiper-container .swiper-pagination {
  top: -2.375rem;
  right: 0;
  bottom: auto;
  left: auto;
  width: auto;
}

.sub-daily {
  margin-bottom: 0.5rem;
}

.sub-daily--item > .thumbs img {
  width: 100%;
}

.sub-daily--item .item-detail {
  padding-top: 1rem;
  padding-left: 1.25rem;
}

.sub-daily--item .item-detail .cate {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #FF0052;
}

.sub-daily--item .item-detail dl {
  width: 98%;
  padding-top: 0.375rem;
}

.sub-daily--item .item-detail dl dt {
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 600;
}

.sub-daily--item .item-detail dl dd {
  padding-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}

.sub-daily--item .items {
  padding-top: 1.125rem;
  padding-left: 1.25rem;
}

.sub-daily--item .items .ps-prd-item + .ps-prd-item {
  margin-top: 0.5rem;
}

.sub-daily .swiper-slide-active .item-detail {
  padding-left: 0;
}

.sub-daily .swiper-slide-active .items {
  padding-left: 0;
}

.sub-best-review {
  position: relative;
  margin-bottom: 3.75rem;
}

.sub-best-review--item .thumbs img {
  width: 100%;
}

.sub-best-review--item dl {
  padding-top: 1.125rem;
}

.sub-best-review--item dl dt {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.sub-best-review--item dl dd {
  padding-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.sub-best-review--item .v-more {
  margin-top: 1.875rem;
}

.sub-best-review--item .v-more a {
  position: relative;
  display: inline-block;
  font-weight: 500;
  font-size: 0.8125rem;
  color: #999;
}

.sub-best-review--item .v-more a::after {
  content: '';
  position: relative;
  top: -0.125rem;
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  margin-left: 0.25rem;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sub-best-review .swiper-container {
  padding-bottom: 2.75rem;
  overflow: hidden;
}

.sub-best-review .swiper-container .swiper-pagination {
  left: 1.25rem;
  width: calc(100% - 2.5rem);
}

.sub-sns {
  margin-bottom: 3.75rem;
}

.sub-sns-tab {
  margin-bottom: 1rem;
  font-size: 0;
}

.sub-sns-tab a {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.5rem 0.5rem 0;
  padding: 0.4375rem 0.625rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.125rem;
  border: 0.125rem solid #222;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sub-sns-tab a:hover, .sub-sns-tab a[aria-selected="true"] {
  color: #fff;
  background: #222;
}

.sub-sns--items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.sub-sns--items.hidden {
  display: none;
}

.sub-sns--items > .items {
  position: relative;
  width: calc(33.3% - 1px);
  margin: 1px 1px 0 0;
}

.sub-sns--items > .items .name {
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  width: calc(100% - 1rem);
  font-size: 0.75rem;
  color: #fff;
}

.sub-sns--items > .items:nth-child(-n + 3) {
  margin-top: 0;
}

.sub-sns--items > .items:nth-child(3n) {
  margin-right: 0;
}

.ps-lookbook-select {
  margin-bottom: 3.25rem;
}

.ps-film {
  margin-top: 1rem;
}

.ps-film--container {
  position: relative;
  height: 0;
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.ps-film--container iframe,
.ps-film--container object,
.ps-film--container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ps-film > dl {
  margin-top: 1rem;
}

.ps-film > dl dt {
  font-size: 1rem;
  line-height: 1.4375rem;
}

.ps-film > dl dd {
  padding-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-news-item + .ps-news-item {
  margin-top: 2.5rem;
  padding-top: 2.5rem;
  border-top: 1px solid #eee;
}

.ps-news-item .thumbs img {
  width: 100%;
}

.ps-news-item .desc {
  padding-top: 0.875rem;
}

.ps-news-item .desc dl > dt {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.ps-news-item .desc dl > dt > a {
  display: block;
}

.ps-news-item .desc dl > dd {
  margin-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-news-item .desc dl > dd.date {
  margin-top: 1rem;
  font-size: 0.75rem;
  color: #999;
}

.ps-post-list {
  margin-top: 0.875rem;
}

.ps-post-item {
  display: block;
}

.ps-post-item + .ps-post-item {
  margin-top: 3.75rem;
}

.ps-post-item .thumbs img {
  width: 100%;
}

.ps-post-item .thumbs .type-issue {
  width: 100%;
  height: 28.375rem;
}

.ps-post-item .desc {
  padding-top: 1rem;
}

.ps-post-item .desc .ps-badge {
  padding-bottom: 0.625rem;
}

.ps-post-item .desc .name {
  font-size: 1rem;
  line-height: 1.3125rem;
}

.ps-post-item .desc .d-txt {
  padding-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-post-item .desc .end-date{
  font-size:0.875rem;
  color:#999;
  padding-bottom: 0.625rem;
}
/* smartfit */
.ps-smart-fit-title {
  padding-top: 0.125rem;
}

.ps-smart-fit-title > dt {
  font-size: 1rem;
}

.ps-smart-fit-title > dd {
  padding-top: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-smart-fit--kv {
  margin-top: 2.5rem;
}

.ps-smart-fit--guide {
  margin-top: 3rem;
  padding: 0 1.25rem;
}

.ps-smart-fit--guide > .title {
  padding-bottom: 0.625rem;
  font-size: 1rem;
  border-bottom: 0.125rem solid #222;
}

.ps-smart-fit--guide--list {
  margin-top: 1.5625rem;
}

.ps-smart-fit--guide--list > li + li {
  margin-top: 3.375rem;
}

.ps-smart-fit--guide--list > li .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 1.0625rem;
}

.ps-smart-fit--guide--list > li .top > .num {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 1.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-smart-fit--guide--list > li .top .desc {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-smart-fit--guide--list > li .thumbs {
  position: relative;
  height: 18.3125rem;
  background: #222 url(http://image.prospecs.com/mobile/images/renewal/smartfit/img_smartfit_guide_frame.png) no-repeat center bottom/17.375rem auto;
}

.ps-smart-fit--guide--list > li .thumbs > img {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 10.625rem;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ps-smart-fit--footer {
  margin-top: 3.125rem;
}

.ps-smart-fit--footer .top {
  padding: 0 1.25rem;
  padding-top: 7.8125rem;
  height: 17rem;
  color: #fff;
  background: url(http://image.prospecs.com/mobile/images/renewal/smartfit/bg_smartfit_footer_top.png) no-repeat center center/auto 100%;
}

.ps-smart-fit--footer .top .title {
  position: relative;
  padding-top: 1.875rem;
  padding-bottom: 0.5625rem;
  font-size: 0.875rem;
}

.ps-smart-fit--footer .top .title:before {
  content: '';
  position: absolute;
  top: 0;
  left: -1.25rem;
  width: 2.5rem;
  border-bottom: 0.5rem solid #fff;
}

.ps-smart-fit--footer .top .desc {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-smart-fit--footer .bottom {
  padding: 0 1.25rem;
  padding-top: 1.75rem;
}

.ps-smart-fit--footer .bottom .btn-area {
  margin-top: 2.5rem;
}

/* smartfit */
/* 스폰서쉽 */
.page-sponsor-list ~ .footer-quick-menu {
  margin-top: 0;
}

.ps-sponsor-top {
  position: relative;
  height: 22.5rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/sponsorship/bg_sponsorship_top.png) no-repeat center center/cover;
}

.ps-sponsor-top > .inner {
  position: absolute;
  left: 0;
  bottom: 1.875rem;
  width: 100%;
  padding: 0 1.25rem;
  color: #fff;
}

.ps-sponsor-top > .inner .title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}

.ps-sponsor-top > .inner .desc {
  position: relative;
  margin-top: 0.5rem;
  padding-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-sponsor-top > .inner .desc::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  border-bottom: 0.5rem solid #fff;
}

.ps-sponsor-content {
  margin-top: 3.125rem;
  padding: 1.25rem 0 3.75rem 0;
  background: #f5f5f5 url(http://image.prospecs.com/mobile/images/renewal/sponsorship/bg_sponsor_content_2.png) no-repeat right bottom/100% auto;
  margin-bottom: -3.75rem;
}

.ps-sponsor-content > .inner > .title {
  padding-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.4375rem;
  text-align: center;
  color: #222;
}

.ps-sponsor-media--content {
  padding: 0 1.25rem;
}

.ps-sponsor-media--content + .ps-sponsor-media--content {
  margin-top: 1.25rem;
}

.ps-media-item {
  text-align: center;
}

.ps-media-item + .ps-media-item {
  margin-top: 3.125rem;
}

.ps-media-item .btn-area {
  margin-top: 1.875rem;
}

.ps-media-thumb > a {
  display: block;
}

.ps-media-thumb > a > img {
  width: 100%;
}

.ps-media-body {
  padding-top: 1rem;
}

.ps-media-body > .title {
  font-family: Poppins, Spoqa Han Sans Neo, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
}

.ps-media-body > .desc {
  padding-top: 0.4375rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

/* 스폰서쉽 */
/* 100% 넓이 영상 구간 */
.media-add {
  position: relative;
  height: 0;
  max-width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.media-add iframe,
.media-add object,
.media-add embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 100% 넓이 영상 구간 */
/* 브랜드 스토리 */
.ps-brandstory--title {
  padding-bottom: 1.5625rem;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

.ps-brandstory--item + .ps-brandstory--item {
  margin-top: 3.125rem;
}

.ps-brandstory--item .thumbs {
  position: relative;
}

.ps-brandstory--item .thumbs .swiper-initialized {
  padding-bottom: 1.75rem;
}

.ps-brandstory--item .thumbs .swiper-initialized .swiper-pagination {
  bottom: 0;
}

.ps-brandstory--item .btn-area {
  margin-top: 1.875rem;
  font-size: 0;
  text-align: right;
}

.ps-brandstory--item .btn-area > a {
  display: inline-block;
  padding: 0.8125rem 0.875rem;
  border: 1px solid #222;
}

.ps-brandstory--item .btn-area > a > span {
  display: block;
  padding-left: 1.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/brandstory/icon_youtube.png) no-repeat left center/1.25rem auto;
}

.ps-brandstory--cont {
  padding-top: 0.9375rem;
}

.ps-brandstory--cont > dt {
  font-size: 1rem;
}

.ps-brandstory--cont > dt .year {
  display: block;
  padding-bottom: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.ps-brandstory--cont > dt .year:after {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 0.25rem;
  margin-left: 0.25rem;
  border-bottom: 0.25rem solid #FF0052;
}

.ps-brandstory--cont > dd {
  padding-top: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}

/* 상품상세 */
.ps-item-top {
  border-bottom: 1px solid #eee;
}

.ps-item-top .desc {
  padding: 1.875rem 1.25rem;
}

.ps-item-top .desc .cate {
  font-family: Poppins, Spoqa Han Sans Neo, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.ps-item-top .desc .name {
  padding-top: 0.375rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

.ps-item-top .desc .code {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #999;
  font-family: 'Spoqa Han Sans Neo' !important;
}

.ps-item-top .desc .price {
  padding-top: 1.125rem;
}

.ps-item-top .desc .price .base-price {
  font-size: 1rem;
  line-height: 1.3125rem;
  color: #999;
  text-decoration: line-through;
}

.ps-item-top .desc .price-cont {
  padding-top: 0.125rem;
}

.ps-item-top .desc .price-cont .amount {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
}

/* tip 202205[s] */
.ps-item-top .desc .price-cont{position:relative;}
.ps-item-top .desc .price-cont .tip-area{
    display:inline-block;
    position:relative;
    top:5px;
    left:3px;
}
.ps-item-top .desc .price-cont .tip-area > a{
    position:relative;
    display:inline-block;
    text-indent:-999em;
    width:20px;
    height:20px;
    background:url(../../images/icon_mob.svg) no-repeat;
    background-size:20px auto;
}
.ps-item-top .desc .price-cont .tooltip-txt{
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    border:1px solid #999;
    background:#fff;
    padding:12px 50px 12px 16px;
}
.ps-item-top .desc .price-cont .tooltip-txt .tip-close{
    position:absolute;
    display:inline-block;
    text-indent:-999em;
    top:12px;
    right:12px;
    width:14px;
    height:14px;
    background:url(../../images/close_bt.svg) no-repeat;
    background-size:14px auto;
}
.ps-item-top .desc .price-cont .tooltip-txt p{
    font-size:13px;
    line-height:20px;
    font-weight:normal;
    color:#999;
    font-family:'Spoqa Han Sans Neo';
    letter-spacing:-0.32px;
    word-break:keep-all;
}
/* tip 202205[e] */

.ps-item-top .desc .price-cont .amount .per {
  padding-right: 0.375rem;
  color: #ff0052;
}

.ps-item-top--thumbs {
  position: relative;
  /* padding: 20px; */
  padding-bottom: 1.25rem;
  background: #fff;
}

.ps-item-top--thumbs .swiper-container {
  position: relative;
}

.ps-item-top--thumbs .swiper-container .swiper-pagination-progressbar {
  width: calc(100% - 2.5rem);
  left: 1.25rem;
  background: #fff;
}

.ps-item-top--thumbs .swiper-slide img {
  width: 100%;
}

.ps-item-top--thumbs .ai-lens {
  position: absolute;
  right: 1.25rem;
  bottom: 2.125rem;
  z-index: 2;
}

.ps-item-info {
  padding: 1.25rem 1.25rem 2.5rem 1.25rem;
}

.ps-item-info--review .front {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ps-item-info--review .front .title {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 0.875rem;
  padding-right: 2.0625rem;
}

.ps-item-info--review .rating {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.ps-item-info--review .rating > span {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  background: #ebebeb;
}

.ps-item-info--review .rating > span + span {
  margin-left: 0.375rem;
}

.ps-item-info--review .rating[data-rating="1"] span:nth-child(1) {
  background: #FF0052;
}

.ps-item-info--review .rating[data-rating="2"] span:nth-child(-n + 2) {
  background: #FF0052;
}

.ps-item-info--review .rating[data-rating="3"] span:nth-child(-n + 3) {
  background: #FF0052;
}

.ps-item-info--review .rating[data-rating="4"] span:nth-child(-n + 4) {
  background: #FF0052;
}

.ps-item-info--review .rating[data-rating="5"] span:nth-child(-n + 5) {
  background: #FF0052;
}

.ps-item-info--review > a {
  font-size: 0.75rem;
  text-decoration: underline;
}

.ps-item-info .ps-slide {
  padding-top: 0.25rem;
}

.ps-item-info--se {
  padding: 1.25rem 0;
  border-bottom: 1px solid #eee;
}

.ps-item-info--se .title {
  padding-bottom: 0.875rem;
  font-size: 0.875rem;
}

.ps-item-info--inven-chk {
  margin-bottom: 1.25rem;
}

.ps-item-info--inven-chk > a {
  display: block;
  padding: 1.0625rem 2.5rem 1.0625rem 0;
  font-size: 0.875rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #eee;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.svg) no-repeat right center;
}

.ps-prd-detail {
  padding-top: 1.25rem;
  border-top: 0.1875rem solid #222;
}

.ps-prd-detail--tab {
  position: relative;
  height: 4rem;
  margin-bottom: 2.125rem;
}

.ps-prd-detail--content .inner {
  padding: 0 1.25rem;
}

.ps-prd-detail--board .incont {
  text-align: center;
}

.ps-prd-detail--board .incont img {
  width: 100%;
}

.ps-prd-detail--board .incont iframe{
  width:100%;
  height:auto;
}

.ps-prd-detail--board .ps-slide {
  margin-top: 2.5rem;
}

.ps-prd-detail--board .incont .content_wrap{
  height:auto !important;
}

.ps-buy {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background: #222;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.scroll-lock .ps-buy {
  z-index: 900;
}

.ps-buy.active {
  opacity: 0;
  visibility: hidden;
}

.ps-buy.active.visible {
  position: relative;
  visibility: visible;
  opacity: 1;
  margin: 0 0 0.625rem;
  z-index: 1;
}

.ps-buy--reservation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.ps-buy--reservation > .units {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.5rem;
}

.ps-buy--reservation > .units > * + * {
  margin-left: 1rem;
}

.ps-buy--reservation > .units .wishlist {
  z-index: 6;
}

.ps-buy--reservation > .units::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.25rem;
  border-right: 1px solid rgba(238, 238, 238, 0.2);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ps-buy--reservation > .ps-btn.type7 {
  z-index: 6;
}

.ps-buy--option.cart > .inner {
  padding: 2.25rem 1.25rem 2.5rem 1.25rem;
}

.ps-buy--option.cart > .inner .ps-counter {
  width: 7.75rem;
}

.ps-buy--option.cart > .inner .ps-counter .ps-btn {
  width: 2.625rem;
  height: 2.625rem;
}

.ps-buy--option.cart > .inner .ps-counter .ps-btn.minus::after, .ps-buy--option.cart > .inner .ps-counter .ps-btn.minus::before, .ps-buy--option.cart > .inner .ps-counter .ps-btn.plus::after, .ps-buy--option.cart > .inner .ps-counter .ps-btn.plus::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ps-buy--option.cart > .inner .ps-counter .ps-counter--number {
  line-height: 2.5rem;
}

.ps-buy--option .npay_button_box{
  border-top:none !important;
}

.ps-buy--option > .inner {
  padding: 3.125rem 1.25rem 1.875rem 1.25rem;
}

.ps-buy--option--color-item {
  height: 4.375rem;
  margin-bottom: 1rem;
  overflow-y: hidden;
}

.ps-buy--option--color-item > .inner {
  height: 5.625rem;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
}

.ps-buy--option--color-item > .inner > a {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  width: 4.375rem;
  background: #f5f5f5;
}

.ps-buy--option--color-item > .inner > a:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.ps-buy--option--color-item > .inner > a + a {
  margin-left: 0.375rem;
}

.ps-buy--option--color-item > .inner > a.on::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #222;
}

.ps-buy--option--select {
  margin-bottom: 1.25rem;
}

.ps-buy--option--payment {
  padding: 0 0 0.625rem 0;
}

.ps-buy--option--payment--top {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  border-bottom: 0.125rem solid #222;
}

.ps-buy--option--payment--top .option-name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 1.25rem;
}

.ps-buy--option--payment--top .ps-btn.close {
  margin-left: 1.5rem;
}

.ps-buy--option--payment--total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 1.375rem;
  font-size: 0.8125rem;
  line-height: 1.75rem;
}

.ps-buy--option--payment--total .amount {
  padding-left: 0.625rem;
  font-size: 1.375rem;
  color: #222;
}

.ps-buy--option--naver {
  padding: 1.875rem 0 1.25rem 0;
}

.ps-buy--option--naver .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}

.ps-buy--option--naver .top > p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ps-buy--option--naver .bottom {
  padding-top: 0.75rem;
}

.ps-buy--option--naver .bottom > a {
  display: block;
  font-size: 0.6875rem;
  color: #999;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_sm.svg) no-repeat right center/0.75rem auto;
}

.ps-buy--option--naver .bottom > a > span {
  padding-right: 0.5rem;
  color: #23c300;
}

.ps-buy--option-close {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.125rem;
  overflow: hidden;
  text-indent: -624.9375rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_down_small.svg) no-repeat right 1.25rem center/0.625rem auto;
}

/* 상품상세 */
.ps-recommend-item {
  position: relative;
}

.ps-recommend-item.similar {
  margin-top: 3.125rem;
  padding: 1.75rem 1.25rem 3.125rem 1.25rem;
}

.ps-recommend-item.similar:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  border-bottom: 0.5rem solid #222;
}

.ps-recommend-item .title {
  padding-bottom: 1.25rem;
  font-size: 1rem;
}

.ps-recommend-item.sub-prd-list--type2 {
  margin-bottom: 0;
}

/* 카운터 */
.ps-counter {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 6.375rem;
}

.ps-counter--number {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 2rem;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

/* 카운터 */
/* 매장재고 */
.ps-inven-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.25rem;
}

.ps-inven-item .thumb {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: top;
  width: 5.625rem;
  background: #f5f5f5;
}

.ps-inven-item .thumb:after {
  content: '';
  display: block;
  padding-top: 100%;
}

.ps-inven-item .desc {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 1rem;
}

.ps-inven-item .desc .code {
  padding-bottom: 0.25rem;
  font-size: 0.875rem;
  color: #999;
}

.ps-inven-item .desc .name {
  font-size: 0.875rem;
}

.ps-inven .ps-list {
  margin-top: 1.875rem;
}

.ps-inven .ps-address {
  margin-top: 1.25rem;
}

/* 매장재고 */
/* 주소정보 */
.ps-address--search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.25rem;
}

.ps-address--search > * {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
}

.ps-address--search .ps-btn {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  margin-left: 0.625rem;
}

.ps-address--location {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.8125rem;
}

.ps-address--location > .my {
  text-decoration: underline;
}

.ps-address--location > .location.none {
  color: #999;
}

.ps-address--store {
  margin-top: 1.25rem;
}

.ps-address--store .cnt-txt {
  font-size: 0.8125rem;
}

.ps-address--store-list {
  margin-top: 0.625rem;
  max-height: 21.1875rem;
  overflow: auto;
}

.ps-address--store-list > li {
  padding: 1.25rem 0;
  font-size: 0.875rem;
  border-bottom: 1px solid #eee;
}

.ps-address--store-list > li dt {
  padding-bottom: 0.625rem;
  line-height: 1.125rem;
}

.ps-address--store-list > li dd {
  line-height: 1.375rem;
  color: #999;
}

/* 주소정보 */
/* 슬라이드 */
.ps-slide-item {
  position: relative;
}

.ps-slide-item::before {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-slide-item > .title {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  padding: 1.125rem 1.875rem 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.375rem;
  word-break: break-all;
}

.ps-slide-item > .title .top {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 100%;
  font-weight: normal;
}

.ps-slide-item > .title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #eee;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ps-slide-item > .title:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow_down_small.svg) no-repeat center center/0.75rem auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ps-slide-item > .title.qa .q {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 1.25rem;
}

.ps-slide-item.on + .ps-slide-item::before {
  opacity: 1;
}

.ps-slide-item.on .title::before {
  opacity: 0;
}

.ps-slide-item.on .title:after {
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

.ps-slide-content {
  display: none;
}

.ps-slide-content .inner {
  padding: 1.25rem 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 0.875rem;
}

.ps-slide-content .inner.answer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ps-slide-content .inner.answer > .a {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: 1.25rem;
  font-size: 0.875rem;
  color: #FF0052;
}

.ps-slide-content--i {
  padding: 0.875rem;
  border: 1px solid #eee;
}

.ps-slide.big .ps-slide-item .title {
  padding: 0.875rem 1.875rem 0.875rem 0;
}

.ps-slide.brd {
  border-top: none;
}

.ps-slide.brd .ps-slide-item::before {
  content: none;
}

.ps-slide.brd .ps-slide-item .title {
  padding: 1.25rem 5rem 1.25rem 1.5rem;
  border: 1px solid #222;
}

.ps-slide.brd .ps-slide-item .title:after {
  top: 1.0625rem;
  right: 1.5rem;
}

.ps-slide.brd .ps-slide-item + .ps-slide-item {
  margin-top: -1px;
}

.bd-box {
  padding: 0.9375rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  border: 1px solid #eee;
}

.ps-card-benefit {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.ps-card-benefit .sub-txt {
  display: block;
  padding-top: 0.625rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #999;
}

/* 슬라이드 */
.input-lbl {
  display: block;
  margin-bottom: 0.625rem;
  color: #222222;
  font-size: 0.875rem;
  font-weight: 500;
}

.input-lbl.essential::after {
  display: inline-block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.25rem;
  background: #FF0052;
  vertical-align: top;
}

.input-lbl.essential.af-dn::after{
  display:none;
}

.input-area {
  display: block;
  margin-top: 0.625rem;
}

.input-area ~ p {
  margin-top: 0.625rem;
}

.ps-login-wrap .ps-login-keep-wrap {
  margin: 0.625rem 0 1.875rem;
}

.ps-login-wrap .ps-login-keep-wrap .right {
  color: #585858;
  font-size: 0.875rem;
}

.ps-login-wrap .ps-login-keep-wrap .right a {
  text-decoration: underline;
}

.ps-login-wrap .btn-wrap {
  margin-bottom: 3.75rem;
}

.ps-sns-login-wrap h4 {
  margin-bottom: 1.25rem;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
}

.ps-sns-login-wrap .icon-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 2.0625rem;
}

.ps-sns-login-wrap .icon-wrap span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 50%;
}

.ps-sns-login-wrap .icon-wrap span.b-naver {
  background: #23C300;
}

.ps-sns-login-wrap .icon-wrap span.b-kakao {
  background: #F9E000;
}

.ps-sns-login-wrap .icon-wrap span.b-facebook {
  background: #3B5998;
}

.important-message {
  font-size: 0.875rem;
  color: #FF0052;
}

.important-message ~ .input-area {
  margin-top: 1.5rem;
}

.important-message.gray {
  color: #999999;
}

.login-box--noti {
  font-size: 0.875rem;
  line-height: 1.42;
}

.login-box--noti strong {
  display: block;
  font-size: 1rem;
  font-weight: 700;
}

/*아이디/비밀번호 찾기*/
.ps-find-info-wrap {
  margin: 1.625rem 0 2.5rem;
}

.ps-find-info-wrap.type-lbl .input-area {
  margin-top: 1.25rem;
}

.ps-find-info-wrap .login-box--pass-check {
  margin: 1.875rem 0 2.5rem;
}

.ps-find-info-wrap .login-box--pass-check .radio-box {
  margin-bottom: 0.8125rem;
}

.ps-find-info-wrap .login-box--pass-check p {
  font-size: 0.75rem;
  line-height: 1.5;
}

.ps-find-info-check {
  margin: 1.125rem 0 2.5rem;
  padding: 1.875rem 0;
  border: 1px solid #CCCCCC;
  text-align: center;
}

.ps-find-info-check > p {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4;
}

.ps-find-info-check span {
  font-size: 0.875rem;
  font-weight: 500;
}

.ps-find-info-check small {
  display: block;
  color: #999999;
  font-size: 0.75rem;
  line-height: 1.6;
}

.ps-find-info-check .login-box--noti {
  margin: 1.4375rem 0 0.3125rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.6;
}

.ps-find-info-check .login-box--noti small {
  font-weight: 400;
}

/* 회원가입 */
.sign_up-box h3 {
  margin-bottom: 0.625rem;
}

.sign_up-box .sign_up-box--noti {
  margin-bottom: 2.5rem;
  font-size: 0.875rem;
  line-height: 1.57;
}

.sign_up-box .sign_up-box--cont {
  margin-bottom: 2.5rem;
}

.sign_up-box .sign_up-box--cont ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.25rem;
}

.sign_up-box .sign_up-box--cont ul li:last-child {
  margin-bottom: 0;
}

.sign_up-box .sign_up-box--cont ul li img {
  width: 3rem;
  height: 3rem;
  margin-right: 1.25rem;
}

.sign_up-box .sign_up-box--cont ul li .txt-wrap {
  width: calc(100% - 4.25rem);
}

.sign_up-box .sign_up-box--cont ul li .txt-wrap p {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  font-weight: 700;
}

.sign_up-box .sign_up-box--cont ul li .txt-wrap small {
  color: #999999;
  font-size: 0.875rem;
}

.sign_up-box .ps-sns-login-wrap {
  margin-top: 3.75rem;
}

.join-wrap .ps-subtitle {
  margin-bottom: 1.6875rem;
}

.join-wrap .ps-subtitle small {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.join-wrap .input-box {
  padding: 1.25rem 0 1.875rem;
  border-bottom: 1px solid #EEEEEE;
}

.join-wrap .input-box:first-child {
  padding-top: 0.625rem;
}

.join-wrap .input-box .input-area .ps-list {
  margin-top: 0.875rem;
}

.join-wrap .input-lbl {
  margin-bottom: 0.5rem;
}

.join-wrap .s-dscr {
  display: block;
  margin-top: 0.8125rem;
  font-size: 0.75rem;
  line-height: 1.5;
}

.join-wrap .s-dscr.red {
  color: #FF0052;
}

.join-wrap .orange-card-wrap .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 0.875rem;
  background: #FAF4E4;
}

.join-wrap .orange-card-wrap .card .txt-wrap {
  width: 69%;
}

.join-wrap .orange-card-wrap .card .txt-wrap p {
  margin-bottom: 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
}

.join-wrap .orange-card-wrap .card .txt-wrap a {
  color: #EC771C;
  font-size: 0.75rem;
  text-decoration: underline;
}

.join-wrap .orange-card-wrap .card .img-wrap {
  width: 29%;
}

.join-wrap .terms-wrap {
  margin: 3.125rem 0;
}

.join-wrap .terms-wrap .all-chk {
  display: block;
  margin-bottom: 1.25rem;
  padding-bottom: 0.875rem;
  border-bottom: 0.25rem solid #222;
}

.join-wrap .terms-wrap ul li {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.join-wrap .terms-wrap ul li .ps-chkbox {
  width: 90%;
}

.join-wrap .terms-wrap ul li .terms-con {
  display: none;
  overflow: auto;
  width: 100%;
  height: 6.25rem;
  margin-top: 0.625rem;
  padding: 0.625rem;
  border: 1px solid #e3e3e3;
  font-size: 0.875rem;
}

/* 회원가입 완료 */
.sing-up-done {
  margin-bottom: 3.125rem;
}

.sing-up-done h3 {
  margin-bottom: 1.875rem;
  text-align: center;
}

.sing-up-done p {
  margin-bottom: 3.125rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
}

.sing-up-done span {
  display: block;
  font-size: 0.875rem;
  text-align: center;
}

.sing-up-done span em {
  font-style: normal;
}

.sub-title {
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem solid #222;
}

.group-order-dscr {
  margin-bottom: 4.6875rem;
}

.group-order-dscr p {
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem solid #222;
}

.group-order-dscr span {
  display: block;
  padding: 1.25rem 0 00;
  color: #999999;
  font-size: 0.875rem;
  line-height: 1.7;
}

.personal-agree-wrap {
  margin-bottom: 3.125rem;
}

.personal-agree-wrap h4 {
  margin-bottom: 1.25rem;
}

.personal-agree-wrap h4 ~ p {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #eee;
  font-size: 0.75rem;
  line-height: 1.83;
}

.personal-agree-wrap .info dl {
  padding: 1.25rem 0;
  border-bottom: 1px solid #EEEEEE;
}

.personal-agree-wrap .info dl dt {
  margin-bottom: 0.875rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.personal-agree-wrap .info .chk-wrap p {
  margin: 1.75rem 0 0.625rem;
  font-weight: 700;
}

.personal-agree-wrap .info .chk-wrap ul li {
  margin-right: 1.75rem;
}

.group-order-wrap {
  margin-bottom: 2.5rem;
}

.group-order-wrap .input-box {
  margin-bottom: 1.875rem;
  padding: 0;
  border: none;
}

.group-order-wrap .input-box .right .question {
  margin-left: 0.375rem;
}

.group-order-wrap .ui-datepicker-trigger {
  position: absolute;
  right: 0.625rem;
}

.cs-pdt-code-chk-popup .ps-layer-full--content {
  padding: 0;
}

/* 공지사항 */
.board.type1 {
  border-top: 0.125rem solid #222;
}

.board.type1 ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.9375rem 0;
  border-bottom: 1px solid #EEEEEE;
}

.board.type1 ul li .left {
  width: 13.7%;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 100%;
}

.board.type1 ul li .left.noti {
  position: relative;
}

.board.type1 ul li .left.noti::after {
  content: '';
  display: block;
  position: absolute;
  top: -0.2rem;
  left: 1.625rem;
  width: 0.25rem;
  height: 0.25rem;
  background-color: #ff0052;
}

.board.type1 ul li .right {
  width: 86.3%;
}

.board.type1 ul li .right p {
  font-size: 0.875rem;
  font-weight: 500;
  word-break: break-all;
}

.board.type1 ul li .right p .sort {
  display: inline-block;
  margin-right: 0.15625rem;
  font-size: 0.75rem;
}

.board.type1 ul li .right .date {
  color: #999999;
  font-size: 0.75rem;
  font-weight: 500;
}

.board-view .head {
  padding-bottom: 0.625rem;
  border-bottom: 0.1875rem solid #222;
}

.board-view .head .title {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.55;
}

.board-view .head .date {
  display: block;
  margin-top: 0.125rem;
  color: #999999;
  font-size: 0.875rem;
}

.board-view .body {
  padding: 1.875rem 0;
}

.board-view .body .content ul {
  list-style: disc;
  list-style-position: inside;
}

.board-view .body .content ul li {
  list-style: disc;
  list-style-position: inside;
}

.board-view .body .content ol {
  list-style: decimal;
  list-style-position: inside;
}

.btn-go-list a.ps-btn {
  border-width: 1px;
}

.notice-box-view--paging {
  margin-bottom: 2.5rem;
  border-top: 1px solid #eee;
}

.notice-box-view--paging li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.9375rem 0.75rem;
  border-bottom: 1px solid #eee;
}

.notice-box-view--paging li > span {
  display: inline-block;
  width: 30%;
  font-size: 0.875rem;
  font-weight: 700;
}

.notice-box-view--paging li .pre::before {
  content: '';
  display: inline-block;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow-up.png) no-repeat center/contain;
  width: 1rem;
  height: 0.625rem;
  vertical-align: middle;
  position: relative;
  top: -0.1875rem;
  margin-right: 0.75rem;
}

.notice-box-view--paging li a {
  display: inline-block;
  width: 70%;
  font-size: 0.875rem;
  font-weight: 500;
}

.notice-box-view--paging li .next::before {
  content: '';
  display: inline-block;
  background: url(http://image.prospecs.com/mobile/images/renewal/icon_arrow-down.png) no-repeat center/contain;
  width: 1rem;
  height: 0.625rem;
  vertical-align: middle;
  position: relative;
  top: -0.1875rem;
  margin-right: 0.75rem;
}

/* 앱 다운로드 */
.appdownload-wrap {
  height: 32.0625rem;
  padding: 2.5rem 1.25rem;
  background: #FF0052 url("http://image.prospecs.com/mobile/images/renewal/cs/app_down_bg.png") no-repeat 1.25rem 46%;
}

.appdownload-wrap .logo-img {
  width: 2.9375rem;
  margin: 0 auto 1.0625rem;
}

.appdownload-wrap .title {
  margin-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.appdownload-wrap .title small {
  display: block;
  margin-bottom: 0.8125rem;
  font-size: 0.875rem;
}

.appdownload-wrap .title span {
  display: block;
  font-size: 1.375rem;
  line-height: 1.27;
}

.appdownload-wrap .title span span {
  display: inline-block;
  font-weight: 300;
}

.appdownload-wrap .title span.bold {
  font-weight: 500;
}

.appdownload-wrap .title span.bold strong {
  font-weight: 700;
}

.appdownload-wrap .dscr {
  margin-bottom: 1.5625rem;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
}

.appdownload-wrap .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.5rem;
}

.appdownload-wrap .btn-wrap a {
  width: 7rem;
}

.appdownload-wrap .img-wrap {
  width: 11.25rem;
  margin: 0 auto;
	filter: drop-shadow(20px 20px 30px rgba(0,0,0,0.15));
}

.down-benefit-wrap {
  margin-top: 9.75rem;
  padding: 0 1.25rem;
}

.down-benefit-wrap h4 {
  margin-bottom: 0.875rem;
}

.page-lookbook-list .ps-sub-content ~ .ps-sub-content {
  margin-top: 3.875rem;
}

.ps-size-wrap {
  margin-top: -0.625rem;
}

.ps-size-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ps-size-wrap ul .ps-chkbox.type-btn {
  width: 17.5%;
  margin-top: 0.625rem;
}

.ps-size-wrap ul .ps-chkbox.type-btn ~ .ps-chkbox.type-btn {
  margin-left: 3.12%;
}

.ps-size-wrap ul .ps-chkbox.type-btn ~ .ps-chkbox.type-btn:nth-of-type(5n + 1) {
  margin-left: 0;
}

/* 관련 기획전 */
.ps-recmd-planning {
  margin-top: 3.75rem;
}

.ps-recmd-planning h4 {
  margin-bottom: 1.25rem;
}

.ps-recmd-planning ul li {
  margin-bottom: 1.875rem;
}

.ps-recmd-planning ul li:last-child {
  margin-bottom: 0;
}

.ps-recmd-planning ul li .img-wrap {
  overflow: hidden;
  width: 100%;
  height: calc(320/360*100vw);
  margin-bottom: 0.875rem;
}

.ps-recmd-planning ul li .img-wrap img {
  width: 100%;
  height: 100%;
}

.ps-recmd-planning ul li .txt-wrap .title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
}

.ps-recmd-planning ul li .txt-wrap .dscr {
  margin-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.42;
}

/* best 50 */
.best50-wrap .ps-prd-list--wrap .ps-col:first-child .ps-prd-item {
  margin-bottom: 2rem;
}

/* 매장찾기 */
.find-store-wrap h3 {
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  border-bottom: 0.25rem solid #222;
}

.find-store-wrap .ps-store-select {
  margin-bottom: 2.5rem;
}

.find-store-wrap .ps-store-select .ps-common-search {
  margin: 0.5rem 0 0.875rem;
}

.find-store-wrap .ps-store-select .ps-common-search .ps-btn {
  width: 3rem;
  height: 3rem;
}

.find-store-wrap .ps-boxtab {
  margin-bottom: 1.875rem;
}

.store-list-wrap .noti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
}

.store-list-wrap .noti::before {
  margin-right: 0.5rem;
}

.store-list-wrap ul li {
  padding: 1.25rem 0 1.25rem;
  border-bottom: 1px solid #eee;
}

.store-list-wrap ul li:first-child {
  padding-top: 1.25rem;
}

.store-list-wrap ul li .name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-bottom: 0.5625rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.store-list-wrap ul li .name.icon-ls::before {
  position: absolute;
  right: 0;
}

.store-list-wrap ul li p {
  font-size: 0.75rem;
  line-height: 1.5;
}

.store-list-wrap ul li p.time {
  color: #6C6C6C;
}

.store-list-wrap ul li .ps-btn-wrap {
  margin-top: 1.6875rem;
}

.find-store-popup ul li {
  padding: 0;
  border: none;
}

.find-store-popup ul li:first-child {
  padding: 0;
}

.find-store-popup ul .address {
  margin-bottom: 0.375rem;
}

.find-store-popup .map-area {
  margin-top: 2.1875rem;
  height: 33.75rem;
  outline:none;
}

.find-store-popup .map-area div{
  outline:none;
}
/* 이슈 */
.issue-cont-wrap .ps-post-list .ps-post-item.first .thumbs {
  /* height: calc(480/360*100vw); */
}

.issue-cont-wrap .ps-post-list .ps-post-item.first .desc .name {
  font-size: 1.5rem;
  line-height: 1.2;
}

.issue-cont-wrap .ps-post-list .ps-post-item.first .desc .name::after {
  content: '';
  display: block;
  width: 1.25rem;
  height: 0.5rem;
  margin: 0.5rem 0 1rem;
  background: #222;
}

.issue-cont-wrap .ps-post-list .ps-post-item + .ps-post-item {
  margin-top: 2.5rem;
}

.issue-cont-wrap .ps-post-list .ps-post-item:first-child {
  margin-bottom: 3.125rem;
}

.issue-cont-wrap .ps-post-list .ps-post-item .thumbs {
  overflow: hidden;
  width: 100%;
  /* height: calc(454/360*100vw); */
}

.issue-cont-wrap .ps-post-list .ps-post-item .thumb-list .img-wrap {
  overflow: hidden;
  width: 31.25%;
  height: calc(146/360*100vw);
  margin-top: 0.625rem;
}

.issue-cont-wrap .ps-post-list .ps-post-item .dscr .name {
  font-size: 1.125rem;
}

.issue-cont-wrap .ps-post-list .ps-post-item .dscr .d-txt {
  padding-top: 0.625rem;
}

.select-wrap {
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  height: 3.75rem;
}

.select-wrap .ps-sticky {
  padding: 0.5rem 0;
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.select-wrap .ps-sticky.fixed {
  -webkit-transform: translateY(-3.75rem);
      -ms-transform: translateY(-3.75rem);
          transform: translateY(-3.75rem);
  width: calc(320/360*100vw);
}

.select-wrap .ps-sticky.fixed.always {
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  width: 100%;
  padding: 0.5rem 1.25rem;
}

.up .select-wrap .ps-sticky.fixed {
  z-index: 1;
  -webkit-transform: translateY(3.5rem);
      -ms-transform: translateY(3.5rem);
          transform: translateY(3.5rem);
}

.type-info dl {
  padding: 1.1875rem 0 1.3125rem;
  border-bottom: 1px solid #EEEEEE;
}

.type-info dl dt {
  margin-bottom: 0.8125rem;
}

.type-info dl dd {
  line-height: 1.38;
}

.type-info .bt-dscr {
  margin-top: 0.6875rem;
  color: #999;
  line-height: 1.5;
}

.ps-item-top .top-info-box {
  padding: 1.25rem 1.25rem 2.5rem;
  border-top: 1px solid #EEEEEE;
}

.ps-item-top .top-info-box .ps-list {
  margin-top: 1.4375rem;
}

.ps-item-top .top-info-box .ps-list li {
  font-size: 0.8125rem;
  line-height: 1.8;
}

.gift-detail-info {
  padding: 1.5rem 0 0 0;
}

.gift-detail-info .top-tit {
  margin-bottom: 0.3125rem;
  color: #FF0052;
  font-size: 0.75rem;
  font-weight: 700;
  text-align: center;
}

.gift-detail-info .tit {
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
}

.gift-detail-info .cont {
  font-size: 0.875rem;
  line-height: 1.42;
  text-align: center;
}

.gift-detail-info > img {
  display: block;
  width: 15rem;
  margin: 2.5rem auto 2.9375rem;
}

.gift-detail-info > ul > li {
  margin-bottom: 1.875rem;
}

.gift-detail-info > ul > li:last-child {
  margin-bottom: 0;
}

.gift-detail-info > ul > li .bedge {
  display: inline-block;
  margin-bottom: 0.8125rem;
  padding: 0.1875rem 0.625rem;
  background: #222;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
}

.ps-prd-detail--content .ps-list.type1 li {
  font-size: 0.8125rem;
}

.ps-prd-detail--content .ps-list.type1 li ul li {
  margin-top: 0.625rem;
}

.ps-item-info.giftcard {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  border-top: 0.1875rem solid #222;
}

.ps-item-info.giftcard .ps-prd-detail {
  padding-top: 0;
  border-top: none;
}

.gift-card-wrap .ps-subtitle {
  padding: 0 1.25rem;
}

/*회원정보 수정*/
/* 핸드폰 인증 */
.phone-confirm .ps-input {
  width: 65.9%;
}

.phone-confirm .txt-wrap {
  margin-top: 0.5rem;
}

.phone-confirm .txt-wrap span {
  color: #FF0052;
  font-size: 0.75rem;
}

.phone-confirm .txt-wrap span em {
  font-style: normal;
}

.phone-confirm .txt-wrap button {
  font-size: 0.75rem;
  text-decoration: underline;
}

/* 이벤트 */
.event-detail .thumbs {
  width: 100%;
  max-width: 100%;
}

/*팝업*/
/* 모바일상품권 조회/적용 */
.mobile-gift-search-popup .ps-layer-full--content .ps-inven {
  overflow: auto;
  height: calc(100% - 22.5rem);
}

.mobile-gift-search-popup .ps-layer-full--content .ps-inven .inp {
  color: #999;
}

.mobile-gift-search-popup .ps-layer-full--content .coupon-box + .coupon-box {
  margin-top: 0.625rem;
}

.mobile-gift-search-popup .ps-layer-full--content .coupon-total {
  margin-top: 1.5625rem;
  padding-top: 1.25rem;
  border-top: 0.125rem solid #222;
}

.mobile-gift-search-popup .ps-layer-full--content .coupon-total p {
  text-align: right;
  font-size: 0.875rem;
  font-weight: 500;
}

.mobile-gift-search-popup .ps-layer-full--content .coupon-total p span {
  display: inline-block;
  margin-left: 0.5rem;
  color: #FF0052;
  font-size: 1.125rem;
  font-weight: 700;
}

.mobile-gift-search-popup .ps-layer-full--content .ps-list.po-bottom {
  bottom: 9.6875rem;
}

.mobile-gift-search-popup .ps-layer-full--content .ps-list.po-bottom .ps-list.type1 {
  margin-top: 0;
}

.mobile-gift-search-popup .ps-layer-full--content .ps-layer-bot-btn {
  width: calc(100% - 1.25rem);
  padding: 1.25rem 1.25rem 1.25rem 0;
}

/* 주문결제 쿠폰 조회/적용*/
.coupon-search-popup .ps-list li {
  font-size: 0.8125rem;
}

.coupon-search-popup .available-coupon,
.coupon-search-popup .download-coupon {
  padding-bottom: 5rem;
}

.coupon-search-popup .available-coupon .tit,
.coupon-search-popup .download-coupon .tit {
  margin-bottom: 0.875rem;
}

.coupon-search-popup .coupon-area {
  border: 1px solid #CCCCCC;
}

.coupon-search-popup .coupon-area .coupon-box {
  padding: 1.25rem 1rem 1.875rem;
  border: none;
}

.coupon-search-popup .coupon-area .coupon-box + .coupon-box {
  padding-top: 0;
}

.coupon-search-popup .coupon-area .coupon-box .flex-box {
  padding: 0 0 0.625rem 0;
  border-top: none;
}

.coupon-search-popup .coupon-area .coupon-box .flex-box .dc-price {
  font-size: 0.875rem;
  color: #999;
}

.coupon-search-popup .coupon-area .coupon-box .cou-name {
  font-size: 0.875rem;
  font-weight: 700;
}

.coupon-search-popup .coupon-area .coupon-box select {
  height: 2.75rem;
}

.coupon-search-popup .coupon-area .sum {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1rem;
}

.coupon-search-popup .coupon-area .sum span {
  font-size: 0.875rem;
}

.coupon-search-popup .coupon-area .sum strong {
  font-size: 1.125rem;
  font-weight: 700;
}

.coupon-search-popup .coupon-area.download {
  border: none;
}
.coupon-search-popup .coupon-area.download .no-data{
  border-bottom: 1px solid #EEEEEE;
}
.coupon-search-popup .coupon-area.download .coupon-box {
  margin-bottom: 0.625rem;
  padding: 1.25rem 0.875rem;
  border: 1px solid #CCCCCC;
}

.coupon-search-popup .coupon-area.download .coupon-box .cou-name {
  margin-bottom: 0.75rem;
}

.coupon-search-popup .coupon-area.download .coupon-box .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.375rem;
  padding-bottom: 0;
}

.coupon-search-popup .coupon-area.download .coupon-box .flex-box span {
  font-size: 0.75rem;
}

.coupon-search-popup .coupon-area.download .coupon-box .flex-box span._tit {
  width: 27%;
}

.coupon-search-popup .coupon-area.download .coupon-box .flex-box span.con {
  width: 73%;
}

.coupon-search-popup .coupon-area.download .coupon-box .flex-box select {
  height: 2.25rem;
}

.coupon-search-popup .coupon-area.download .coupon-box .btn-cou-down {
  width: 100%;
  margin-top: 0.5rem;
  background: #222;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 2.25rem;
  text-align: center;
}

.coupon-search-popup .coupon-area.cart .coupon-box {
  padding-bottom: 1.25rem;
}

.coupon-search-popup .coupon-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.5625rem;
  padding: 1.25rem 0 0;
  border-top: 0.125rem solid #222;
}

.coupon-search-popup .coupon-total p {
  font-size: 1.125rem;
  font-weight: 700;
}

.coupon-search-popup .coupon-total span {
  color: #FF0052;
  font-size: 1.125rem;
  font-weight: 700;
}

/* 개인정보 제3자 제공동의 */
.personal-info-popup .ps-inven dl {
  padding: 1.25rem 1rem 8.75rem;
  background: #F8F8F8;
}

.personal-info-popup .ps-inven dl dd {
  margin-bottom: 1.875rem;
}

.personal-info-popup .ps-inven dl dd:last-child {
  margin-bottom: 0;
}

.personal-info-popup .ps-inven .ps-list {
  margin-top: 0;
}

.personal-info-popup .ps-inven .ps-list li {
  font-size: 0.8125rem;
}

/* 우편번호 팝업 */
.zipcode-popup .ps-list {
  margin-top: 0;
  margin-bottom: 1.25rem;
}

.zipcode-popup .address-wrap {
  margin-top: 1.25rem;
  padding-bottom: 7.75rem;
}

.zipcode-popup .address-wrap li {
  padding: 1.125rem 0px;
  border-bottom: 1px solid #EEEEEE;
}

.zipcode-popup .address-wrap li:first-child {
  border-top: 0.125rem solid #222;
}

.zipcode-popup .address-wrap li p {
  font-size: 0.875rem;
  color: #999999;
  line-height: 1.5;
}

.zipcode-popup .address-wrap li p.zipcode {
  margin-bottom: 0.375rem;
  color: #000;
}
.zipcode-popup .ps-layer-bot-btn{
  padding:1.125rem 1.125rem 1.125rem 0;    
}
/* 본인인증안내 팝업 */
.certification-popup .ps-list {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid #eee;
}

/* 교환신청 팝업 */
.mypage-exchange-popup .order-product {
  border-bottom: 1px solid #eee;
}

.mypage-exchange-popup .order-product img {
  width: 5.625rem;
  height: 5.625rem;
}

/**************************************mypage start************************************/
.mypage .title {
  padding-bottom: 0.688rem;
}
.mypage-top > .mypage-top--tit {
  position: relative;
}
.mypage-top > .mypage-top--tit > h3 {
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 0.188rem solid #222;
  padding: 0.750rem 1.25rem;
}
.mypage-top > .mypage-top--tit > small {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
}
.mypage-top > .mypage-top--tit > small.essential::before {
  display: inline-block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  margin-right: 0.25rem;
  background: #FF0052;
  vertical-align: top;
}
.mypage-info {
  display: block;
  border-top: 0.125rem solid #222;
  border-bottom: 0.125rem solid #222;
  padding: 1.25rem;
}

.mypage-info > ul {
  font-size: 0;
}

.mypage-info > ul > li {
  display: inline-block;
  vertical-align: middle;
}

.mypage-info > ul > .info {
  font-size: 1rem;
  line-height: 1.25rem;
  width: 8.250rem;
  margin-left: 0.87rem;
  color: #222;
  min-width: calc(100% - 42vw);
}

.mypage-info > ul > .info strong {
  font-weight: bold;
}

.mypage-info > ul > .info .red {
  color: #FF0052;
}

.mypage-info > ul > .more {
  font-size: 0.87rem;
  color: #222;
  float: right;
  position: relative;
  top: 0.7rem;
}

.mypage-info > ul > .more:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.svg") no-repeat center;
  width: 0.625rem;
  height: 0.8125rem;
  margin-left: 0.75rem;
  margin-top: -0.2rem;
}

.mypage-coupon {
  display: block;
  padding: 1.25rem;
}

.mypage-coupon > ul {
  display: block;
}

.mypage-coupon > ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.87rem;
  font-size: 0.87rem;
  color: #222;
}

.mypage-coupon > ul > li a {
  text-decoration: underline;
}

.mypage-coupon > ul > li:first-child {
  margin-top: 0;
}

.mypage-action {
  display: block;
}

.mypage-action > ul {
  display: block;
  font-size: 0;
}

.mypage-action > ul > li {
  border-left: 0.063rem solid #eee;
  border-top: 0.063rem solid #eee;
  border-bottom: 0.063rem solid #eee;
  width: 33.33%;
  text-align: center;
  padding: 1.5rem 0;
  display: inline-block;
  vertical-align: top;
}

.mypage-action > ul > li > p {
  font-size: 0.87rem;
}

.mypage-action > ul > li > a {
  font-size: 0.87rem;
  font-weight: bold;
  margin-top: 0.625rem;
  text-decoration: underline;
}

.mypage-action > ul > li:last-child {
  border-right: 0.063rem solid #eee;
}

.ps-cont-head > .title.end-arrow:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.svg") no-repeat center;
  width: 0.625rem;
  height: 0.8125rem;
  float: right;
  position: relative;
  top: 0.3rem;
}

.ps-cont-head + .swiper-related {
  margin-top: 1.25rem;
}

.ps-cont-head > h4 > .end-txt {
  float: right;
  font-size: 0.813rem;
  font-weight: 400;
  position: relative;
  top: 0.25rem;
}

.ps-cont-head > h4 > .end-txt > .noti-point {
  width: 0.250rem;
  height: 0.250rem;
  display: block;
  background: #FF0052;
  position: absolute;
  top: 0;
  left: -0.313rem;
}

.ps-cont-head + .ps-list {
  margin: 1.250rem 0 2.5rem 0;
}

.ps-recommend-item.mypage {
  margin-top: 1.875rem;
  padding: 0 1.25rem;
}

.ps-recommend-item.top-sm {
  margin-top: 1rem !important;
}

.ps-recommend-item.order {
  margin-top: 1.875rem;
  padding: 0 1.25rem;
}

.ps-recommend-item.order > .ps-cont-head > .title {
  padding-bottom: 0.688em;
}

.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.125rem 0 1rem 0;
  border-top: 0.063rem solid #eee;
}

.flex-box.bor-t-2 {
  border-top: 0.125rem solid #222 !important;
}

.flex-box.order-tit {
  border-bottom: 0.063rem solid #eee;
  border-top:none;
}

.inline-box {
  display: block;
  padding: 1.125rem 0 1rem 0;
  border-top: 0.063rem solid #eee;
}

.inline-box.order-tit {
  border-bottom: 0.063rem solid #eee;
}

.inline-box > div {
  display: inline-block;
  vertical-align: middle;
}

.inline-box > p {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875em !important;
}

.inline-box > .order-day {
  display: inline-block;
  vertical-align: middle;
  float: right;
  position: relative;
  top: 0.1875rem;
}

.inline-box > .order-num {
  display: inline-block;
  vertical-align: middle;
}

.order-num {
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
}

.order-day {
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
}

.order-day.more::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0.3125rem;
  height: 0.625rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/temp/icon_arrow_R.png") no-repeat center;
  margin-left: 0.875rem;
}

.order-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 1.25rem 0;
}

.order-product > .order-product-img {
  display: inline-block;
  vertical-align: middle;
  width: 5.625rem;
  height: 5.625rem;
}

.order-product > .order-product-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 9.125rem);
  margin-left: 1rem;
}

.order-product > .order-product-info > .product {
  display: block;
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
}

.order-product > .order-product-info > .price {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.order-product > .order-product-info > .pro-size {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.order-product > .order-product-info > .price-bottom {
  display: block;
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
  margin-top: 1.625rem;
}

.order-product > .order-product-info > .reivew-btn {
  font-size: 0.750rem;
  color: #222;
  text-decoration: underline;
  margin-top: 1.875rem;
}

.order-product > .order-bottom {
  width: 100%;
  padding: 0.938rem 0;
  border-top: 0.063rem solid #eee;
  border-bottom: 0.063rem solid #eee;
  margin-top: 1.250rem;
}

.order-product > .order-bottom > p {
  font-size: 0.750em;
  position: relative;
}

.order-product > .order-bottom > a {
  font-size: 0.750em;
  text-decoration: underline;
  font-size: 0.750em;
  text-decoration: underline;
}

.order-product > .inline-box > .float-l {
  position: relative;
  top: 0.4375rem;
}

.last-pro {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

.last-pro > ul > .order-product {
  padding-bottom: 0;
  padding-bottom: 0;
}

.first-pro {
  border-top: none !important;
  border-top: none !important;
}

.noti-point {
  width: 0.250rem;
  height: 0.250rem;
  display: block;
  background: #FF0052;
  position: absolute;
  top: 0;
  right: -0.313rem;
  width: 0.250rem;
  height: 0.250rem;
  display: block;
  background: #FF0052;
  position: absolute;
  top: 0;
  right: -0.313rem;
}

.mypage-cont .semi-tit {
  font-size: 1rem;
  font-weight: bold;
  color: #222;
  line-height: 1.250rem;
  margin: 2.313rem 0 1.063rem 0;
}

.mypage-cont .semi-tit > span {
  color: #FF0052;
}

.mypage-cont .semi-tit.bor-line {
  border-bottom: 0.188rem solid #222;
  margin-bottom: 0;
  padding-bottom: 1.063rem;
}

.mypage-cont + .mypage-bottom {
  margin-top: 3.125rem;
}

.bor-t-line {
  border-top: 0.188rem solid #222;
}

.search-box {
  display: block;
  font-size: 0;
}

.search-box + .order-box {
  margin-top: 0;
}

.sg-Radio-btn > .sg-Radio-input {
  display: none;
}

.sg-Radio-btn > .sg-Radio-text {
  display: inline-block;
  padding: 1rem 0;
  font-size: 0.813rem;
  font-weight: 500;
  color: #222;
  width: 33.3%;
  border-top: 0.063rem solid #eee;
  border-bottom: 0.063rem solid #eee;
  border-left: 0.063rem solid #eee;
  background: #fff;
  cursor: pointer;
  text-align: center;
}

.sg-Radio-btn > .sg-Radio-text.bor-r {
  border-right: 0.063rem solid #eee;
}

.sg-Radio-btn .sg-Radio-input:checked ~ .sg-Radio-text {
  border: 0.063rem solid #222;
  color: #222;
}

.calendar-box {
  display: block;
  margin-top: 0.5rem;
}

.calendar-box .ps-input{
  flex:1;
  -webkit-box-flex: 1;
}

.calendar-box .inp {
  position: relative;
  text-align: left;
  background-color:#fff;
  line-height:3rem;
}
.calendar-box .inp::-webkit-date-and-time-value {
  text-align: left;
}
.calendar-box .inp-date::after {
  content: '';
  display: block;
  background: url("http://image.prospecs.com/mobile/images/renewal/common/date-ico.png") no-repeat center;
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  top: 0.938rem;
  right: 0.875rem;
}

.calendar-box > .top .m {
  padding: 0 0.375rem;
  font-size: 1rem;
}

input[type="date"] {
  position: relative;
  font-size: 0.9rem !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}

.order-box > ul > li:first-child {
  margin-top: 0;
}

.order-box > ul > li > .flex-box {
  padding-top: 1.875rem;
}

.order-box > ul > li {
  border-bottom: 0.063rem solid #eee;
}

.btn-area--center {
  text-align: center;
  margin: 2.500rem 0 3.125rem 0;
}

.mypage-bottom {
  display: block;
  border-top: 0.1875rem solid #222;
  padding-top: 2.313rem;
  margin-bottom: 3.75rem;
}

.mypage-list {
  padding: 0 1.25rem;
}

.mypage-list > ul > li {
  display: block;
  padding: 0.813rem 0;
  border-bottom: 0.063rem solid #eee;
  font-size: 0.87rem;
  color: #222;
}

.mypage-list > ul > li:last-child {
  border-bottom: none;
}

.mypage-list > ul + .ps-cont-head {
  margin-top: 1.688rem;
}

.table-ty01 {
  display: block;
  border-top: 0.063rem solid #eee;
  border-right: 0.063rem solid #eee;
  margin-bottom: 3.750rem;
}

.table-ty01 > table {
  width: 100%;
}

.table-ty01 > table > tbody > tr {
  border-left: 0.063rem solid #eee;
  border-bottom: 0.063rem solid #eee;
}

.table-ty01 > table > tbody > tr > th {
  font-size: 0.875rem;
  color: #222;
  font-weight: bold;
  padding: 1.5rem 0;
  font-weight: 400;
}

.table-ty01 > table > tbody > tr > th > img {
  display: block;
  margin: 0 auto;
}

.table-ty01 > table > tbody > tr > th > span {
  color: #999;
  display: block;
  margin-top: 0.188rem;
}

.table-ty01 > table > tbody > tr > td {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  padding: 1.5rem 0;
  border-left: 0.063rem solid #eee;
}

.table-ty01 + .type2 {
  margin-bottom: 3.125rem;
}

.table-ty02 {
  display: block;
  border-top: 0.125rem solid #222;
  margin-bottom: 2.500rem;
}

.table-ty02 > table {
  width: 100%;
}

.table-ty02 > table > tbody > tr {
  border-bottom: 0.063rem solid #eee;
}

.table-ty02 > table > tbody > tr.bor-none {
  border: none;
}

.table-ty02 > table > tbody > tr > th {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  padding: 0.813rem 0;
  text-align: left;
  vertical-align: top;
}

.table-ty02 > table > tbody > tr > th > span {
  display: block;
  color: #999 !important;
  font-weight: 300 !important;
}

.table-ty02 > table > tbody > tr > th.last-th {
  position: relative;
  top: 0.4375rem;
}

.table-ty02 > table > tbody > tr > td {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.813rem 0;
  text-align: left;
}

.table-ty02 > table > tbody > tr > td > .list-input--box > ul > li {
  border-bottom: none;
  padding-bottom: 1.750rem;
  margin-top: 0;
}

.table-ty02 > table > tbody > tr > td > .list-input--box > ul > li:last-child {
  padding-bottom: 0;
}

.table-ty02.none--border > table > tbody > tr {
  border-bottom: none;
}

.table-ty02.flex-tb > table > tbody > tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.table-ty02 + .ps-btn {
  margin-bottom: 3.750rem;
}

.table-ty02 tr.t-top {
  border-top: 0.125rem solid #222 !important;
  margin-top: 3.125rem;
}

.table-ty02 tr.tfooter {
  border-top: 1px solid #eee;
  border-bottom: 0.1875rem solid #222 !important;
}

.table-ty03 {
  display: block;
  border-top: 0.063rem solid #eee;
  margin-bottom: 1.25rem;
}

.table-ty03 > table {
  width: 100%;
}

.table-ty03 > table > tbody > tr {
  border-bottom: 0.063rem solid #eee;
}

.table-ty03 > table > tbody > tr > th {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  padding: 1.25rem 0;
  text-align: left;
}

.table-ty03 > table > tbody > tr > th.last-th {
  position: relative;
  top: 0.4375rem;
}

.table-ty03 > table > tbody > tr > td {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 1.25rem 0;
  text-align: left;
}

.table-ty03 > table > tbody > tr > td > span {
  display: block;
  color: #999 !important;
  font-weight: 300 !important;
}

.color-ty01 {
  color: #ec771c !important;
}

.color-ty02 {
  color: #FF0052 !important;
}

.color-ty03 {
  color: #999999 !important;
}

.color-ty04 {
  color: #222 !important;
}

.font-big {
  font-size: 1.125rem !important;
}

.ps-btn.type8-1 {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: inline-block;
  vertical-align: top;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 1.250rem;
  text-align: center;
  border: 1px solid #222;
  padding: 0.438rem 0.563rem;
}

.ps-btn.type8-1.black {
  background: #222;
  color: #fff;
}

.ps-btn.type3.black {
  color: #fff;
  background: #222;
  border-color: #222;
}

.ps-btn.type-sm {
  display: block;
  width: auto;
  font-weight: 500;
  font-size: 0.813rem;
  text-align: center;
  line-height: 1.250rem;
  border: 1px solid #222;
  padding: 0.438rem 1.375rem;
}

.ps-btn.type-sm.black {
  background: #222;
  color: #fff;
}

.ps-btn.type-sm.bor-gray {
  border: 1px solid #ccc !important;
}

.ps-btn.type2.big {
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 1.125rem;
  text-align: center;
  color: #fff;
  line-height: 3.125rem;
  background: #222;
  padding: 1rem 0;
}

.ps-select + .ps-list {
  margin-top: 1.875rem;
}

.ps-select + p {
  font-size: 0.75rem;
  margin-top: 0.125rem;
}

.ps-list + .order-box {
  margin-top: 1.875rem;
}

.ps-list > li > ul > li {
  margin-top: 0.625rem;
}

.ps-list + .type2 {
  margin-top: 2.5rem;
}

.ps-list.type2.gray > li {
  color: #999;
}

.ps-list.type2.gray > li::before {
  content: '';
  border-bottom: 1px solid #999;
}

.gray-bg-box {
  display: block;
  padding: 1.875rem 0.938rem;
  background-color: #f8f8f8;
}

.gray-bg-box > .tit {
  font-size: 0.875rem;
  color: #222;
  margin-bottom: 0.875rem;
  font-weight: 700;
}

.gray-bg-box > .ps-list + .tit {
  margin-top: 2rem;
}

.gray-bg-box + .ps-cont-head {
  margin-top: 3.125rem;
}

.m-b14 {
  margin-bottom: 0.875rem !important;
}

.white-bg-box {
  margin: 1.188rem 0 3.750rem 0;
}

.white-bg-box > .tit {
  font-size: 0.875rem;
  color: #222;
  margin-bottom: 0.875rem;
  font-weight: 700;
}

.white-bg-box > .ps-list {
  margin-bottom: 1.250rem;
}

.white-bg-box > .ps-list + .tit {
  padding-top: 1.188rem;
  border-top: 1px solid #eee;
}

.white-bg-box > .ps-list + .color-ty03 {
  padding-top: 1.188rem;
  border-top: 1px solid #eee;
}

.white-bg-box > .ps-list.color-ty03 > li::before {
  content: '';
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 0.25rem;
  border-bottom: 0.25rem solid #999;
}

.white-bg-box + .ps-cont-head {
  margin-top: 3.125rem;
}

.w-77 {
  width: 4.813rem;
}

.m-r11 {
  margin-right: 0.688rem;
}

.txt-box {
  display: block;
}

.txt-box > .tit {
  font-size: 0.875rem;
  color: #222;
  position: relative;
  display: inline-block;
  margin: 0.813rem 0 0.563rem 0;
}

.txt-box > .tit > .noti-point {
  width: 0.250rem;
  height: 0.250rem;
  display: block;
  background: #FF0052;
  position: absolute;
  top: 0;
  right: -0.313rem;
}

.txt-box + .ps-cont-head {
  margin-top: 2.438rem;
}

.textarea-box {
  position: relative;
  margin-top: 0.625rem;
}

.textarea-box > .count-txt {
  font-size: 0.813rem;
  color: #999;
  font-weight: 300;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 99%;
  padding: 0 0.8rem 0.5rem;
  background-color: #fff;
  text-align: right;
}

.ps-textarea {
  display: block;
  width: 100%;
  height: 7.500rem;
  padding: 0.688rem 0.625rem;
  font-size: 1rem;
  line-height: 1.625rem;
  border: 1px solid #ccc;
  resize: none;
  outline: none;
  -webkit-appearance: none;
	-webkit-border-radius:0;
}
.ps-textarea.count{
  padding-bottom: 2rem;
}
.ps-textarea::placeholder {
  font-size: 0.85rem;
}
.list-input--box {
  display: block;
}

.list-input--box ul {
  display: block;
  margin-top: 0.813rem;
}

.list-input--box ul > li {
  padding-bottom: 1.875rem;
  margin-top: 1.875rem;
  border-bottom: 1px solid #eee;
}

.list-input--box ul > li:first-child {
  margin-top: 0;
}

.list-input--box ul > li > .tit {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  margin-bottom: 0.563rem;
  position: relative;
  display: inline-block;
}

.list-input--box ul > li > .tit + .semi-tit {
  margin-top: 0.25rem;
  display: block;
}

.list-input--box ul > li > .tit > .noti-point {
  width: 0.250rem;
  height: 0.250rem;
  display: block;
  background: #FF0052;
  position: absolute;
  top: 0;
  right: -0.313rem;
}

.list-input--box ul > li > .semi-tit {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  margin-bottom: 0.563rem;
  position: relative;
  display: inline-block;
}

.list-input--box ul > li > .flex-box {
  padding-bottom: 0.5rem;
}

.list-input--box ul > li > .flex-box--input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-input--box ul > li > .flex-box--input.point {
  margin: 5.333vw 0;
}

.list-input--box ul > li > .flex-box--input.point > .tit {
  margin-top: 0;
}

.list-input--box ul > li > .flex-box--input > .tit {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  position: relative;
  display: inline-block;
  margin-top: 3.733vw;
}

.list-input--box ul > li > .flex-box--input > .middle-txt {
  font-size: 1rem;
  color: #222;
  font-weight: 400;
  margin: 0 1.188rem 0 0.625rem;
  margin-top: 2.666vw;
}

.list-input--box ul > li > .flex-box--input > .middle-txt.mr0 {
  margin-right: 0;
}

.list-input--box ul > li > .flex-box--input > .type3 {
  width: 27.7vw;
}

.list-input--box ul > li > .radio-box {
  margin-top: 0.375rem;
}

.list-input--box.del ul {
  display: block;
  margin-top: 0.813rem;
}

.list-input--box.del ul > li {
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
  border-bottom: 1px solid #eee;
}

.list-input--box.del ul > li:last-child {
  border-bottom: 1px solid #eee;
}

.list-input--box + .ps-list {
  margin-top: 0.875rem;
}

.list-input--box.bot-b-e {
  border-bottom: 1px solid #eee;
}

.list-input--box + .ps-cont-bot-btn {
  margin-bottom: 3.75rem;
}

.list-input--box + .ps-cont-head {
  margin-top: 3.125rem;
}

.list-input--box + .semi-tit {
  font-weight: 400;
  border-top: 1px solid #eee;
  padding-top: 2.313rem;
  margin-top: 0;
}

.list-flex {
  display: block;
  border-top: 0.125rem solid #222;
  margin-top: 1.250rem;
}

.list-flex > ul > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.250rem 0;
  border-bottom: 1px solid #eee;
}

.list-flex > ul > li:last-child {
  border-bottom: none;
}

.list-flex > ul > li > .coupon-img-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8.5rem;
  height: 5.625rem;
  margin-right: 1rem;
  background: #f8f8f8;
  text-align: center;
}

.list-flex > ul > li > .coupon-img-area > img {
  display: block;
  margin: 1.188rem auto 0 auto;
}

.list-flex > ul > li > .coupon-cont {
  position: relative;
  top: -0.25rem;
}

.list-flex > ul > li > .coupon-cont > .badge {
  font-size: 0.688rem;
  color: #fff;
  line-height: 0.938rem;
  padding: 0.125rem 0.375rem;
  background: #222;
  display: inline-block;
}

.list-flex > ul > li > .coupon-cont > .tit {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.250rem;
  margin-top: 0.313rem;
  word-break: keep-all;
}

.list-flex > ul > li > .coupon-cont > .txt {
  font-size: 0.813rem;
  color: #999;
  line-height: 1.125rem;
  margin-top: 0.750rem;
}

.list-flex .coupon--box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 6.875rem;
  height: 3.25rem;
}

.list-flex .coupon--box .left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 84.4%;
  height: 100%;
  background: #fff;
  border-radius: 0.625rem 0 0 0.625rem;
  padding-bottom:0.2rem;
}

.list-flex .coupon--box .left .con {
  margin-bottom: 1px;
  text-align: center;
}

.list-flex .coupon--box .left .con em {
  color: #999999;
  font-size: 0.5rem;
  font-style: normal;
}

.list-flex .coupon--box .left .con em ~ div{
  margin-top:-0.2rem;
}

.list-flex .coupon--box .left .con .dc {
  color: #FF0052;
  font-size: 0.875rem;
  font-weight: 700;
}

.list-flex .coupon--box .left .con span {
  color: #222;
  font-size: 0.875rem;
  font-weight: 700;
}

.list-flex .coupon--box .right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 15.6%;
  background: #222;
  border-radius: 0 0.625rem 0.625rem 0;
}

.list-flex .coupon--box .right span {
  display: none;
  padding-bottom: 0.5rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.list-table {
  display: block;
  margin-top: 1.875rem;
}

.list-table > ul > li {
  display: block;
  border-top: 0.125rem solid #222;
  border-bottom: 1px solid #eee;
}

.list-table > ul > li + li {
  margin-top: 1.875rem;
}

.list-table > ul > li > .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.813rem 0;
  border-bottom: 1px solid #eee;
  font-size: 0.875rem;
}

.list-table > ul > li > .tit > .txt1 {
  color: #999;
}

.list-table > ul > li > .tit > .txt2 {
  color: #222;
}

.list-table > ul > li > .tit > .txt3 {
  color: #222;
  font-weight: 700;
}

.list-table > ul > li.question > .tit > .txt1 {
  color: #222;
}

.list-table > ul > li.question > .cont {
  padding: 0.813rem 0 !important;
}

.list-table > ul > li.question > .cont > .txt1 {
  font-weight: normal;
  font-size: 0.875rem;
}

.list-table > ul > li.question > .cont > .txt1::before {
  content: 'Q';
  display: inline-block;
  font-family: Poppins, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  margin-right: 0.5rem;
}

.list-table > ul > li > .cont {
  padding: 1.250rem 0;
}

.list-table > ul > li > .cont > .cont-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-table > ul > li > .cont > .cont-top > .txt1 {
  font-size: 0.875rem;
  font-weight: bold;
  color: #222;
}

.list-table > ul > li > .cont > .cont-top > .txt2 {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
}

.list-table > ul > li > .cont > .cont-bottom {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
  margin-top: 0.438rem;
}

.list-table > ul > li > .cont > .cont-bottom.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-table.type1 > ul > li {
  border-top: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.188rem 0;
}

.list-table.type1 > ul > li:first-child {
  border-top: 0.125rem solid #222;
}

.list-table.type1 > ul > li + li {
  margin-top: 0;
}

.list-table.type1 > ul > li > .txt-area {
  font-size: 0.875rem;
  font-weight: 300;
}

.list-table.type1 > ul > li > .txt-area > .badge {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.list-table.type1 > ul > li > .btn-area {
  display: inline-block;
}

.list-table.type2 {
  margin-top: 0;
}

.list-table.type2 > ul > li {
  border-top: none;
  display: block;
  padding: 1.188rem 0;
}

.list-table.type2 > ul > li:first-child {
  padding-top: 0;
}

.list-table.type2 > ul > li + li {
  margin-top: 0;
}

.list-table.type2 > ul > li > .ps-chkbox {
  display: inline-block;
  vertical-align: top;
}

.list-table.type2 > ul > li > .radio-cont {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 3rem);
}

.list-table.type2 > ul > li .txt-area {
  font-size: 0.875rem;
  font-weight: 300;
}

.list-table.type2 > ul > li .txt-area > .badge {
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.list-table.type2 > ul > li .btn-area {
  display: inline-block;
}

.ps-inven.he-block {
  height: 165vw;
}

.ps-inven.he-block > .type2 {
  overflow: auto;
  /* height: 100%; */
  padding-bottom:6rem;
}

.ps-inven > .empty-box {
  border-bottom: 1px solid #eee;
  text-align: center;
  height: 70vh;
  line-height: 70vh;
  font-size: 0.875rem;
  font-weight: 400;
}

.ps-layer-full--content .tit {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
  margin-bottom: 0.563rem;
}

.ps-layer-full--content .coupon-box {
  border: 1px solid #ccc;
  padding: 1.125rem 0.875rem;
}

.ps-layer-full--content .coupon-box > .tit {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.063rem;
}

.ps-layer-full--content .coupon-box > .txt1 {
  font-size: 0.750rem;
  margin-top: 0.750rem;
}

.ps-layer-full--content .coupon-box > .txt1 > span {
  display: inline-block;
  margin-right: 0.250rem;
}

.ps-layer-full--content .coupon-box > .txt2 {
  font-size: 0.750rem;
  margin-top: 0.313rem;
}

.ps-layer-full--content .coupon-box > .txt2 > span {
  display: inline-block;
  margin-right: 1.8rem;
}

.ps-layer-full--content .coupon-box.active {
  border-color: #222;
}

.ps-layer-full--content .ps-list.po-bottom {
  position: fixed;
  padding-right: 1.25rem;
  bottom: 6.438rem;
  word-break: break-all;
}

.ps-layer-bot-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 1.25rem 1.25rem 1.875rem 0;
  background: #fff;
}

.ps-layer-bot-btn > .flex-box-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-right: 1.25rem;
}

.ps-layer-bot-btn > .flex-box-btn > .ps-btn {
  width: 43vw !important;
}

.semi-tit--list {
  font-size: 0.875rem;
  color: #222;
  font-weight: bold;
  margin: 1.25rem 0 0.875rem 0;
}

.semi-tit--list + .ps-list {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #eee;
}

.semi-tit--list + .ps-list.last-pro {
  margin-bottom: 2.5rem;
}

.ps-input + .ps-btn {
  width: 3.125rem;
}

.all-check-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.all-check-area > .a-btn-area {
  color: #999;
  font-size: 0.875rem;
  display: inline-block;
}

.all-check-area > .a-btn-area > a {
  text-decoration: underline;
}

.all-check-area > .a-btn-area > a + a {
  margin-left: 0.5rem;
}

.all-check-area > .a-btn-area > a.on {
  color: #222 !important;
}

.list-box {
  margin-top: 1rem;
  border-top: 1px solid #222;
}

.list-box > li {
  padding-top: 1.25rem;  
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #eee;
}

.list-box > li:last-child {
  border-bottom:none;
  padding-bottom:0;
}

.list-box > li > .check-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.list-box > li > .check-zone > img {
  width: 0.875rem;
  height: 0.875rem;
  cursor: pointer;
}

.list-box > li > .cont-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.25rem;
}

.list-box > li > .cont-zone > .order-product-img {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: 5.625rem;
  height: 5.625rem;
  position: relative;
}
.list-box > li > .cont-zone > .order-product-img .soldout {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  background: rgba(255,255,255,0.5);
  font-size: 0.875rem;
  font-family: Poppins, sans-serif;
  font-weight: 800;
}

.list-box > li > .cont-zone > .order-product-info {
  display: inline-block;
  vertical-align: top;
  margin-left: 1rem;
  width:calc(100% - 5.625rem);
}

.list-box > li > .cont-zone > .order-product-info > .product {
  display: block;
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
}

.list-box > li > .cont-zone > .order-product-info > .price {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.list-box > li > .cont-zone > .order-product-info > .pro-size {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.list-box > li > .cont-zone > .order-product-info > .price-bottom {
  display: block;
  font-size: 1rem;
  color: #222;
  line-height: 1.25rem;
  margin-top: 1.625rem;
  font-weight: 700;
}

.list-box > li > .input-zone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.938rem;
}

.list-box > li > .input-zone p {
  font-size: 0.875rem;
  margin-bottom: 0.563rem;
}

.list-box > li > .input-zone .ps-select {
  width: 43vw !important;
}

.ps-cont-bot-btn > .flex-box-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ps-cont-bot-btn > .flex-box-btn > .ps-btn {
  width: 43vw !important;
}

.question-tit {
  display: block;
  border-bottom: 0.1875rem solid #222;
  padding-bottom: 0.438rem;
}

.question-tit > h4 {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.750rem;
}

.inquiry-content {
  padding: 1.875rem 0;
  font-size: 0.875rem;
  color: #222;
}

.answer-content {
  padding: 1.875rem 0;
  font-size: 0.875rem;
  color: #222;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.875rem;
}

.answer-content + .ps-btn {
  margin: 1.875rem 0 3.750rem 0;
}

.r-btn-area {
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 2.5rem;
}

.r-btn-area > .type-sm {
  display: inline-block !important;
  vertical-align: middle;
}

.r-btn-area > .type-sm + .type-sm {
  margin-left: 0.5rem;
}

.r-btn {
  font-size: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.r-btn > a + a > img {
  margin-left: 1rem;
}

.password-top {
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 1.875rem;
  margin-bottom: 1.250rem;
}

.password-top > .tit {
  font-size: 0.875rem;
  color: #222;
  font-weight: 400;
  margin-bottom: 0.5rem;
}

.password-top > strong {
  font-weight: bold;
  font-size: 0.875rem;
}

.password-top > strong + .tit {
  margin-top: 1.125rem;
}

.radio-box {
  margin-top: 1.188rem;
}

.radio-box.fixed {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.radio-box + .radio-box {
  margin-top: 0.5rem;
}

.noti-txt {
  font-size: 0.875rem;
  color: #999;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 0.5rem;
  word-break: keep-all;
}

.noti-txt > .txt1.ty-r {
  color: #FF0052 !important;
}

.noti-txt > .txt1 > .ty-b {
  color: #222 !important;
  font-weight: 500;
}

.noti-txt > .txt2 > .lv-h {
  color: #4caf50 !important;
}

.noti-txt > .txt2 > .lv-l {
  color: #FF0052 !important;
}

.noti-txt > .txt2 > .lv-m {
  color: #f9a825 !important;
}

.noti-txt + .tit {
  margin-top: 1.188rem;
}

.orange-card-area {
  display: block;
  padding: 1.25rem 0.875rem;
  background: #faf4e4;
}

.orange-card-area > .l-area {
  display: inline-block;
  vertical-align: top;
  width: 55%;
}

.orange-card-area > .l-area > .txt {
  font-size: 0.750rem;
  font-weight: 500;
  color: #222;
}

.orange-card-area > .l-area > .certification {
  font-size: 0.750rem;
  font-weight: 400;
  color: #ec771c;
  text-decoration: underline;
  margin-top: 0.688rem;
}

.orange-card-area > .r-area {
  display: inline-block;
  vertical-align: top;
  float: right;
}

.orange-card-area > .r-area > img {
  display: block;
}

.orange-card-area + .table-ty01 {
  margin-top: 1.875rem;
}

.tooltip-box {
  display: inline-block;
  position: relative;
  top: 0.1875rem;
  margin-left: 0.5rem;
}

.section-box + .section-box {
  margin-top: 1.875rem;
}

.flex-box--input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.flex-box--input > .del-point {
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  top: 0.4375rem;
}

.flex-box--input > .del-point > p{
  display:inline-block;
  width: 80px;
}

.flex-box--input > .del-point > span {
  display: inline-block;
}

.flex-box--input > .del-coupon {
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  top: 0.4375rem;
}

.flex-box--input > .del-coupon > p{
  display:inline-block;
  width: 80px;
}

.flex-box--input > .del-coupon > span {
  display: inline-block;
}

.secession-box {
  text-align: center;
  margin-bottom: 1.5rem;
}

.secession-box > strong {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.5rem;
  color: #222;
}

.secession-box > p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #222;
  margin-top: 1.375rem;
}

.secession-radio-box > .radio-box > .ps-chkbox {
  width: 37vw;
  word-break: keep-all;
}

.ps-chkbox + .ps-btn.type2 {
  margin: 2.5rem 0 3.75rem 0;
}

.order-top > .order-top--tit > h3 {
  font-size: 1.125rem;
  font-weight: bold;
  border-bottom: 0.188rem solid #222;
  padding: 0.750rem 1.25rem;
}

.order-cont .semi-tit {
  font-size: 1rem;
  font-weight: bold;
  color: #222;
  line-height: 1.250rem;
  margin: 2.313rem 0 0.688rem 0;
}

.order-cont .semi-tit > a {
  font-size: 0.813rem;
  font-weight: 400;
  text-decoration: underline;
  float: right;
}

.order-cont .semi-tit > span {
  color: #FF0052;
}

.order-cont .semi-tit.bor-line {
  border-bottom: 0.188rem solid #222;
  margin-bottom: 0;
  padding-bottom: 1.063rem;
}

.order-cont .list-input--box > ul > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.order-cont .list-input--box + .semi-tit {
  border-top: none;
  padding-top: 0;
}

.order-cont + .ps-btn {
  margin-top: 3.75rem;
}

.order .order-product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1.25rem 0;
}

.order .order-product > .order-product-img {
  display: inline-block;
  vertical-align: middle;
  width: 5.625rem;
  height: 5.625rem;
}

.order .order-product > .order-product-info {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 6.625rem);
}

.order .order-product > .order-product-info > .product {
  display: block;
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
}

.order .order-product > .order-product-info > .price {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.order .order-product > .order-product-info > .pro-size {
  display: block;
  font-size: 0.87rem;
  color: #999;
  line-height: 1.25rem;
  margin-top: 0.375rem;
}

.order .order-product > .order-product-info > .price-bottom {
  display: block;
  font-size: 0.87rem;
  color: #222;
  line-height: 1.25rem;
  margin-top: 1.625rem;
}

.order .order-product > .order-product-info > .reivew-btn {
  font-size: 0.750rem;
  color: #222;
  text-decoration: underline;
  margin-top: 1.875rem;
}

.order .order-product > .order-product-info > .flex-txt {
  font-size: 0.750rem;
  color: #999;
  font-weight: 400;
  margin-top: 0.813rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.order .order-product > .order-product-info > .flex-txt > strong {
  font-size: 0.875rem;
  color: #222;
}

.order .order-product > .order-product-info > .flex-txt + .flex-txt {
  margin-top: 0.313rem;
}

.order .order-product > .order-bottom {
  width: 100%;
  padding: 0.938rem 0;
  border-top: 0.063rem solid #eee;
  border-bottom: 0.063rem solid #eee;
  margin-top: 1.250rem;
}

.order .order-product > .order-bottom > p {
  font-size: 0.750em;
  position: relative;
}

.order .order-box > ul > li + li {
  border-top: 1px solid #eee;
}

.flext-noti {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.75rem;
  margin-top: 0.75rem;
}

.flex-chk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 0.5rem;
}

.flex-chk > .noti-txt {
  margin-top: 0;
}

.flex-chk > .ps-chkbox {
  margin-right: 1.313rem;
}

.radio-box--tab {
  margin-top: 1rem;
}

.ps-chkbox--tab {
  width: 43.3vw;
  text-align: center;  
}

.ps-chkbox--tab:nth-child(n+3){
  margin-top: 0.5rem;
}

.ps-chkbox--tab > label > input {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.ps-chkbox--tab > label > .text {
  background: #fff;
  color: #222;
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  border: 1px solid #ccc;
  font-size: 0.875rem;
  display: block;
  height:55px;
}

.ps-chkbox--tab > label > input[type="radio"]:checked + .text {
  background-color: #222;
  color: #fff;
  border-color: #222;
}

/* 결제수단 버튼 아이콘  */
.ps-chkbox--tab.kakaopay > label > input + .text {
  background:url("http://image.prospecs.com/mobile/images/renewal/icon_kakaopay.svg") no-repeat center;
}

.ps-chkbox--tab.kakaopay > label > input[type="radio"]:checked + .text{
  background-image:url("http://image.prospecs.com/mobile/images/renewal/icon_kakaopay_on.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.ps-chkbox--tab.kakaopay > label > input + .text {
  background:url("http://image.prospecs.com/mobile/images/renewal/icon_kakaopay.svg") no-repeat center;
}

.ps-chkbox--tab.kakaopay > label > input[type="radio"]:checked + .text{
  background-image:url("http://image.prospecs.com/mobile/images/renewal/icon_kakaopay_on.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.ps-chkbox--tab.payco > label > input[type="radio"]:checked + #paycoText:after{
  background-image:url("http://image.prospecs.com/mobile/images/renewal/icon_payco_on.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.ps-chkbox--tab.smilepay > label > input + .text {
  background:url("http://image.prospecs.com/mobile/images/renewal/icon_smilepay.svg") no-repeat center;
}

.ps-chkbox--tab.smilepay > label > input[type="radio"]:checked + .text{
  background-image:url("http://image.prospecs.com/mobile/images/renewal/icon_smilepay_on.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.ps-chkbox--tab > label > .text img{
	margin: 0 auto;
}

.resultArea {
  display: block;
  margin-top: 1.875rem;
}

.resultArea > div {
  display: none;
}

.resultArea > div:first-child {
  display: block;
}

.second-tit {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222;
  margin-top: 1.188rem;
  line-height: 1.188rem;
}

.consumer-ck > a {
  margin: 1.5rem 0 0.75rem 0;
  display: block;
}

.order-top--info {
  display: block;
  padding-top: 0.75rem;
}

.order-top--info > .info-01 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #222;
  line-height: 1.5rem;
}

.order-top--info > .info-02 {
  font-size: 1rem;
  font-weight: 400;
  color: #222;
  line-height: 1.25rem;
  margin: 1.25rem 0 1.75rem 0;
}

.btn-option--list {
  display: block;
  vertical-align: top;
  font-size: 0;
  margin: -0.3125rem 0 1.43rem -0.3125rem;  
  max-height:22vh;
  overflow-y: auto;
}

.btn-option--list > li {
  display: inline-block;
  vertical-align: top;
  margin: 0.3125rem 0.25rem;
  max-width: 46%;
}

.btn-option input[type="radio"] {
  display: none;
}

.btn-option input[type="radio"] + span {
  min-width: 15.5vw;  
  font-size: 0.875rem;
  border: 1px solid #eee;
  color: #ccc;
  padding: 0.375rem 0.3rem 0.563rem 0.3rem;
  text-align: center;
  display: inline-block;
  font-weight: 400;
  background: #fff;
  cursor: pointer;  
  line-height: 1.3;
  word-break: keep-all;
}

.btn-option input[type="radio"]:checked + span {
  position: relative;
  z-index: 1;
  color: #222;
  border: 1px solid #222;
  font-weight: 500;
}

.btn-option input[type="radio"]:disabled + span {
  position: relative;
  z-index: 1;
  color: #999;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  font-weight: 400;
}

/*****************************order end******************************/
/*****************************common start******************************/
.inherit {
  text-decoration: inherit !important;
}

.bor-t-g {
  border-top: 1px solid #eee !important;
}

.ml-0{
  margin-left:0 !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-96 {
  margin-left: 6rem !important;
}

.mt-10 {
  margin-top: 0.625rem !important;
}

.mt-17 {
  margin-top: 1.063rem !important;
}

.mt-30 {
  margin-top: 1.875rem !important;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-155 {
  margin-bottom: 9.688rem !important;
}

.mb-300 {
  margin-bottom: 18.750rem !important;
}

.pt-18 {
  padding-top: 1.125rem !important;
}

.pb-14 {
  padding-bottom: 0.875rem !important;
}

.w-230 {
  width: 61vw !important;
}

.w-206 {
  width: 57.2vw !important;
}

.w-210 {
  width: 58.33vw !important;
}

.w-88 {
  width: 24.4vw !important;
}

.w-100 {
  width: 27.7vw !important;
}

.w-104 {
  width: 28.88vw !important;
}

.w-125 {
  width: 34.7vw !important;
  min-width: 34.7vw !important;
}

.w-150 {
  width: 41.6vw !important;
}

.w-156 {
  width: 43.3vw !important;
}

.w-160 {
  width: 44.4vw !important;
}

.w-195 {
  width: 54.1vw !important;
}

.w-200 {
  width: 53.3vw !important;
}

.w-100p {
  width: 100% !important;
}

.w-130 {
  width: 34vw !important;
}

.w-pr-20 {
  width: calc(100% - 1.25rem) !important;
}

.w-33p-m7 {
  width: calc(33.33% - 0.4375rem) !important;
}

.po-t-20 {
  position: relative;
  top: 1.250rem;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.float-l {
  float: left;
}

.float-r {
  float: right;
}

.ver-t {
  vertical-align: top !important;
}

.ver-m {
  vertical-align: middle !important;
}

.dis-in {
  display: inline-block !important;
}

.bd-b-gray{
  border-bottom:1px solid #EEEEEE !important;
}

.bd-t-gray{
  border-top:1px solid #EEEEEE !important;
}

.fontP{
  font-family: Poppins, sans-serif;
}
/*****************************common end******************************/
.step-area .text-left {
  font-weight: 700;
}

.step-area .text-left span {
  font-weight: 400;
}

[data-aos="ps-mask-in"] {
  position: relative;
  overflow: hidden;
  display: block;
}

[data-aos="ps-mask-in"]::after {
  content: "";
  position: absolute;
  z-index: 5;
  bottom: 50%;
  left: -3%;
  width: 106%;
  height: 180%;
  right: 0;
  background-color: #fafafa;
  -webkit-transform: skewY(-25deg) translate3d(0, 50%, 0);
          transform: skewY(-25deg) translate3d(0, 50%, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

[data-aos="ps-mask-in"].aos-animate[data-aos-delay="200"]::after {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

[data-aos="ps-mask-in"].aos-animate[data-aos-delay="400"]::after {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

[data-aos="ps-mask-in"].aos-animate[data-aos-delay="600"]::after {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

[data-aos="ps-mask-in"].aos-animate::after {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s, -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;
  -webkit-transform: skewY(-20deg) translate3d(0, -50%, 0);
          transform: skewY(-20deg) translate3d(0, -50%, 0);
}

[data-aos="ps-swiper-in"].aos-init .swiper-slide .ps-prd-item {
  opacity: 0;
  -webkit-transform: translateX(5rem);
      -ms-transform: translateX(5rem);
          transform: translateX(5rem);
}

[data-aos="ps-swiper-in"].aos-animate:not(.hidden).swiper-related .swiper-slide .ps-prd-item {
  -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  opacity: 1 !important;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

[data-aos="ps-fade-in"].swiper-related .swiper-slide .ps-prd-item {
  opacity: 0;
  -webkit-transform: translateX(7.5rem);
      -ms-transform: translateX(7.5rem);
          transform: translateX(7.5rem);
}

[data-aos="ps-fade-in"].aos-animate:not(.hidden).swiper-related .swiper-slide .ps-prd-item {
  -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  opacity: 1 !important;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
}

[data-aos="ps-paint-in"] {
  display: block;
  position: relative;
  overflow: hidden;
}

[data-aos="ps-paint-in"] .img-wrap {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

[data-aos="ps-paint-in"] .img-wrap img {
  width: 100%;
  height: 100%;
}

[data-aos="ps-paint-in"].aos-animate .img-wrap {
  -webkit-mask: url("http://image.prospecs.com/mobile/images/renewal/urban-sprite.png");
  mask: url("http://image.prospecs.com/mobile/images/renewal/urban-sprite.png");
  -webkit-mask-size: 3000% 100%;
  mask-size: 3000% 100%;
  -webkit-animation: paint-play 1.4s steps(29) forwards;
  animation: paint-play 1.4s steps(29) forwards;
}

[data-aos="ps-fade-in"] .ps-col .ps-prd-item {
  opacity: 0;
  -webkit-transform: translateY(5rem);
      -ms-transform: translateY(5rem);
          transform: translateY(5rem);
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(1) .ps-prd-item {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(2) .ps-prd-item {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(3) .ps-prd-item {
  -webkit-transition-delay: 100ms;
          transition-delay: 100ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(4) .ps-prd-item {
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(5) .ps-prd-item {
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(6) .ps-prd-item {
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(7) .ps-prd-item {
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(8) .ps-prd-item {
  -webkit-transition-delay: 350ms;
          transition-delay: 350ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(9) .ps-prd-item {
  -webkit-transition-delay: 400ms;
          transition-delay: 400ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(10) .ps-prd-item {
  -webkit-transition-delay: 450ms;
          transition-delay: 450ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(11) .ps-prd-item {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(12) .ps-prd-item {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(13) .ps-prd-item {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(14) .ps-prd-item {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(15) .ps-prd-item {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(16) .ps-prd-item {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col:nth-child(17) .ps-prd-item {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}

[data-aos="ps-fade-in"].aos-animate .ps-col .ps-prd-item {
  -webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.6s;
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

@-webkit-keyframes paint-play {
  from {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}

@keyframes paint-play {
  from {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
  to {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}

@-webkit-keyframes key-visual-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes key-visual-zoom {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }
}

/*
    고객센터
*/
.ps-cs-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  margin: 1.875rem 0;
}

.ps-cs-nav li {
  position: relative;
  width: 33.333%;
  height: 3rem;
  text-align: center;
  border-right: 1px solid #ccc;
}

.ps-cs-nav li a {
  display: block;
  line-height: 3rem;
  font-size: 0.75rem;
}

.ps-cs-nav li:nth-child(3n) {
  border-right: none;
}

.ps-cs-nav li:nth-child(-n+3) {
  border-bottom: 1px solid #ccc;
}

.ps-cs-nav li.on:after {
  display: block;
  content: '';
  width: calc(100% + 2px);
  height: calc(3rem + 2px);
  background: transparent;
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid #000;
}

.ps-cs-nav li:nth-child(-n+3).on:after{
  height: calc(3rem + 1px);
}

.ps-cs-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 1.875rem 0;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}

.ps-cs-menu li {
  margin-top: 2.5rem;
  width: 50%;
  text-align: center;
}

.ps-cs-menu li a img {
  margin: 0 auto;
}

.ps-cs-menu li a span {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.ps-cs-menu li:nth-child(-n+2) {
  margin-top: 0;
}

.ps-cs-search {
  padding: 2.5rem 0 3.25rem;
}

.ps-cs-list .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem solid #000;
}

.ps-cs-list .tit h3 {
  font-size: 1.125rem;
  font-weight: 700;
}

.ps-cs-list .tit a {
  display: block;
  width: 0.625rem;
  height: 0.8125rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.svg") no-repeat 0/contain;
}

.ps-cs-list.notice {
  margin-top: 3.25rem;
}

.ps-cs-list.notice .ps-slide-item > .title::after {
  display: none;
}

.faq-tab {
  margin-bottom: 0;
}

.ps-cs-faq-search {
  margin-bottom: 3.313rem;
}

.ps-cs-faq-search p {
  margin-top: 0.563rem;
  font-size: 0.75rem;
  color: #999999;
}

.ps-cs-faq-search p a {
  color: #000;
  text-decoration: underline;
}

.faq-tab-cont .con {
  display: none;
}

.faq-tab-cont .con.on {
  display: block;
}

.ps-cs-benefit {
  padding: 0 0 2.313rem;
}

.ps-cs-benefit .ps-cont-head > .title {
  font-size: 1.125rem;
}

.ps-cs-benefit .info {
  padding-top: 1.25rem;
}

.ps-cs-benefit .info dl {
  margin-bottom: 1.5rem;
}

.ps-cs-benefit .info dl dt {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.ps-cs-benefit .info dl dd {
  font-size: 1rem;
  color: #6C6C6C;
  line-height: 1.625rem;
}

.ps-cs-benefit .info p {
  position: relative;
  padding-left: 0.625rem;
  color: #999999;
  font-size: 0.75rem;
  line-height: 1.375rem;
}

.ps-cs-benefit .info p:before {
  display: block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  background:#FF0052;
  position: absolute;
  top: 0.125rem;
  left: 0;
}

.ps-cs-bn-join h4 {
  margin-bottom: 0.625rem;
  font-size: 1.125rem;
  font-weight: 700;
}

.ps-cs-bn-join .bn-join-content {
  padding: 1.875rem 0;
  border: 0.125rem solid #000;
}

.ps-cs-bn-join .bn-join-content h5 {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
}

.ps-cs-bn-join .bn-join-content .coupon-list li {
  margin: 0 auto 1.5rem;
  text-align: center;
  width: 11.5rem;
}

.ps-cs-bn-join .bn-join-content .coupon-list li img {
  margin: 0 auto;
}

.ps-cs-bn-join .bn-join-content .coupon-list li span {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.875rem;
}

.ps-cs-bn-join .bn-join-content .coupon-list li:last-child {
  margin-bottom: 0;
}

.ps-cs-bn-join .bn-join-content .btn-wrap {
  margin: 0 auto;
  width: 16rem;
}

.ps-cs-bn-join .bn-join-content .btn-wrap a.download:after {
  display: inline-block;
  margin-left: 0.375rem;
  content: '';
  width: 0.875rem;
  height: 0.9375rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/cs/icon_download_w.svg") no-repeat 0/contain;
}

.ps-cs-bn-join .bn-join-content .text-list {
  margin-top: 1.25rem;
  padding: 0 2.5rem;
}

.text-list li {
  position: relative;
  margin-bottom: 0.625rem;
  font-size: 0.75rem;
  color: #999999;
}

.text-list li:last-child {
  margin-bottom: 0;
}

.text-list.square li {
  padding-left: 0.938rem;
}

.text-list.square li:before {
  display: inline-block;
  content: '';
  width: 0.25rem;
  height: 0.25rem;
  background: #999999;
  position: absolute;
  top: 0.375rem;
  left: 0;
}

.text-list.dark li {
  color: #6C6C6C;
}

.text-list.dark li:before {
  background: #6C6C6C;
}

.ps-cs-level {
  margin-top: 3.25rem;
}

.ps-cs-level .ps-cs-level-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  border-top: 0.125rem solid #000;
}

.ps-cs-level .ps-cs-level-tab a {
  position: relative;
  display: block;
  padding: 1.375rem 0;
  width: 100%;
  text-align: center;
}

.ps-cs-level .ps-cs-level-tab a img {
  margin: 0 auto;
}

.ps-cs-level .ps-cs-level-tab a.on:after {
  display: block;
  content: '';
  width: 100%;
  height: calc(100% + 1px);
  position: absolute;
  top: -1px;
  left: 0;
  border: 1px solid #000;
}

.ps-cs-level .cs-level-cont {
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}

.ps-cs-level .cs-level-cont .con {
  display: none;
}

.ps-cs-level .cs-level-cont .con.on {
  display: block;
}

.ps-cs-level .cs-level-table .item {
  display: table;
  width: 100%;
  border-bottom: 1px solid #EEEEEE;
}

.ps-cs-level .cs-level-table .item .tit {
  display: table-cell;
  padding: 1.5rem 0.938rem;
  width: 6.688rem;
  border-right: 1px solid #EEEEEE;
  vertical-align: middle;
}

.ps-cs-level .cs-level-table .item .tit h5 {
  font-weight: 700;
  font-size: 0.875rem;
}

.ps-cs-level .cs-level-table .item .tit span {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.75rem;
  color: #6C6C6C;
}

.ps-cs-level .cs-level-table .item .tit .text-list {
  margin-top: 0.625rem;
}

.ps-cs-level .cs-level-table .item .tit .text-list li {
  padding-left: 0.625rem;
}

.ps-cs-level .cs-level-table .item .info {
  display: table-cell;
  padding: 1.5rem 1.125rem;
  vertical-align: middle;
  width: calc(100% - 6.688rem);
}

.ps-cs-level .cs-level-table .item .info span {
  font-size: 0.875rem;
  color: #6C6C6C;
}

.ps-cs-level .cs-level-table .item .info .text-list li {
  position: relative;
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
}

.ps-cs-level .cs-level-table .item .info .text-list li::before {
  top: 0.5rem;
}

.ps-cs-level .cs-level-table .item .info .coupon-list {
  margin-top: 1.25rem;
}

.ps-cs-level .cs-level-table .item .info .coupon-list li {
  margin-bottom: 1.25rem;
}

.ps-cs-level .cs-level-table .item .info .coupon-list li:last-child {
  margin-bottom: 0;
}

.ps-cs-level .cs-level-table .item .info .coupon-list span {
  display: block;
  text-align: center;
  margin-top: 0.625rem;
}

.ps-cs-level .cs-level-table .item .info .review-list li {
  margin-bottom: 1.25rem;
  text-align: center;
}

.ps-cs-level .cs-level-table .item .info .review-list li img {
  margin: 0 auto;
}

.ps-cs-level .cs-level-table .item .info .review-list li .text {
  margin-top: 1rem;
}

.ps-cs-level .cs-level-table .item .info .review-list li .text p {
  font-size: 0.875;
  color: #6C6C6C;
}

.ps-cs-level .cs-level-table .item .info .review-list li .text p span {
  color: #000;
  font-weight: 500;
}

.ps-cs-level .cs-level-table .item .info .review-list li:last-child {
  margin-bottom: 0;
}

.ps-cs-level .cs-level-table .item:last-child {
  border-bottom: none;
}

.ps-cs-important {
  margin-top: 2.375rem;
  background: #F8F8F8;
  padding: 1.5rem 1.25rem;
}

.ps-cs-important h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 1rem;
  line-height: 1.75rem;
  font-weight: 500;
  font-size: 1.125rem;
}

.ps-cs-important h4:before {
  display: inline-block;
  margin-right: 0.625rem;
  content: '';
  width: 1.75rem;
  height: 1.75rem;
  background: url("http://image.prospecs.com/mobile/images/renewal/cs/icon_important.svg") no-repeat;
}

.ps-cs__as {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #EEEEEE;
}

.ps-cs__as .info {
  padding-top: 1.5rem;
}

.ps-cs__as .info p {
  font-weight: 500;
}

.ps-cs__as .info .ps-list {
  margin-top: 1.375rem;
}

.ps-cs__as-order {
  margin-top: 3rem;
}

.ps-cs__as-order .as-order {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #EEEEEE;
}

.ps-cs__as-order .as-order li {
  position: relative;
  width: 33.3333%;
  text-align: center;
  margin-top: 1.75rem;
}

.ps-cs__as-order .as-order li img {
  margin: 0 auto;
}

.ps-cs__as-order .as-order li span {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-weight: 500;
}

.ps-cs__as-order .as-order li:nth-child(-n+3) {
  margin-top: 0;
}

.ps-cs__as-order .as-order li:after {
  display: inline-block;
  content: '';
  width: 0.438rem;
  height: 0.688rem;
  background: url("https://image.prospecs.com/mobile/images/renewal/icon_arrow_R_black.svg") no-repeat 0/cover;
  position: absolute;
  top: 50%;
  right: -0.125rem;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 10;
}

.ps-cs__as-order .as-order li:nth-child(3n):after, .ps-cs__as-order .as-order li:last-child:after {
  display: none;
}

.ps-cs__as-order .as-order__table {
  margin-top: 2.5rem;
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  border-spacing: 0;
}

.ps-cs__as-order .as-order__table th {
  padding: 0.75rem 0;
  background: #F8F8F8;
  font-size: 0.75rem;
  font-weight: 500;
  text-align: center;
  border: 1px solid #CCCCCC;
}

.ps-cs__as-order .as-order__table td {
  padding: 1rem;
  border: 1px solid #CCCCCC;
  font-size: 0.75rem;
}

.ps-cs__as-order .as-order__table td.cen {
  text-align: center;
}

.ps-cs__as-order .ps-list {
  margin-top: 2rem;
}

.ps-cs__terms-nav {
  overflow: hidden;
  margin-top: 1.375rem;
}

.ps-cs__terms-nav.ui.ps-tab .menu {
  margin-bottom: 0;
}

.ps-cs__terms-nav.ui.ps-tab .menu > a:hover::after, 
.ps-cs__terms-nav.ui.ps-tab .menu > a[aria-selected="true"]::after{
  transition: width 0s;
}

.ps-cs__terms-nav select {
  float: right;
  text-align-last:right;
  -moz-text-align-last: right;
}

.ps-cs__terms {
  margin-top: 1.375rem;
}

.ps-cs__terms .con {
  margin-bottom: 2.5rem;
}

.ps-cs__terms .con h3 {
  margin-bottom: 0.875rem;
  font-weight: 500;
}

.ps-cs__terms .con h4 {
  font-weight: 500;
}

.ps-cs__terms .con p {
  font-size: 0.875rem;
  color: #6C6C6C;
  line-height: 1.5rem;
}

.ps-cs__terms .con p strong {
  font-weight: 500;
}

.ps-cs__terms .con .list {
  padding-left: 1.25rem;
}

.ps-cs__terms .con .list li {
  font-size: 0.875rem;
  color: #6C6C6C;
  line-height: 1.5rem;
}

.ps-cs__terms .con .list li.red-color {
  color: #FF0052;
}

.ps-cs__terms .con:last-child {
  margin-bottom: 0;
}

.ps-cs__terms .con .table_agr table {
  border: 1px solid #ccc;
}

.ps-cs__terms .con .table_agr thead th {
  background: #F8F8F8;
  font-size: 0.75rem;
  padding: 0.4375rem 0 0.3125rem;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.ps-cs__terms .con .table_agr thead th:first-child {
  border-left: none;
}

.ps-cs__terms .con .table_agr tbody tr.botlline td {
  border-bottom: 1px solid #ccc;
}

.ps-cs__terms .con .table_agr tbody tr td {
  background: #fff;
  font-size: 0.75rem;
  color: #666;
  padding: 0.4375rem 0.625rem 0.3125rem;
  border-left: 1px solid #ccc;
}

.ps-cs__terms .con .table_agr tbody tr td:first-child {
  border-left: none;
}

.ps-quick-menu .item {
  text-align: center;
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_quick_01.svg") center top no-repeat;
}

.ps-quick-menu .item > a {
  padding-top: 3.125rem;
  font-size: .75rem;
  display: block;
}

.ps-quick-menu .item.brand {
  background-position-y: .75rem;
}

.ps-quick-menu .item.store {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_quick_02.svg");
}

.ps-quick-menu .item.giftcard {
  background-image: url("http://image.prospecs.com/mobile/images/renewal/icon_quick_03.svg");
}

.no-coupon > p{
	padding: 10px 0;
	font-size: 14px;
	text-align: center;
}

.no_result{
	padding: 100px 0;
	text-align: center;
  font-size: 0.875rem;
}

.ps-address--search .search-white{
	width: 3rem;
}

/* 비밀번호 변경 팝업 */
.change-password-popup .row {
  text-align: center;
}
.change-password-popup .row a{
  color: #585858;
  font-size: 14px;
}

.mypage .no-data{
	padding: 100px 0;
}

.disp-n{
	display: none !important;
}

@media screen   and (max-width: 540px) {
  .main--banner-benefit a {
    min-height: 8.125rem;
  }
  
}

/* 소비자 피해보상보험 */
.consumer-popup {}
.consumer-popup .ps-inven > .ps-list {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #EEEEEE;
}
.consumer-popup .section-box.border {
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #EEEEEE;
}
.consumer-text {
  padding: 0.625rem 1rem;
  background: #F8F8F8;
}
.consumer-text ul li {
  margin-bottom: 1.5rem;
}
.consumer-text ul li:last-child {
  margin-bottom: 0;
}
.consumer-text h5 {
  font-weight: 700;
}
.consumer-text p {
  margin-top: 0.438rem; 
  font-size: 14px;
}

/* 주문결제실패 */
.order-fault .text {
  padding: 1.875rem 0.938rem 2.5rem;
  text-align: center;
}
.order-fault .text p {
  word-break: keep-all;
}

/* 탑버튼 */
.btn-to-top{
  display:none;
  position:fixed;
  width:2.5rem;
  height:2.5rem;
  right:1.25rem;
  bottom:5.5rem;
  bottom: calc(5.5rem + constant(safe-area-inset-bottom));
  bottom: calc(5.5rem + env(safe-area-inset-bottom));
  border:3px solid #222222;
  background: #fff url("http://image.prospecs.com/mobile/images/renewal/icon_top_btn.svg") no-repeat center 0.75rem;
  text-indent: -99999em;
  z-index: 100;
}
.btn-to-top.type2{
  bottom:5.375rem;
}

/* 네이버쇼핑렌즈 */
#mbris_shop_lens_section{
  z-index: 99 !important;
}

/* 하단네비게이션바 */
.footer-bt-menu{
  padding:0.625rem 0.5rem;
  padding-left:0;
  position:fixed;
  left:0;
  bottom:0;
  background-color: #fff;
  width:100%;
  z-index: 99;
  border-top:3px solid #222222;
  padding-bottom: calc(constant(safe-area-inset-bottom) + 0.625rem);
  padding-bottom: calc(env(safe-area-inset-bottom) + 0.625rem);
}
.footer-bt-menu::before{
  content:'';
  display:block;
  width: 100%;
  height:2.5rem;
  position:absolute;
  z-index: -1;
  bottom:4.5rem;
  bottom:calc(constant(safe-area-inset-bottom) + 4.5rem);
  bottom:calc(env(safe-area-inset-bottom) + 4.5rem);
  left:0;
  background: rgb(0,0,0);
  background: linear-gradient(180deg, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%);
  opacity: 0.1;
}
.footer-bt-menu .bt-menu__item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.footer-bt-menu a{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-bt-menu span{
  font-size: 0.6875rem;
  font-weight: 500;
}
.footer-bt-menu i{
  display:block;
  width: 2.125rem;
  height: 2.125rem;
}
.footer-bt-menu .icon-bt-back{
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_bottom_back.svg") center;
}
.footer-bt-menu .icon-bt-shop{
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_bottom_shop.svg") center;
}
.footer-bt-menu .icon-bt-home{
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_bottom_home.svg") center;
}
.footer-bt-menu .icon-bt-my{
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_bottom_mypage.svg") center;
}
.footer-bt-menu .icon-bt-latest{
  background: url("http://image.prospecs.com/mobile/images/renewal/icon_bottom_latest.svg") center;
}

/* ios 스크롤 */
.ios-scroll-lock{
  touch-action: none;
  -webkit-overflow-scrolling: none;
  /* 이외의 브라우저 */
  overscroll-behavior: none;
}

/* 마이페이지 - 메인  인라이플 */
/* .mypage-cont #mbris_detail_section{
  overflow: hidden;
  height:330px !important;
} */
/* AI 추천상품  인라이플 */
/* #mbris_ai_detail_section{
  overflow: hidden;
  height: 344px !important;
} */







/* 한글,숫자,특수문자 Spoqa Han Sans Neo */
@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 700;
  src: url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.ttf") format("truetype");
  unicode-range: U+AC00-D7A3,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 500;
  src: url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.ttf") format("truetype");
  unicode-range: U+AC00-D7A3,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 400;
  src: url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.ttf") format("truetype");
  unicode-range: U+AC00-D7A3,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

@font-face {
  font-family: 'Spoqa Han Sans Neo';
  font-weight: 300;
  src: url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff2") format("woff2"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff") format("woff"), url("https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.ttf") format("truetype");
  unicode-range: U+AC00-D7A3,U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E;
}

/* Poppins */
/* devanagari */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v15/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
  unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
















/* 스폰서쉽 */
.sponsor-inner *{font-family:'Poppins, Spoqa Han Sans Neo, sans-serif';color:#222; text-align: center; text-decoration: none;}
.sponsor-inner .sp-title-box{font-family: 'Poppins'; margin-bottom:23px;font-size:34px;font-weight:bold;line-height:44px;letter-spacing:-1.53px;}
.sponsor-inner .sp-img-box{width:100%;display:flex;justify-content:space-between;font-family: 'Spoqa Han Sans Neo';}
.sponsor-inner .sp-img-box > div{width:100%;float:left;}
.sponsor-inner .sp-img-box > div + div{margin-left:4px;}
.sponsor-inner .sp-txt-box{margin:39px auto 40px;}
.sponsor-inner .sp-txt-box div + div{margin-top:30px;}
.sponsor-inner .sp-txt-box p{font-family:'Poppins,Spoqa Han Sans Neo'; font-weight: 400; font-size:14px;line-height:23px;letter-spacing:-0.28px;;word-break:keep-all;}
.sponsor-inner .origin-img{font-size:10px;color:#999;margin-top:4px;letter-spacing:-0.32px;text-align:right;}
.sub-txt{font-family:'Poppins,Spoqa Han Sans Neo'; font-weight: 600;font-size:20px; line-height:28px; text-decoration: none; !important; }


/* MD's Pick[s] */
.ps-prd-pick{padding:32px 20px 0;border-top:3px solid #222}
.ps-prd-pick h4 strong{font-family:'Poppins';font-size:24px;}
.ps-prd-pick h4 p{font-size:16px;margin-top:6px;}
.ps-prd-pick .ps-pick-list{margin-top:20px;margin-bottom:84px;position:relative;}
.ps-prd-pick .swiper-slide{}
.ps-prd-pick .swiper-pagination{bottom:-20px !important}
.ps-prd-pick .swiper-pagination-bullet{width:8px;height:8px;border-radius:0%}
.ps-prd-pick .swiper-pagination-bullet-active{background:#000;}
.ps-prd-pick .swiper-container-horizontal > .swiper-pagination-bullets{}
.ps-prd-pick .ps-prd-item{position:relative;overflow:hidden;}
.ps-prd-pick .ps-prd-item:after{content:'';display:block;position:absolute;width:100%;height:70%;bottom:0;left:0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);}
.ps-prd-pick .ps-prd-item .desc{position:absolute;bottom:0;left:0;padding:16px;z-index:1;width:100%;}
.ps-prd-pick .ps-prd-item .desc .name,
.ps-prd-pick .ps-prd-item .desc .price .amount,
.ps-prd-pick .ps-prd-item .desc .price .sale-per{color:#fff !important;}
.ps-prd-pick .ps-prd-item .desc .name{margin-bottom:20px;}
.ps-prd-pick .ps-prd-item .desc .name .p_n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.ps-prd-pick .ps-prd-item .desc .price .amount{font-size:20px;margin-top:13px;}
.ps-prd-pick .ps-prd-item .desc .price .sale-per{font-size:20px;position:absolute;right:16px;bottom:16px;font-weight:bold}
.ps-prd-pick .ps-prd-item .desc .badge{margin-bottom:10px}
.ps-prd-pick .ps-prd-item .md-badge{position:absolute;left:0;top:0;}

.gnb-sub-goods__wrap{padding:0 0 0 20px;margin-top:85px}
.gnb-sub-goods__wrap .gnb-sub-goods-list{position:relative;padding-top:12px}
.gnb-sub-goods__wrap .gnb-sub-goods-list h4{color:#222;margin-bottom:16px;font-size:16px;font-weight:bold}
.gnb-sub-goods__wrap .gnb-sub-goods-list:before{content:'';display:inline-block;width:30px;height:8px;background:#222;position:absolute;top:-8px;left:-20px;}
.gnb-sub-goods__wrap .gnb-sub-goods-list .ps-prd-item .thumbs .list--counter{position:absolute;width:24px;height:24px;left:0;top:0;background:#222;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;}
.font-kor{font-family:'Spoqa Han Sans Neo' !important}

.ps-gnb-sub__link dl:after{content:'';clear:both;display:block;}
.ps-gnb-sub__link dl dt{display:block;font-weight:bold;}
.ps-gnb-sub__link dl:not(:first-child) dt{margin-top:20px;}
.ps-gnb-sub__link dl dd{width:50%;float:left;}
/* MD's Pick[e] */

/* 2206 장바구니[s] */
.ps-header--util .ps-btn.ps-icon--cart{position:relative;}
.cart-cnt{text-indent:0;display:flex;align-items:center;justify-content:center;background:#ff0052;min-width:16px;height: 17px;padding:2px 4px;color:#fff;font-size:12px;position:absolute;margin-right: -18px;right: 50%;top: 10px;text-align:center;border-radius:8px;}
/* 2206 장바구니[e] */

/* 고객센터 202210 */
.ml-mr{margin-left:20px;margin-right:20px;}
.ps-cs-nav{border-bottom:none;}
.ps-cs-nav.as-tab{border-right:none;}
.ps-cs-nav.as-tab li{width:50%}
.ps-cs-nav.as-tab li:nth-child(-n+3){border-right:1px solid #ccc}
.ps-cs-nav li{border-bottom:1px solid #ccc}
.ps-cont-head.etc{border-bottom:none;}

.ps-as--wrap .ps-cs__as-order{margin-top:0}
.ps-as--wrap .ps-cs__as-order .as-order__table{margin-top:0;width:100%}
.ps-as--wrap .as-item--unit{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}
.ps-as--wrap .as-item--unit .ps-input.flex{display:flex;align-items:center;}
.ps-as--wrap .as-item--unit .ps-input.flex input{width:100%;}
.ps-as--wrap .as-item--unit .ps-input.flex .btn-black{width:104px;height:48px;margin-left:10px;flex:0 0 104px}
.ps-as--wrap .as-item--unit .btn-black{height:48px;background:#222;color:#fff;font-size:14px;}
.ps-as--wrap .ps-sms--wrap{display:flex;align-items:flex-start;}
.ps-as--wrap .ps-sms--wrap .ps-input{width:100%;}
.ps-as--wrap .ps-sms--wrap input{width:100%;}
.ps-as--wrap .ps-sms--wrap .btn-white{width:104px;height:48px;background:#fff;border:1px solid #222;margin-left:10px;flex:0 0 104px}
.ps-as--wrap .ps-sms--wrap .sms-info{width:100%;display:flex;margin-top:8px;}
.ps-as--wrap .ps-sms--wrap .sms-info .sms-count{font-size:12px;color:#ff0052}
.ps-as--wrap .ps-sms--wrap .sms-info a{margin-left:auto;font-size:12px;color:#222;text-decoration:underline;}
.ps-as--wrap .as-info--box{padding:32px 20px 0 0;}
.ps-as--wrap .as-info--box ul li:before{content:'';display:inline-block;vertical-align:middle;width:4px;height:4px;background:#222;position:absolute;left:0;top:7px}
.ps-as--wrap .as-info--box ul li{position:relative;padding-left:10px;font-size:13px;word-break:keep-all;color:#222;line-height:18px}
.ps-as--wrap .as-info--box ul li + li{margin-top:9px;}
.ps-as--wrap .ps-table.as--list table th{font-weight:normal;}
.ps-as--wrap .ps-table.as--list table td{text-align:right;color:#222}
.ps-as--wrap .ps-table.as--list table th,
.ps-as--wrap .ps-table.as--list table td{padding:12px 0 15px;font-size:14px;border-bottom:1px solid #eee}

/* 결제수단 202211 */
.ps-chkbox--tab.naverpay > label > input + .text{
  background:url(../images/npay.png) center no-repeat;
  background-size:56px auto;
}
.ps-chkbox--tab.naverpay > label > input[type="radio"]:checked + .text{
  background-image:url("../images/npay_w.png");
  background-repeat: no-repeat;
  background-position: center;
}
.ps-chkbox--tab.samsungpay > label > input + .text{
  background:url(../images/samsung.png) center no-repeat;
  background-size:120px auto;
}
.ps-chkbox--tab.samsungpay > label > input[type="radio"]:checked + .text{
  background-image:url("../images/samsung_w.png");
  background-repeat: no-repeat;
  background-position: center;
}
.ps-chkbox--tab.toss > label > input + .text{
  background:url(../images/toss.png) center no-repeat;
  background-size:70px auto;
}
.ps-chkbox--tab.toss > label > input[type="radio"]:checked + .text{
  background-image:url("../images/toss_w.png");
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width:300px){
  .radio-box--tab .ps-chkbox--tab{width:41.5vw}
  .ps-chkbox--tab.samsungpay > label > input + .text{background-size:100px auto}
  .order .list-input--box ul > li > .flex-box--input > .type3 {width:34vw !important;}
}

/* 코디장착제품 */
.ps-coordination--wrap{position:relative;}
.ps-coordination--wrap h3.ps-title{font-size:16px;color:#222;margin-bottom:20px;font-weight:bold}
.ps-coordination--items{width:100%;overflow:hidden;}
.ps-coordination--items .ps-col{margin-right:10px}
.ps-coordination--items .ps-prd-item .desc{padding-top:13px;font-size:14px;color:#222;}
.ps-coordination--items .ps-prd-item .desc .name{margin-bottom:6px;}
.ps-coordination--items .ps-prd-item .desc .price .amout span{font-size:16px;color:#222;}
.ps-coordination--items .swiper-pagination{bottom:-30px}

/* 기획전 탭 */
.planning-event{padding:30px 0 0;margin:0 20px 0;border-top:3px solid #222}
.planning-event .planning-tab ul{display:flex;flex-wrap:wrap;width:100%;}
.planning-event .planning-tab ul li{height:48px;border:1px solid #ccc;width:50%;border-top:none;position:relative;box-sizing:border-box}
.planning-event .planning-tab ul li:first-child,
.planning-event .planning-tab ul li:nth-child(2){border-top:1px solid #ccc;}
.planning-event .planning-tab ul li:nth-child(even){left:-1px}
.planning-event .planning-tab ul li.on:before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #222;}
.planning-event .planning-tab ul li.on a{font-weight:bold;}
.planning-event .planning-tab ul li a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;font-size:13px;color:#222;}
.planning-event .sp-title-box{text-align:center;}
.planning-event .planning-item{padding-top:48px}