/* BASIC css start */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
.thumbnail { position:relative; }
.xans-product-menupackage {
	margin:60px 0 30px;
	font-family:'NanumSquare',san-serif;
}
.xans-product-menupackage>.title {
	margin:0px 0 20px;
	border:1px #ddd solid;
	text-align:center;
	padding:20px 0 17px 0;
}
.xans-product-menupackage .title .banner {
	margin:0;
}
.xans-product-menupackage .title h2 {
	margin:auto;
	padding:10px 10px;
	font-size:15px;
	font-weight:400;
	color:#b0b0b0;
	text-align:center;
	line-height:26px;
	display:inline-block;
	position:relative;
}
.xans-product-menupackage .title h2 span {
	font-size:24px;
	color:#514c46;
	font-weight:normal;
}
.xans-product-menupackage .title h2 span.dot1 {
	position:absolute;
	top:50%;
	left:-10px;
	background:url('/design/goldn/img/ico_dot4.jpg') no-repeat;
	width:10px;
	height:15px;
	margin-top:-7px;
}
.xans-product-menupackage .title h2 span.dot2 {
	position:absolute;
	top:50%;
	right:-10px;
	background:url('/design/goldn/img/ico_dot4.jpg') no-repeat;
	width:10px;
	height:15px;
	margin-top:-7px;
}
.xans-product-menupackage .bigtext {
	font-size:24px !important;
	color:#514c46 !important;
	font-weight:normal;
	padding:10px 10px !important;
}
.xans-product-menupackage .menuCategory {
	text-align:center;
	font-weight:normal;
	font-size:0;
	margin-bottom:60px;
	position:relative;
}
.xans-product-menupackage .menuCategory>li {
	display:inline-block;
	font-size:13px;
	line-height:14px;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	margin-left:-1px;
	width:12.19%;
}
.xans-product-menupackage .menuCategory>li>a {
	color: #121212;
    display: block;
    padding: 15px 0px;
    background-color: #f5f5f5;
    border-radius: 20px;
margin: 10px 7px;
    font-size: 16px;
font-weight: bold
}
.xans-product-menupackage .menuCategory>li>a:hover {
	color:#fff;
	background-color:#111;
}
.xans-product-menupackage .menuCategory>li .count {
	font-weight:normal;
}
.xans-product-menupackage .menuCategory>li>ul {
	padding:6px 0 0 0;
}
.xans-product-menupackage .menuCategory>li>ul>li {
	margin:8px 0 14px;
	line-height:14px;
}
.xans-product-menupackage .menuCategory>li>ul>li>a {
	color:#585858;
}
.xans-product-menupackage .menuCategory>li>ul>li>a:hover,.xans-product-menupackage .menuCategory>li>ul>li.selected>a {
	color:#585858;
}
.xans-product-menupackage .menuCategory>li>ul>li>.button {
	display:inline-block;
	position:relative;
	width:9px;
	height:14px;
	margin:1px 0 0 3px;
	vertical-align:top;
	*display:inline;
	*zoom:1;
}
.xans-product-menupackage .menuCategory>li:hover .subCategory {
	display:block;
}
.xans-product-menupackage .subCategory {
	position:absolute;
	left:0;
	top:45px;
	z-index:10;
	width:1197px;
	padding:10px 0;
	background-color:#fafafa;
	border:1px #ddd solid;
	display:none;
}
.xans-product-menupackage .subCategory li {
	display:inline-block;
	margin:8px 10px;
	font-size:13px;
	line-height:14px;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	background:url(/design/goldn/img/ico_util1.jpg) no-repeat 0 top;
}
.xans-product-menupackage .subCategory li:first-child {
	background:none;
}
.xans-product-menupackage .subCategory li a {
	color:#767676;
	display:block;
	padding:0 20px;
}
.xans-product-menupackage .subCategory li a:hover,.xans-product-menupackage .subCategory li.selected a {
	color:#767676;
}
.xans-product-menupackage .menuCategory .button.selected {
	z-index:10;
}
.xans-product-menupackage .menuCategory .button.selected .subCategory {
	display:block;
}
.xans-product-menupackage .path {
	display:none;
}
.xans-product-menupackage .select {
	display:block;
}


/* 오벨리 MD가 추천하는 상품 */
#retaku_slide_wrap .swiper-container {
    margin: 0 auto;
    position: relative;
    /* Prevent other swiper css overriding to AIMD*/
    display: block !important;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
  }
  #retaku_slide_wrap 
  .swiper-container-no-flexbox .swiper-slide {
    float: left;
  }
  #retaku_slide_wrap 
  .swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #retaku_slide_wrap 
  .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;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  #retaku_slide_wrap 
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
  }
  #retaku_slide_wrap 
  .swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #retaku_slide_wrap 
  .swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
  }
  #retaku_slide_wrap 
  .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;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  #retaku_slide_wrap 
  .swiper-slide-invisible-blank {
    visibility: hidden;
  }
  #retaku_slide_wrap 
  /* Auto Height */
  .swiper-container-autoheight,
  .swiper-container-autoheight .swiper-slide {
    height: auto;
  }
  #retaku_slide_wrap 
  .swiper-container-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;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
  }
  #retaku_slide_wrap 
  /* 3D Effects */
  .swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
  }
  #retaku_slide_wrap 
  .swiper-container-3d .swiper-wrapper,
  .swiper-container-3d .swiper-slide,
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom,
  .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  #retaku_slide_wrap 
  .swiper-container-3d .swiper-slide-shadow-left,
  .swiper-container-3d .swiper-slide-shadow-right,
  .swiper-container-3d .swiper-slide-shadow-top,
  .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  #retaku_slide_wrap 
  .swiper-container-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: -o-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));
  }
  #retaku_slide_wrap 
  .swiper-container-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: -o-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));
  }
  #retaku_slide_wrap 
  .swiper-container-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: -o-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));
  }
  #retaku_slide_wrap 
  .swiper-container-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: -o-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));
  }
  #retaku_slide_wrap 
  /* IE10 Windows Phone 8 Fixes */
  .swiper-container-wp8-horizontal,
  .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
  }
  #retaku_slide_wrap 
  .swiper-container-wp8-vertical,
  .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
  }
  #retaku_slide_wrap 
  .swiper-button-prev,
  .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
  }
  #retaku_slide_wrap 
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  #retaku_slide_wrap 
  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto;
  }
  #retaku_slide_wrap 
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto;
  }
  #retaku_slide_wrap 
  .swiper-button-prev.swiper-button-white,
  .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }
  #retaku_slide_wrap 
  .swiper-button-next.swiper-button-white,
  .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
  }
  #retaku_slide_wrap 
  .swiper-button-prev.swiper-button-black,
  .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }
  #retaku_slide_wrap 
  .swiper-button-next.swiper-button-black,
  .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
  }
  #retaku_slide_wrap 
  .swiper-button-lock {
    display: none;
  }
  #retaku_slide_wrap 
  .swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  #retaku_slide_wrap 
  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
  }
  #retaku_slide_wrap 
  /* Common Styles */
  .swiper-pagination-fraction,
  .swiper-pagination-custom,
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  #retaku_slide_wrap 
  /* Bullets */
  .swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
  }
  #retaku_slide_wrap 
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
  }
  #retaku_slide_wrap 
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  #retaku_slide_wrap 
  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      -webkit-transform:scale(0.33);
      -ms-transform:scale(0.33);
      transform:scale(0.33);
      position:relative;
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
      -webkit-transform:scale(1);
      -ms-transform:scale(1);
      transform:scale(1);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
      -webkit-transform:scale(1);
      -ms-transform:scale(1);
      transform:scale(1);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
      -webkit-transform:scale(0.66);
      -ms-transform:scale(0.66);
      transform:scale(0.66);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
      -webkit-transform:scale(0.33);
      -ms-transform:scale(0.33);
      transform:scale(0.33);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
      -webkit-transform:scale(0.66);
      -ms-transform:scale(0.66);
      transform:scale(0.66);
  }
  #retaku_slide_wrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
      -webkit-transform:scale(0.33);
      -ms-transform:scale(0.33);
      transform:scale(0.33);
  }
  #retaku_slide_wrap .swiper-pagination-bullet {
      width:8px;
      height:8px;
      display:inline-block;
      border-radius:100%;
      background:#000;
      opacity:0.2;
  }
  #retaku_slide_wrap 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;
  }
  #retaku_slide_wrap .swiper-pagination-clickable .swiper-pagination-bullet {
      cursor:pointer;
  }
  #retaku_slide_wrap .swiper-pagination-bullet-active {
      opacity:1;
      background:#007aff;
  }
  #retaku_slide_wrap .swiper-container-vertical>.swiper-pagination-bullets {
      right:10px;
      top:50%;
      -webkit-transform:translate3d(0px,-50%,0);
      transform:translate3d(0px,-50%,0);
  }
  #retaku_slide_wrap .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin:6px 0;
      display:block;
  }
  #retaku_slide_wrap .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      top:50%;
      -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
      transform:translateY(-50%);
      width:8px;
  }
  #retaku_slide_wrap .swiper-container-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;
      -o-transition:200ms transform,200ms top;
      transition:200ms transform,200ms top;
      transition:200ms transform,200ms top,200ms -webkit-transform;
  }
  #retaku_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
      margin:0 4px;
  }
  #retaku_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
      left:50%;
      -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
      transform:translateX(-50%);
      white-space:nowrap;
  }
  #retaku_slide_wrap .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      -webkit-transition:200ms left,200ms -webkit-transform;
      transition:200ms left,200ms -webkit-transform;
      -o-transition:200ms transform,200ms left;
      transition:200ms transform,200ms left;
      transition:200ms transform,200ms left,200ms -webkit-transform;
  }
  #retaku_slide_wrap .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      -webkit-transition:200ms right,200ms -webkit-transform;
      transition:200ms right,200ms -webkit-transform;
      -o-transition:200ms transform,200ms right;
      transition:200ms transform,200ms right;
      transition: 200ms transform,200ms right,200ms -webkit-transform;
  }
  #retaku_slide_wrap /* Progress */
  .swiper-pagination-progressbar {
      background:rgba(0,0,0,0.25);
      position:absolute;
  }
  #retaku_slide_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      background:#007aff;
      position:absolute;
      left:0;
      top: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;
  }
  #retaku_slide_wrap .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
      -webkit-transform-origin:right top;
      -ms-transform-origin:right top;
      transform-origin:right top;
  }
  #retaku_slide_wrap .swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
      width:100%;
      height:4px;
      left:0;
      top:0;
  }
  #retaku_slide_wrap .swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
      width:4px;
      height:100%;
      left:0;
      top:0;
  }
  #retaku_slide_wrap .swiper-pagination-white .swiper-pagination-bullet-active {
      background:#ffffff;
  }
  #retaku_slide_wrap .swiper-pagination-progressbar.swiper-pagination-white {
      background:rgba(255,255,255,0.25);
  }
  #retaku_slide_wrap .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
      background:#ffffff;
  }
  #retaku_slide_wrap .swiper-pagination-black .swiper-pagination-bullet-active {
      background:#000000;
  }
  #retaku_slide_wrap .swiper-pagination-progressbar.swiper-pagination-black {
      background:rgba(0,0,0,0.25);
  }
  #retaku_slide_wrap .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
      background:#000000;
  }
  #retaku_slide_wrap .swiper-pagination-lock {
      display: none;
  }
  #retaku_slide_wrap /* Scrollbar */
  .swiper-scrollbar {
      border-radius:10px;
      position:relative;
      -ms-touch-action:none;
      background:rgba(0,0,0,0.1);
  }
  #retaku_slide_wrap .swiper-container-horizontal>.swiper-scrollbar {
      position:absolute;
      left:1%;
      bottom:3px;
      z-index:50;
      height:5px;
      width:98%;
  }
  #retaku_slide_wrap .swiper-container-vertical>.swiper-scrollbar {
      position:absolute;
      right:3px;
      top:1%;
      z-index:50;
      width:5px;
      height:98%;
  }
  #retaku_slide_wrap .swiper-scrollbar-drag {
      height:100%;
      width:100%;
      position:relative;
      background:rgba(0,0,0,0.5);
      border-radius:10px;
      left:0;
      top:0;
  }
  #retaku_slide_wrap .swiper-scrollbar-cursor-drag {
      cursor:move;
  }
  #retaku_slide_wrap .swiper-scrollbar-lock {
      display:none;
  }
  #retaku_slide_wrap .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;
  }
  #retaku_slide_wrap .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;
  }
  #retaku_slide_wrap .swiper-slide-zoomed {
      cursor: move;
  }
  #retaku_slide_wrap /* Preloader */
  .swiper-lazy-preloader {
      width:42px;
      height:42px;
      position:absolute;
      left:50%;
      top:50%;
      margin-left:-21px;
      margin-top:-21px;
      z-index:10;
      -webkit-transform-origin:50%;
      -ms-transform-origin:50%;
      transform-origin:50%;
      -webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;
      animation:swiper-preloader-spin 1s steps(12,end) infinite;
  }
  #retaku_slide_wrap .swiper-lazy-preloader:after {
      display:block;
      content:'';
      width:100%;
      height:100%;
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
      background-position:50%;
      background-size:100%;
      background-repeat:no-repeat;
  }
  #retaku_slide_wrap .swiper-lazy-preloader-white:after {
      background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  #retaku_slide_wrap @-webkit-keyframes swiper-preloader-spin {
      100% {
          -webkit-transform:rotate(360deg);
          transform:rotate(360deg);
      }
      #retaku_slide_wrap
  }
  #retaku_slide_wrap @keyframes swiper-preloader-spin {
      100% {
          -webkit-transform:rotate(360deg);
          transform: rotate(360deg);
      }
      #retaku_slide_wrap
  }
  #retaku_slide_wrap /* a11y */
  .swiper-container .swiper-notification {
      position:absolute;
      left:0;
      top:0;
      pointer-events:none;
      opacity:0;
      z-index:-1000;
  }
  #retaku_slide_wrap .swiper-container-fade.swiper-container-free-mode .swiper-slide {
      -webkit-transition-timing-function:ease-out;
      -o-transition-timing-function:ease-out;
      transition-timing-function:ease-out;
  }
  #retaku_slide_wrap .swiper-container-fade .swiper-slide {
      pointer-events:none;
      -webkit-transition-property:opacity;
      -o-transition-property:opacity;
      transition-property:opacity;
  }
  #retaku_slide_wrap .swiper-container-fade .swiper-slide .swiper-slide {
      pointer-events:none;
  }
  #retaku_slide_wrap .swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
      pointer-events:auto;
  }
  #retaku_slide_wrap .swiper-container-cube {
      overflow:visible;
  }
  #retaku_slide_wrap .swiper-container-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%;
  }
  #retaku_slide_wrap .swiper-container-cube .swiper-slide .swiper-slide {
      pointer-events:none;
  }
  #retaku_slide_wrap .swiper-container-cube.swiper-container-rtl .swiper-slide {
      -webkit-transform-origin:100% 0;
      -ms-transform-origin:100% 0;
      transform-origin:100% 0;
  }
  #retaku_slide_wrap .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
      pointer-events:auto;
  }
  #retaku_slide_wrap .swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide {
      pointer-events:auto;
      visibility:visible;
  }
  #retaku_slide_wrap .swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right {
      z-index:0;
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
  }
  #retaku_slide_wrap .swiper-container-cube .swiper-cube-shadow {
      position:absolute;
      left:0;
      bottom:0px;
      width:100%;
      height:100%;
      background:#000;
      opacity:0.6;
      -webkit-filter:blur(50px);
      filter:blur(50px);
      z-index:0;
  }
  #retaku_slide_wrap .swiper-container-flip {
      overflow:visible;
  }
  #retaku_slide_wrap .swiper-container-flip .swiper-slide {
      pointer-events:none;
      -webkit-backface-visibility:hidden;
      backface-visibility:hidden;
      z-index:1;
  }
  #retaku_slide_wrap .swiper-container-flip .swiper-slide .swiper-slide {
      pointer-events:none;
  }
  #retaku_slide_wrap .swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
      pointer-events:auto;
  }
  #retaku_slide_wrap .swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right {
      z-index:0;
      -webkit-backface-visibility:hidden;
      backface-visibility: hidden;
  }
  #retaku_slide_wrap .swiper-container-coverflow .swiper-wrapper {
      /* Windows 8 IE 10 fix */
      -ms-perspective:1200px;
  }
  #retaku_slide_wrap /*css for retaku_{hash_id}#retaku_slide_wrap */ {
      margin:0px auto 0;
      max-width:1400px;
      overflow:hidden;
  }
  #retaku_slide_wrap .retaku_title {
      font-family:'Source Sans Pro',sans-serif;
      display:block;
      text-align:center;
      font-weight:bold;
      letter-spacing:5px;
      font-size:20px;
      line-height:1.5;
      color:#333;
      padding:30px 0 30px;
  }
  #retaku_slide_wrap .retaku_title span {
  }
  #retaku_slide_wrap .retaku_prd_name {
      height:20px;
      white-space:nowrap;
      text-overflow:ellipsis;
      overflow:hidden;
  }
  #retaku_slide_wrap .retaku-slide {
      height:331.6px;
  }
  #retaku_slide_wrap .retaku_prd_price {
      margin-bottom:5px;
  }
  #retaku_slide_wrap .retaku_description {
  }
  #retaku_slide_wrap .retaku_icon img {
      width:auto;
      max-height:16.5px;
      margin:0px 3px;
  }
  #retaku_slide_wrap .retaku-slide .retaku_content {
  }
  #retaku_slide_wrap .retaku_prd_info {
      position:relative;
      min-height:10px;
      margin:14px 7px;
      text-align:center;
  }
  #retaku_slide_wrap .retaku_img img {
      width:100%;
      border:1px solid #e5e5e5;
      box-sizing:border-box;
      height:250px;
  }
  #retaku_slide_wrap .retaku_blank_above {
      width:100%;
      height:0px;
      display:block;
      clear:both;
  }
  #retaku_slide_wrap .retaku_blank_below {
      width:100%;
      height:30px;
      display:block;
      clear: both;
  }
  
#retaku_slide_wrap .swiper-slide{display:inline-block;}
#retaku_slide_wrap .swiper-slide li{font-size:11px;}
  
  
.xans-product-normalmenu {
    width: 100% !important;
    margin-bottom: 30px;
    overflow: hidden;
}
.xans-product-normalmenu .title {
	margin:0 0 17px;
}
.xans-product-normalmenu .title h2 {
	font-weight:normal;
	font-size:18px;
	color:#2e2e2e;
	text-align:center;
}
.xans-product-normalmenu .function {
	overflow:hidden;
	text-align:right;
	line-height:40px;
	border:1px solid #e7e7e7;
}
.xans-product-normalmenu .prdCount {
	float:left;
	color:#878787;
	font-size:12px;
	padding-left:15px;
}
.xans-product-normalmenu .prdCount strong {
	color:#f68c8e;
}
.xans-product-normalmenu ul#type {
	display:inline;
	margin:0 4px 0 0;
	height:40px;
}
.xans-product-normalmenu ul#type li {
	display:inline-block;
	padding:0 6px 0 10px;
	border-left:1px #e7e7e7 solid;
}
.xans-product-normalmenu ul#type li:first-child {
	background:none;
}
.xans-product-normalmenu ul#type li a {
	color:#878787;
	font-size:12px;
	padding:0 10px;
}
.xans-product-normalmenu ul#type li a:hover {
	color:#878787;
	text-decoration:none;
}
.xans-product-normalmenu .compare img {
	border-left:1px solid #d7d5d5;
	vertical-align:middle;
}
.xans-product-normalmenu fieldset {
	margin:-1px 0 0;
	padding:7px 12px;
	border:1px solid #d7d5d6;
	text-align:right;
	background:#fbf9fa;
}
.xans-product-normalmenu fieldset select {
	height:24px;
}

.xans-product-normalpaging {
	padding:50px 0 0px;
	text-align:center;
}
.xans-product-normalpaging p {
	display:inline-block;
	vertical-align:top;
	*display:inline;
	*zoom:1;
}
.xans-product-normalpaging p.first {
	margin:0 -4px 0 0;
}
.xans-product-normalpaging p.last {
	margin:0 0 0 -4px;
}
.xans-product-normalpaging ol {
	display:inline-block;
	margin:0 -4px;
	font-size:0;
	line-height:0;
	vertical-align:top;
	*display:inline;
	*zoom:1;
	*margin:0;
}
.xans-product-normalpaging li {
	display:inline-block;
	margin:0 0 0 -1px;
	border:1px solid #e0e0e0;
	font-size:12px;
	color:#757575;
	vertical-align:top;
	*display:inline;
	*zoom:1;
}
.xans-product-normalpaging li:first-child {
	margin-left:0;
}
.xans-product-normalpaging img {
	vertical-align:top;
}
.xans-product-normalpaging li a {
	display:block;
	width:30px;
	padding:7px 0;
	font-weight:bold;
	color:#d6d6d6;
	line-height:16px;
	background:#fff;
	font-weight:normal;
}
.xans-product-normalpaging li a:hover {
	text-decoration:none;
	background:#f0f2f2;
}
.xans-product-normalpaging li a.this {
	padding-bottom:7px;
	border-bottom:0px solid #454545;
	color:#999999;
	background-color:#f8f8f8;
	font-weight:bold;
}
.xans-product-normalpaging a.nolink {
	cursor:default;
}

/* 상품명과 가격 사이 가로줄 제거 */
.ec-base-product .prdList li .description .name,
.ec-base-product .prdList li .description .spec_wrap {
    border-top: none !important;
    border-bottom: none !important;
}

/* 상품명과 가격 정보 사이 간격 줄이기 */
.ec-base-product .prdList li .description .name {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

.ec-base-product .prdList li .description .spec_wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 할인 전 가격 */
.ec-base-product .prdList li .description .spec_wrap span[style*="line-through"] {
    color:#999 !important;

    font-family:"Pretendard", sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:-0.3px !important;
    line-height:1.4 !important;

    font-synthesis:none !important;
    text-decoration:line-through !important;
}
.ec-base-product .spec_wrap .spec {
    display: inline-flex !important;
    align-items: baseline;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
}

.ec-base-product .spec_wrap .spec li {
    margin: 0 !important;
    padding: 0 !important;
}

.ec-base-product .spec_wrap .spec .price-after {
    order: 1;
}

.ec-base-product .spec_wrap .spec .price-before {
    order: 2;
}
/* 가격과 할인율 세로 위치 맞추기 */
.ec-base-product .prdList li .description .spec_wrap {
    position: relative;
}

.ec-base-product .prdList li .description .spec_wrap > .rate {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    float: none !important;
    margin: 0 !important;
    line-height: 1 !important;
}
/* 상품 분류 페이지 전체 좌우 간격 통일 */
#contents {
    width: calc(100% - 80px) !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

/* 상단 카테고리·정렬 메뉴와 상품 목록 폭 통일 */
.xans-product-menupackage,
.xans-product-normalpackage,
.xans-product-normalmenu,
.xans-product-listnormal {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

.xans-product-listnormal > .prdList {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
/* 상품 분류 페이지: 4개 상품을 전체 폭에 균등 배치 */
.xans-product-listnormal > .prdList.grid4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 70px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xans-product-listnormal > .prdList.grid4 > li {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xans-product-listnormal > .prdList.grid4 > li .thumbnail,
.xans-product-listnormal > .prdList.grid4 > li .thumbnail > a {
    display: block !important;
    width: 100% !important;
}

.xans-product-listnormal > .prdList.grid4 > li .thumbnail img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
/* ==================================================
   상품 분류페이지 = 메인 BEST ITEM 카드 완전 통일
================================================== */

/* 4칸 목록 */
.xans-product-listnormal > .prdList.grid4 {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 각 상품   BEST ITEM처럼 아래 간격 65px */
.xans-product-listnormal > .prdList.grid4 > li {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 0 65px !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
}

/* 썸네일 */
.xans-product-listnormal .thumbnail,
.xans-product-listnormal .thumbnail > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xans-product-listnormal .thumbnail img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
}

/* 썸네일과 상품명 사이 간격 */
.xans-product-listnormal .description {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto auto !important;
    align-items: end !important;
    align-content: start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    row-gap: 0 !important;
    box-sizing: border-box !important;
}

/* 상품명 */
.xans-product-listnormal .description > .name {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #555 !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: keep-all !important;
}

/* 두 줄 상품명 높이 자동 */
.xans-product-listnormal .description > .name a,
.xans-product-listnormal .description > .name span {
    display: inline !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    color: #555 !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: keep-all !important;
}

/* 가격 영역 */
.xans-product-listnormal .description > .spec_wrap {
    position: relative !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

/* 판매가와 할인 전 가격 */
.xans-product-listnormal .spec_wrap > .spec {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.xans-product-listnormal .spec_wrap > .spec > li {
    margin: 0 !important;
    padding: 0 !important;
}

.xans-product-listnormal .spec_wrap .price-after {
    order: 1 !important;
}
/* 할인 후 가격 숫자 자간 */
.xans-product-listnormal .spec_wrap .price-after,
.xans-product-listnormal .spec_wrap .price-after span {
    letter-spacing: -0.5px !important;
}
.xans-product-listnormal .spec_wrap .price-before {
    order: 2 !important;
}

.xans-product-listnormal .spec_wrap span[style*="line-through"] {
    color: #999 !important;
    font-weight: 400 !important;
}

/* 할인율 오른쪽 */
.xans-product-listnormal .spec_wrap > .rate {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    float: none !important;
    margin: 0 !important;
}

/* 출고 아이콘 */
.xans-product-listnormal .description > .icon {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 3 !important;
    justify-self: start !important;
    align-self: start !important;
    width: auto !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    transform: translateY(12px) !important;
}

.xans-product-listnormal .description > .icon > .promotion {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}


/* 리뷰   출고 아이콘과 같은 행 오른쪽 */
/* 리뷰 위치 및 오른쪽 잘림 방지 */
html body #contents .xans-product-listnormal
.description > .reviewcount {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 3 !important;
    justify-self: end !important;
    align-self: start !important;
    align-items: center !important;
    width: auto !important;
    max-width: calc(100% - 8px) !important;
    margin: 14px 8px 0 0 !important;
    padding: 0 !important;
    color: #777 !important;
    text-align: right !important;
    white-space: nowrap !important;
    transform: translateY(12px) !important;
    box-sizing: border-box !important;
}

/* 스냅리뷰가 나중에 넣는 글자 스타일까지 강제로 덮기 */
html body #contents .xans-product-listnormal
.reviewcount .snap_review_count,
html body #contents .xans-product-listnormal
.reviewcount .snap_review_count *,
html body #contents .xans-product-listnormal
.reviewcount span,
html body #contents .xans-product-listnormal
.reviewcount em,
html body #contents .xans-product-listnormal
.reviewcount b,
html body #contents .xans-product-listnormal
.reviewcount strong {
    color: #777 !important;
    font-family: "Pretendard", sans-serif !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-synthesis: none !important;
    text-shadow: none !important;
}
/* 상품명 실제 높이를 줄 수에 맞게 확장 */
html body #contents
.xans-product-listnormal .prdList > li
.description > .name {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    line-height: 20px !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* 상품명 내부 링크도 높이 계산에 포함 */
html body #contents
.xans-product-listnormal .prdList > li
/* 상품명 실제 높이를 줄 수에 맞게 확장 */
html body #contents
.xans-product-listnormal .prdList > li
.description > .name {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    line-height: 20px !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* 상품명 내부 링크도 높이 계산에 포함 */
html body #contents
.xans-product-listnormal .prdList > li
.description > .name > a {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 20px !important;
    white-space: normal !important;
    overflow: visible !important;
}

/* 상품명 글자 */
html body #contents
.xans-product-listnormal .prdList > li
.description > .name > a > span {
    display: inline !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 20px !important;
    white-space: normal !important;
    overflow: visible !important;
}
.xans-product-normalmenu .prdCount,
.xans-product-normalmenu ul#type li a {
    font-family: "Pretendard", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
}
/* 상품 정렬 드롭다운 */
.xans-product-normalmenu,
.xans-product-normalmenu .function {
    overflow: visible !important;
}

.xans-product-normalmenu .function {
    position: relative;
    min-height: 40px;
}

.sort-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    line-height: normal;
    z-index: 30;
}

.sort-dropdown-button {
    position: relative;
    display: block;
    width: 82px;
    height: 32px;
    padding: 0 28px 0 10px;

    font-family: "Pretendard", sans-serif !important;
    font-size: 12px;
    font-weight: 500;
    color: #222;
    text-align: left;

    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

.sort-dropdown-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;

    width: 6px;
    height: 6px;

    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
    transform: translateY(-70%) rotate(45deg);
}

.sort-dropdown.is-open .sort-dropdown-button::after {
    transform: translateY(-25%) rotate(225deg);
}

/* 기존 정렬 목록 스타일 덮어쓰기 */
.xans-product-normalmenu ul#type.sort-dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    right: 0;

    width: 120px;
    height: auto;
    margin: 0;
    padding: 5px 0;

    border: 1px solid #e2e2e2;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    z-index: 100;
}

.sort-dropdown.is-open ul#type.sort-dropdown-menu {
    display: block;
}

.xans-product-normalmenu ul#type.sort-dropdown-menu li,
.xans-product-normalmenu ul#type.sort-dropdown-menu li:first-child {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

.xans-product-normalmenu ul#type.sort-dropdown-menu li a {
    display: block;
    padding: 9px 12px;

    font-family: "Pretendard", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: #555;
    text-align: left;
    white-space: nowrap;
}

.xans-product-normalmenu ul#type.sort-dropdown-menu li a:hover,
.xans-product-normalmenu ul#type.sort-dropdown-menu li a.on {
    color: #111;
    text-decoration: none;
    background: #f6f6f6;
}
/* 정렬선택 버튼 글자 강제 표시 */
html body .xans-product-normalmenu
.sort-dropdown .sort-dropdown-button {
    display: block !important;
    width: 100px !important;
    height: 34px !important;
    padding: 0 28px 0 10px !important;

    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #222 !important;
    text-indent: 0 !important;
    text-align: left !important;

    border: 1px solid #e2e2e2 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-image: none !important;
}
/* 정렬 영역 바깥 박스 제거 */
html body .xans-product-normalmenu .function {
    min-height: 32px !important;
    line-height: 32px !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-sizing: border-box !important;
}

/* 정렬 버튼을 상품 썸네일 오른쪽 끝에 맞춤 */
html body .xans-product-normalmenu .sort-dropdown {
    margin-right: 0 !important;
}
/* 상품 개수 문구: Pretendard + 상품 썸네일 왼쪽 정렬 */
html body .xans-product-normalmenu .prdCount,
html body .xans-product-normalmenu .prdCount strong {
    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    color: #222 !important; /* 일반 문구 색상 */
}

/* 상품 개수 숫자 */
html body .xans-product-normalmenu .prdCount strong {
    color: #f68c8e !important; /* 숫자 색상 */
}


html body .xans-product-normalmenu .prdCount {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}
/* 스크롤 시 정렬 버튼이 상단 헤더 위로 올라오는 문제 해결 */
html body .xans-product-normalmenu .sort-dropdown {
    z-index: auto !important;
}

/* 드롭다운을 열었을 때만 목록이 상품 위로 나오도록 처리 */
html body .xans-product-normalmenu
.sort-dropdown.is-open {
    z-index: 30 !important;
}
/* 상단 상품 카테고리: 둥근 배경 제거 + 왼쪽 정렬 */
html body .xans-product-menupackage .menuCategory {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 32px !important;

    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;

    text-align: left !important;
    box-sizing: border-box !important;
}

/* 기존 균등 너비 제거 */
html body .xans-product-menupackage
.menuCategory > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 회색 원형 박스 제거 */
html body .xans-product-menupackage
.menuCategory > li > a {
    display: block !important;
    margin: 0 !important;
    padding: 10px 0 !important;

    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* 마우스를 올렸을 때도 둥근 검은 배경 방지 */
html body .xans-product-menupackage
.menuCategory > li > a:hover {
    color: #121212 !important;
    background: none !important;
}
/* 카테고리 제목 */
html body .xans-product-menupackage
.category-menu-title {
    margin: 0 0 24px !important;
    padding: 0 !important;

    font-family: "Pretendard", sans-serif !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #111 !important;
    text-align: left !important;
}

/* 카테고리 가로 탭 */
html body .xans-product-menupackage
.menuCategory {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    gap: 30px !important;

    width: 100% !important;
    margin: 0 0 50px !important;
    padding: 0 !important;

    border-bottom: 1px solid #ddd !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

/* 각 카테고리 */
html body .xans-product-menupackage
.menuCategory > li {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 카테고리 글자 */
html body .xans-product-menupackage
.menuCategory > li > a {
    position: relative !important;
    display: block !important;

    margin: 0 !important;
    padding: 0 0 16px !important;

    font-family: "Pretendard", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    color: #666 !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
}

/* 선택·마우스 오버 */
html body .xans-product-menupackage
.menuCategory > li.selected > a,
html body .xans-product-menupackage
.menuCategory > li > a:hover {
    color: #111 !important;
    font-weight: 600 !important;
    background: none !important;
}

/* 선택된 메뉴 밑줄 */
html body .xans-product-menupackage
.menuCategory > li.selected > a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;

    height: 2px;
    background: #111;
}
/* 하위 카테고리: 깔끔한 텍스트 메뉴 */
html body .xans-product-menupackage
.menuCategory > li > .subCategory {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;

    display: none;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 14px !important;

    text-align: left !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    background: #fff !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

/* 선택된 대분류의 하위 카테고리 표시 */
html body .xans-product-menupackage
.menuCategory > li.selected > .subCategory,
html body .xans-product-menupackage
.menuCategory > li:hover > .subCategory {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

/* 하위 카테고리 항목 */
html body .xans-product-menupackage
.subCategory > li {
    position: relative !important;
    display: block !important;
    margin: 0 22px 0 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    background: none !important;
}

/* 항목 사이 구분선 */
html body .xans-product-menupackage
.subCategory > li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -11px;

    width: 1px;
    height: 11px;
    background: #d7d7d7;
    transform: translateY(-50%);
}

/* 하위 카테고리 글자 */
html body .xans-product-menupackage
.subCategory > li > a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    font-family: "Pretendard", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #777 !important;

    background: none !important;
}

/* 선택 및 마우스 오버 */
html body .xans-product-menupackage
.subCategory > li.selected > a,
html body .xans-product-menupackage
.subCategory > li > a:hover {
    color: #111 !important;
    font-weight: 500 !important;
}
/* 상단 메뉴와 대카테고리 제목 사이 간격 줄이기 */
html body .xans-product-menupackage {
    margin-top: 45px !important;
}

/* 하위 메뉴 위치의 기준을 상위 카테고리로 설정 */
html body .xans-product-menupackage
.menuCategory > li {
    position: relative !important;
}

/* 하위 메뉴를 해당 상위 카테고리 바로 아래에 표시 */
html body .xans-product-menupackage
.menuCategory > li > .subCategory {
    top: calc(100% + 2px) !important;
    left: 0 !important;

    width: max-content !important;
    min-width: max-content !important;
    margin: 0 !important;
    padding: 10px 0 !important;

    border: 0 !important;
    background: transparent !important;
    white-space: nowrap !important;
}

/* 하위 메뉴 가로 정렬 */
html body .xans-product-menupackage
.menuCategory > li.selected > .subCategory,
html body .xans-product-menupackage
.menuCategory > li:hover > .subCategory {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}
/* ===================================
   상품 목록 페이지네이션
=================================== */
html body .xans-product-normalpaging {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 18px !important;

    padding: 50px 0 0 !important;
    font-family: "Pretendard", sans-serif !important;
    text-align: center !important;
}

/* 화살표 영역 */
html body .xans-product-normalpaging p {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

html body .xans-product-normalpaging p a {
    position: relative !important;
    display: block !important;

    width: 12px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    background: transparent !important;
    border: 0 !important;
    text-decoration: none !important;
}

/* 페이지 번호 묶음 */
html body .xans-product-normalpaging ol {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: normal !important;
}

/* 페이지 번호 */
html body .xans-product-normalpaging ol li,
html body .xans-product-normalpaging ol li.current {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

html body .xans-product-normalpaging ol li a,
html body .xans-product-normalpaging ol li a.other,
html body .xans-product-normalpaging ol li a.this {
    position: relative !important;
    display: block !important;

    width: auto !important;
    min-width: 12px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #aaa !important;
    font-family: "Pretendard", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    text-align: center !important;

    border: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}

/* 현재 페이지 */
html body .xans-product-normalpaging ol li a.this {
    color: #111 !important;
    font-weight: 600 !important;
}

/* 현재 페이지 밑줄 */
html body .xans-product-normalpaging ol li a.this::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;

    width: 7px !important;
    height: 1px !important;
    background: #111 !important;
    transform: translateX(-50%) !important;
}



/* 공통 화살표 */
html body .xans-product-normalpaging p.prev a::before,
html body .xans-product-normalpaging p.next a::before {
    content: "" !important;
    position: absolute !important;
    top: 6px !important;

    width: 6px !important;
    height: 6px !important;
    background: transparent !important;
}

/* 이전 화살표 */
html body .xans-product-normalpaging p.prev a::before {
    left: 3px !important;
    border-top: 1px solid #999 !important;
    border-left: 1px solid #999 !important;
    transform: rotate(-45deg) !important;
}

/* 다음 화살표 */
html body .xans-product-normalpaging p.next a::before {
    right: 3px !important;
    border-top: 1px solid #999 !important;
    border-right: 1px solid #999 !important;
    transform: rotate(45deg) !important;
}

/* 첫 페이지·마지막 페이지 이중 화살표 */
html body .xans-product-normalpaging p.first a::before,
html body .xans-product-normalpaging p.first a::after,
html body .xans-product-normalpaging p.last a::before,
html body .xans-product-normalpaging p.last a::after {
    content: "" !important;
    position: absolute !important;
    top: 6px !important;

    width: 6px !important;
    height: 6px !important;
    background: transparent !important;
}

/* 첫 페이지 이중 왼쪽 화살표 */
html body .xans-product-normalpaging p.first a::before,
html body .xans-product-normalpaging p.first a::after {
    border-top: 1px solid #bbb !important;
    border-left: 1px solid #bbb !important;
    transform: rotate(-45deg) !important;
}

html body .xans-product-normalpaging p.first a::before {
    left: 1px !important;
}

html body .xans-product-normalpaging p.first a::after {
    left: 5px !important;
}

/* 마지막 페이지 이중 오른쪽 화살표 */
html body .xans-product-normalpaging p.last a::before,
html body .xans-product-normalpaging p.last a::after {
    border-top: 1px solid #777 !important;
    border-right: 1px solid #777 !important;
    transform: rotate(45deg) !important;
}

html body .xans-product-normalpaging p.last a::before {
    right: 5px !important;
}

html body .xans-product-normalpaging p.last a::after {
    right: 1px !important;
}

/* 마우스 오버 배경 제거 */
html body .xans-product-normalpaging a:hover {
    background: transparent !important;
    text-decoration: none !important;
}
/* 할인 전 가격 Pretendard 최종 적용 */
html body .xans-product-listnormal
.spec_wrap span[style*="line-through"] {
    font-family:"Pretendard", sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    font-style:normal !important;
    letter-spacing:-0.3px !important;
}
/* 판매가 → 소비자가 순서 고정 */
html body .xans-product-listnormal .spec_wrap .price-sell {
    order:1 !important;
}

html body .xans-product-listnormal .spec_wrap .price-consumer {
    order:2 !important;
}

/* 소비자가 디자인 */
html body .xans-product-listnormal .spec_wrap .price-consumer,
html body .xans-product-listnormal .spec_wrap .price-consumer span {
    color:#999 !important;
    font-family:"Pretendard", sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    letter-spacing:-0.3px !important;
}

/* 판매가 디자인 */
html body .xans-product-listnormal .spec_wrap .price-sell,
html body .xans-product-listnormal .spec_wrap .price-sell span {
    color:#111 !important;
    font-family:"Pretendard", sans-serif !important;
    font-size:24px !important;
    font-weight:600 !important;
    line-height:1.25 !important;
    letter-spacing:-0.5px !important;
}
/* BASIC css end */