/* 샘플 코드 클래스 */
.wp-sample {display:none !important;}

:root {
	--font-color-base: #000;
	--font-color-heading: #000;
	--font-color-primary: #000;
	--font-color-secondary: #ef441f;
	--font-color-warn: #ec2a1d;
	--font-color-success: #0985df;

	--base-width: 1320px;	/* 컨텐츠영역 넓이*/
	--border-radius-basic: 10px;	/* 모서리 둥근 */
	--border-radius-small: 5px;		/* 모서리 둥근 */
	--button-radius-basic: 5px   /* 버튼 모서리 둥근*/
}

html.scroll--hide {
	overflow: hidden;
}

.site-wrap {
	margin: 0 auto;
	position: relative;
}

.wp-stand-by {
	opacity: 0;
	visibility: hidden;
}

.clear {
	clear: both;
}

/* scroll */
.mobile-scroll-hide {
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	/* 파이어폭스 브라우저에서 스크롤 바 숨김 */
}

.mobile-scroll-hide::-webkit-scrollbar {
	display: none;
	/* 크롬, 사파리, 오페라 등 웹킷 기반 브라우저에서 스크롤 바 숨김 */
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgb(226, 226, 226);
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: rgba(190, 190, 190, 0.7);
	-webkit-box-shadow: inset 0 0 6px rgba(226, 226, 226, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(200, 200, 200, 0.4);
}

#wrap .effect-fadeInUp,
.effect-fadeInUp {
	margin-top: 40px;
	visibility: hidden;
	animation: layerMotion 0.25s 0.25s forwards ease-out;
}

@keyframes layerMotion {
	100% {
		margin-top: 0px;
		visibility: visible;
	}
}

.scroll-watcher {
	height: 2px;
	position: fixed;
	top: 0;
	z-index: 1000;
	background-color: var(--scroll-watcher-color);
	width: 0%;
	transform-origin: left;
}

/* 메인 */
main#contents {
	display: block;
}

/* 메인 타이틀 */
.section-title .more {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #777;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.section-title .more:after {
	content: "";
	transform: rotate(135deg);
	border-top: 1px solid #777;
	border-left: 1px solid #777;
}


/********************* PC *********************/
@media all and (min-width:1025px) {

	/* 공통 */
	.site-wrap {
		max-width: var(--base-width);
		padding: 0 20px;
	}

	#contents {
		padding-bottom: 100px;
		min-height: 700px;
	}

	/* path */
	.path {
		overflow: hidden;
		margin: 20px auto;
	}

	.path span {
		overflow: hidden;
		position: absolute;
		width: 0;
		height: 0;
		white-space: nowrap;
		text-indent: 100%;
		display: none;
	}

	.path li {
		display: inline-block;
		vertical-align: middle;
	}

	.path li:not(:first-child):before {
		display: inline-block;
		color: #7d7d7d;
		width: 5px;
		height: 5px;
		border-top: 1px solid #777;
		border-left: 1px solid #777;
		content: "";
		transform: rotate(135deg);
		margin: -1px 8px 0 2px;
		vertical-align: middle;
	}

	.path li:first-child,
	.path li:first-child a {
		font-size: 0;
	}

	.path li:nth-child(2) {
		background: url("//xn--9t4ba213b32m9ta.shop/skin_img/icon_home.svg") no-repeat 0 50%;
		background-size: 12px auto;
		padding-left: 16px;
	}

	.path li,
	.path li a {
		font-size: 13px;
		color: #7d7d7d;
		text-decoration: none;
	}

	.path li:last-child a,
	.path li strong,
	.path li strong a {
		color: #000;
	}

	.path li.active a{
		color:#000;
	}

	/* 메인 */
	main#contents {
		padding-bottom: 0;
	}

	/* 메인타이틀 */
	.section-title {
		margin: 0 0 30px;
		text-align: center;
		word-break: keep-all;
	}

	.section-title h3 {
		font-size: 34px;
		color: #000;
		font-weight: bold;
	}

	.section-title h3>span *,
	.section-title h3>p *,
	.section-title h3+p {
		color: #999;
		font-weight: normal;
		display: block;
		margin-top: 5px;
		font-size: 17px;
	}

	.section-title .more {
		font-size: 14px;
	}

	.section-title .more:hover {
		transition: all .25s ease;
		color: #111;
	}

	.section-title .more:after {
		width: 6px;
		height: 6px;
		margin: 0 0 0 5px;
		transition: all .25s ease;
	}

	.section-title .more:hover:after {
		border-color: #111;
	}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {

	/* 공통 */
	#contents {
		min-height: 30rem;
	}

	#contents>.site-wrap {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 1.2rem;
	}

	.xans-layout-mobileaction {
		width: 0;
		height: 0;
		visibility: hidden;
	}

	/* path */
	.path {
		margin: 0;
		opacity: 0;
		overflow: hidden;
		width: 1px;
		height: 1px;
		font-size: 0;
		line-height: 1px;
		white-space: nowrap;
		color: transparent;
		text-indent: 150%;
	}

	.ec-base-step li:not(:last-child):after {
		margin: -2px 15px 0;
	}

	/* 메인 */
	/* 메인타이틀 */
	.section-title {
		margin: 0 1rem 1.4rem 1rem;
		word-break: keep-all;
	}

	.section-title h3 {
		font-size: 1.7rem;
		color: #000;
		font-weight: bold;
	}

	.section-title h3>span *,
	.section-title h3>p *,
	.section-title h3+p {
		color: #999;
		font-weight: normal;
		display: block;
		margin-top: 5px;
		font-size: 1.1rem;
	}

	.section-title .more {
		font-size: 0;
		height: 20px;
		width: 20px;
	}

	.section-title .more:after {
		width: .6rem;
		height: .6rem;
		margin: 0 0 0 .5rem;
	}

	.xans-product-detail .imgArea .prdImg img,
	.xans-product-detail .imgArea .listImg li img {
		border-radius: 0;
	}
}
/**
 * Swiper 7.4.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 24, 2021
 */

@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;
}
:root {
  --swiper-theme-color: #000;
}

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

.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 {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.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 {
  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: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  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: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  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 {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  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 {
  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: 44px;
  /*
  --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: flex;
  align-items: 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: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  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;
  transition: 300ms opacity;
  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: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  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;
  box-shadow: none;
  -webkit-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: 10px;
  top: 50%;
  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%;
  transform: translateY(-50%);
  width: 8px;
}
.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;
  transition: 200ms transform, 200ms top;
}
.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%;
  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 {
  transition: 200ms transform, 200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  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: 4px;
  left: 0;
  top: 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: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: 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%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px 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;
}
@keyframes swiper-preloader-spin {
  100% {
    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 {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  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;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  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;
  filter: blur(50px);
}
.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;
  transition-property: transform, opacity, height;
}
.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat);
}
.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: calc(1 * 2);
  animation-iteration-count: calc(1 * 2);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: calc(1 * 3);
  animation-iteration-count: calc(1 * 3);
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animate__animated.animate__delay-300m {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.3);
  animation-delay: calc(var(--animate-delay) * 0.3);
}
.animate__animated.animate__delay-400m {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.4);
  animation-delay: calc(var(--animate-delay) * 0.4);
}
.animate__animated.animate__delay-500m {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.5);
  animation-delay: calc(var(--animate-delay) * 0.5);
}
.animate__animated.animate__delay-600m {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.6);
  animation-delay: calc(var(--animate-delay) * 0.6);
}
.animate__animated.animate__delay-700m {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.7);
  animation-delay: calc(var(--animate-delay) * 0.7);
}
.animate__animated.animate__delay-800m {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.8);
  animation-delay: calc(var(--animate-delay) * 0.8);
}
.animate__animated.animate__delay-900m {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  -webkit-animation-delay: calc(var(--animate-delay) * 0.9);
  animation-delay: calc(var(--animate-delay) * 0.9);
}
.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-1-1s {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay);
}
.animate__animated.animate__delay-1-2s {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-animation-delay: var(--animate-delay * 1.2);
  animation-delay: var(--animate-delay * 1.2);
}
.animate__animated.animate__delay-1-3s {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-animation-delay: var(--animate-delay * 1.3);
  animation-delay: var(--animate-delay * 1.3);
}
.animate__animated.animate__delay-1-5s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 1.5);
  animation-delay: calc(var(--animate-delay) * 1.5);
}
.animate__animated.animate__delay-1-7s {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-animation-delay: var(--animate-delay * 1.7);
  animation-delay: var(--animate-delay * 1.7);
}
.animate__animated.animate__delay-2s {
  -webkit-animation-delay: calc(1s * 2);
  animation-delay: calc(1s * 2);
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2);
}
.animate__animated.animate__delay-2-5s {
  -webkit-animation-delay: calc(1s * 2.5);
  animation-delay: calc(1s * 2.5);
  -webkit-animation-delay: calc(var(--animate-delay) * 2.5);
  animation-delay: calc(var(--animate-delay) * 2.5);
}
.animate__animated.animate__delay-3s {
  -webkit-animation-delay: calc(1s * 3);
  animation-delay: calc(1s * 3);
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3);
}
.animate__animated.animate__delay-3-5s {
  -webkit-animation-delay: calc(1s * 3.5);
  animation-delay: calc(1s * 3.5);
  -webkit-animation-delay: calc(var(--animate-delay) * 3.5);
  animation-delay: calc(var(--animate-delay) * 3.5);
}
.animate__animated.animate__delay-4s {
  -webkit-animation-delay: calc(1s * 4);
  animation-delay: calc(1s * 4);
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4);
}
.animate__animated.animate__delay-5s {
  -webkit-animation-delay: calc(1s * 5);
  animation-delay: calc(1s * 5);
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5);
}
.animate__animated.animate__delayCustom {
  -webkit-animation-delay: var(--wp-delay);
  animation-delay: var(--wp-delay);
}
.animate__animated.animate__faster {
  -webkit-animation-duration: calc(1s / 2);
  animation-duration: calc(1s / 2);
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2);
}
.animate__animated.animate__fast {
  -webkit-animation-duration: calc(1s * 0.8);
  animation-duration: calc(1s * 0.8);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.8);
  animation-duration: calc(var(--animate-duration) * 0.8);
}
.animate__animated.animate__slow {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
}
.animate__animated.animate__slower {
  -webkit-animation-duration: calc(1s * 3);
  animation-duration: calc(1s * 3);
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }

  .animate__animated[class*='Out'] {
    opacity: 0;
  }
}
/* Attention seekers  */
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  from,
  20%,
  53%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }

  80% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0) scaleY(0.95);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.wp-completely .animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}
.wp-completely .animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.wp-completely .animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.wp-completely .animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shakeX {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.wp-completely .animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX;
}
@-webkit-keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
@keyframes shakeY {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}
.wp-completely .animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY;
}
@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.wp-completely .animate__headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.wp-completely .animate__swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.wp-completely .animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.wp-completely .animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.wp-completely .animate__heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: calc(1s * 1.3);
  animation-duration: calc(1s * 1.3);
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
/* Back entrances */
@-webkit-keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInDown {
  0% {
    -webkit-transform: translateY(-1200px) scale(0.7);
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.wp-completely .animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown;
}
@-webkit-keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInLeft {
  0% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.wp-completely .animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft;
}
@-webkit-keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInRight {
  0% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.wp-completely .animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight;
}
@-webkit-keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes backInUp {
  0% {
    -webkit-transform: translateY(1200px) scale(0.7);
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }

  80% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.wp-completely .animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp;
}
/* Back exits */
@-webkit-keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutDown {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(700px) scale(0.7);
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.wp-completely .animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown;
}
@-webkit-keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutLeft {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.wp-completely .animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft;
}
@-webkit-keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutRight {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateX(0px) scale(0.7);
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.wp-completely .animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight;
}
@-webkit-keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
@keyframes backOutUp {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  20% {
    -webkit-transform: translateY(0px) scale(0.7);
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }

  100% {
    -webkit-transform: translateY(-700px) scale(0.7);
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.wp-completely .animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp;
}
/* Bouncing entrances  */
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.wp-completely .animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
/* Bouncing exits  */
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.wp-completely .animate__bounceOut {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.wp-completely .animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.wp-completely .animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.wp-completely .animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.wp-completely .animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
/* Fading entrances  */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.wp-completely .animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--wp-fade-range), 0);
    transform: translate3d(0, var(--wp-fade-range), 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--wp-fade-range), 0);
    transform: translate3d(0, var(--wp-fade-range), 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInDownCustom {
  -webkit-animation-name: fadeInDownCustom;
  animation-name: fadeInDownCustom;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(var(--wp-fade-range), 0, 0);
    transform: translate3d(var(--wp-fade-range), 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(var(--wp-fade-range), 0, 0);
    transform: translate3d(var(--wp-fade-range), 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInLeftCustom {
  -webkit-animation-name: fadeInLeftCustom;
  animation-name: fadeInLeftCustom;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(var(--wp-fade-range), 0, 0);
    transform: translate3d(var(--wp-fade-range), 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(var(--wp-fade-range), 0, 0);
    transform: translate3d(var(--wp-fade-range), 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInRightCustom {
  -webkit-animation-name: fadeInRightCustom;
  animation-name: fadeInRightCustom;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeInUp80 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp80 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80%, 0);
    transform: translate3d(0, 80%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInUpCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--wp-fade-range, 100%), 0);
    transform: translate3d(0, var(--wp-fade-range, 100%), 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpCustom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, var(--wp-fade-range, 100%), 0);
    transform: translate3d(0, var(--wp-fade-range, 100%), 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wp-completely .animate__fadeInUpCustom {
  -webkit-animation-name: fadeInUpCustom;
  animation-name: fadeInUpCustom;
}
.wp-completely .animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.wp-completely .animate__fadeInUp80 {
  -webkit-animation-name: fadeInUp80;
  animation-name: fadeInUp80;
}


@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft;
}
@-webkit-keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight;
}
@-webkit-keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft;
}
@-webkit-keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight;
}
/* Fading exits */
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}
.wp-completely .animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.wp-completely .animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.wp-completely .animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.wp-completely .animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.wp-completely .animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.wp-completely .animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.wp-completely .animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.wp-completely .animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.wp-completely .animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
  }
}
.wp-completely .animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft;
}
@-webkit-keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0);
  }
}
.wp-completely .animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight;
}
@-webkit-keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0);
  }
}
.wp-completely .animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight;
}
@-webkit-keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0);
  }
}
.wp-completely .animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft;
}
/* Flippers */
@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.wp-completely .animate__animated.animate__flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.wp-completely .animate__flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.wp-completely .animate__flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.wp-completely .animate__flipOutX {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.wp-completely .animate__flipOutY {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
/* Lightspeed */
@-webkit-keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightSpeedInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.wp-completely .animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.wp-completely .animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
/* Rotating entrances */
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.wp-completely .animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.wp-completely .animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.wp-completely .animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.wp-completely .animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.wp-completely .animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Rotating exits */
@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.wp-completely .animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.wp-completely .animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.wp-completely .animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
@-webkit-keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.wp-completely .animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
@-webkit-keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.wp-completely .animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
/* Specials */
@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.wp-completely .animate__hinge {
  -webkit-animation-duration: calc(1s * 2);
  animation-duration: calc(1s * 2);
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.wp-completely .animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.wp-completely .animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
/* Zooming entrances */
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
.wp-completely .animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
/* Zooming exits */
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}
.wp-completely .animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.wp-completely .animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.wp-completely .animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.wp-completely .animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
/* Sliding entrances */
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.wp-completely .animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
/* Sliding exits */
@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.wp-completely .animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.wp-completely .animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.wp-completely .animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.wp-completely .animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
[class*="__fade"]{opacity:0;}
.time-sale-wrap .banner {text-align:center;}
.time-sale-wrap .banner img {width:100%;}

.타임세일,
.timesale-active .discountPeriod{display:none !important;}

.wp-timer{text-align: center; color: #fff;display: flex;justify-content: center;align-items: center;border-radius: var(--border-radius-small);background: var(--color-timer);box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);}
.wp-timer:before{content:"";display:block;width:1rem;height:1rem;margin-right:.2rem;background:url("//xn--9t4ba213b32m9ta.shop/skin_img/ico_time_fff.svg") no-repeat 0 0;}
.wp-timer.wp--wait{background: #fff; border: 1px solid #ddd;color: #777;}
.wp-timer .wp-time.day:after{  font-weight:normal;content:"일";}
.wp-timer.wp--wait .wp-time.day:before{content:"할인시작";font-size:11px; font-weight:normal;margin-right:5px;}

.wp-timer.wp--wait .second:after{content:"전";}

/* 타임세일 판매가 플리커 현상 [230322] */
.timesale-active .spec .product_price{display:none;}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.time-sale-wrap .banner img {max-width:100%;border-radius: var(--border-radius-basic);}

	.wp-timer {position: absolute;font-size: 14px;height: 26px;left:9px; top:9px; padding:0 7px;}
	.wp-timer:before{width:1rem;height:1rem;background-size:1rem auto;}
	.wp-timer .wp-time{padding:0 2px; font-weight:bold; line-height:1;}
	.wp-timer .wp-time.day:after{ font-size:12px;}
	.wp-timer .second:after{margin-left:3px; font-size:11px; font-weight:normal;content:"남음";}

	/* 상세페이지 */
	.detailArea .wp-timer{position:static;display:inline-flex;margin:0 0 18px 0; font-size:15px;padding:7px 12px;height:auto;}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.time-sale-wrap .banner {margin: 0 -1rem;}

	.wp-timer {position: absolute;left: .4rem;top: .4rem;font-size: 11px;padding:4px 5px;}
	.wp-timer *{vertical-align:middle;line-height:1;}
	.wp-timer:before{width:12px;height:12px;background-size:12px auto; margin-right:1px;}
	.wp-timer .wp-time{padding:0 2px;font-weight:bold;}
	.wp-timer .day.wp-time{}
	.wp-timer .wp-time.day:after{ font-size:11px; font-weight:normal;}
	.wp-timer .second:after{margin-left:1px; font-size:11px; font-weight:normal;}

	/* 상세페이지 */
	.xans-product-detail .wp-timer{display:inline-flex;position:unset;margin:0 0 12px;font-size: 13px;padding:5px 8px;}
	.xans-product-detail .wp-timer .wp-time{font-weight:bold;}
}
.blocker{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:9999999;
    padding:20px;
    box-sizing:border-box;
    background-color:#000;
    background-color:rgba(0,0,0,0.5);
    text-align:center
}
.blocker:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.05em
}
.blocker.behind{
    background-color:transparent
}
.modal{
    display:none;
    vertical-align:middle;
    position:relative;
    z-index:2;
    max-width:600px;
    box-sizing:border-box;
    width:90%;
    background:#fff;
    padding:15px 30px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -ms-border-radius:8px;
    border-radius:8px;
    -webkit-box-shadow:0 0 10px #696969;
    -moz-box-shadow:0 0 10px #696969;
    -o-box-shadow:0 0 10px #696969;
    -ms-box-shadow:0 0 10px #696969;
    box-shadow:0 0 10px #696969;
    text-align:left;
}

#bannerFormContainer{
	max-width:1000px;
}

.modal a.close-modal{
    position:absolute;
    top:-12.5px;
    right:-12.5px;
    display:block;
    width:30px;
    height:30px;
    text-indent:-9999px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}
.modal-spinner{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    padding:12px 16px;
    border-radius:5px;
    background-color:#111;
    height:20px
}
.modal-spinner>div{
    border-radius:100px;
    background-color:#fff;
    height:20px;
    width:2px;
    margin:0 1px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.modal-spinner .rect3{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s
}
.modal-spinner .rect4{
    -webkit-animation-delay:-0.9s;
    animation-delay:-0.9s
}
@-webkit-keyframes sk-stretchdelay{
    0%,40%,100%{
        -webkit-transform:scaleY(0.5)
    }
    20%{
        -webkit-transform:scaleY(1.0)
    }
}
@keyframes sk-stretchdelay{
    0%,40%,100%{
        transform:scaleY(0.5);
        -webkit-transform:scaleY(0.5)
    }
    20%{
        transform:scaleY(1.0);
        -webkit-transform:scaleY(1.0)
    }
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.modal{
		width:95%;
	}
}
.jq-stars {
    display: inline-block;
}

.jq-rating-label {
    font-size: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    font-family: helvetica, arial, verdana;
}

.jq-star {
    width: 100px;
    height: 100px;
    display: inline-block;
    cursor: pointer;
}

.jq-star-svg {
    padding-left: 3px;
    width: 100%;
    height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
    /* stroke: #000; */
    stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
    -webkit-filter: drop-shadow( -2px -2px 2px #888 );
    filter: drop-shadow( -2px -2px 2px #888 );
}
#header {
    font-size: 0;
    position: relative;
    z-index: 99;
	background:#fff;
    transition:background-color 0s ease;
}

#main #header {
    border-bottom: 0;
	background:none;
}

#wrap #header.aside-active,
#wrap #header.search-active{
    background:#fff;
    transition:background-color .2s ease;
}

#header .navigation_ .items {
    display: inline-flex;
    align-items: center;
}

#header .navigation_ .swiper-slide {
    width: auto;
}

#header .fold-icon {
    position: relative;
    width: 22px;
    height: 18px;
}

#header .fold-icon span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #222;
    transition: all 0.2s linear;
	border-radius: var(--border-radius-small);
}

#header .fold-icon span.line1 {
    top: 0;
}

#header .fold-icon span.line2 {
    top: 50%;
    transform: translateY(-50%);
}

#header .fold-icon span.line3 {
    bottom: 0;
}

#header .fold-icon.active span.line1 {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

#header .fold-icon.active span.line2 {
    transform: scaleX(0);
    transform-origin: left;
    width: 0;
    opacity: 0;
}

#header .fold-icon.active span.line3 {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
    width: 100%;
}

#header .search-form {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}

#header .search-form .xans-layout-searchheader {
    position: absolute;
    left: 0;
    right: 0;
    background: rgba(255,255,255,1);
    z-index: 10;
    box-sizing: border-box;
    box-shadow: 1px 12px 14px rgb(0 0 0 / 15%);
	border-top:1px solid #eee;
}

#header .search-form .xans-layout-searchheader input {
    background: #f3f3f3;
}

#header .search-form.active .back-panel {
    content: '';
    position: absolute;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    top: 0;
    left: 0;
    z-index: 1;
}

#header .search-form .xans-layout-searchheader fieldset {
    position: relative;
}

#header .search-dropbox h5 {
    font-weight: 400;
}

#header .topArea_navigation .menu_basket .count {
    background: var(--main-basket-count);
    color: #fff;
}

#header .cate-mask-left,#header .cate-mask-right {
    position: absolute;
    height: 40px;
    top: 50%;
    margin-top: -20px;
    z-index: 2;
}

#header .cate-mask-left {
    left: 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(55%,#fff));
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#header .cate-mask-right {
    right: 0;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(55%,#fff));
}

#header .cate-mask-left,#header .cate-mask-right {
    display: none;
}

#recentSearches .no-data{
	color: #888;
	font-size: 13px;

}


/********************* PC *********************/
@media all and (min-width:1025px) {
	#header .search-dropbox{font-size:14px;}
    #header {
        border-bottom:1px solid #e1e1e1;
        height: 170px;
        box-sizing: border-box;
    }

    #header .logo-wrap {
        display: grid;
        min-height: 100px;
        z-index: 100;
    }

    #header .topArea_logo {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        justify-content: flex-start;
        grid-column: 1 / span 1;
        margin: 10px 0 0;
    }

    #header .topArea_logo img {
        width: var(--logo-head);
    }

    #header .topArea_statelog {
        justify-content: flex-end;
        box-sizing: border-box;
        display: flex;
        grid-column: 2 / span 1;
        align-items: center;
        margin: 10px 0 0;
    }

    #header .topArea_statelog .statelog {
        display: inline-flex;
        align-items: center;
    }

    #header .topArea_statelog .statelog a {
        text-decoration: none;
        margin-left: 17px;
        font-size: 14px;
        color: #777;
        position: relative;
        transition: color .25s ease;
    }

    #header .topArea_statelog .statelog a:hover {
        color: #444;
    }

    #header .topArea_statelog .statelog a .pointbox {
        background: var(--point-balloon-color);
        color: #fff;
        font-size: 11px;
        text-align: center;
        border-radius: 8px;
        padding: 2px 7px;
        position: absolute;
        top: -26px;
        left: 50%;
        animation: pointbox ease-in 2s;
        animation-iteration-count: infinite;
        transform-origin: 50% 50%;
    }

    #header .topArea_statelog .statelog a .pointbox:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        margin-left: -5px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: var(--point-balloon-color);
        margin-top: -1px;
    }

    @keyframes pointbox {
        0% {
            transform: translate(-50%,0px);
        }

        13% {
            transform: translate(-50%,2px);
        }

        26% {
            transform: translate(-50%,0px);
        }

        38% {
            transform: translate(-50%,2px);
        }

        50% {
            transform: translate(-50%,0px);
        }

        100% {
            transform: translate(-50%,0px);
        }
    }

    #header .xans-layout-multishoplist.list {
        display: inline-flex;
        height: 28px;
        position: relative;
        margin-left: 25px;
		align-items: center;
    }

    #header .xans-layout-multishoplist.list .toggle {
        display: block;
        width:100px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        text-align: left;
        position: relative;
        border:1px solid rgb(122 122 122 / 30%);
        padding: 0 25px 0 10px;
		transition: background .25s ease;
		color:#777;
		border-radius: var(--border-radius-small);
    }

	#header .xans-layout-multishoplist.list:hover .toggle{
		background:#fff;
	}

    #header .xans-layout-multishoplist.list .toggle span > img {
        vertical-align: middle;
    }

    #header .xans-layout-multishoplist.list .icon {
        position: absolute;
        right: 10px;
        top: 11px;
        width: 7px;
        height: 7px;
    }

    #header .xans-layout-multishoplist.list.show .icon {
        transform: rotate(135deg);
        top: 15px;
    }

    #header .xans-layout-multishoplist.list > ul {
        visibility: hidden;
        height: 0;
        border: 1px solid #eee;
        border-top: 0;
        background: #fff;
        position: absolute;
        top: 32px;
        left: 50%;
        margin-left: -50px;
        width: 100px;
        z-index: 2;
		border-radius: var(--border-radius-small);
		overflow:hidden;
    }

	#header .xans-layout-multishoplist.list:hover > ul{
		border-color:#ddd;
	}

    #header .xans-layout-multishoplist.list > ul li {
        position: relative;
    }

    #header .xans-layout-multishoplist.list > ul li a {
        display: block;
        overflow: hidden;
        font-size: 13px;
        text-decoration: none;
        text-overflow: ellipsis;
        padding: 8px 10px;
		transition: background .25s ease;
    }

	 #header .xans-layout-multishoplist.list > ul li a:hover{
		background:#f9f9f9;
	 }

    #header .xans-layout-multishoplist.list > ul li img {
        width: 1.3rem;
        vertical-align: middle;
        margin-top: -1px;
        margin-right: 3px;
    }

    #header .xans-layout-multishoplist.list.show > ul {
        visibility: visible;
        height: auto;
    }

	#header .inner__in {
        position: relative;
    }

    #header .inner__in > .site-wrap {
        z-index: 99;
    }

    #header .inner__in .navigation_logo {
        overflow: hidden;
        width: 0;
        opacity: 0;
    }

    #header.fixed .inner.inner__in {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,1);
        border-bottom: 1px solid #ddd;
        height: 70px;
        box-sizing: border-box;
    }

	#header .topArea_navigation {
        height: 70px;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    #header .topArea_navigation .logo {
        width: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        display: block;
    }

    #header.fixed .topArea_navigation .logo {
        animation: header_logo 0.8s forwards ease-out;
        margin-right: 30px;
        width: 100px;
        max-width: 100px;
    }

	@keyframes header_logo{
		0% {
            width: 0;
            opacity: 0;
            visibility: hidden;
        }

        20% {
            opacity: 0;
            visibility: hidden;
        }

        50% {
            width: 25%;
        }

        75% {
            width: 100%;
        }

        100% {
            opacity: 1;
            width: 100%;
            visibility: visible;
        }
	}

    #header.fixed .topArea_navigation .logo img {
        max-width: 100%;
        width: var(--logo-fixed);
    }

    #header .topArea_navigation .navigation_ {
        flex: 1;
        width: calc(100% - 230px);
        margin-left: 10px;
        margin-right: 30px;
    }

    #header.fixed .topArea_navigation .navigation_ {
        width: calc(100% - 340px);
    }

    /* swiper */
    #header .cate-swiper-container {
        max-width: 100%;
        margin: 0;
    }

    #header .cate-mask-left,#header .cate-mask-right {
        width: 55px;
        display: none !important;
    }

    #header .cate-swiper-container .swiper-scrollbar {
        height: 2px;
        left: 0;
        width: 100%;
        right: 0;
    }

    #header .cate-swiper-container .swiper-scrollbar.init {
        opacity: 1 !important;
    }

    /* nav */
     #header .navigation_ {
         position: relative;
         display: inline-flex;
         align-items: center;
         vertical-align: middle;
         white-space: nowrap;
    }

    #header #category {
        position: static;
    }

	#header #category > ul{
        display: inline-flex;
        align-items: center;
        vertical-align: middle;
        white-space: nowrap;
    }

    #header #category > ul > li{
        position:relative;
    }

    #header .navigation_ .tm{
        position:relative;
    }

	#header .wp-cate {
        color: #000;
        text-decoration: none;
        padding: 20px 16px;
        font-weight: 500;
        font-size: 17px;
        transition: font .25s ease,padding .25s ease,color .25s ease;
        display: block;
    }

    #header .wp-cate:hover {
        color: #777;
    }

    #header .wp-cate.selected {
        font-weight: bold;
    }



    #header .tm .sub-list a {
        color: #777;
        font-size: 14px;
        display: block;
        padding: 5px 12px 5px;
    }

    #header .tm .sub-list a:hover {
        color: #000;
        text-decoration: none;
    }

	#header .sub-list a:hover{
        color:#000;
    }
    #header .navigation_ .sub-cate a:hover{
        color:#000;
    }
    #header .tm .sub-list,
	#category .sub-cate{
        display:none !important;
    }

    /* nav > subcate */
	#header .navigation_ .sub-cate:before {
        content: "";
    }

    #header .navigation_ .sub-cate-list {
        box-sizing: border-box;
    }

    #header .navigation_ .sub-cate-list li {
        text-align: left;
    }

    #header .navigation_ .sub-cate-list li a,#header .sub-list a {
        color: #777777;
        font-size: 1rem;
        text-decoration: none;
        padding: 5px 30px 5px 10px;
        display: block;
    }

    #header .navigation_ .sub-cate .sub-right {
        margin-top: 10px;
    }

    #header .navigation_ .sub-cate-list .sub03,
	#header .navigation_ .sub-cate-list .sub04 {
        display: none;
    }

    #header .navigation_ .sub-cate-list li.arrow > a:before {
        width: 6px;
        height: 6px;
        border-width: 1px 1px 0 0;
        border-color: #aaa;
        border-style: solid;
        position: absolute;
        display: inline-block;
        content: "";
        transform: rotate(45deg) translate(0%,-50%);
        right: 15px;
        top: 50%;
        margin-top: -1.5px;
    }

	#header .navigation_ .sub-cate-list .sub02 > li,
	#header .navigation_ .sub-cate-list .sub03 > li,
	#header .navigation_ .sub-cate-list .sub04 > li{
		position:relative;
	}

    #header .navigation_ .sub-cate-list .sub03 > li,
	#header .navigation_ .sub-cate-list .sub04 > li{
		min-width:170px;
	}

    #header .navigation_ .sub-cate-list .sub02 > li .sub03,
	#header .navigation_ .sub-cate-list .sub02 > li .sub03,
	#header .navigation_ .sub-cate-list .sub02 > li .sub04 {
        background: #fff;
        border-radius: var(--border-radius-small);
        padding: 5px 0;
        box-sizing: border-box;
        border: 1px solid #ddd;
    }

    #header .navigation_ .sub-cate-list .sub02 > li:hover .sub03 {
        display: block;
        position: absolute;
        left: 100%;
        top: -8px;
        z-index: 1;
        margin-left: -1px;
    }

    #header .navigation_ .sub-cate-list .sub03 > li:hover .sub04 {
        display: block;
        position: absolute;
        left: 100%;
        top: -6px;
        z-index: 2;
        margin-left: -1px;
    }

    /* nav > mouseover (ext) */
	#header .outside-menu {
		position: absolute;
		min-width: 150px;
		top: 50px;
		background: #fff;
		box-shadow: 1px 4px 5px rgba(0,0,0,0.1);
		padding: 7px 0;
		border: 1px solid #ddd;
		visibility: hidden;
		opacity: 0;
		transition: opacity .25s ease;
		text-align: left;
		z-index: 10;
		font-size: 1rem;
		border-radius: var(--border-radius-small);
	}

	#header .outside-menu.active,
	#header .outside-menu.enter {
		opacity: 1;
		visibility: visible;
	}

	#header .topArea_navigation .menu_search ,
	#header .topArea_navigation .menu_basket,
	#header .topArea_navigation .menu_user {

	}

	#header .topArea_navigation .menu_navi {
        font-size: 0;

    }

    #header .topArea_navigation .menu_navi a {
        padding: 10px 0;
        display: block;
    }

    #header .topArea_navigation .menu_navi img {
        max-width: 22px;
    }

	 #header .topArea_navigation .menu_search {
        position: relative;
    }

    #header .topArea_navigation .menu_search img {
        width: 27px;
    }

    #header .topArea_navigation .menu_search.active a:before,
	#header .topArea_navigation .menu_search.active a:after {
        width: 2px;
        height: 24px;
    }

	#header .topArea_navigation .menu_basket {
        font-size: 0;
        position: relative;
    }

    #header .topArea_navigation .menu_basket img {
        width: 27px;
    }

    #header .topArea_navigation .menu_basket .count {
        font-size: 9px;
        padding: 0px 3px 0px ;
        min-width: 10px;
        text-align: center;
        position: absolute;
        top: 20px;
        right: 3px;
        border-radius: 30px;
        float: none;
        min-width: 13px;
        height: 13px;
        line-height: 13px;
        box-sizing: border-box;
    }

	#header .topArea_navigation .menu_user {
        font-size: 0;
		position: relative;
    }

    #header .topArea_navigation .menu_user img {
        width: 27px;
    }

	#header .topArea_navigation .menu_search > a,
	#header .topArea_navigation .menu_basket > a,
	#header .topArea_navigation .menu_user > a{
		display: inline-block;
        padding: 20px 8px 20px;
	}

	#header .menu_user .menu_user_list{
		background: #fff;
        position: absolute;
        left: -35px;
        top: 55px;
        font-size: 13px;
        width: 120px;
        border: 1px solid #d9d9d9;
		border-radius: var(--border-radius-small);
		box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.1);
		display:none;
		padding:7px 0;
	}

	#header .menu_user:hover .menu_user_list{
		display:block;
	}

	#header .menu_user .menu_user_list li a{
		text-decoration: none;
        color: #777;
        padding: 5px 10px;
        display: inline-block;
		transition: color .25s ease;
	}

	#header .menu_user .menu_user_list li a:hover{
		color:#111;
	}

	#header .topArea_navigation .logo {
        order: 1;
    }

    #header .topArea_navigation .menu_navi {
        order: 2;
    }

    #header .topArea_navigation .navigation_ {
        order: 3;
    }

    #header .topArea_navigation #searchBarForm,
	#header .topArea_navigation .menu_search {
        order: 4;
    }

    #header .topArea_navigation .menu_basket {
        order: 6;
    }

    #header .topArea_navigation .menu_user {
        order: 5;
    }

	#header .fold-icon.active span,
	#header .fold-icon.active:hover span {
        width: 100%;
    }

	#header .xans-layout-searchheader {
        top: 0;
        padding: 40px 0;
		margin-top:-1px;
    }

    #header .xans-layout-searchheader > .site-wrap {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    #header .xans-layout-searchheader .tlt-search {
        font-size: 25px;
        font-weight: bold;
    }

    #header .xans-layout-searchheader .search-box {
        width: 780px;
    }

    #header .xans-layout-searchheader .bt-search-close a {
        display: block;
        position: relative;
        width: 35px;
        height: 45px;
    }

    #header .xans-layout-searchheader .bt-search-close a:before,
	#header .xans-layout-searchheader .bt-search-close a:after {
        content: "";
        width: 1.5px;
        height: 28px;
        background: #000;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.8rem;
    }

    #header .xans-layout-searchheader .bt-search-close a:after {
        transform: rotate( 45deg );
    }

    #header .xans-layout-searchheader .bt-search-close a:before {
        transform: rotate( 315deg );
    }

    #header .xans-layout-searchheader input {
        border: 0;
        background: transparent;
        height: 55px;
        line-height: 55px;
        width: 100%;
        outline: 0;
        color: #222;
        font-size: 18px;
        padding: 0 60px 0 30px;
        box-sizing: border-box;
        border-radius: 30px;
    }

    #header .xans-layout-searchheader button {
        font-size: 0;
        position: absolute;
        right: 20px;
        top: 15px;
    }

    #header .xans-layout-searchheader button img {
        width: 25px;
    }

    #header .search-dropbox h5,
	#recentSearches h5{
        font-size: 17px;
        border-bottom: 1px solid #ddd;
        display: block;
        padding: 0 0 15px;
        margin: 0 0 15px;
		font-weight:600;
    }

	#header .search-dropbox{
		margin:40px 0;
		display:flex;
		gap: 0 6%;
	}

	#header .xans-search-hotkeyword{
		flex:1;
	}

    #header .xans-search-hotkeyword .keyword{
		display: flex;
        gap: 10px;
		flex-wrap: wrap;
    }

    #header .xans-search-hotkeyword a {
        font-size: 15px;
        text-decoration: none;
        color: #444;
        border-radius: 30px;
        padding: 8px 20px;
        word-break: keep-all;
        border:1px solid #ddd;
		transition: border .25s ease;
    }

	#header .xans-search-hotkeyword a:hover{
		border-color:#444;
	}

	#recentSearches{
		flex:1;
	}

	#recentSearches .search-term {
		display: flex;
		gap: 10px;
		margin: 10px 0px;
		align-items: center;
	}

	#recentSearches .search-term .keyword {
		flex: 1;
	}

	#recentSearches .search-term .keyword a {
		text-decoration: none;
		font-size: 14px;
	}

	#recentSearches .search-term .date {
		font-size: 14px;
		color: #888;
	}

	#recentSearches .delete-btn {
		cursor: pointer;
		width: 20px;
		height: 20px;
		font-size: 0;
		position: relative;
	}

	#recentSearches .delete-btn:before,
	#recentSearches .delete-btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 1px;
		height: 15px;
		background: #999;
		margin: 3px 0 0 9px;
	}

	#recentSearches .delete-btn:before {
		transform: rotate(135deg);
	}

	#recentSearches .delete-btn:after {
		transform: rotate(45deg);
	}
}



/********************* Mobile *********************/
@media all and (max-width:1024px) {
    #header {
        height:7rem;
        border: 0;
    }

    #header > .inner,
	#main #header.fixed > .inner {
        background: #fff;
        border-bottom: 1px solid #eee;
    }

	#main #header > .inner {
		background:none;
		border:0;
	}

    #header .site-wrap {
        position: relative;
    }

    #header.fixed > .logo-wrap {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 4rem;
        z-index: 99;
        background: #fff;
    }

	 html.scroll--hide #header.fixed > .logo-wrap {
        z-index: 98;
    }

    #header.fixed > .inner {
        position: fixed;
        left: 0;
        right: 0;
        top: 4rem;
        height: 3rem;
        z-index: 99;
        box-shadow: 1px 3px 4px rgba(0,0,0,0.1);
    }

	#header .inner__in > .site-wrap {
        position: inherit;
    }

    #header.fixed .inner__in .site-wrap {
        position: relative;
    }

    #header .topArea_logo {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 4rem;
        padding: 0;
        margin: 0 6.5rem ;
		align-items: center;
    }

    #header.fixed .topArea_logo {
        margin: 0;
    }

    #header .topArea_logo img {
        width: var(--logo-mobile-head);
    }

    #header .topArea_navigation .logo {
        display: none;
    }

    #header .navigation_,
	#header #category > ul {
        display: flex;
        white-space: nowrap;
    }

    #header .navigation_ {
        height: 3rem;
        line-height: 3rem;
        overflow: hidden;
    }

	#header #category > ul {
		height:inherit;
	}

    #header .wp-cate {
        color: #222;
        padding: 0 .8rem;
        font-size: 1.1rem;
        color: #222;
        text-decoration: none;
        font-weight: 500;
        line-height: 3rem;
    }

    #header .wp-cate.selected {
        font-weight: bold;
    }

    /* swiper */
    #header .cate-swiper-container {
        padding: 0 0.7rem;
        width: 100%;
    }

    #header .cate-mask-left,#header .cate-mask-right {
        width: 2.5rem;
        height: 3rem;
        margin-top: -1.5rem;
    }

	#main #header .cate-mask-left,
	#main #header .cate-mask-right {
		display:none !important;
	}

    #header .cate-swiper-container .swiper-scrollbar {
        display: none !important;
    }

    #header .topArea_navigation .menu_search,#header .topArea_navigation .menu_basket,#header .topArea_navigation .menu_navi,#header .topArea_navigation .menu_user {
        font-size: 0;
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        cursor: pointer;
        top: 0.75rem;
        text-align: center;
    }

    #header.fixed .topArea_navigation .menu_search,#header.fixed .topArea_navigation .menu_basket,#header.fixed .topArea_navigation .menu_navi,#header.fixed .topArea_navigation .menu_user {
        margin-top: -4rem;
    }

    #header .topArea_navigation .menu_navi {
        left: 0.8rem;
    }

    #header .topArea_navigation .menu_navi .fold-icon {
        width: 1.4rem;
        height: 1.1rem;
    }

    #header .topArea_navigation .menu_navi .fold-icon span {
        height: 0.1rem;
    }

    #header .topArea_navigation .menu_search {
        right: 3.3rem;
    }

    #header .topArea_navigation .menu_search img {
        width: 1.7rem
    }

    #header .topArea_navigation .menu_basket {
        right: 0.8rem;
    }

    #header .topArea_navigation .menu_basket img {
        width: 1.7rem
    }

    #header .topArea_navigation .menu_basket .count {
        font-size: 9px;
        text-align: center;
        position: absolute;
        top: 4px;
        right: 0;
        border-radius: 30px;
        float: none;
        min-width: 13px;
        height: 13px;
        line-height: 13px;
    }

	#header .topArea_navigation .menu_user {
        right: 6rem;
    }

    #header .topArea_navigation .menu_user img {
        width: 1.7rem
    }

    #header .topArea_navigation .menu_search a,#header .topArea_navigation .menu_basket a,#header .topArea_navigation .menu_navi a,#header .topArea_navigation .menu_user a {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    #header .topArea_navigation .menu_search.active a:before,#header .topArea_navigation .menu_search.active a:after {
        content: "";
        width: .1rem;
        height: 1.6rem;
        background: #000;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.8rem;
    }

    #header .topArea_navigation .menu_search.active a:after {
        transform: rotate( 45deg );
    }

    #header .topArea_navigation .menu_search.active a:before {
        transform: rotate( 315deg );
    }

    #header .topArea_navigation .menu_search.active img {
        opacity: 0;
    }

	#header .search-form {
    }

    #header .xans-layout-searchheader {
        top: 0;
        padding: 2rem 2rem;
    }

    #header .xans-layout-searchheader .tlt-search {
        display: ;
    }

    #header .xans-layout-searchheader input {
        border: 0;
        background: transparent;
        height: 3.6rem;
        line-height: 3.6rem;
        width: 100%;
        outline: 0;
        color: #222;
        font-size: 15px;
        padding: 0;
        padding: 0 4rem 0 2rem;
        box-sizing: border-box;
        border-radius: 2rem;
    }

    #header .xans-layout-searchheader button {
        font-size: 0;
        position: absolute;
        right: 1.5rem;
        top: 0.8rem;
    }

    #header .xans-layout-searchheader button img {
        width: 1.8rem;
    }

	#header .search-dropbox{
		margin:2rem 0 0 ;
	}

    #header .search-dropbox h5 {
        font-size: 1.2rem;
        margin: 0 0 1rem;
        font-weight: bold;
        border-bottom: 1px solid #ddd;
        padding: 0 0 1rem;
    }

    #header .xans-search-hotkeyword p {
        margin: 0 -3px;
    }

    #header .xans-search-hotkeyword a {
        font-size: 1rem;
        text-decoration: none;
        color: #777;
        border: 1px solid #ddd;
        border-radius: 30px;
        padding: 5px 12px;
        margin: 0 3px 7px;
        word-break: keep-all;
        display: inline-flex;
        vertical-align: middle;
        margin: 0 1rem 0.6rem 0;
    }

	#recentSearches{
		margin:3rem 0 0;
	}

	#recentSearches .search-term {
		display: flex;
		gap: 10px;
		margin: 10px 0px;
	}

	#recentSearches .search-term .keyword {
		flex: 1;
	}

	#recentSearches .search-term .keyword a {
		text-decoration: none;
		font-size: 15px;
	}

	#recentSearches .search-term .date {
		font-size: 14px;
		color: #888;
        line-height: 20px;
	}

	#recentSearches .delete-btn {
		cursor: pointer;
		width: 20px;
		height: 20px;
		font-size: 0;
		position: relative;
	}

	#recentSearches .delete-btn:before,
	#recentSearches .delete-btn:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		width: 1px;
		height: 15px;
		background: #999;
		margin: 3px 0 0 9px;
	}

	#recentSearches .delete-btn:before {
		transform: rotate(135deg);
	}

	#recentSearches .delete-btn:after {
		transform: rotate(45deg);
	}
}

#tbanner {position:relative; overflow:hidden; z-index:99; height:40px;}
#tbanner .swiper-wrapper li a{display:block; text-align:center; text-decoration:none; height:40px; line-height:40px; font-size:15px; width:100%;background:#000;color:#fff;}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	#tbanner{height:2.8rem;}
	#tbanner .swiper-wrapper li a{height:2.8rem; line-height:2.8rem; font-size:1rem; }
}
#aside ::-webkit-scrollbar {
    width: 3px;
}

#aside a {
    text-decoration: none;
}

.aside_wrap {
    position: relative;
    z-index: 2;
}

/* 컨텐츠 목록 */
#aside .categoryCont li a.cateView {
    word-wrap: break-word;
    transition: padding .35s ease;
}

/* 즐겨찾기 아이콘 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark,
#aside .xans-layout-category li .icoBookmark.selected,
#aside .bookmarkCategory li .icoBookmark.selected {
    display: none;
}

/* 배송국가 */
#aside .multishop .xans-layout-multishoplistmultioptioncountry li a {
    padding: 9px 10px 11px 17px;
    font-size: 13px;
}


/********************* PC *********************/
@media all and (min-width:1025px) {
    #aside {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin-top: -1px;
        font-size: 14px;
        box-sizing: border-box;
        z-index: 99;
        border-top: 1px solid #f6f6f6;
    }

    #header.fixed #aside {
        border-top: 1px solid #f6f6f6;
    }

    #aside.active .back-panel {
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1;
        left: 0;
        top: 0;
        cursor: pointer;
    }

    #aside .aside_wrap {
        background: #fff;
        box-shadow: 1px 12px 14px rgb(0 0 0 / 15%);
        padding: 20px 0;
    }

    #header.fixed .aside_wrap {
        margin-top: 0;
        border-color: #ddd;
    }

	#aside .aside_wrap .site-wrap{
		max-height: calc(90vh - 315px);
        overflow-x: hidden;
        overflow-y: auto;
	}

    #aside .btnClose {
        display: none;
    }

    #aside .all_menu_box {
        font-size: 0;
        display: flex;
        min-height: 350px;
		justify-content: space-between;
    }

	#aside .categoryCont {
        width: calc(100% - 400px);
		border-right:1px solid #eee;
		margin-right:30px;
		padding-right:30px;
    }

    #aside .categoryList {
        display: flex;
        flex-wrap: wrap;
		gap: 1%;
    }

    #aside .categoryList>li {
        flex: 1 1 15.66%;
        max-width: 15.66%;
    }

    #aside .categoryList>li:nth-child(1n+7) {
        margin-top: 24px;
    }

    #aside .categoryList .tm>a,
    #aside .categoryList a.cateView,
    #aside .commuCont a.cateView,
    #aside .boardCont a.cateView {
        color: #222;
        display: block;
        margin: 0 0 10px;
        font-size: 15px;
        font-weight: bold;
		padding:6px 6px;
    }

    #aside .categoryList .sub02 {
        display: block !important;
    }

	#aside .categoryList .sub03,
	#aside .categoryList .sub04{
        position: absolute;
        background: #fff;
        top: 0;
        left: 100%;
        width: 140px;
        border: 1px solid #e1e1e1;
        display: none;
        z-index: 1;
		border-radius: var(--border-radius-small);
    }

    #aside .categoryList .sub02 > li:hover .sub03,
	#aside .categoryList .sub03 > li:hover .sub04{
        display: block !important;
    }

    #aside .categoryList .sub02 > li,#aside .categoryList .sub03 > li {
        position: relative;
        word-break: keep-all;
        transition: all .25s ease;
    }

    #aside .categoryList .sub02 > li.arrow,
	#aside .categoryList .sub03 > li.arrow{
        background: url("//xn--9t4ba213b32m9ta.shop/skin_img/icon_cate_arrow.svg") no-repeat;
        background-position: right 6px top 10px;
        background-size: 5px auto;
        padding-right: 10px;
		border-radius: var(--border-radius-small);
    }

    #aside .categoryList .sub02 > li:hover,#aside .categoryList .sub03 > li:hover,#aside .categoryList .sub04 > li:hover {
        background-color: #f5f5f5;
    }

    #aside .categoryList .sub02 > li > a,
	#aside .bs-menu li a,
	#aside .boardCont ul a,
	#aside .categoryList .sub03 > li > a,#aside .categoryList .sub04 > li > a{
        color: #777;
        display: block;
        font-size: 14px;
        padding: 5px 5px;
        transition: color .25s ease;
    }

    #aside .categoryList .sub02 > li > a:hover,#aside .categoryList .sub03 > li > a:hover,#aside .categoryList .sub04 > li > a:hover,#aside .bs-menu li a:hover {
        color: #222;
    }

	#aside .boardCont {
		flex: 1;
    }

    #aside .commuList ul {
        display: flex !important;
    }

    #aside .boardCont ul {
        display: flex;
        flex-wrap: wrap;
        margin:0 0 20px;
    }

    #aside .boardCont .loginList a {
        color: #222;
        display: block;
        font-size: 15px;
        font-weight: bold;
    }

    #aside .boardCont .bannerList {
        display: flex;
        flex-wrap: wrap;
    }

    #aside .boardCont .bannerList a {
        color: #222;
        display: block;
        font-size: 15px;
        font-weight: bold;
		padding:3px 6px;
    }

    #aside .cate.view.toggle-cate {
        display: none;
    }

    #aside a {
        transition: opacity .25s ease;
    }

    #aside a:hover {
        opacity: 0.8;
    }
}

@media all and (min-width:1025px) and (max-width:1280px) {
    #aside .all_menu_box .categoryList>li {
        flex: 1 1 24%;
        max-width: 24%;
    }

    #aside .all_menu_box .categoryList>li:nth-child(1n+5) {
        margin-top: 1.9rem;
    }
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
    #aside {
        z-index: 200;
        display: none;
        position: fixed;
        left: 0px;
        top: 0px;
        bottom: 0;
        min-width: 270px;
        width: 100%;
        height: 100%;
        font-size: 1rem;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
        backdrop-filter: blur(5px);
    }

    html.gnb-active body {
        overflow: hidden;
    }

    #aside.active .back-panel {
        position: absolute;
        width: 100vw;
        height: 100%;
        background: rgba(0, 0, 0, 0.75);
        z-index: 1;
        left: 0;
        top: 0;
        cursor: pointer;
        backdrop-filter: blur(5px);
    }

    #aside .aside_wrap {
        width: 85%;
        max-width: 30rem;
        position: relative;
        height: 100%;
        background: #fff;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    #aside .aside_wrap .site-wrap {
        width: 100%;
    }

    #aside .btnClose {
        position: absolute;
        width: 2.5rem;
        height: 2.5rem;
        cursor: pointer;
        z-index: 19;
        border-radius: 0;
        right: 0.8rem;
        top: 0.6rem;
    }

    #aside .btnClose>span {
        position: absolute;
        width: 20px;
        height: 1px;
        background: #fff;
        top: 23px;
        right: 12px;
        z-index: 19;
    }

    #aside .btnClose .line.first,
    #aside .btnClose .line.second {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -.7rem;
        display: block;
        width: 20px;
        height: .15rem;
        background: #000;
        transform: rotate(0deg);
    }

    #aside .btnClose .line.first {
        transform: rotate(135deg);
    }

    #aside .btnClose .line.second {
        transform: rotate(-315deg);
    }

    #aside .btnClose:after {
        content: "";
        clear: both;
        display: block;
    }

    #aside .membership {
        border-radius: 0;
        margin: 0 0 1rem;
        font-size: 1.1rem;
        background: #f9f9f9;
    }

	#aside .all_menu_box{
		margin:2rem 0;
	}

    #aside .btn_login {
        border-radius: 0;
    }

    #aside .btn_login .xans-layout-statelogon,
    #aside .btn_login .xans-layout-statelogoff {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        padding: 1.5rem 1.5rem;
    }

    #aside .btn_login .txt_member {
        display: block;
        width: 100%;
        margin: 0 0 8px;
    }

    #aside .btn_login .txt_login {
        display: block;
        width: 100%;
        margin: 0 0 8px;
    }

    #aside .btn_login .bt_signUp {
        margin: 0 5px 0 0;
    }

    #aside .btn_login .bt_signUp a,
    #aside .btn_login .bt_signIn a {
        padding: 7px 20px;
        display: block;
        font-size: 1rem;
        border-radius: var(--button-radius-basic);
    }

    #aside .btn_login .bt_signUp a {
        color: #111;
        border: 1px solid #ddd;
        background: #fff;
    }

    #aside .btn_login .bt_signIn a {
        color: #fff;
    }

    #aside .btn_login .bt_signIn a {
        background: #62269e;
        border: 1px solid #62269e;
    }

    #aside .sc_box {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    #aside .sc_box ul {
        display: flex;
        flex-wrap: wrap;
    }

    #aside .sc_box li {
        flex: 1 1 25%;
        display: block !important;
        border-left: 1px solid #eee;
    }

	#aside .sc_box li:nth-child(1){
		border-left:0;
	}

    #aside .sc_box img {
        display: block;
        margin: 0 auto 5px;
        height: 1.2rem;
    }

    #aside .sc_box a {
        display: block;
        text-align: center;
        font-size: 0.9rem;
        color: #777;
        padding: 1.2rem 0;
    }

    #aside .categoryCont {
        padding: 0 1.5rem;
    }

    #aside .categoryList>li,
    #aside .commuList>li {
        position: relative;
        margin: .5rem 0;
    }

    #aside .categoryList .sub02,
    #aside .categoryList .sub03,
    #aside .categoryList .sub04 {
        display: none;
        margin: 0 0 1rem;
    }

    #aside .categoryList .sub02>li,
    #aside .categoryList .sub03>li {
        position: relative;
    }

    #aside .categoryList .sub04 {
        background: #f9f9f9;
        margin: 0 0 1rem 2rem;
    }

    #aside .commuCont {
        padding: 0 1.5rem;
    }

	#aside .commuList{
		position:relative;
	}

    #aside .boardCont {
        padding: 0 1.5rem;
    }

    #aside .bannerList a {
        font-size: 1.1rem;
        color: #111;
        display: inline-block;
        padding: 0.4rem 0;
    }

    #aside .categoryList .tm>a,
    #aside .categoryList a.cateView,
    #aside .commuCont a.cateView,
    #aside .boardCont a.cateView {
        font-size: 1.3rem;
        font-weight: bold;
        color: #111;
        padding: 0.5rem 0;
        display: block;
        width: calc(100% - 3rem);
    }

    #aside .view.toggle-cate {
        position: absolute;
        top: 0;
        right: -1rem;
        width: 2.8rem;
        height: 2.8rem;
        font-size: 0;
        border: 0;
        cursor: pointer;
    }

    #aside .commuList .view.toggle-cate {
        left: 0;
        width: auto;
    }

    #aside .view.toggle-cate:after {
        width: 0.6rem;
        height: 0.6rem;
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        content: '';
        display: block;
        transform: rotate(225deg);
        margin: .8rem 1rem 0 1rem;
        transition: transform .25s ease;
        float: right;
    }

	#aside .view.toggle-cate.expand:after{
		transform: rotate(45deg);
        margin: 1.1rem 1rem 0 1rem;
	}

    #aside .categoryList .sub02>li>a,
    #aside .categoryList .sub03>li>a,
    #aside .categoryList .sub04>li>a,
    #aside .commuList .bs-menu>li>a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        font-size: 1.1rem;
        padding: .6rem 0 .6rem 1rem;
        color: #777;
    }

    #aside .categoryList .sub03>li>a {
        padding-left: 2rem;
    }

	#aside .bannerList p:nth-child(1){
		margin-top:1.5rem;
	}

    /* 멀티쇼핑몰 */
    #aside .multishop {
        position: relative;
        margin: 1.5rem 1.5rem;
    }

    #aside .multishop .toggle {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        text-align: left;
        background: #fff;
        position: relative;
        border: 1px solid #e5e5e5;
        padding: 0 25px 0 10px;
        transition: border .25s ease;
    }

    #aside .multishop .toggle span>img {
        vertical-align: middle;
    }

    #aside .multishop .icon {
        position: absolute;
        right: 15px;
        top: 13px;
        width: 7px;
        height: 7px;
    }

    #aside .multishop.show .icon {
        transform: rotate(135deg);
        top: 16px;
    }

    #aside .multishop>ul {
        visibility: hidden;
        height: 0;
        padding: 2px 10px;
        border: 1px solid #eee;
        border-top: 0;
        background: #fff;
    }

    #aside .multishop>ul li {
        position: relative;
        margin: 6px 0;
    }

    #aside .multishop>ul li a {
        display: block;
        overflow: hidden;
        font-size: 13px;
        text-decoration: none;
        text-overflow: ellipsis;
        padding: 8px 0;
    }

    #aside .multishop>ul li img {
        width: 1.3rem;
        vertical-align: middle;
        margin-top: -1px;
        margin-right: 3px;
    }

    #aside .multishop.show>ul {
        visibility: visible;
        height: auto;
    }

    #aside .loginState {
        background: #f6f6f6;
        font-size: 1rem;
        max-width: 30rem;
        padding: 1.5rem;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
    }

    #aside .loginState a {
        color: #777;
    }
}

@media all and (max-width:320px) {
	#aside .sc_box a{
    	font-size:0.85rem;
    }
    
    #aside .sc_box img{
    	height:1.1rem;
    }
}
#footer,
#footer a{
    text-decoration: none;
    color:var(--footer-conts-color);
}
#footer {
    background: var(--footer-bg-color);
}

 #footer .heading .title{
	color:var(--footer-title-color);
}


/********************* PC *********************/
@media all and (min-width:1025px) {
    #footer{
        padding:60px 0 70px;
    }

	#footer .xans-layout-footer{
        display: flex;
        flex-wrap: wrap;
    }
    #footer .xans-layout-footer + .xans-layout-footer{
    	border-top: 1px solid rgba(0, 0, 0, 0.08);
        margin: 30px 0 0;
        padding: 30px 0 0;
        justify-content: space-between;
        align-items: flex-start;
    }

	#footer .footArea_address{
        flex:1;
        padding-right: 30px;
        box-sizing: border-box;
    }

	#footer .footArea_address .info_logo {
		margin:0 0 40px;
	}

	#footer .footArea_address .info_logo img{
        width:var(--logo-foot);
    }

	#footer .util{
        display: flex;
    }

	#footer .util li:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 15px;
        background: rgba(0, 0, 0, 0.1);
        margin: 0 10px 0 12px;
    }

	#footer .util li:last-child:after{
        content:none;
    }

	#footer .util li a{
        font-size:14px;
    }

	#footer .address{
        margin:20px 0 0;
        line-height: 1.5;
        word-break: keep-all;
        font-size:14px;
        font-weight: 300;
    }

	#footer .address span.line{
        color:rgba(0, 0, 0, 0.1);
        margin: 0 6px;
        font-size: 14px;
    }

	#footer .copyright {
        font-size:13px;
        margin:15px 0 0;
        font-weight: 300;
    }

	#footer .footArea_customer{
        max-width:250px;

        box-sizing: border-box;
    }

	#footer .tel{
        font-size:22px;
        margin-bottom: 5px;
        font-weight:bold;
    }

    #footer .tel > div {
        margin-bottom: 3px;
    }

	#footer .runtime{
        font-size: 14px;
    }

	#footer .return .content{
    	font-size:14px;
        word-break: keep-all;
    }

	#footer .return{
    	margin-top:24px;
    }

    #footer .footArea_account{
        max-width:230px;
        box-sizing: border-box;
    }

	 #footer .bankinfo{
		margin: 0 0 30px;
		 padding-left: 50px;
	 }

    #footer .bankinfo .account .number{
        font-size:15px;
    }

    #footer .bankinfo .account .holder{
        font-size: 14px;
		margin-bottom: 10px;
    }

    #footer .sns-lnk{
        display: flex;
        flex-wrap: wrap;
    }

	#footer .sns-lnk .icon{
        margin:0 0 0 14px;
    }

	#footer .sns-lnk .icon:first-child{
        margin-left:0;
    }

	#footer .sns-lnk img{
        height:22px;
    }

    #footer .heading{
        margin: 0 0 12px;
    }

    #footer .heading .title{
    	font-size: 15px;
    }

	 #footer a,
	 #footer a:hover{
		text-decoration:none;
		transition: opacity .25s ease;
	 }

	 #footer a:hover{
		opacity:0.8;
	 }

}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
    #footer{
    	padding:2rem 1rem ;
    }

	#footer .xans-layout-footer {
        display: grid;
        grid-template-columns: 1fr;
    }

    #footer .footArea_customer {
        box-sizing: border-box;
        grid-row: 1;
        grid-column: 1;
    }

    #footer .tel {
        font-weight: bold;
        font-size: 1.4rem;
    }


    #footer .tel > div {
        margin-bottom: 3px;
    }

	#footer .return{
    	margin-top:2rem;
    }

    #footer .footArea_account {
        grid-row: 2;
        grid-column: 1;
    }

    #footer .footArea_address {
        grid-row: 3;
        grid-column: 1;
    }

    #footer .runtime {
        margin-top: .4rem;
    }

    #footer .bankinfo{
    	margin-top:2rem;
    }

	#footer .footArea_address .info_logo {
		margin:0 0 1.5rem;
	}

    #footer .util {
        display: flex;
        margin: 1.5rem 0;
		padding:1.5rem 0 0;
        border-top: 1px solid rgb(255 255 255 / 20%);
    }

    #footer .util li:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 14px;
        background: rgba(255,255,255,0.5);
        margin: 0 10px 0 12px;
    }

    #footer .util li:last-child:after {
        content: none;
    }

    #footer .util li a {
        font-size: 1rem;
    }

    #footer .address {
        line-height: 1.5;
        word-break: keep-all;
        font-size: 1rem
    }

    #footer .address .heading .title {
        display: flex;
        align-items: center;
    }

    #footer .address .heading .arrow {
        width: 1.3rem;
        height: 1.3rem;
        display: block;
        margin-left: .6rem;
    }

    #footer .address .heading .arrow:before {
        content: "";
        display: block;
        width: .6rem;
        height: .6rem;
        border-top: 1.5px solid #888;
        border-left: 1.5px solid #888;
        border-radius: 1px;
    }

    #footer .address .heading .arrow:before {
        transform: rotate( 225deg );
        margin: 0.1rem 0 0 0.3rem;
    }

    #footer .address.active .heading .arrow:before {
        transform: rotate( 45deg);
        margin: 0.4rem 0 0 0.3rem;
    }

    #footer .address .content {
        display: none;
    }

    /* #footer .address.active .content {
        display: block;
    } */

    #footer .address span {
        display: block;
    }

    #footer .address span.line {
        display: none;
    }

    #footer .address br {
        display: none;
    }

    #footer .copyright {
        padding: 1rem 0 1.5rem;
        font-size: 0.9rem;
        border-bottom: 1px solid rgb(255 255 255 / 20%);
        margin:0 0 1.5rem;
    }

    #footer .heading {
        margin: 0 0 0.5rem;
        font-size: .9rem;
    }

    #footer .escrow_intro{
    	margin:0 0 1rem;
    }

	#footer .escrow_intro a.escrow{
		display:inline-block;
	}

	#footer .sns-lnk{
		display: flex;
        flex-wrap: wrap;
	}

    #footer .sns-lnk .icon {
        margin: 0 0.7rem 0 0;
    }

    #footer .sns-lnk .icon img {
        height: 1.6rem;
    }

}
/* reset */
li {
    list-style: none;
}

table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

caption {
    display: none;
}

h1,
h3 {
    margin: 0;
}

.ec-base-layer-area {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ec-base-layer {
    z-index: 1001;
    border: 1px solid #ddd;
    background: #fff;
    box-sizing: border-box;
}

.ec-base-layer .header {
    padding: 1.1rem 1rem;
    color: #111;
    background: #f9f9f9;
    border-bottom: 1px solid #e5e5e5;
}

.ec-base-layer>.content {
    padding: 20px;
    font-size: 13px;
    line-height: 22px;
    min-height: 90px;
    box-sizing: border-box;
}

.ec-base-layer div.ec-base-help {
    margin-top: 0;
}

.ec-base-layer .btnClose {
    position: absolute;
    right: 10px;
    top: 13px;
    padding: 10px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    font-size: 0px;
    line-height: 0;
    color: transparent;
    white-space: nowrap;
}

.ec-base-layer .btnClose:before {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    width: 1px;
    height: 21px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transform: rotate(45deg);
}

.ec-base-layer .btnClose:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 0;
    width: 21px;
    height: 1px;
    margin: 10px 10px 0 0;
    background: #000;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    transform: rotate(45deg);
}

/* typeModal */
.ec-base-layer.typeModal {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(calc(-50% + 0.5px));
}

/* typeLayer */
.ec-base-layer.typeLayer {
    position: absolute;
    margin-top: 10px;
}

/* typeSide */
.ec-base-layer.typeSide {
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 0;
}

.ec-base-layer.typeSide .header {
    padding: 74px 16px 10px;
    margin: 0;
    border: 0;
}

.ec-base-layer.typeSide .header h2 {
    font-size: 16px;
    font-weight: normal;
}

.ec-base-layer.typeSide .content {
    position: relative;
    padding: 0;
    flex: 1;
    overflow: auto;
    height: 100%;
}

.ec-base-layer.typeSide .ec-base-button[class*="gColumn"] {
    margin: 25px 16px;
}

.ec-base-layer.typeSide .btnClose {
    top: 5px;
    width: 24px;
    height: 24px;
    padding: 20px 17px;
}

.ec-base-layer.typeSide .btnClose:before {
    right: 12px;
    height: 25px;
    margin: 7px 4px 0 0;
}

.ec-base-layer.typeSide .btnClose:after {
    top: 12px;
    width: 25px;
    margin: 7px 4px 0 0px;
}

/* gAlert */
.ec-base-layer.gAlert>.header {
    display: block;
    overflow: hidden;
    position: absolute;
    font-size: 1px;
    line-height: 0;
    color: transparent;
    text-indent: -150%;
    white-space: nowrap;
    padding: 0;
    color: transparent;
    border: 0;
}

.ec-base-layer.gAlert>.content {
    padding: 45px 0 25px;
    text-align: center;
}

/* gScroll */
.ec-base-layer.gScroll {
    height: auto;
}

.ec-base-layer.gScroll>.content {
    overflow: auto;
    height: auto;
    max-height: 70vh;
}

/* popup */
#popup {
    padding: 0 0 30px;
}

#popup .ec-base-layer {
    border: 0;
}

#popup .ec-base-layer .btnClose {
    top: 3px;
}

#popup .ec-base-layer .header {
    padding: 12px 35px 12px 19px;
}

/* ec-base-table */
/* address */
.ec-base-layer .ec-base-table .ec-address {
    margin: -6px -10px -4px;
}

.ec-base-layer .ec-base-table .ec-address>li {
    padding: 5px 10px 4px;
}




/********************* PC *********************/
@media all and (min-width:1025px) {
    .ec-base-layer {
        min-width: 308px;
    }

    .ec-base-layer.typeSide {
        top: 0;
        right: 0;
        left: auto;
        bottom: 0;
        width: 458px;
    }

    .ec-base-layer.gAlert {
        width: 360px;
    }

	.ec-base-layer>.header>h1,
	.ec-base-layer>.header>h3,
	.ec-base-layer>.header>h5 {
		font-size: 16px;
		font-weight: normal;
	}
}


/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    .ec-base-layer {
        position: fixed;
        top: 50%;
        left: 0;
        right: 0;
        min-width: 280px;
        width: calc(100% - 32px);
        margin: 0 auto;
        transform: translateY(calc(-50% + 0.5px));
    }

    .ec-base-layer.typeSide {
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        transform: initial;
        animation-duration: 0s;
        animation-delay: 0s;
    }

    #popup .ec-base-layer {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        border: 0;
        transform: initial;
    }

	.ec-base-layer>.header>h1,
	.ec-base-layer>.header>h3,
	.ec-base-layer>.header>h5 {
		font-size: 14px;
		font-weight: normal;
	}
}
.xans-layout-multishopshipping { display:none; }
.xans-layout-multishopshipping .worldshipLayer { width:448px; }
.xans-layout-multishopshipping .worldshipLayer .content .desc { display:block; margin:4px 0 14px; }
.xans-layout-multishopshipping .worldshipLayer select { width:100%; margin:10px 0 0; }
.bottom-nav{
	position:fixed;
	z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.bottom-nav .recent{
	display: flex;
    align-items: center;
    justify-content: center;
	background:#fff;
	border: 1px solid #ddd;
	border-radius: 40px;
	overflow: hidden;
	margin:0 0 10px;
}

.bottom-nav .recent img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-nav [class^='bottom-nav__']{
	box-sizing: border-box;
	border-radius: 50%;
	overflow: hidden;
}

.bottom-nav [class^='bottom-nav__'] span{
	display: none;
}

.bottom-nav [class^='bottom-nav__'] a{
	display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.bottom-nav__chat img{
	width:100%;
}

.bottom-nav__top,
.bottom-nav__btm{
	background: #fff;
	border: 1px solid #ddd;
}

.bottom-nav__top a,
.bottom-nav__btm a{
	background: url("//xn--9t4ba213b32m9ta.shop/skin_img/icoArrowTop.svg") no-repeat center;
}

 .bottom-nav__btm a{
	transform: rotate(180deg);
}

.bottom-nav a{
	text-decoration:none;
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
    .bottom-nav {
        right: 12px;
        bottom: var(--y_pos, 2rem);
    }

	.bottom-nav [class^='bottom-nav__']{
		margin:0 0 .5rem;
		width: 2.7rem;
        height: 2.7rem;
	}

	.bottom-nav .recent{
		margin:0 0 5px;
	}

	.bottom-nav .recent a{
		width: 2.7rem;
        height: 2.7rem;
		display:block;
		background:#fff url("//xn--9t4ba213b32m9ta.shop/skin_img/icon_clock.svg") no-repeat 50% 50%;
		background-size:1.2rem auto;
	}

	.bottom-nav .recent h2,
	.bottom-nav .recent .prod{
		display:none;
	}

	.bottom-nav__chat img{
		width: 100%;
	}

	.bottom-nav__top a,
	.bottom-nav__btm a{
		background-size:1.2rem;
    }
}


/********************* PC *********************/
@media all and (min-width:1025px) {
    .bottom-nav {
        right: 20px;
        bottom: var(--y_pos,20px);
    }

	.bottom-nav .recent{
		display:none;
		padding: 0 5px;
	}

	.bottom-nav .recent .recent_count,
	.bottom-nav .recent ul{
		display: inline-flex;
        vertical-align: middle;
		align-items: center;
		height:50px;
		line-height:50px;
	}

	.bottom-nav .recent h2{
		font-size: 14px;
		font-weight: normal;
		color: #222;
		padding:0 5px 0 10px;
		transition: opacity .25s ease;
	}

	.bottom-nav .recent a:hover h2{
		opacity:0.8;
	}

	.bottom-nav .recent .prod{
		font-size: 0;
		display: block;
		border-radius: 50%;
		overflow: hidden;
		height: 40px;
		width: 40px;
		border: 3px solid #fff;
		margin-left:-15px;
	}

	.bottom-nav .recent .prod:nth-of-type(1){
		margin-left:0;
	}

	.bottom-nav [class^='bottom-nav__']{
        width: 50px;
        height: 50px;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
        margin:0 0 10px;
    }

    .bottom-nav__top a,
	.bottom-nav__btm a{
		background-size:20px;
    }

	.bottom-nav a,
	.bottom-nav a:hover{
		text-decoration:none;
	}
}


#wrap{
    transition:all .3s;
}

.mul13 {
    width: 30px;
    height: 30px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    transition:opacity .3s linear;
}

.mul13.inactive{opacity:0;}

.m13s {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    position: absolute;
    opacity: .75;
}

.m13c1 {
    background-color: var(--loading-icon-1,#1381e1);
    -webkit-animation: m13s1anim 2s infinite linear;
    animation: m13s1anim 2s infinite linear;
}

.m13c2 {
    background-color: var(--loading-icon-2,#012748);
    -webkit-animation: m13s2anim 2s infinite linear;
    animation: m13s2anim 2s infinite linear;
}

@-webkit-keyframes m13s1anim {
    0%, 100% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    25% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: .25;
    }
    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .8;
    }
}

@keyframes m13s1anim {
    0%, 100% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    25% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: .25;
    }
    50% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
    75% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .8;
    }
}

@-webkit-keyframes m13s2anim {
    0%, 100% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
    25% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .8;
    }
    50% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    75% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: .25;
    }
}

@keyframes m13s2anim {
    0%, 100% {
        -webkit-transform: translateX(15px);
        transform: translateX(15px);
    }
    25% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: .8;
    }
    50% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }
    75% {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        opacity: .25;
    }
}

/*
.mul13{
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    transition:opacity .3s linear;
	background: #fff;
	z-index: 99999999;
}
.mul13 img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin:-50px 0 0 -50px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.mul13.inactive{opacity:0;}

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

*/
.animate-not-support{display:none;position:fixed;bottom:0;left:0;padding:10px 0;width:100%;background:#272727;text-align:center;z-index:100;border-top:2px solid #da2c2c;}
.animate-not-support,
.animate-not-support a{color:#fff;}
.animate-not-support a{font-weight:bold;text-decoration:underline;}
.animate-not-support .close-msg{text-decoration:none;}
@media not all, (prefers-reduced-motion: reduce) {
    .animate-not-support {
        display: block;
    }
}
@charset "utf-8";

/* **************************** //필수 CSS 수정 및 삭제 불가 **************************** */

/* tag reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img { margin:0; padding:0; }
html { width:100%; height:100%; font-size:14px;}
@media all and (width <= 768px) {
	html{font-size:13px;}
}
@media all and (width <= 320px) {
	html{font-size:12px;}
}
body,code { font-size:13px; color:#000; color:var(--font-color-base); background:#fff; }
body { min-width:280px; }
body#popup { min-width:0; background:none;}
li { list-style:none; }
img,fieldset { border:none; vertical-align:top; }
table { width:100%; border:0; border-spacing:0; border-collapse:collapse; }
caption { display:none; }
th,td { border:0; vertical-align:top; }
input,select,textarea { font-size:100%; color:#000; color:var(--font-color-base); vertical-align:middle; border-radius:0; box-sizing:border-box; }
button { overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:none; }
hr.layout { display:none; }
a { text-decoration:none; color:#000; color:var(--font-color-base); }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
.objHidden { visibility:hidden; position:absolute; left:-1000px; top:-1000px; height:0; width:0; }
#content_CONTAINER table, #bi_inquire_content_CONTAINER table { border:0; margin:0 0 -1px; }
#content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before { display:none; }
#content_CONTAINER td, #bi_inquire_content_CONTAINER td { width:auto !important; padding:0; }

#progressPaybarBackground { position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; filter:alpha(opacity=40); opacity:0.3; background-color:#000; }
#progressPaybarView { position:fixed; z-index:100; top:50%; left:0; right:0; transform:translateY(-50%); }
#progressPaybarView h3 { font-size:32px; color:#444b59; }
#progressPaybarView .box { width:586px; margin:0 auto; padding:67px 0; text-align:center; background:#fff; }
#progressPaybarView .box .txt { margin:8px 0 36px; font-size:15px; line-height:26px; color:#667084; }

/* contents */
#skipNavigation {position:absolute; top:0; left:0; z-index:100; width:100%; height:0;}
#skipNavigation p, #skipNavigation ul, #skipNavigation ul li {height:0;}
#skipNavigation p a {position:absolute; left:0; top:0; display:block; overflow:hidden; width:1px; height:1px; margin-left:-1px; margin-bottom:-1px; text-align:center; color:#000; white-space:nowrap;}
#skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {width:100%; height:auto; padding:10px 0; background:#c4122f; color:#fff; z-index:100;}

.displaynone { display:none; }
.dimmed { position:fixed; top:0; left:0; z-index:99; width:100%; height:100%; background:#fff; opacity:0.8; filter:alpha(opacity=80); }
.blind { display: block; overflow: hidden; position: absolute; font-size: 1px; line-height: 0; color: transparent; text-indent: -150%; white-space: nowrap;}


/* **************************** 필수 CSS 수정 및 삭제 불가 **************************** */

/* 공통 */
* { font-family: 'Pretendard',Verdana,'Malgun Gothic',Dotum,AppleGothic, 'Sans-serif';  outline: none;-webkit-tap-highlight-color: transparent;}
@charset "utf-8";

/* Layout */
.dimmed { display:none; z-index:1000; position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.3); }

#modalBackpanel { display:none; position:absolute; top:0; left:0; z-index:10000; width:100%; height:100%; background:#000; }
#modalContainer { display:none; position:absolute; top:100px; left:100px; z-index:10001; width:975px; height:720px; border:1px solid #333; background:#fff; }
#modalContainer #modalContent { width:100%; height:100%; }




/********************* PC *********************/
@media all and (min-width:1025px) {
	.RMB{ display:none !important; }
	.RTMI { display:none !important; }
	.RTMB { display:none !important; }

	.pc_view{ }
	.m_view{display:none !important;}

}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.RMB { display:block !important; }
	.RTMB { display:block !important; }
	.RTMI { display:inline-block !important; }
	.RW { display:none !important; }

	.pc_view{display:none !important; }
	.m_view{ }
}

/* Font */
.txtInfo { color:#868686; font-size:13px; line-height:22px; }
p.txtInfo,
ul.txtInfo { margin:10px 0 0; }
span.txtInfo { margin-left:10px; }
p.txtInfo.typeDot,
.txtInfo.typeDot li { position:relative; padding:0 0 0 14px; }
p.txtInfo.typeDot:before,
.txtInfo.typeDot li:before { content:""; position:absolute; top:8px; left:0; display:inline-block; width:4px; height:4px; border-radius:50%; background:#868686; }
.txtList { color:#868686; font-size:13px; line-height:20px; }
p.txtList,
ul.txtList { margin:10px 0 0; }
.txtWarn { color:var(--font-color-warn); }
.txtEm { color:var(--font-color-primary); }
.txtSecondary { color:var(--font-color-secondary); }
.txtSuccess { color:var(--font-color-success); }
.txtDel, .strike, .discount { text-decoration:line-through; font-weight:normal; }
.strike strong, .discount strong { font-weight:normal; }
.txtNormal { font-weight:normal; font-style:normal; }
.txtNum { display:inline-block; font-size:11px; color:#939393; word-break:normal; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; letter-spacing:-1px; }
.txtIcon { font-size:12px; font-style:normal; }
.txtBreak { word-break:break-all; word-wrap:break-word; }
  /* JP, TW, CN */
  html:lang(ja) .txt11,
  html:lang(zh) .txt11,
  html:lang(zh-tw) .txt11 { font-size:12px; }

.titleArea h2 + p{color:#777;padding:10px 0;}

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank15 { display:block; margin-top:15px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gIndent10 { margin-left:10px; }
.gIndent20 { margin-left:20px; }
.gSpace10 { margin-right:10px; }
.gSpace20 { margin-right:20px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* svg icon */
svg.icon { display:block; }

/* css icon */
.icon.icoClose { display:block; position:relative; overflow:hidden; width:15px; height:15px; margin:0 auto; font-size:0px; line-height:0; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoClose:before { content:""; position:absolute; top:0; right:7px; width:1px; height:15px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoClose:after { content:""; position:absolute; top:7px; right:0; width:15px; height:1px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
    .icon.icoClose.white:before,
    .icon.icoClose.white:after { background:#fff; }
.icon[class*="icoArrow"] { display:inline-block; overflow:hidden; width:8px; height:8px; text-indent:120%; white-space:nowrap; border-left:1px solid #000; border-bottom:1px solid #000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.icon.icoArrowRight {  -webkit-transform:rotate(-135deg); transform:rotate(-135deg); }
.icon.icoArrowLeft {  -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.icon.icoArrowTop { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.icon.icoArrowBottom { -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
	.icon[class*="icoArrow"].white { border-color:#fff; }
.icon.icoNav { display:block; width:20px; height:2px; color:#000; background: currentColor; box-shadow: 0 14px 0; margin:-8px auto 0; position: relative;  }
.icon.icoNav:before { content: ""; position: absolute; top: 7px; left: 0; width:20px; height:2px; background: currentColor; }
.icon.icoUser { overflow:hidden; display:inline-block; width:22px; height:22px; border-bottom:2px solid #000; box-sizing:border-box; }
.icon.icoUser:before { content:""; display:block; width:6px; height:6px; margin:0 auto 1px; border-radius:50%; border:2px solid #000; }
.icon.icoUser:after { content:""; display:block; width:18px; height:16px; border-radius:50%; border:2px solid #000; }

/* Form */
input[type=text],
input[type=password] { height:40px; line-height:40px; padding:2px 4px 2px 15px; border:1px solid #e0e0e0; color:var(--font-color-base); font-size:13px; box-sizing:border-box; outline:1px; }
input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="image"], textarea, select { -moz-appearance:none; -webkit-appearance:none; appearance:none; }
input[type=text]:not(:disabled):focus,
input[type=password]:not(:disabled):focus,
input[type=text]:not(:disabled):hover,
input[type=password]:not(:disabled):hover { border-color:#000; transition:.3s; }
input[type=text]:disabled { background:#f9f9f9; }
input[type=text][readonly] { background:#f9f9f9; }
textarea { padding:10px 15px; border:1px solid #e0e0e0; line-height:1.5; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#c1c1c1; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#c1c1c1; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#c1c1c1; opacity:1; }
input.gFull { width:100%; }
/* file */
input[type="file"] { height:42px; line-height:40px; font-size:13px; color:#7d7d7d; }
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button { height:40px; padding:0 20px; font-size:13px; color:#1c1c1c; border:1px solid #bcbcbc; border-radius:0; background:#fff; box-sizing:border-box; -webkit-appearance:none; }
/* select */
select { max-width:100%; height:40px; padding:0 30px 0 15px; font-size:13px; border:1px solid #e0e0e0; box-sizing:border-box; background:#fff url("//img.echosting.cafe24.com/skin/skin/common/ico_select.png") no-repeat right 10px center; background-size:12px 7px; }
select::-ms-expand { display:none; }
/* radio */
input[type="radio"] { position:relative; opacity:1; width:18px; height:18px; cursor:pointer; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:0;
  background:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio.png") no-repeat 0 0; background-size:18px 18px; outline:0; }
input[type="radio"]:checked { background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_radio_checked.png"); -webkit-transition:.2s ease-out; transition:.2s ease-out; }
input[type="radio"]::-ms-check { border:1px solid #000; background-color:#fff; }
/* checkbox */
input[type="checkbox"] { position:relative; opacity:1; cursor:pointer; width:19px; height:19px; vertical-align: middle; appearance:none; -webkit-appearance:none; -moz-appearance:none; border:1px solid #ccc; background:#fff; outline:0; border-radius:20px;}
input[type="checkbox"]:checked { border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png"); background-size:19px 19px; -webkit-transition:.2s ease-out; transition:.2s ease-out; }
  /* ie support */
    input[type="checkbox"]::-ms-check { border:1px solid #ababab; background-color:#fff; }
    input[type="checkbox"]:checked::-ms-check { color:transparent; border:0; background-image:url("//img.echosting.cafe24.com/skin/skin/common/bg_checkbox_checked.png"); background-size:15px 15px; background-repeat:no-repeat; }
label > input[type=radio], label > input[type=checkbox] { margin:0 10px 0 0; vertical-align:middle; }
label + label { margin-left:15px; }
input[type=radio] + label, input[type=checkbox] + label { margin:0 15px 0 7px; vertical-align:middle; }

legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }

table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; line-height:22px; }
.fWidthFull input[type=text] { width:100%; height:24px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull textarea { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fWidthFull select { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }

/* ec-base-chk */
.ec-base-chk { display:inline-block; position:relative; margin:0 8px 0 0; vertical-align:top; cursor:pointer; }

/* ec-base-field */
.ec-base-field { display:-webkit-flex; display:-ms-flex; display:flex; }
.ec-base-field input[type="text"],
.ec-base-field input[type="password"] { -webkit-flex:1; -ms-flex:1; flex:1; }
.ec-base-field input ~ [class*='btn'] { margin-left:5px; }
.ec-base-field.code { margin:0 -9px; align-items:center; }
.ec-base-field.code input[type="text"],
.ec-base-field.code input[type="password"] { margin:0 9px; }

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label{display:block;}

/* ec-base-qty */
.ec-base-qty { position:relative; display:inline-block; width:103px; padding:0 30px; vertical-align:top; box-sizing:border-box; }
.ec-base-qty input[type="text"] { width:45px; height:30px; padding:0; line-height:28px; margin-left:-1px; border:1px solid #e5e5e5; text-align:center; }
.ec-base-qty input[type="text"]:focus,
.ec-base-qty input[type="text"]:hover { border:1px solid #e5e5e5; }
.ec-base-qty img { position:absolute; top:0; left:0; opacity:.00001; width:100%; height:100%; z-index:10; }
.ec-base-qty .up { position:absolute; right:0; top:0; }
.ec-base-qty .down { position:absolute; left:0; top:0; }
.ec-base-qty a { width:30px; height:30px; border:1px solid #e5e5e5; box-sizing:border-box; overflow: hidden; white-space: nowrap; text-indent: 150%; color: transparent; font-size: 1px; line-height:1px; }
.ec-base-qty a:before { content: ''; position: absolute;left:10px; top: 50%; width: 9px; height: 1px; background: #000; }
.ec-base-qty .up:after {content: ''; position: absolute;left: 50%; top: 50%;width: 1px;height: 9px; margin: -4px 0 0 0; background: #000;}
.ec-base-qty .qtyUp {position:absolute; right:0; top:0;}
.ec-base-qty .qtyDown { position:absolute; left:0; top:0;}
.ec-base-qty .qtyUp .up { position:static; left:auto; top:auto; }
.ec-base-qty .qtyDown .down { position:static; left:auto; top:auto; }

/* ec-base-step */
.ec-base-step { margin:40px 0 50px; text-align:center; }
.ec-base-step li { display:inline-block; font-size:14px; color:#939393;  }
.ec-base-step li:not(:last-child):after { content:""; display:inline-block; width:8px; height:8px; vertical-align:middle; border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
.ec-base-step .selected { color:#000; }

#capp-shop-new-product-optionselect-layer{width: 100% !important;margin: 0 !important;height: 100% !important;position: fixed !important;top: 0 !important;left: 0 !important;}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .titleArea { margin:45px 0 40px; text-align:center;}
    .titleArea h2 { display:inline-block; color:#000; color:var(--font-color-heading); font-size:23px; }
	.titleArea h2 font{color:#000;}
    .titleArea h3 { color:#000; color:var(--font-color-heading); font-size:16px; }
    	.titleArea--middle { margin:50px 0 20px; text-align:left; }
    	.titleArea--middle h2 { color:#000; color:var(--font-color-heading); font-size:16px;  }
        .titleArea.titleArea--myshop { margin:45px 0 40px;}
        .titleArea.titleArea--myshop h2 { color:#000; color:var(--font-color-heading); font-size:25px; }
    .titleArea .desc { font-size:13px; color:#6d6d6d; }
    .titleArea ul { padding:5px 0; color:#939393; line-height:18px; }
    .titleArea ul li { position:relative; padding:0 0 0 9px; }
    .titleArea ul li:before { display:block; position: absolute; top:50%; left:0; content:""; width:2px; height:2px; margin:-2px 0 0 0; background:#939393; }
    .path + .titleArea { margin-top:55px; }

    .ec-base-step li:not(:last-child):after { margin:-2px 30px 0; }

    /* memberArea */
    .memberArea { max-width:898px; margin:0 auto; }

	#capp-shop-new-product-optionselect-layer > iframe { z-index:1111; position:relative; }
    #capp-shop-new-product-optionselect-layer:after { content:""; display:block; position:fixed; top:0; bottom:0; right:0; left:0; z-index:1; background:#00000040; }
    #capp-shop-new-product-optionselect-backlayer { width:100% !important; background: #000; }
    #capp-shop-new-product-optionselect-backlayer + #capp-shop-new-product-optionselect-layer:after { display:none; }
}


/********************* Mobile  *********************/
@media all and (max-width:1024px) {
    /* titleArea */
    .titleArea { text-align:center; }
    .titleArea h2 { display:inline-block; color:var(--font-color-heading); font-size:1.2rem; margin:2rem 0;}
    .titleArea h3 { display:inline-block; color:var(--font-color-heading); font-size:1.1rem; }
    	.titleArea--middle { margin:0; padding:27px 0 12px; text-align:left; }
    	.titleArea--middle h2 { display:inline-block; color:var(--font-color-heading); font-size:16px; }
    .titleArea .desc { font-size:12px; color:#6d6d6d; }



}
/* button */
[class^='btn']{border-radius:var(--button-radius-basic);}
[class^='btnNormal'], a[class^='btnNormal'] { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid #c7c7c7; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#555; background-color:#fff; }
[class^='btnSubmit'], a[class^='btnSubmit'] { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid transparent; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:var(--button-submit-color, #333); }
[class^='btnEm'], a[class^='btnEm'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid transparent; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#737373; }
[class^='btnBasic'], a[class^='btnBasic'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #d1d1d1; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#222; background-color:#f0f0f0; }
[class^='btnStrong'], a[class^='btnStrong'] { display:inline-block; box-sizing:border-box; padding:2px 8px; border:1px solid #666; font-size:12px; line-height:18px; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#777; }
	[class^='btnNormal']:not(.disabled).selected { border-color:#000; }
    [class^='btnNormal'].disabled { border-color:#e3e3e3; color:#999; }
    [class^='btnSubmit'].disabled { background-color:#9297a2; color:#f0f0f0; }
    [class^='btnEm'].disabled { background-color:#b5b6b9; color:#f0f0f0; }
    [class^='btnBasic'].disabled { color:#999; }
[class^='btn'] + [class^='btn'] { margin-left:6px; }
	/* sizeQty */
	[class^='btn'].sizeQty { padding:9px 14px; height:30px; margin-left:6px; font-size:12px; line-height:12px; }
	/* btnText */
	.btnText { display:inline-block; font-size:13px; line-height:18px; text-decoration:underline; }
    /* width full */
    [class^='btn'].gFull { width:100%; }
	[class^='btn'].gFull + [class^='btn'].gFull { margin:10px 0 0; }
/* btnMore */
.xans-product-listmore { text-align:center; }
.btnMore,
.btnMore:hover{text-decoration:none;}
.btnMore { display:inline-block; text-align:center; background: #fff; color:#444; border:1px solid #ddd;}
.btnMore .icon{ margin: -8px 0 0 10px; vertical-align: middle;}
.btnMore span:first-child{ margin-left:5px;}

/* ec-base-button */
.ec-base-button { margin:20px 0; text-align:center; }
.ec-base-button.justify { position:relative; }
.ec-base-button:after { display:block; content:""; clear:both; }
.ec-base-button .gLeft { float:left; text-align:left; }
.ec-base-button .gRight { float:right; text-align:right; }
.ec-base-button.justify .gLeft { position:absolute; left:0; }
.ec-base-button.justify .gRight { position:absolute; right:0; }
.ec-base-button .text { margin:0 6px 0 10px; color:#353535; line-height:24px; }
    /* type */
    .ec-base-button.typeBorder { margin-top:-1px; padding:10px 20px; border:1px solid #d7d5d5; }
	/* gBottom */
	.ec-base-button.gBottom { margin:50px 0 0; }
    .ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
    /* gColumn */
    .ec-base-button[class*="gColumn"] { margin:0 auto; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
    .ec-base-button[class*="gColumn"]:after { display:none; }
    .ec-base-button[class*="gColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
        /* gFlex */
        .ec-base-button[class*="gColumn"] .gFlex2 { -webkit-flex:2; -moz-flex:2; -ms-flex:2; flex:2; }
        .ec-base-button[class*="gColumn"] .gFlex3 { -webkit-flex:3; -moz-flex:3; -ms-flex:3; flex:3; }
        .ec-base-button[class*="gColumn"] .gFlex4 { -webkit-flex:4; -moz-flex:4; -ms-flex:4; flex:4; }
    /* gFixed */
    .ec-base-button.gFixed { position:fixed; z-index:990; left:0; bottom:0; max-width:100%; width:100%; margin:0; box-sizing:border-box; background:#fff; }
    .ec-base-button.gFixed > .ec-base-button,
	.ec-base-button.gFixed > .ec-base-button[class*="gColumn"] { margin:10px 11px; }


/********************* PC *********************/
@media all and (min-width:1025px) {
	[class^='btn']{transition: opacity .25s ease, border .25s ease;}
	[class^='btn']:hover{opacity:0.9;}
    /* size */
    [class^='btn'].sizeS { padding:9px 20px; height:32px; font-size:13px; }
    [class^='btn'].sizeM { padding:13px 20px; height:40px; font-size:14px; }
    [class^='btn'].sizeL { padding:14px 26px; height:50px; min-width:80px; font-size:15px; line-height:18px;  }
    /* width Fix */
    [class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { min-width:96px; }
    [class^='btn'][class*='Fix'].sizeM { min-width:135px; padding-left:15px; padding-right:15px; }
    [class^='btn'][class*='Fix'].sizeL { min-width:160px; padding-left:8px; padding-right:8px; }

	[class^='btnNormal']:not(.disabled):hover{ border-color:#000; }
    [class^='btnEm']:not(.disabled):hover { background-color:#77797d; }
    [class^='btnBasic']:not(.disabled):hover { background-color:#e5e5e5; }

	.btnMore { display:inline-block; min-width: 160px; padding: 13px 0;text-align:center; transition: all .25s ease;font-size: 13px;margin: 20px 0 0;border-radius: var(--border-radius-small); }
	.btnMore:hover{background:#111;color:#fff;}
	.btnMore .icon{ margin: -8px 0 0 10px; vertical-align: middle;transition: all .25s ease;}
	.btnMore:hover .icon{border-color: #fff;}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
      /* size */
    [class^='btn'].sizeS { padding:9px 15px; height:32px; font-size:13px; }
    [class^='btn'].sizeM { padding:12px 20px; height:43px; font-size:14px; line-height:16px; }
    [class^='btn'].sizeL { padding:14px 26px; height:50px; min-width:80px; font-size:14px; line-height:18px;  }
    /* width Fix */
    [class^='btn'][class*='Fix'] { min-width:72px; word-break:keep-all; word-wrap:break-word; }
    [class^='btn'][class*='Fix'].sizeS { min-width:76px; }
    [class^='btn'][class*='Fix'].sizeM { min-width:90px; padding-left:10px; padding-right:10px; }
    [class^='btn'][class*='Fix'].sizeL { min-width:130px; padding-left:8px; padding-right:8px; }

    /* ec-base-button */
    .ec-base-button [class^='btn'] + [class^='btn'] { margin-left:6px; }
        /* gBottom */
        .ec-base-button.gBottom { display:flex; margin:2rem 0;/*margin-left:16px; margin-right:16px; */}
        .ec-base-button.gBottom .gLeft,
        .ec-base-button.gBottom .gRight { display:flex; flex:1; }
        .ec-base-button.gBottom [class^='btn'] { flex:1; }
        .ec-base-button.gBottom [class^='btn'] + [class^='btn'] { margin-left:10px; }
        /* gBreak */
        .ec-base-button.gBreak { flex-direction:column; }
        .ec-base-button.gBreak .gLeft + .gRight { margin:10px 0 0; }
        .ec-base-button.gBreak .gBreak { flex-direction:column; }
    	.ec-base-button.gBreak > [class^='btn'] + [class^='btn'],
        .ec-base-button.gBreak .gBreak [class^='btn'] + [class^='btn'] { margin:10px 0 0; }
    	.ec-base-button .ec-base-button[class*="gColumn"] { margin:0 -5px; }
        /* gColumnM (mobile only flex) */
        .ec-base-button[class*="gMColumn"] { display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; margin-left:11px; margin-right:11px; }
        .ec-base-button[class*="gMColumn"]:after { display:none; }
        .ec-base-button[class*="gMColumn"] [class^='btn'] { margin:0 5px; padding-left:8px; padding-right:8px; word-break:keep-all; word-wrap:break-word; white-space:normal; -webkit-flex:1; -moz-flex:1; -ms-flex:1; flex:1; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-align-items:center; -moz-align-items:center; -ms-align-items:center; align-items:center; -webkit-justify-content:center; -moz-justify-content:center; -ms-justify-content:center; justify-content:center; }
        .ec-base-button[class*="gMColumn"] .gLeft,
    	.ec-base-button[class*="gMColumn"] .gRight { float:none; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; width:100%; }
    	/* reset */
        .gInnerMargin .ec-base-button,
        .gInnerMargin .ec-base-button.gBottom,
        .gInnerMargin.ec-base-button.gBottom { margin-left:0; margin-right:0; }

	.btnMore { padding: .9rem 0; min-width: 10rem;font-size: 1rem;border-radius: .5rem; }
	.btnMore .icon{ margin: -8px 0 0 10px; vertical-align: middle;}
}

.ec-base-tooltip { display:none; z-index:999; position:absolute; top:inherit !important; left:0 !important; right:0 !important; padding:14px 28px 14px 14px; text-align:left; border:1px solid #ccc; border-radius:2px; letter-spacing:normal; box-sizing:border-box; background-color:#fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}
.ec-base-tooltip .title { display:block; padding:0 20px 0 0; font-size:15px; color:#000; line-height:43px; background:#fff; }
.ec-base-tooltip ul { color:#757575; }
.ec-base-tooltip ul li { font-size:13px; }
.ec-base-tooltip .content table + .title { margin-top:14px; }
.ec-base-tooltip p { float:none; font-size:12px; text-align:left; }
.ec-base-tooltip p strong { font-weight:normal; font-size:13px; }
.ec-base-tooltip h3 { margin:0 0 8px; font-size:13px; border-bottom:0; }
.ec-base-tooltip h3 + p { margin:0 5px 10px; }
.ec-base-tooltip h4 { margin:15px 10px 8px 5px; font-size:12px; }
.ec-base-tooltip h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
.ec-base-tooltip table th,
.ec-base-tooltip table td { padding:8px 10px 7px 10px; border:1px solid #e8e8e8; line-height:1.5em; }
.ec-base-tooltip table th { padding-right:0; background:#fbf9fa; }
.ec-base-tooltip table thead th { text-align:center; }
.ec-base-tooltip table tbody th { text-align:left; }
.ec-base-tooltip table .left { text-align:left; }
.ec-base-tooltip table .center { text-align:center; }
.ec-base-tooltip table .right { text-align:right; }
.ec-base-tooltip table .info { padding:0; color:#757575; }
.ec-base-tooltip table p.info:before,
.ec-base-tooltip table ul.info li:before { display:inline-block; content:""; margin:0 3px 0 0; width:4px; height:1px; background:#757575; vertical-align:middle; }
.ec-base-tooltip .info { padding:10px 10px 0; margin:5px 0 0; }
.ec-base-tooltip p.bullet,
.ec-base-tooltip ul.bullet { margin:8px 10px; }
.ec-base-tooltip p.bullet:before,
.ec-base-tooltip ul.bullet li:before { display:inline-block; content:""; margin:-3px 3px 0 0; width:0; height:0; border:solid transparent; border-left-color:#333; border-width:2px 0 2px 2px; vertical-align:middle; }
.ec-base-tooltip ul.bullet li { line-height:1.5em; }
.ec-base-tooltip .btnClose { position:absolute; right:14px; top:14px; padding:10px; cursor:pointer; display:block; overflow:hidden; width:17px; height:17px; box-sizing:border-box; font-size:0px; line-height:0; text-indent:150%; color:transparent; white-space:nowrap; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.ec-base-tooltip .btnClose:before { content:""; position:absolute; top:0; right:8px; width:1px; height:17px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-tooltip .btnClose:after { content:""; position:absolute; top:8px; right:0; width:17px; height:1px; background:#000; -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.ec-base-tooltip .btnClose img { opacity:0; }
.ec-base-tooltip .edge { z-index:20; position:absolute; left:50%; top:-6px; display:block; margin:0 0 0 -5px; width:10px; height:6px; }
.ec-base-tooltip .edge:before,
.ec-base-tooltip .edge:after { display:inline-block; content:""; position:absolute; top:0; width:0; height:0; border:solid transparent; }
.ec-base-tooltip .edge:before { margin:1px 0 0; border-bottom-color:#ccc; border-width:0 5px 5px 5px; }
.ec-base-tooltip .edge:after { left:1px; margin:2px 0 0; border-bottom-color:#fff; border-width:0 4px 4px 4px; }
	/* typeUpper */
    .ec-base-tooltip.typeUpper { position:absolute; left:-90px !important; bottom:33px !important; width:200px; margin:0; padding:14px 28px 14px 14px; border:1px solid #ccc; border-radius:2px;
        -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
        box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    }
    .ec-base-tooltip.typeUpper:before { content:""; position:absolute; left:40%; bottom:-5px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #ccc; border-right:5px solid transparent; }
    .ec-base-tooltip.typeUpper:after { content:""; position:absolute; left:40%; bottom:-4px; display:inline-block; width:0; height:0; margin:-3px 0 0; border-left:5px solid transparent; border-top:5px solid #fff; border-right:5px solid transparent; }
    .ec-base-tooltip.typeUpper .edge { top:auto; bottom:-6px; }
    .ec-base-tooltip.typeUpper .edge:before { margin:0 0 -5px; border-top-color:#ccc; border-width:5px 5px 0 5px; }
    .ec-base-tooltip.typeUpper .edge:after { left:1px; margin:0 0 -4px; border-top-color:#fff; border-width:4px 4px 0 4px; }

/* shippingFee */
  .shippingFee { display:inline-block; vertical-align:middle; color:#000; margin-left:10px; }
  .shippingFee > a.btnNormal { margin:-3px 0 0 5px; }
  .shippingFee .wrap h3 { line-height:36px; }
  .shippingFee .wrap h4 { position:relative; margin:0 7px 7px; }
  .shippingFee .wrap h4:before { display:inline-block; content:""; margin:0 5px 0 0; width:3px; height:3px; background:#666; vertical-align:middle; }
  .shippingFee .wrap table + h4 { margin-top:14px; }
  .shippingFee .wrap p strong { font-weight:normal; font-size:13px; }
  .shippingFee .wrap table { background:#fff; }
  .shippingFee .wrap th,
  .shippingFee .wrap td { padding:7px; border:1px solid #d5d5d5; }
  .shippingFee .wrap th { width:80px; border-right-width:0; }
  .shippingFee .wrap td { white-space:normal; }
  .shippingFee .wrap .info { margin:0; color:#7d7d7d; }

/********************* Mobile / Tablet *********************/
@media all and (max-width:1024px) {
    .ec-base-tooltip { width:88%; margin:5px auto 0; }
    .ec-base-tooltip .edge { display:none; }
    .shippingFee { position:static; }
    .shippingFee .ec-base-button { text-align:center; }
    .shippingFee .btnStrong { display:inline-block; padding:12px 20px; height:40px; font-size:13px; box-sizing:border-box; border:1px solid transparent; line-height:1; font-weight:normal; text-decoration:none; vertical-align:middle; word-spacing:-0.5px; letter-spacing:0; text-align:center; white-space:nowrap; color:#fff; background-color:#000; }
}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.shippingFee { position:relative; }
    .shippingFee .ec-base-tooltip { margin:10px 0 0 -150px; width:360px; }
}
.ec-base-product .title { margin:0 0 17px; }
.ec-base-product .title h2 { font-weight:normal; font-size:30px; color:#2e2e2e; text-align:center; }
.ec-base-product .title h3 { font-weight:normal; color:#2e2e2e; text-align:center; }
.ec-base-product img { vertical-align:middle; }
/*.ec-base-product a[href^='/product/detail.html'] > img { border:1px solid #ececec; }*/
.ec-base-product .prdList { margin:0 0; text-align: left; font-size:0; line-height:0; }
.ec-base-product .prdList > li { display:inline-block; color:#757575; vertical-align:top;}
.ec-base-product .prdList > li .prdList__item{position:relative;}
.ec-base-product .prdList .chk { display:none; float: left; margin: 2px 0 0 0;display: block;}
.ec-base-product .prdList .chk> input{margin-right:5px;}
.ec-base-product .prdList .thumb,
.ec-base-product .prdList .thumbnail{ position: relative; text-align: center; width: auto; white-space:normal; }
.ec-base-product .prdList .thumb{ position:relative; margin:0 0 10px; }
.ec-base-product .prdList .thumb .img img{ width: 100%; height: 100%;}
.ec-base-product .prdList .thumbnail { position:relative; margin:0 0 14px;}
.ec-base-product .prdList .thumbnail .prdImg{ border:0px solid #eee;}
.ec-base-product .prdList .thumbnail a img { width: 100%; max-width:100%; box-sizing:border-box; border-radius:var(--border-radius-basic); }
.ec-base-product .prdList .thumbnail .prdIcon { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; border-radius:var(--border-radius-basic); }
.ec-base-product .prdList .thumbnail .icon { vertical-align:middle; }
.ec-base-product .prdList .thumbnail .icon:after { content:""; display:block; clear:both; }
.ec-base-product .prdList .thumbnail .benefit{position: absolute; left: 0; bottom: 0;}
.ec-base-product .prdList .thumbnail .iconarea {display: flex; border-radius: 0 0 var(--border-radius-basic) var(--border-radius-basic) ; }
.ec-base-product .prdList .thumbnail .iconarea > span{cursor:pointer; position:relative;}
.ec-base-product .prdList .thumbnail .iconarea .likeButton button{display: flex; flex-direction: row;align-items: center;}
.ec-base-product .prdList .thumbnail .iconarea .likeButton.selected button{color:#ff5858;}
.ec-base-product .prdList .thumbnail .iconarea .likeButton button strong{vertical-align:middle;}
.ec-base-product .prdList .description a{text-decoration:none;}
.ec-base-product .prdList .description .name { display:block; text-align:left; font-weight:normal; display: flex; justify-content: space-between; word-break: keep-all;word-break: normal;}
.ec-base-product .prdList .description .name a { color:#000; font-size:13px; }
.ec-base-product .prdList .description span.grid { display:block; }
.ec-base-product .prdList .option{position:relative;}
.ec-base-product .prdList .option > a > img{cursor:pointer;}
.ec-base-product .prdList .option_colorchip{margin:5px 0 0;}
.ec-base-product .prdList .icon {text-align:left; font-size:0;}
.ec-base-product .prdList .review_cnt{background:url("//xn--9t4ba213b32m9ta.shop/skin_img/icon_review_cnt.png") no-repeat 0 49%;color:#000;}
.ec-base-product .prdList .review_cnt:before{content:"리뷰";margin-right:2px;}
.ec-base-product .prdList .color{margin: 0 0 10px;}
.ec-base-product .prdList .xans-product-colorchip {display: flex;align-items: center;}
.timesale-active .spec li.product_price{display:none !important;}
.timesale-active .spec.prod-price-active > li.product_price{display:block !important;}
.ec-base-product .spec li.product_price.gray-price .title *,
.ec-base-product .spec li.product_price.gray-price > span{color: #999 !important;}
.ec-base-product .spec li.product_price.gray-price > span{font-weight:normal !important;}

/* grid */
.ec-base-product ul.grid2 > li { width:50%; }
.ec-base-product ul.grid3 > li { width:33.33%; }
.ec-base-product ul.grid4 > li { width:25%; }
.ec-base-product ul.grid5 > li { width:20%; }
.ec-base-product ul.grid3 .color { max-width:230px; }
.ec-base-product ul.grid4 .color { max-width:190px; }
.ec-base-product ul.grid5 .color { max-width:130px; }

/* right display */
.ec-base-product ul.grid2 li:after { content:""; display:block; clear:both; }
.ec-base-product ul.grid2 li .thumbnail { text-align:left; margin:0; }
.ec-base-product ul.grid2 li .description { padding:0; }
.ec-base-product ul.grid2 li .description .chk { position:static; text-align:left; }

/* module="product_ListItem" */
.ec-base-product .spec > li { text-align:left; word-break: normal; }
.ec-base-product .spec > li.price {margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec > li.price.sale{text-decoration: line-through; }
.ec-base-product .spec > li.price ~ .sale{margin-bottom: 14px; color: #000; font-size: 16px; }
.ec-base-product .spec .summary { color:#6d6d6d; font-size:12px; }
.ec-base-product .spec .color { overflow:hidden; display:inline-flex; margin:3px 0 0 0; line-height:1; gap:3px;}
.ec-base-product .spec .chips { display: inline-block;border:1px solid #e3e3e3; font-size:0; line-height:0; border-radius:50%;}

.ec-base-product .discountPeriod { display:inline-block; z-index:10; position:relative; width:55px; height:19px; vertical-align:middle; }
.ec-base-product .layerDiscountPeriod strong.title { display:block; margin:0 0 12px; padding:0 35px 0 0; font-weight:bold; color:#2e2e2e; line-height:20px; }
.ec-base-product .layerDiscountPeriod .content p { margin:2px 0 0; font-size:12px; line-height:16px; color:#757575; letter-spacing:-1px; }
.ec-base-product .layerDiscountPeriod .content p strong { font-weight:normal; font-size:12px; color:#2e2e2e; }
.ec-base-product .layerDiscountPeriod .content p strong span { font-size:11px; }

.ec-base-product .prdList .shippingFee { position:relative; display:inline-block; }
.ec-base-product .prdList .shippingFee .button { display:inline-block; float:none; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip { z-index:11; display:block; margin:0 0 0 -170px; width:360px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th { width:40px; }
.ec-base-product .prdList .shippingFee .ec-base-tooltip table th,
.ec-base-product .prdList .shippingFee .ec-base-tooltip table td { padding:7px 10px 8px 10px; }

.ec-base-product .btnTooltip { display:inline-block; }
.differentialShipping { display:none; overflow:hidden; position:absolute; z-index:100; border:1px solid #000; background:#fff; }
.differentialShipping h3.title { height:60px; margin:0 20px; padding:20px 0; font-size:16px; color:#000; box-sizing:border-box; border-bottom:1px solid #e5e5e5; }
.differentialShipping .content { padding:12px 18px 14px 18px; border-top:0; text-align:center; background:#fff; }
.differentialShipping .close { position:absolute; right:14px; top:16px; width:20px; height:20px; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.differentialShipping .close a { position:relative; z-index:1; display:block; width:100%; height:100%; }
.differentialShipping .close:before { content:""; position:absolute; top:0; right:10px; width:1px; height:21px; background:#000; }
.differentialShipping .close:after { content:""; position:absolute; top:10px; right:0; width:21px; height:1px; background:#000; }
.differentialShipping .close img { display:none; }
.differentialShipping .content ul { color:#757575; line-height:25px; }
.differentialShipping .content li { overflow:hidden; }
.differentialShipping .content li strong { float:left; font-weight:normal; }
.differentialShipping .content li span { float:right; color:#2e2e2e; }
.differentialShipping .content .info { margin:7px 0 0; padding:7px 0 0; border-top:1px dotted #b0b1b3; color:#80aeef; text-align:right; }

/* Thumbnail icon position */
.ec-product-bgLT { background-position:left top; }
.ec-product-bgLC { background-position:left center; }
.ec-product-bgLB { background-position:left bottom; }
.ec-product-bgRT { background-position:right top; }
.ec-product-bgRC { background-position:right center; }
.ec-product-bgRB { background-position:right bottom; }
.ec-product-bgCT { background-position:center top; }
.ec-product-bgCC { background-position:center center; }
.ec-product-bgCB { background-position:center bottom; }

/* 할인율 */
.ec-base-product .prdList .discount_rate{color: var(--color-discount); font-weight:bold;}
.ec-base-product .prdList .thumbnail .iconarea > span img{position:relative;z-index:-1;}
#wrap .ec-base-product .prdList .thumbnail .iconarea > span:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color: transparent;}

/* index */
#main .ec-base-product .prdList .chk{display:none;}

/********************* PC *********************/
@media all and (min-width:1025px) {
	.ec-base-product .title h3 { margin:50px 0 25px; font-size:20px; }
	.ec-base-product .prdList.grid2 > li{width: calc(50% - 12px);margin-left: 23px;}
	.ec-base-product .prdList.grid2 > li:nth-child(2n+1){margin-left:0;}
	.ec-base-product .prdList.grid3 > li{width: calc(33.33% - 16px);margin-left: 23px;}
	.ec-base-product .prdList.grid3 > li:nth-child(3n+1){margin-left:0;}
	.ec-base-product .prdList.grid4 > li{width: calc(25% - 15px);margin-left: 20px;}
	.ec-base-product .prdList.grid4 > li:nth-child(4n+1){margin-left:0;}
	.ec-base-product .prdList.grid5 > li{width: calc(20% - 18px);margin-left: 22px;}
	.ec-base-product .prdList.grid5 > li:nth-child(5n+1){margin-left:0;}
	.ec-base-product .prdList.grid6 > li{width: calc(16.66% - 12.5px);margin-left: 15px;}
	.ec-base-product .prdList.grid6 > li:nth-child(6n+1){margin-left:0;}
	.ec-base-product .prdList > li{margin-bottom:38px;}
	.ec-base-product .prdList .thumbnail {overflow: hidden;}
	.ec-base-product .prdList .thumbnail .iconarea{background: rgb(255 255 255 / 55%);opacity: 0;transition: all .25s ease;position: absolute;left: 0;right: 0;bottom: -40px;flex-direction: row;justify-content: center;align-items: flex-end;backdrop-filter: blur(10px);height:auto;}
	.ec-base-product .prdList > li:hover .thumbnail  .iconarea {opacity: 1;bottom: 0;}
    .ec-base-product .prdList .thumbnail .iconarea > span{flex:1;height:40px; position:relative; z-index:2;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton{order:1;}
	.ec-base-product .prdList .thumbnail .iconarea > span.ico1{order:3;}
    .ec-base-product .prdList .thumbnail .iconarea > span.ico2{order:2;}
    .ec-base-product .prdList .thumbnail .iconarea > span:before {content: "";display: block;width: 1px;height: 18px;position: absolute;right: -1px;top: 10px;background: #ddd;}
    .ec-base-product .prdList .thumbnail .iconarea > span{display: flex;align-items: center;justify-content: center;}
	.ec-base-product .prdList .thumbnail .iconarea > span img{height: 18px;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton button{font-size:11px;margin-right:3px;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton button img{margin-right:3px;}
	.ec-base-product .prdList .thumbnail .prdImg >a{display:grid;}
	.ec-base-product .prdList .thumbnail .prdImg >a>img{grid-row: 1; grid-column: 1;transition: opacity .35s ease;}
	.ec-base-product .prdList .thumbnail .prdImg .img_ov{opacity:0;}
	.ec-base-product .prdList .thumbnail .prdImg:hover .img_ov{opacity:1;}
	.ec-base-product .prdList .description { margin:20px 0 0; padding: 0; font-size:12px; line-height:1.3; text-align:left; white-space:normal;}
    .ec-base-product .prdList .descInfo{position:relative;}
	.ec-base-product .prdList .description .name{margin:0 0 10px;}

	.ec-base-product .spec > li.product_price{margin:.1rem 0;}
	.ec-base-product .spec > li.product_price .discount_rate{font-size:16px;margin-right: 3px;}
	.ec-base-product .spec > li.summary_desc{margin-bottom:10px;}
	.ec-base-product .spec > li.prd_price_sale,
	.ec-base-product .spec > li.prd_price_sale *{font-weight: bold; font-size: 16px;}
	.ec-base-product .spec > li.prd_price_sale > span > span{ font-weight: normal; }
	.ec-base-product .spec > li.prd_price_sale .discount_rate{margin-right: 3px;}
	.ec-base-product .prdList .review_cnt{font-size: 12px;padding: 1px 0 0 14px;line-height: 1;background-size:12px; margin:5px 0;}
	.ec-base-product .prdList .chips { width:10px; height:10px; }
    .ec-base-product .prdList .icon:has(>img){margin:10px 0 0;}
    .ec-base-product .prdList .icon img { margin:0 4px 0 0; max-height: 20px; }
	.ec-base-product .layerDiscountPeriod { left:50%; top:26px; width:247px; margin:0 0 0 -124px; }
	.ec-base-product .btnTooltip { position:relative; }
	.differentialShipping { left:50%; top:17px; width:350px; margin:0 0 0 -176px; }

	/* 폰트사이즈 */
	.ec-base-product .prdList .description .name > a > span{font-size:var(--pc-list-name-size) !important;}
	.ec-base-product .spec > li.simple_desc>span,
	.ec-base-product .spec > li.summary_desc>span{font-size:var(--pc-list-summary-size) !important;}
	.ec-base-product .spec > li.product_price>span{font-size:var(--pc-list-price-size) !important;}
	.ec-base-product .spec > li.price_custom>span{font-size:var(--pc-list-custom-size) !important;}
	.ec-base-product .spec > li.prd_price_sale>span{font-size:var(--pc-list-sale-price-size) !important;}
	.ec-base-product .spec > li.product_price .discount_rate,
	.ec-base-product .spec > li.prd_price_sale .discount_rate{font-size:var(--pc-list-discount-size) !important;}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.ec-base-product .prdList{margin:0;}
	.ec-base-product .prdList.mgrid1 > li{width: 100%;}
	.ec-base-product .prdList.mgrid2 > li{width: calc(50% - 0.5rem);margin-left: 1rem;}
	.ec-base-product .prdList.mgrid2 > li:nth-child(2n+1){margin-left:0;}
	.ec-base-product .prdList.mgrid3 > li{width: calc(33.33% - 0.6rem);margin-left: 0.9rem;}
	.ec-base-product .prdList.mgrid3 > li:nth-child(3n+1){margin-left:0;}
	.ec-base-product .prdList.mgrid4 > li{width: calc(25% - 0.6rem);margin-left: 0.8rem;}
	.ec-base-product .prdList.mgrid4 > li:nth-child(4n+1){margin-left:0;}
	.ec-base-product .prdList.mgrid5 > li{width: calc(20% - 0.6rem);margin-left: 0.7rem;}
	.ec-base-product .prdList.mgrid5 > li:nth-child(5n+1){margin-left:0;}
	.ec-base-product .prdList > li{margin-bottom:2rem;}
	.ec-base-product .prdList .thumbnail .iconarea {position: absolute; bottom: 8px; right: 8px; left:8px; width:calc(100% - 16px);align-items: center; gap:.5rem;justify-content: right;display: flex;}
	.ec-base-product .prdList .thumbnail .iconarea > span{position:relative;background:rgb(255 255 255 / 70%); border-radius:.6rem; padding:.3rem;z-index:2;}
	.ec-base-product .prdList .thumbnail .iconarea > span.ico1{order:3;}
	.ec-base-product .prdList .thumbnail .iconarea > span.ico2{order:2;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton{order:1;}
	.ec-base-product .prdList .thumbnail .iconarea > span img{max-height: 1.2rem;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton button{font-size: .8rem;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton button strong{margin-left:.1rem;}
	.ec-base-product .prdList .thumbnail .iconarea > span.likeButton button img{height:1.1rem;}
	.ec-base-product .prdList .thumbnail .prdImg .img_ov{display:none;}
	.ec-base-product .prdList .thumbnail .prdIcon {background-size:5rem auto;}
	.ec-base-product .prdList .description { margin:1rem 0 0; padding: 0; font-size:.9rem; line-height:1.3; text-align:left; white-space:normal; }
	.ec-base-product .prdList .description .name,
	.ec-base-product .prdList .description .name a *{font-size: 1rem !important; }
	.ec-base-product .prdList .description .name{margin: 0 0 .5rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.3rem;max-height: 2.6rem;}
	.ec-base-product .spec > li,
	.ec-base-product .spec > li *{font-size:.9rem !important;}
	.ec-base-product .spec > li.summary_desc {margin: 0 0 .7rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.2rem;max-height: 2.4rem;}
	.ec-base-product .spec > li.product_custom {margin:.4rem 0 0; }
	.ec-base-product .spec > li.product_price,
	.ec-base-product .spec > li.product_price *{font-size:1rem !important;}
	.ec-base-product .spec > li.product_price{margin:.1rem 0;}
	.ec-base-product .spec > li.product_price .discount_rate{font-size:1rem;margin-right: .2rem;}
	.ec-base-product .spec > li.prd_price_sale,
	.ec-base-product .spec > li.prd_price_sale *{font-weight: bold; font-size: 1rem !important;}
	.ec-base-product .spec > li.prd_price_sale > span > span{ font-weight: normal; font-size:.8rem !important; }
	.ec-base-product .spec > li.prd_price_sale .discount_rate{margin-right: .2rem;font-size: 1rem !important;}
	.ec-base-product .spec > li.prd_price_sale .discount_rate *{display:inline-block;}
	.ec-base-product .prdList .review_cnt{font-size: .8rem;padding: 0 0 0 1rem;display:inline-block;background-size:.8rem auto;}
	.ec-base-product .prdList .chips { width:7px; height:7px; }
	.ec-base-product .prdList .icon{margin:0.5rem 0;}
    .ec-base-product .prdList .icon img { margin:0 .2rem 0 0; max-height: 1.3rem; }
	.ec-base-product .prdList .chk{display:none;}
	.ec-base-product .discountPeriod { position:static; }
	.ec-base-product .btnTooltip { position:static; }
	.differentialShipping { left:0; right:0; width:88%; margin:10px auto 0; }

	/* 폰트사이즈 */
	.ec-base-product .prdList .description .name > a > span{font-size:var(--m-list-name-size) !important;}
	.ec-base-product .spec > li.simple_desc>span,
	.ec-base-product .spec > li.summary_desc>span{font-size:var(--m-list-summary-size) !important;}
	.ec-base-product .spec > li.product_price>span{font-size:var(--m-list-price-size) !important;}
	.ec-base-product .spec > li.price_custom>span{font-size:var(--m-list-custom-size) !important;}
	.ec-base-product .spec > li.prd_price_sale>span{font-size:var(--m-list-sale-price-size) !important;}
	.ec-base-product .spec > li.product_price .discount_rate,
	.ec-base-product .spec > li.prd_price_sale .discount_rate{font-size:var(--m-list-discount-size) !important;}
}




/* 사용자 커스텀 CSS를 정의합니다. */

/* 상품목록 썸네일 */
.ec-base-product .prdList .thumbnail .prdImg .img_ov{}

/* 상세페이지 요약설명글 */
.xans-product-detail .headingArea .summary_desc_css{}

/* 상세페이지 간략설명글 */
.xans-product-detail .headingArea .simple_desc_css{}

/* 배너 */
.index_ban_100 .swiper-container {
	height: 100%;
}

.index_ban_100 .swiper-slide a {
	height: 100%;
	display: block;
	background: #fff;
}

.index_ban_100 .txt {
    position: absolute;
    display: flex;
    z-index: 10;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    box-sizing: border-box;
    text-align:left;
    margin: 0 auto;
    flex-direction: column;
    color: #222;
	line-height:1.5;
}

.index_ban_100 .txt.left-top,
.index_ban_100 .txt.right-top,
.index_ban_100 .txt.center-top{
    justify-content: flex-start;
}

.index_ban_100 .txt.left-top,
.index_ban_100 .txt.left-bottom,
.index_ban_100 .txt.left-center{
    align-items: flex-start;
}

.index_ban_100 .txt.left-bottom,
.index_ban_100 .txt.right-bottom,
.index_ban_100 .txt.center-bottom{
    justify-content: flex-end;
}

.index_ban_100 .txt.left-center,
.index_ban_100 .txt.right-center,
.index_ban_100 .txt.center,
.index_ban_100 .txt.center-center{
    justify-content: center;
}

.index_ban_100 .txt.right-top,
.index_ban_100 .txt.right-bottom,
.index_ban_100 .txt.right-center{
    align-items: flex-end;
}

.index_ban_100 .txt.right-top,
.index_ban_100 .txt.right-bottom,
.index_ban_100 .txt.right-center{
    text-align:right;
}

.index_ban_100 .txt.center-top,
.index_ban_100 .txt.center-bottom,
.index_ban_100 .txt.center,
.index_ban_100 .txt.center-center{
    align-items: center;
    text-align:center;
}

.index_ban_100 .p1,
.index_ban_100 .p2{
    display: block;
	transition: font-size 1s ease
}

.index_ban_100 .txt-bt {
	border-radius: 30px;
	background: #222;
	display: inline-block;
	color: #fff;
}

.index_ban_100 .pagination.swiper-pagination-fraction,
.index_ban_100 .pagination.swiper-pagination-bullets {
	background: rgb(0 0 0 / 15%);
	position: absolute;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	width: auto;
	color: #ddd;
	line-height: 1.3;
	transform: translateX(-50%);
	left: 50%;
}

.index_ban_100 .pagination.swiper-pagination-bullets {
	background: transparent;
}

.index_ban_100 .pagination.swiper-pagination-fraction .swiper-pagination-current,
.index_ban_100 .pagination.swiper-pagination-bullets .swiper-pagination-current {
	color: #fff;
	font-weight: bold;
}

.index_ban_100 .pagination.swiper-pagination-fraction .swiper-pagination-total,
.index_ban_100 .pagination.swiper-pagination-bullets .swiper-pagination-total {
	color: rgb(255 255 255 / 45%);
}

.index_ban_100 .pagination.swiper-pagination-fraction span,
.index_ban_100 .pagination.swiper-pagination-bullets span {
	margin: 0 5px;
}

.index_ban_100 .swiper-pagination-progressbar {
	height: 2px;
	position: relative;
	z-index:10;
}

.index_ban_100 .swiper-pagination-progressbar .swiper-pagination-drag {
	background: rgba(0, 0, 0, 0.9);
}


/********************* PC *********************/
@media all and (max-width:1445px) {
	.index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next {
		display: none;
	}
}

@media all and (min-width:1025px) {

	/* .type_A */
	.index_ban_100.type_a {
		height: 60vh;
		min-height: 550px;
		max-height: 660px;
	}

	.index_ban_100.type_a .txt {
	}

	/* .type_B */
	.index_ban_100.type_b {
		margin-top: -170px;
		min-height: 570px;
		max-height: 850px;
		height: 80vh;
	}

	.index_ban_100.type_b .txt {
		padding-top: 180px;
	}



	.index_ban_100 .swiper-slide {
		overflow: hidden;
	}

	.index_ban_100 .img {
		position: relative !important;
		width: 5000px !important;
		margin-left: -2500px !important;
		top: 0 !important;
		left: 50% !important;
		text-align: center;
		height: 100%;
	}

	.index_ban_100 .txt{
		max-width: var(--base-width);
		padding: 40px 20px 80px;
		color: #222;
	}

	.index_ban_100 .p1 {
		font-size: 20px;
		display: block;
		margin: 0 0 15px;
	}

	.index_ban_100 .p2 {
		font-size: 36px;
		display: block;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: -0.7px;
		margin: 20px 0 30px;
	}

	.index_ban_100 .txt-bt {
		font-size: 15px;
		line-height: 35px;
		padding: 0 25px;
	}

	.index_ban_100 .img img {
		width: auto;
		height: 100%;
	}

	.index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next {
		opacity: 0;
		transition: opacity .25s ease;
		width: 50px;
		height: 80px;
	}

	.index_ban_100:hover .swiper-button-prev,
	.index_ban_100:hover .swiper-button-next {
		opacity: .5;
	}

	.index_ban_100 .swiper-button-prev:hover,
	.index_ban_100 .swiper-button-next:hover {
		opacity: 1;
	}

	.index_ban_100 .swiper-button-prev {
		left: 50%;
		margin-left: -720px;
	}

	.index_ban_100 .swiper-button-next {
		right: 50%;
		margin-right: -720px;
	}

	.index_ban_100 .swiper-button-prev:after,
	.index_ban_100 .swiper-button-next:after {
		content: "";
		width: 30px;
		height: 30px;
		top: 50%;
		position: absolute;
		left: 50%;
		margin-top: -15px;
		margin-left: -15px;
	}

	.index_ban_100 .swiper-button-prev:after {
		border-top: 2px solid #444;
		border-left: 2px solid #444;
		transform: rotate(315deg);
		margin-left: -7px;
	}

	.index_ban_100 .swiper-button-next:after {
		border-top: 2px solid #444;
		border-left: 2px solid #444;
		transform: rotate(135deg);
		margin-left: -25px;
	}

	.index_ban_100 .pagination.swiper-pagination-fraction,
	.index_ban_100 .pagination.swiper-pagination-bullets {
		min-width: 70px;
		font-size: 15px;
		border-radius: 30px;
		bottom: 20px;
		padding: 5px 0;
	}

	.index_ban_100 .swiper-pagination-progressbar {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
		transform: translateY(-30px);
	}

}

/********************* PC & Tablet *********************/
@media all and (min-width:641px) and (max-width:1024px) {

	/* .type_A */
	.index_ban_100.type_a {
		height: 70vh;
	}

	/* .type_B */
	.index_ban_100.type_b {
		height: 70vh;
	}

	.index_ban_100 .p1 {
		font-size: 19px;
	}

	.index_ban_100 .p2 {
		font-size: 29px;
	}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {

	/* .type_B */
	.index_ban_100.type_b {
		margin-top: -7rem;
	}

	.index_ban_100.type_b .txt {
		padding-top:8rem;
	}

	.index_ban_100 a {
		height: 100%;
		display: block;
	}

	.index_ban_100 .txt {
        padding:1.5rem 1.5rem 4.5rem;
        word-break: keep-all;
    }

	.index_ban_100 .txt .p1 {
		color: #222;
		margin: 0 0 .6rem;
		display: block;
	}

	.index_ban_100 .txt .p2 {
		color: #222;
		display: block;
		font-weight: 700;
		line-height: 1.2;
		margin: 0.8rem 0 1.5rem;
	}

	.index_ban_100 .txt-bt {
		font-size: 12px;
		line-height: 25px;
		padding: 0 15px;
	}

	.index_ban_100 .img {
		height: 100%;
	}

	.index_ban_100 .img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.index_ban_100 .swiper-button-prev,
	.index_ban_100 .swiper-button-next {
		display: none;
	}

	.index_ban_100 .pagination.swiper-pagination-fraction,
	.index_ban_100 .pagination.swiper-pagination-bullets {
		min-width: 4.2rem;
		padding: 0.3rem 0;
		border-radius: 1.5rem;
		font-size: .9rem;
		bottom: 1.5rem;
	}

	.index_ban_100 .swiper-pagination-progressbar{
		width: 50%;
		max-width: 400px;
		transform: translateY(-25px);
        margin: 0 auto;
	}
}


@media all and (max-width:640px) {
	.index_ban_100 .txt .p1 {
		font-size: 1.1rem;
	}

	.index_ban_100 .txt .p2 {
		font-size: 1.6rem;
	}
}
.index_prd_600 {
    position:relative; z-index:2;
}

.index_prd_600 .section-title {
    position: relative;
}

/********************* PC *********************/
@media all and (min-width: 1025px) {
    .index_prd_600 {
        margin:120px 0;
    }
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_prd_600 {
        margin:5rem 0;
    }

    .index_prd_600 .section-title > h3:before {
        width: 1.8rem;
        height: 1.8rem;
        background-size: auto 100%;
    }

    .index_prd_600 .ec-base-product .prdList {
        margin: 0 10px -20px 10px;
    }

    .index_prd_600 .ec-base-product .prdList + .xans-product-listmore {
        margin-top: 20px;
    }
}
.index_prd_100{
	position: relative; z-index:2;
}

.index_prd_100 .swiper-wrap {
    position: relative;
}

.index_prd_100 .ec-base-product .prdList>li {
    margin: 0;
}

.index_prd_100 .ec-base-product .prdList .option {
    display: none;
}

.index_prd_100 .swiper-pagination {
    height: 2px;
    position: unset;
}

.index_prd_100 .swiper-pagination .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.9);
}


/********************* PC *********************/
@media all and (max-width:1445px) {
    .index_prd_100 .swiper-button-prev,
    .index_prd_100 .swiper-button-next {
        display: none;
    }
}


@media all and (min-width:1025px) {
    .index_prd_100 {
        margin: 120px 0 120px 0;
    }

    .index_prd_100 .swiper-button-prev,
    .index_prd_100 .swiper-button-next {
        left: 0;
        width: 60px;
        height: 60px;
        opacity: 0;
        transition: all .25s ease;
    }

    .index_prd_100 .site-wrap:hover .swiper-button-prev,
    .index_prd_100 .site-wrap:hover .swiper-button-next {
        opacity: 1;
    }

    .index_prd_100 .swiper-button-prev {
        left: -75px;
    }

    .index_prd_100 .swiper-button-next {
        left: auto;
        right: -75px;
    }

    .index_prd_100 .swiper-button-prev:hover,
    .index_prd_100 .swiper-button-next:hover {
        opacity: 1;
    }

    .index_prd_100 .swiper-button-prev:after,
    .index_prd_100 .swiper-button-next:after {
        content: "";
        width: 18px;
        height: 18px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -10px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_prd_100 .swiper-button-prev:after {
        transform: rotate(315deg);
        margin-left: -5px;
    }

    .index_prd_100 .swiper-button-next:after {
        transform: rotate(135deg);
        margin-left: -13px;
    }

    .index_prd_100 .swiper-button-prev.swiper-button-disabled,
    .index_prd_100 .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        display: none;
    }

    .index_prd_100 .swiper-pagination {
        width: auto;
        max-width: 400px;
        margin: 40px auto 0;
    }
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
    .index_prd_100 {
        margin: 5rem 0 5rem 0;
    }

    .index_prd_100 .ec-base-product .swiper-container {
        padding: 0 10px;
    }

    .index_prd_100 .ec-base-product .prdList {
        margin: 0;
        padding: 0;
    }

    .index_prd_100 .ec-base-product .prdList>li {
        height: auto;
    }

    .index_prd_100 .swiper-pagination {
        width: auto;
        position: unset;
        margin: 2rem 1rem 0;
    }

    .index_prd_100 .swiper-button-prev,
    .index_prd_100 .swiper-button-next {
        display: none;
    }
}
.index_ban_200{
	text-align:center; z-index:1;
}

.index_ban_200 .line{
	width:1px;
	height:60px;
	background:#ddd;
}

.index_ban_200 .txt p{
	line-height:1.5;
}

.index_ban_200 .p2 *{
	font-family: "PT Serif", sans-serif;
}

/********************* PC *********************/
@media all and (min-width:1025px) {
	 .index_ban_200 {
        margin:120px 0 120px 0;
        position: relative;
    }

	.index_ban_200 .line{
		margin:0 auto 20px;
	}

	.index_ban_200 .txt p{
		margin:15px 0;
	}

	.index_ban_200 .p1{
		font-size:19px;
	}

	.index_ban_200 .p2{
		font-size:42px;
	}

	.index_ban_200 .p3{
		font-size:19px;
	}

}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_200 {
        margin:5rem 0 5rem 0;
    }

	.index_ban_200 .line{
		margin:0 auto 1rem;
	}

	.index_ban_200 .txt p{
		margin:1rem 0;
	}

	.index_ban_200 .p1{
		font-size:13px;
	}

	.index_ban_200 .p2{
		font-size:20px;
	}

	.index_ban_200 .p3{
		font-size:13px;
	}
}
.index_ban_500 {
    position: relative; z-index:1;
}

.index_ban_500 a {
    text-decoration: none;
    display: block;
}

.index_ban_500 .swiper-slide{
	transition: all .25s ease;
}

.index_ban_500 .txt{
	text-align:center;
}

.index_ban_500 .txt > span{
	display:block;
}

.index_ban_500 .txt .p1{
	color:#111;
}

.index_ban_500 .txt .p2{
	color:#888;
}

.index_ban_500 img {
    width: 100%;
}

/********************* PC *********************/
@media all and (min-width: 1025px) {
    .index_ban_500 {
        margin:120px 0 120px 0;
    }

    .index_ban_500 a {
        cursor: pointer;
    }

	 .index_ban_500 .img{
		overflow:hidden;
		border-radius:var(--border-radius-basic);
	 }

	  .index_ban_500 .img img{
		transition: all .35s ease;
	  }

	  .index_ban_500 .img:hover img{
		transform:scale(1.1);
	  }

	.index_ban_500 .txt{
		margin:14px 0 0;
	}

	.index_ban_500 .txt .p1{
		font-size:19px;
        margin:0 0 5px;
	}

	.index_ban_500 .txt .p2{
		font-size:15px;
	}

	.index_ban_500 .swiper-button-prev,
    .index_ban_500 .swiper-button-next {
        left: 0;
        width: 50px;
        height: 50px;
        opacity: 0;
        transition: all .25s ease;
        background:#fff;
        border-radius:50%;
        border:1px solid #eee;
        box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    }

    .index_ban_500 .site-wrap:hover .swiper-button-prev,
    .index_ban_500 .site-wrap:hover .swiper-button-next {
    	opacity:1;
    }

    .index_ban_500 .swiper-button-prev {
        left: 0;
    }

    .index_ban_500 .swiper-button-next {
        left: auto;
        right: 0;
    }

    .index_ban_500 .swiper-button-prev:hover,
    .index_ban_500 .swiper-button-next:hover {
        opacity: 1;
    }

    .index_ban_500 .swiper-button-prev:after,
    .index_ban_500 .swiper-button-next:after {
        content: "";
        width: 14px;
        height: 14px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -8px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_ban_500 .swiper-button-prev:after {
        transform: rotate( 315deg );
        margin-left: -5px;
    }

    .index_ban_500 .swiper-button-next:after {
        transform: rotate( 135deg );
        margin-left: -11px;
    }

    .index_ban_500 .swiper-button-prev.swiper-button-disabled,
    .index_ban_500 .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        display:none;
    }
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_ban_500 {
        margin:5rem 0 5rem 0;
    }

    .index_ban_500 .swiper-container {
        padding: 0 10px;
    }

    .index_ban_500 .txt{
		margin:1rem 0 0;
		text-align:left;
	}

	.index_ban_500 .txt .p1{
		font-size:1.3rem;
        margin:0 0 .5rem;
	}

	.index_ban_500 .txt .p2{
		font-size:1rem;
	}

	.index_ban_500 .img img{
		border-radius:var(--border-radius-basic);
	}

	.index_ban_500 .swiper-button-prev,.index_ban_500 .swiper-button-next {
        display: none;
    }

}
.index_ban_400 {
    position: relative; z-index:1;
}

.index_ban_400 .swiper-wrap {
    position: relative;
}

 .index_ban_400 .txt{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
 }

.index_ban_400 img{
    width:100%;
	border-radius:var(--border-radius-basic);
}

.index_ban_400 .swiper-slide.swiper-slide-active img{
    transform:scale(1.0);
    opacity:1;
}

.index_ban_400 .swiper-slide.swiper-slide-active:before{
    content:none;
}

.index_ban_400 .swiper-slide:before{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background:rgb(255 255 255 / 0);
    z-index:999;
}


/********************* PC *********************/
@media all and (max-width:1445px) {
    .index_ban_400 .swiper-button-prev,
	.index_ban_400 .swiper-button-next {
        display: none;
    }
}

@media all and (min-width:1025px) {
    .index_ban_400{
        margin:120px 0;
    }

    .index_ban_400 .swiper-slide{
    	width: 700px;
    }

	 .index_ban_400 .txt{
		padding: 0 0 0 9%;
		transition: padding .25s ease;
		opacity:0.5;
	 }

	  .index_ban_400 .swiper-slide.swiper-slide-active .txt{
		padding: 0 0 0 7%;
		opacity:1;
	 }

	 .index_ban_400 .txt .p1{
		font-size:29px;
		margin:0 0 5px;
	 }

	 .index_ban_400 .txt .p2{
		font-size:29px;
	 }

    .index_ban_400 .swiper-slide img{
        transition:all .3s ease;
        transform:scale(0.95);
        opacity:0.5;
    }

	.index_ban_400 .swiper-pagination{
		position: unset;
        margin: 10px 0 0;
	}

	 .index_ban_400 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

	 .index_ban_400 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.75;
        border-radius: 30px;
    }

    .index_ban_400 .swiper-button-prev,
    .index_ban_400 .swiper-button-next {
        left: 0;
        width: 50px;
        height: 50px;
        opacity: 0;
        transition: all .25s ease;
        background:#fff;
        border-radius:50%;
        border:1px solid #eee;
        box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    }

    .index_ban_400:hover .swiper-button-prev,
    .index_ban_400:hover .swiper-button-next {
    	opacity:1;
    }

    .index_ban_400 .swiper-button-prev {
        left: 50%;
		margin-left: -415px;
    }

    .index_ban_400 .swiper-button-next {
        left: auto;
        right: 50%;
        margin-right: -415px;
    }

    .index_ban_400 .swiper-button-prev:hover,
    .index_ban_400 .swiper-button-next:hover {
        opacity: 1;
    }

    .index_ban_400 .swiper-button-prev:after,
    .index_ban_400 .swiper-button-next:after {
        content: "";
        width: 14px;
        height: 14px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -8px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_ban_400 .swiper-button-prev:after {
        transform: rotate( 315deg );
        margin-left: -5px;
    }

    .index_ban_400 .swiper-button-next:after {
        transform: rotate( 135deg );
        margin-left: -11px;
    }

    .index_ban_400 .swiper-button-prev.swiper-button-disabled,
    .index_ban_400 .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        display:none;
    }
}



/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_ban_400 {
        margin:5rem 0;
    }

    .index_ban_400 .swiper-container {
        padding: 0 10px;
    }

	 .index_ban_400 .txt{
		padding: 0 0 0 6%;
	 }

	 .index_ban_400 .txt .p1{
		font-size:1.4rem;
        margin:0 0 .3rem;
	 }

	 .index_ban_400 .txt .p2{
		font-size:1.3rem;
	 }

    .index_ban_400 .swiper-pagination{
        width: auto;
		position: unset;
		margin:.5rem 0 0;
    }

    .index_ban_400 .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .index_ban_400 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.5;
        border-radius: 30px;
    }

    .index_ban_400 .swiper-button-prev,.index_ban_400 .swiper-button-next {
        display: none;
    }
}

.index_prd_400{
	position: relative; z-index:2;
}

.index_prd_400:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #f5f5f5;
	height: 100%;
}

.index_prd_400 .section-title {
	position: relative;
}

.index_prd_400 .section-title img {
	display: inline-block;
	vertical-align: middle;
	margin: -5px 0 0 0;
}

.index_prd_400 .swiper-wrap {
    position: relative;
}

.index_prd_400 .ec-base-product .prdList>li {
	border-radius: calc(var(--border-radius-basic) + 4px);
	margin:0;
	border: 1px solid #eee;
	background: #fff;
}

.index_prd_400 .ec-base-product .prdList .thumbnail,
.index_prd_400 .ec-base-product .prdList .description {
	margin: 0;
}

.index_prd_400 .ec-base-product .prdList .option {
	display: none;
}

.index_prd_400 .swiper-pagination {
    height: 2px;
    position: unset;
}

.index_prd_400 .swiper-pagination .swiper-pagination-drag {
    background: rgba(0, 0, 0, 0.9);
}

/********************* PC *********************/
@media all and (max-width:1445px) {
    .index_prd_400 .swiper-button-prev,
    .index_prd_400 .swiper-button-next {
        display: none;
    }
}

@media all and (min-width:1025px) {
	.index_prd_400 {
		margin: 0 0 120px 0;
		padding: 50px 0;
	}

	.index_prd_400 .section-title h3 {
		order: 1;
	}

	.index_prd_400 .section-title img {
		width: 35px;
	}

	.index_prd_400 .swiper-container {
		margin: -10px -10px;
		padding: 10px;
	}

	.index_prd_400 .ec-base-product .prdList>li {
		height: auto;
		overflow: hidden;
	}

	.index_prd_400 .ec-base-product .prdList>li:hover {
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07);
	}

	.index_prd_400 .ec-base-product .prdList .thumbnail{
		margin:8px 8px 0;
	}

	.index_prd_400 .ec-base-product .prdList .description {
		padding: 15px 14px 25px;
	}

	.index_prd_400 .swiper-button-prev,
    .index_prd_400 .swiper-button-next {
        left: 0;
        width: 60px;
        height: 60px;
        opacity: 0;
        transition: all .25s ease;
    }

    .index_prd_400:hover .swiper-button-prev,
    .index_prd_400:hover .swiper-button-next {
        opacity: 1;
    }

    .index_prd_400 .swiper-button-prev {
        left: -75px;
    }

    .index_prd_400 .swiper-button-next {
        left: auto;
        right: -75px;
    }

    .index_prd_400 .swiper-button-prev:hover,
    .index_prd_400 .swiper-button-next:hover {
        opacity: 1;
    }

    .index_prd_400 .swiper-button-prev:after,
    .index_prd_400 .swiper-button-next:after {
        content: "";
        width: 18px;
        height: 18px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -10px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_prd_400 .swiper-button-prev:after {
        transform: rotate(315deg);
        margin-left: -5px;
    }

    .index_prd_400 .swiper-button-next:after {
        transform: rotate(135deg);
        margin-left: -13px;
    }

    .index_prd_400 .swiper-button-prev.swiper-button-disabled,
    .index_prd_400 .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        display: none;
    }

    .index_prd_400 .swiper-pagination {
        width: auto;
        max-width: 400px;
        margin: 40px auto 0;
    }
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_prd_400 {
		padding: 2.4rem 0;
		margin:0 0 5rem 0;
	}

	.index_prd_400 .section-title img {
		width: 1.8rem;
	}

	.index_prd_400 .ec-base-product .swiper-container {
		padding: 0 10px;
	}

	.index_prd_400 .ec-base-product .prdList {
		margin: 0;
		padding-bottom: 1rem;
	}

	.index_prd_400 .ec-base-product .prdList>li {
		height: auto;
	}

	.index_prd_400 .ec-base-product .prdList .thumbnail{
		margin:6px 6px 0;
	}

	.index_prd_400 .ec-base-product .prdList .description {
		padding: 1rem 1rem;
	}

	.index_prd_400 .ec-base-product .prdList .iconarea {
		border: 0;
	}

	.index_prd_400 .swiper-pagination {
        width: auto;
        position: unset;
        margin: 1rem 1rem 0;
	}

	.index_prd_400 .swiper-button-prev,
	.index_prd_400 .swiper-button-next {
		display: none;
	}
}
.index_prd_800 {
    position:relative; z-index:2;
}

.index_prd_800 .section-title {
    position: relative;
}

img {
    max-width: 100%;
    height: auto; /* 비율을 유지하며 높이를 자동으로 조정 */
}

/********************* PC *********************/
@media all and (min-width: 1025px) {
    .index_prd_800 {
        margin:120px 0;
    }
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_prd_800 {
        margin:5rem 0;
    }

    .index_prd_800 .section-title > h3:before {
        width: 1.8rem;
        height: 1.8rem;
        background-size: auto 100%;
    }

    .index_prd_800 .ec-base-product .prdList {
        margin: 0 10px -20px 10px;
    }

    .index_prd_800 .ec-base-product .prdList + .xans-product-listmore {
        margin-top: 20px;
    }
}
.index_prd_700 {
    position:relative; z-index:2;
}

.index_prd_700 .section-title {
    position: relative;
}

img {
    max-width: 100%;
    height: auto; /* 비율을 유지하며 높이를 자동으로 조정 */
}

/********************* PC *********************/
@media all and (min-width: 1025px) {
    .index_prd_700 {
        margin:120px 0;
    }
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_prd_700 {
        margin:5rem 0;
    }

    .index_prd_700 .section-title > h3:before {
        width: 1.8rem;
        height: 1.8rem;
        background-size: auto 100%;
    }

    .index_prd_700 .ec-base-product .prdList {
        margin: 0 10px -20px 10px;
    }

    .index_prd_700 .ec-base-product .prdList + .xans-product-listmore {
        margin-top: 20px;
    }
}
.index_prd_200{
	position: relative; z-index:2;
}

.index_prd_200 .section-title {
    position: relative;
}

/********************* PC *********************/
@media all and (min-width: 1025px) {
    .index_prd_200 {
        margin:120px 0 120px 0;
    }
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_prd_200 {
        margin:5rem 0 5rem 0;
    }

    .index_prd_200 .section-title > h3:before {
        width: 1.8rem;
        height: 1.8rem;
        background-size: auto 100%;
    }

    .index_prd_200 .ec-base-product .prdList {
        margin: 0 10px -20px 10px;
    }

    .index_prd_200 .ec-base-product .prdList + .xans-product-listmore {
        margin-top: 20px;
    }
}
.index_prd_300{
	position: relative; z-index:2;
}

.index_prd_300 .productItem {
	display: flex;
}

.index_prd_300 .bnr a {
	position: relative;
	    display: block;
}

.index_prd_300 .txt {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 0 0 6%;
}

.index_prd_300 .txt .p1 {
}

.index_prd_300 .bnr img {
	width: 100%;
}

.index_prd_300 .ec-base-product .prdList .option {
	display: none;
}

.index_prd_300 .swiper-scrollbar-drag {
	background: rgba(0, 0, 0, 0.9);
}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_prd_300 {
		margin: 120px 0;
	}

	.index_prd_300 .productItem {
		justify-content: space-between;
		gap: 20px;
	}

	.index_prd_300 .bnr {
		width: 58%;
		max-width:726px;
	}

	.index_prd_300 .bnr img {
		border-radius: var(--border-radius-basic);
	}

	.index_prd_300 .txt .p1 {
		font-size: 30px;
		margin: 0 0 5px;
	}

	.index_prd_300 .txt .p2 {
		font-size: 23px;
	}

	.index_prd_300 .prod {
		width: 40%;
		flex: 1;
		height: 408px;
		max-height: 32vw;
	}

	.index_prd_300 .ec-base-product .prdList {
		min-width: 0;
	}

	.index_prd_300 .ec-base-product .prdList>li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #eee;
		margin: 0;
		padding: 20px 0;
	}

	.index_prd_300 .ec-base-product .prdList>li:first-child {
		padding-top: 0;
	}

	.index_prd_300 .ec-base-product .prdList>li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}

	.index_prd_300 .ec-base-product .prdList .thumbnail {
		width: 36%;
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0 0;
	}

	.index_prd_300 .ec-base-product .prdList .description {
		width: calc(100% - 45.5%);
		display: inline-block;
		vertical-align: top;
		padding: 0;
		margin: 0 0 0 20px;
	}

	.index_prd_300 .swiper-container {
		width: 100%;
		height: 100%;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.index_prd_300 .swiper-slide {
		height: auto;
		box-sizing: border-box;
	}

	.index_prd_300 .swiper-vertical>.swiper-scrollbar {
		width: 2px;
	}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_prd_300 {
		margin: 5rem 0;
	}

	.index_prd_300 .productItem {
		flex-direction: column;
	}

	.index_prd_300 .txt .p1 {
		font-size: 1.4rem;
		margin: 0 0 .3rem;
	}

	.index_prd_300 .txt .p2 {
		font-size: 1.1rem;
	}

	.index_prd_300 .prod {
		padding: 1.4rem 0 0;
	}

	.index_prd_300 .swiper-container {
		padding: 0 10px;
	}

	.index_prd_300 .ec-base-product .prdList>li {
		margin: 0;
	}

	.index_prd_300 .swiper-horizontal>.swiper-scrollbar {
		height: 2px;
		width: auto;
		position: unset;
		margin: 2rem 0 0;
	}
}
.index_ban_300 {
    position: relative; z-index:1;
}

.index_ban_300 .swiper-wrap {
    position: relative;
}

.index_ban_300 a {
    text-decoration: none;
    display: block;
}

.index_ban_300 .txt{
	position: absolute;
	top: 25px;
	left: 0;
	bottom: 0;
	right: 0;
	opacity:0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition:all .4s ease-out;
}

.index_ban_300 .swiper-slide.selected .txt{
    top: 0;
    opacity:1;
}

.index_ban_300 img {
    width: 100%;
    border-radius: var(--border-radius-basic);
}


/********************* PC *********************/
@media all and (max-width:1445px) {
    .index_ban_300 .swiper-button-prev,
    .index_ban_300 .swiper-button-next {
        display: none;
    }
}

@media all and (min-width:1025px) {
    .index_ban_300 {
        margin: 120px 0;
    }

    .index_ban_300 a {
        cursor: pointer;
    }

	 .index_ban_300 .txt{
		padding: 0 0 0 7%;
	 }

	 .index_ban_300 .txt .p1{
		font-size:30px;
		margin:0 0 5px;
	 }

	 .index_ban_300 .txt .p2{
		font-size:18px;
	 }

    .index_ban_300 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .index_ban_300 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.75;
        border-radius: 30px;
    }

    .index_ban_300 .swiper-button-prev,
    .index_ban_300 .swiper-button-next {
        width: 50px;
        height: 50px;
        opacity: 0;
        transition: all .25s ease;
        background: #fff;
        border-radius: 50%;
        border: 1px solid #eee;
        box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    }

    .index_ban_300 .swiper-button-prev {
        left: -25px;
    }

    .index_ban_300 .swiper-button-next {
        right: -25px;
    }

    .index_ban_300 .site-wrap:hover .swiper-button-prev,
    .index_ban_300 .site-wrap:hover .swiper-button-next {
        opacity: 1;
    }

    .index_ban_300 .swiper-button-prev:after,
    .index_ban_300 .swiper-button-next:after {
        content: "";
        width: 14px;
        height: 14px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -8px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_ban_300 .swiper-button-prev:after {
        transform: rotate(315deg);
        margin-left: -5px;
    }

    .index_ban_300 .swiper-button-next:after {
        transform: rotate(135deg);
        margin-left: -11px;
    }

    .index_ban_300 .swiper-button-prev.swiper-button-disabled:after,
    .index_ban_300 .swiper-button-next.swiper-button-disabled:after {
        display: none;
        opacity: 0;
    }
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
    .index_ban_300 {
        margin: 5rem 0;
    }

    .index_ban_300 .swiper-container {
        padding: 0 10px;
    }

	 .index_ban_300 .txt{
		padding: 0 0 0 6%;
	 }

	 .index_ban_300 .txt .p1{
		font-size:1.6rem;
        margin:0 0 .3rem;
	 }

	 .index_ban_300 .txt .p2{
		font-size:1rem;
	 }

    .index_ban_300 .swiper-pagination{
        width: auto;
		position: unset;
    }

    .index_ban_300 .swiper-pagination-bullet {
        width: .4rem;
        height: .4rem;
    }

    .index_ban_300 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.5;
        border-radius: 50%;
    }

    .index_ban_300 .swiper-button-prev,
    .index_ban_300 .swiper-button-next {
        display: none;
    }
}

@media all and (max-width:640px) {
    .index_ban_300 .txt .p1{
        font-size:1.2rem;
    }

    .index_ban_300 .txt .p2{
        font-size:0.8rem;
    }
}

@media all and (max-width:380px) {
    .index_ban_300 .txt .p1{
		font-size:1rem;
        margin:0 0 .3rem;
	 }

	 .index_ban_300 .txt .p2{
		font-size:0.6rem;
	 }
}
.index_ban_600 {
    position: relative; z-index:1;
}

.index_ban_600 .swiper-wrap {
    position: relative;
}

 .index_ban_600 .txt{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
 }

 .index_ban_600 .txt .p1{
 }

.index_ban_600 a {
    text-decoration: none;
    display: block;
}

.index_ban_600 img {
    width: 100%;
	border-radius:var(--border-radius-basic);
}

/********************* PC *********************/
@media all and (max-width:1445px) {
    .index_ban_600 .swiper-button-prev,
	.index_ban_600 .swiper-button-next {
        display: none;
    }
}


@media all and (min-width: 1025px) {
    .index_ban_600 {
        margin:120px 0;
    }

    .index_ban_600 a {
        cursor: pointer;
    }

	.index_ban_600 .txt{
		padding: 0 0 0 7%;
	 }

	 .index_ban_600 .txt .p1{
		font-size: 25px;
	 }

	.index_ban_600 .swiper-pagination{
		position: unset;
        margin: 10px 0 0;
	}

	 .index_ban_600 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .index_ban_600 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.75;
        border-radius: 30px;
    }

    .index_ban_600 .swiper-button-prev,
    .index_ban_600 .swiper-button-next {
        left: 0;
        width: 50px;
        height: 50px;
        opacity: 0;
        transition: all .25s ease;
        background:#fff;
        border-radius:50%;
        border:1px solid #eee;
        box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
    }

    .index_ban_600 .site-wrap:hover .swiper-button-prev,
    .index_ban_600 .site-wrap:hover .swiper-button-next {
    	opacity:1;
    }

    .index_ban_600 .swiper-button-prev {
        left: -25px;
    }

    .index_ban_600 .swiper-button-next {
        left: auto;
        right: -25px;
    }

    .index_ban_600 .swiper-button-prev:hover,
    .index_ban_600 .swiper-button-next:hover {
        opacity: 1;
    }

    .index_ban_600 .swiper-button-prev:after,
    .index_ban_600 .swiper-button-next:after {
        content: "";
        width: 14px;
        height: 14px;
        top: 50%;
        position: absolute;
        left: 50%;
        margin-top: -8px;
        transition: all .25s ease;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
    }

    .index_ban_600 .swiper-button-prev:after {
        transform: rotate( 315deg );
        margin-left: -5px;
    }

    .index_ban_600 .swiper-button-next:after {
        transform: rotate( 135deg );
        margin-left: -11px;
    }

    .index_ban_600 .swiper-button-prev.swiper-button-disabled,
    .index_ban_600 .swiper-button-next.swiper-button-disabled {
        opacity: 0;
        display:none;
    }
}


/********************* Mobile *********************/
@media all and (max-width: 1024px) {
    .index_ban_600 {
        margin:5rem 0;
    }

    .index_ban_600 .swiper-container {
        padding: 0 10px;
    }

	 .index_ban_600 .txt{
		padding: 0 0 0 6%;
	 }

	 .index_ban_600 .txt .p1{
		font-size:1.2rem;
	 }

    .index_ban_600 .swiper-pagination{
        width: auto;
		position: unset;
		margin:.5rem 0 0;
    }

    .index_ban_600 .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }

    .index_ban_600 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 0.5;
        border-radius: 30px;
    }

    .index_ban_600 .swiper-button-prev,.index_ban_600 .swiper-button-next {
        display: none;
    }
}

.index_youtube .section_bg {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.index_youtube .txt {
	text-align: center;
}

.index_youtube .p1 *{
	font-family: "PT Serif", sans-serif;
}

.index_youtube .video {
	position: relative;
	padding-top: 56.25%;
	line-height: 0;
}

.index_youtube .mov iframe {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	border-radius: var(--border-radius-basic);
}



/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_youtube {
		margin: 120px 0 0;
	}

	.index_youtube .section_bg {
		padding: 90px 0;
	}

	.index_youtube .txt {
		margin: 0 0 50px;
	}

	.index_youtube .txt>span {
		display: block;
	}

	.index_youtube .txt .p1 {
		font-size: 27px;
		margin: 0 0 5px;
	}

	.index_youtube .txt .p2 {
		font-size: 20px;
	}

	.index_youtube .mov {
		width: 100%;
	}

}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.index_youtube {
		margin: 5rem 0;
	}

	.index_youtube .section_bg {
		padding: 3rem 0;
	}

	.index_youtube .txt {
		margin: 0 1rem 2rem;
        word-break: keep-all;
	}

	.index_youtube .txt>span {
		display: block;
	}

	.index_youtube .txt .p1 {
		font-size: 1.3rem;
		margin: 0 0 .5rem;
	}

	.index_youtube .txt .p2 {
		font-size: 1.1rem;
	}

	.index_youtube .mov {
		padding: 0 1rem 1rem;
	}
}
body#review {
	background: transparent !important;
	height: 100%;
	font-family: 'Pretendard';
}

.wpReviewFrameWrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
	background: rgba(0, 0, 0, 0.5);
}

.wpReviewFrameWrap iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

.review_list_grp *,
.review_read_grp *,
.review_modify_grp *,
.review_reply_grp *{
    font-family: 'Pretendard';
}

/* ==================== List ==================== */
	.review_list_grp .xans-board-title p.imgArea,
	.xans-board-title .banner {
		text-align: center;
	}

	.review_list_grp .xans-board-title p.imgArea img,
	.xans-board-title .banner img {
		max-width: 100%;
		margin: 0 0 20px;
	}

	/* Table */
	.review_list_grp .xans-board-listpackage {
		margin: 0 0 10px;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table {
		clear: both;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table {
		border-top: 1px solid #e5e5e5;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.no {
		color: #6d6d6d;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.chk .ec-common-rwd-image {
		margin: 3px 0 0;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.subject .product {
		margin: 0 10px 5px 0;
		line-height: 18px;
		color: #999;
		font-size: 14px;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.subject .product:empty {
		margin-bottom: 0;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.subject a {
		margin-right: 5px;
		vertical-align: middle;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.subject img {
		width: auto;
		max-height: 21px;
		margin: 0px 5px 1px 0;
		vertical-align: middle;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.subject .badge img {
		height: auto;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.thumb a {
		display: inline-block;
		overflow: hidden;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td.thumb span {
		float: left;
		width: 80px;
		padding: 0 0 0 8px;
		text-align: left;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td .comment {
		display: inline-block;
		margin: 0 5px 0 0;
		vertical-align: middle;
		color: #ef441f;
		font-weight: normal;
	}

	.review_list_grp .xans-board-listpackage .ec-base-table table td .comment:empty {
		margin: 0;
	}

	/* 공지사항 */
	.review_list_grp .ec-base-table.notice .subject img {
		display: none;
	}

	/* 고정글 */
	.review_list_grp .ec-base-table.fixed {
		background: #f9f9f9;
		border: 0;
		counter-reset: counter;
	}

	.review_list_grp .ec-base-table.fixed .tlt {
		text-align: center;
	}

	.review_list_grp .ec-base-table.fixed .tlt h3 {
		font-weight: bold;
		color: #111;
		margin: 0 0 10px;
	}

	.review_list_grp .ec-base-table.fixed .tlt p {
		color: #888;
		margin: 0 0 2rem;
	}

	.review_list_grp .ec-base-table.fixed>ul {
		display: flex;
		flex-wrap: wrap;

	}

	.review_list_grp .ec-base-table.fixed .item {
		border: 1px solid #eee;
	}

	.review_list_grp .ec-base-table.fixed .item:before {
		z-index: 10;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		color: #fff;
		text-align: center;
		border-radius: 0 0 15px 0;
		font-weight: bold;
		background: var(--board-event-tab);
		counter-increment: counter;
		content: counter(counter);
	}

	.review_list_grp .ec-base-table.fixed .content {
		cursor: pointer;
		display: grid;
		background: #fff;
		padding: 14px;
	}

	.review_list_grp .ec-base-table.fixed .thumb {
		position: relative;
		overflow: hidden;
		aspect-ratio: auto 1 / 1;
		background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/noimage.jpg");
		background-size: 100% auto;
	}

	.review_list_grp .ec-base-table.fixed .thumb a {
		overflow: hidden;
		display: block;
		height: 0;
		padding: 50% 0;
		position: relative;
		transition: transform .35s ease;
	}

	.review_list_grp .ec-base-table.fixed .thumb .open-review img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 1;
		transform: translateX(-50%) translateY(-50%);
		position: absolute;
		top: 50%;
		left: 50%;
		right: 0;
		bottom: 0;
	}

	.review_list_grp .ec-base-table.fixed .content .rate {
		grid-row: 2;
		font-weight: bold;
		display: flex;
		gap: 5px;
	}

	.review_list_grp .ec-base-table.fixed .content .subject {
		color: #111;
		font-weight: bold;
	}

	.review_list_grp .ec-base-table.fixed .content .subject .comment {
		color: red;
		font-size: 12px;
		margin-left: 3px;
		font-weight: normal;
	}

	.review_list_grp .ec-base-table.fixed .content .icon {
		display: none;
	}

	.review_list_grp .ec-base-table.fixed .content .cont {
		color: #888;
	}

	.review_list_grp .ec-base-table.fixed .content .cont__more {
		display: none;
	}

	.review_list_grp .ec-base-table.fixed .content .member,
	.review_list_grp .ec-base-table.fixed .content .vote,
	.review_list_grp .ec-base-table.fixed .content .date,
	.review_list_grp .ec-base-table.fixed .content .hit,
	.review_list_grp .ec-base-table.fixed .cont_prod .prod_name,
	.review_list_grp .ec-base-table.fixed .cont_prod .prod_name a {
		color: #888;
	}

	.review_list_grp .ec-base-table.fixed .cont_prod .prod_thumb a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.review_list_grp .ec-base-table.fixed .cont_prod .prod_thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: var(--border-radius-small);
	}

	.review_list_grp .ec-base-table.fixed .cont_prod .prod_name a {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}

	.review_list_grp .ec-base-table.fixed .swiper-horizontal>.swiper-scrollbar {
		height: 2px;
		position: unset;
	}

	.review_list_grp .ec-base-table.fixed .swiper-scrollbar .swiper-scrollbar-drag {
		background: rgba(0, 0, 0, 0.9);
	}

	/* 목록타입,검색 */
	.review_list_grp .list_type {
		background: #f9f9f9;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.review_list_grp .list--type {
		display: inline-flex;
	}

	.review_list_grp .list--type li {
		opacity: 0.25;
		cursor: pointer;
	}

	.review_list_grp .list--type li.selected {
		opacity: 1;
		font-weight: bold;
	}

	.review_list_grp .list--type li.grid {
		background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/icon_grid.svg");
		background-repeat: no-repeat;
		background-position: 0 50%;
	}

	.review_list_grp .list--type li.list {
		background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/icon_list.svg");
		background-repeat: no-repeat;
		background-position: 0 50%;
	}

	.review_list_grp .list--type li a {
		text-decoration: none;
	}

	.review_list_grp .xans-board-search .category {
		display: none;
	}

	.review_list_grp .xans-board-search .form {
		display: flex;
		align-items: center;
	}

	.review_list_grp .xans-board-empty {
		text-align: center;
		color: #888;
	}

	.review_list_grp .xans-board-catemove {
		padding: 10px 16px;
		border-top: 1px solid #e5e5e5;
	}

	.review_list_grp .xans-board-catemove .gColumn {
		display: inline-block;
		margin: 10px;
	}

	.review_list_grp .xans-board-catemove #board_category_move {
		margin: 0 8px;
	}

	.review_list_grp .xans-board-catemove select {
		width: 138px;
	}

	.xans-board-function {
		margin-top: 40px;
		border-top: 1px solid #eee;
	}

	.xans-board-function #boardGroup {
		margin: 0 8px;
	}

	.xans-board-function .gColumn {
		display: inline-block;
		margin: 10px;
	}

	.xans-board-function .ec-base-help {
		display: inline-block;
		position: relative;
		top: 4px;
		margin-left: 5px;
		background-position: 0 1px;
	}

	.review_list_grp .xans-board-listsgroup+form>.xans-board-function {
		padding-top: 0;
		border-top: 0;
	}

	.review__list>ul {
		font-size: 0;
	}

	.review__list .content .rate.rate0 {
		font-size: 0 !important;
	}


	/* type Grid */
	.review__list.grid>ul {
		display: flex;
		flex-wrap: wrap;
	}

	.review__list.grid>ul>li>.ec-common-rwd-image {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

	.review__list.grid .item {
		border: 1px solid #eee;
	}

	.review__list.grid .content {
		cursor: pointer;
		display: grid;
	}

	.review__list.grid .thumb {
		position: relative;
		overflow: hidden;
		aspect-ratio: auto 1 / 1;
		background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/noimage.jpg");
		background-size: 100% auto;
	}

	.review__list.grid .content .icon {
		font-size: 0;
	}

	.review__list.grid .content .icon img {
		margin-right: 5px;
		max-height: 15px;
		vertical-align: top;
		margin-top: 3px;
	}

	.review__list.grid .content .fixed_icon {
		display: none;
	}

	.review__list.grid .thumb a {
		overflow: hidden;
		display: block;
		height: 0;
		padding: 50% 0;
		position: relative;
		transition: transform .35s ease;
	}

	.review__list.grid .thumb .open-review img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 1;
		transform: translateX(-50%) translateY(-50%);
		position: absolute;
		top: 50%;
		left: 50%;
		right: 0;
		bottom: 0;
	}

	.review__list.grid .content .subject {
		color: #111;
		font-weight: bold;
	}

	.review__list.grid .content .subject .comment {
		color: red;
		font-size: 12px;
		margin-left: 3px;
		font-weight: normal;
	}

	.review__list.grid .content .cont {
		color: #888;
	}

	.review__list.grid .content .cont__more {
		display: none;
	}

	.review__list.grid .content .rate {
		display: flex;
		gap: 5px;
		margin:0 0 10px;
	}

	.review__list.grid .content .member {
		color: #888;
	}

	.review__list.grid .content .vote {
		color: #888;
	}

	.review__list.grid .content .date {
		color: #888;
	}

	.review__list.grid .content .hit {
		color: #888;
	}

	.review__list.grid .cont_prod .prod_name,
	.review__list.grid .cont_prod .prod_name a {
		color: #888;
	}

	.review__list.grid .cont_prod .prod_thumb a {
		display: block;
		width: 100%;
		height: 100%;
	}

	.review__list.grid .cont_prod .prod_thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 3px;
	}

	.review__list.grid .cont_prod .prod_name .name,
	.review__list.grid .cont_prod .prod_name .name a {
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
		text-decoration: none;
	}

	/* type List */
	.review__list.list .item {
		border-bottom: 1px solid #e8e8e8;
		position: relative;
	}

	.review__list.list>ul>li>.ec-common-rwd-image {
		width: 0;
		height: 0;
		opacity: 0;
		overflow: hidden;
	}

	.review__list.list>ul>li:nth-child(1) .item {
		border-top: 1px solid #e8e8e8;
	}

	.review__list.list .content .icon {
		font-size: 0;
	}

	.review__list.list .content .icon img {
		margin-right: 5px;
		max-height: 15px;
		vertical-align: top;
		margin-top: 3px;
	}

	.review__list.list .content .fixed_icon {
		display: none;
	}

	.review__list.list .item .thumb>a {
		display: none;
	}

	.review__list.list .item .thumb .thumb-attach {
		display: flex;
	}

	.review__list.list .item .thumb img {
		object-fit: cover;
	}

	.review__list.list .content .subject .comment {
		font-weight: normal;
		color: red;
	}

	.review__list.list .content .cont {
		color: #888;
		font-weight: 400;
		line-height: 18px;
	}

	.review__list.list .content .cont.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
		max-height: 36px;
	}

	.review__list.list .content .cont__more {
		color: #aaa;
	}

	.review__list.list .content .cont__more:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		transition: all .25s ease;
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		transform: rotate(225deg);
	}

	.review__list.list .content .cont__more.expand:after {
		margin: 3px 0 0 5px;
		transform: rotate(45deg);
	}

	.review__list.list .content .member {
		font-weight: bold;
		color: #555;
	}

	.review__list.list .content .vote,
	.review__list.list .content .date,
	.review__list.list .content .hit {
		color: #aaa;
	}

	.review__list.list .content .vote>span,
	.review__list.list .content .date>span,
	.review__list.list .content .hit>span {
		font-weight: 300;
	}

	.review__list.list .cont_prod .prod_name,
	.review__list.list .cont_prod .prod_name a {
		color: #888;
		word-break: keep-all;
	}

	.review__list.list .cont_prod .prod_thumb a {
		display: block;
	}

	.review__list.list .cont_prod .prod_thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.review__list.list a {
		text-decoration: none;
	}

	/* 답변글 */
	.review__list.list>ul>li>.ec-common-rwd-image+.item .cont_prod {
		display: none;
		opacity: 0;
	}

	/* 상세페이지 */
	#prdReview .review__list.grid .item {
		border-radius: var(--border-radius-basic);
		overflow: hidden;
	}

	#prdReview .review__list.list>ul>li>.ec-common-rwd-image+.item {
		padding-left: 20px;
	}

	#prdReview .review__list.grid .content .cont_prod {
		display: none;
	}

	#prdReview .review_list_grp .list_type{
		border-radius:var(--border-radius-small);
	}

	#prdReview .review__list.list .cont_prod {
		display: none;
	}

	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1024px) {
		.xans-board-title .banner {
			padding: 0;
			margin: 0 -1rem;
		}

		.ec-base-table.typeList {
			border-top: 0;
		}

		.ec-base-table.notice {
			margin: 0 -1rem;
		}

		.ec-base-table.typeList.notice td.chk{
			padding:5px 0;
		}

		.ec-base-table.typeList.notice td{
			padding: 5px 0;
		}

		.ec-base-table.notice .subject {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review_list_grp .xans-board-listpackage .ec-base-button.gBottom {
			margin: 20px 0 0;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.subject .badge {
			display: inline-block;
			vertical-align: middle;
			border: 1px solid #ddd;
			border-radius: 20px;
			padding: 0 10px;
			background: #fff;
			margin:0 0 0 10px;
		}

		.review_list_grp .xans-board-listpackage .boardSort {
			display: none;
		}

		.review_list_grp .xans-board-listpackage .border_notice .ec-base-table.typeList.gThumb .xans-board-notice tr {
			padding-left: 0;
			padding-right: 40px;
		}

		.review_list_grp .xans-board-movement+form>.xans-board-function {
			margin: 0;
			padding: 0;
			border-top: 0;
			font-size: .9rem;
		}

		.review_list_grp .xans-board-movement+form>.xans-board-function .gColumn {
			padding: 5px 0;
			margin: 0;
		}

		.review_list_grp .article-rate {
			margin-top: -1px;
		}

		.review_list_grp .jq-star-svg {
			padding-right: 2px;
			padding-left: 0;
			vertical-align: top;
		}

		.review_list_grp .jq-star {
			vertical-align: top;
		}

		.review_list_grp .review__list.grid .jq-star:nth-child(n+2){
			display:none;
		}

		/* 고정글 */
		.review_list_grp .ec-base-table.fixed {
			margin: 2rem -1rem 0;
			padding: 2rem 0;
		}

		.review_list_grp .ec-base-table.fixed .tlt {
			margin: 0 0 1rem;
		}

		.review_list_grp .ec-base-table.fixed .tlt h3 {
			font-size: 1.2rem;
		}

		.review_list_grp .ec-base-table.fixed .tlt p {
			font-size: 1rem;
		}

		.review_list_grp .ec-base-table.fixed .item:before {
			font-size: 12px;
			width: 2.5rem;
			height: 2.5rem;
			line-height: 2.5rem;
		}

		.review_list_grp .ec-base-table.fixed .swiper-container {
			padding: 0 1rem;
		}

		.review_list_grp .ec-base-table.fixed .content {
			padding: 12px;
			grid-template-columns: 1fr;
		}

		.review_list_grp .ec-base-table.fixed .content .thumb {
			margin: -4px -4px 0;
			grid-row: 1;
			grid-column: 1;
		}

		.review_list_grp .ec-base-table.fixed .content .thumb .thumb-attach {
			position: absolute;
			bottom: .5rem;
			left: .5rem;
		}

		.review_list_grp .ec-base-table.fixed .content .thumb .thumb-attach img {
			width: 1.5rem;
			height: 1.5rem;
			border-radius: var(--border-radius-small);
			margin-left: .2rem;
			box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
		}

		.review_list_grp .ec-base-table.fixed .content .icon {
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .subject {
			font-size: 13px;
			margin: 1rem 0 .5rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			grid-row: 3;
		}

		.review_list_grp .ec-base-table.fixed .content .cont {
			font-size: 12px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 17px;
			height: 34px;
			grid-row: 4;
	        margin: 0 0 10px;
		}

		.review_list_grp .ec-base-table.fixed .content .cont__more {
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .rate,
		.review_list_grp .ec-base-table.fixed .content .member {
			margin: 1rem 0 0;
		}

		.review_list_grp .ec-base-table.fixed .content .rate {
			grid-row: 2;
			font-size: 12px;
		}

		.review_list_grp .ec-base-table.fixed .content .member {
			grid-row: 5;
			font-size: 12px;
			grid-column: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review_list_grp .ec-base-table.fixed .content .member img {
			width: 1.2rem;
			margin: -.1rem .2rem 0 0;
			vertical-align: middle;
		}

		.review_list_grp .ec-base-table.fixed .content .cont_date {
			grid-row: 6;
			grid-column: 1;
			display: flex;
			flex-wrap: wrap;
		}

		.review_list_grp .ec-base-table.fixed .content .vote,
		.review_list_grp .ec-base-table.fixed .content .date,
		.review_list_grp .ec-base-table.fixed .content .hit {
			width: 50%;
			margin: 5px 0 0;
		}

		.review_list_grp .ec-base-table.fixed .content .vote {
			font-size: 11px;
			order: 3;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .date {
			order: 1;
			font-size: 0;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .date span {
			font-size: 11px;
		}

		.review_list_grp .ec-base-table.fixed .content .hit {
			order: 2;
			text-align: right;
			font-size: 11px;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .cont_prod {
			grid-row: 7;
			grid-column: 1;
			display: flex;
			align-items: center;
			border-top: 1px solid #eee;
			margin: 5px 0 0;
			padding: 10px 0 0;
			gap: 4px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review_list_grp .ec-base-table.fixed .content .prod_thumb {
			width: 2rem;
			height: 2rem;
		}

		.review_list_grp .ec-base-table.fixed .content .prod_name,
		.review_list_grp .ec-base-table.fixed .content .prod_name a {
			font-size: 11px;
		}

		.review_list_grp .ec-base-table.fixed .content .prod_name {
			width: calc(100% - 3rem);
			margin-left: .2rem;
		}

		.review_list_grp .ec-base-table.fixed .swiper-scrollbar {
			height: 2px;
			width: auto;
			position: unset;
			margin: 2rem 0 0;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev,
		.review_list_grp .ec-base-table.fixed .swiper-button-next {
			display: none;
		}

		/* 목록타입,검색 */
		.review_list_grp .list_type {
			margin: 1rem -1rem 0;
			padding: 1rem;
			background: #fff;
			border-top: 0;
		}

		.review_list_grp .list--type {
			width: 5rem;
		}

		.review_list_grp .list--type li {
			width: 2.4rem;
			height: 2.4rem;
			transition: all .25s ease;
			font-size: 0;
		}

		.review_list_grp .list--type li.grid,
		.review_list_grp .list--type li.list {
			background-size: auto 1.5rem;
			background-position: 50% 50%;
		}

		.review_list_grp #boardSearchForm {
			width: calc(100% - 4.4rem);
			max-width: 300px;
		}

		.review_list_grp .xans-board-search .form {
			justify-content: flex-end;
		}

		.review_list_grp .xans-board-search .form .first {
			display: none;
		}

		.review_list_grp .xans-board-search select,
		.review_list_grp .xans-board-search input[type="text"],
		.review_list_grp .xans-board-search a {
			margin-left: 5px;
			border-radius: var(--border-radius-small);
		}

		.review_list_grp .xans-board-search #search_key{
			max-width: 95px;
			height: 35px;
			line-height: 35px;
			padding:0 30px 0 10px;
		}

		.review_list_grp .xans-board-search #search {
			width: calc(100% - 80px);
			height: 35px;
			line-height: 35px;
		}

		.review_list_grp .xans-board-search #search+[class^='btn'] {
			padding: 0px 20px;
			font-size: 12px;
			height: 35px;
			line-height: 35px;
		}

		/* type Grid */
		.review__list.grid {
			margin: 1rem 0 0;
		}

		.review__list.grid>ul>li {
			width: calc(50% - 4px);
			margin-bottom: 8px;
			margin-left: 8px;
		}

		.review__list.grid>ul>li:nth-child(2n+1) {
			margin-left: 0;
		}

		.review__list.grid .content {
			padding: 12px;
			grid-template-columns: 1fr;
		}

		.review__list.grid .content .thumb {
			margin: -12px -12px 12px;
			grid-row: 1;
			grid-column: 1;
		}

		.review__list.grid .content .thumb .thumb-attach {
			position: absolute;
			bottom: .5rem;
			left: .5rem;
		}

		.review__list.grid .content .thumb .thumb-attach>span:first-child {
			margin-left: 0;
		}

		.review__list.grid .content .thumb .thumb-attach img {
			width: 1.7rem;
			height: 1.7rem;
			border-radius: var(--border-radius-small);
			margin-left: .2rem;
			box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
		}

		.review__list.grid .content .icon {
			display: none;
		}

		.review__list.grid .content .subject {
			font-size: 12px;
			margin: 0 0 .5rem;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			grid-row: 3;
			grid-column: 1;
		}

		.review__list.grid .content .cont {
			font-size: 11px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 16px;
			height: 32px;
			grid-row: 4;
			grid-column: 1;
			margin: 0 0 10px;
		}

		.review__list.grid .content .cont__more {
			display: none;
		}

		.review__list.grid .content .rate {
			grid-row: 2;
			font-size: 12px;
			grid-column: 1;
			font-weight: bold;

		}

		.review__list.grid .content .member {
			grid-row: 5;
			font-size: 12px;
			grid-column: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			margin: 5px 0;
		}

		.review__list.grid .content .member img {
			width: 1.2rem;
			margin: -.1rem .2rem 0 0;
			vertical-align: middle;
		}

		.review__list.grid .content .cont_date {
			grid-row: 6;
			grid-column: 1 / span 2;
			display: flex;
			flex-wrap: wrap;
		}

		.review__list.grid .content .vote,
		.review__list.grid .content .date,
		.review__list.grid .content .hit {
			width: 50%;
			margin: 5px 0 0;
		}

		.review__list.grid .content .vote {
			font-size: 11px;
			order: 3;
			display: none;
		}

		.review__list.grid .content .date {
			order: 1;
			font-size: 0;
			display: none;
		}

		.review__list.grid .content .date span {
			font-size: 11px;
		}

		.review__list.grid .content .hit {
			order: 2;
			text-align: right;
			font-size: 11px;
			display: none;
		}

		.review__list.grid .content .cont_prod {
			grid-row: 7;
			grid-column: 1;
			display: flex;
			align-items: center;
			border-top: 1px solid #eee;
			margin: 5px 0 0;
			padding: 10px 0 0;
			gap: 4px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review__list.grid .content .prod_thumb {
			width: 2rem;
			height: 2rem;
		}

		.review__list.grid .content .prod_name,
		.review__list.grid .content .prod_name a {
			font-size: 11px;
		}

		.review__list.grid .content .prod_name {
			width: calc(100% - 3rem);
			margin-left: .2rem;
		}

		/* type List */
		.review__list.list {
			margin: 0 -1rem;
		}

		.review__list.list .item {
			padding: 1.2rem;
		}

		.review__list.list .content {
			display: grid;
			grid-template-columns: 7rem auto;
			font-size: 13px;
		}

		.review__list.list .item .thumb {
			grid-row: 2;
			grid-column: 1 / span 2;
			overflow-x: auto;
		}

		.review__list.list .item .thumb .thumb-attach {
			gap: .5rem;
		}

		.review__list.list .item .thumb .thumb-attach img {
			border-radius: var(--border-radius-small);
			width: 4.8rem;
			height: 4.8rem;
			margin: 0 0 1.5rem;
		}

		.review__list.list .item .subject {
			grid-row: 4;
			grid-column: 1 / span 2;
			font-size: 13px;
			font-weight: 600;
			margin: 0.5rem 0;
		}

		.review__list.list .item .subject .comment {
			font-size: 11px;
			margin-left: 3px;
		}

		.review__list.list .content .cont {
			font-size: 13px;
			grid-row: 5;
			grid-column: 1 / span 2;
		}

		.review__list.list .content .cont__more {
			font-size: 12px;
			margin: 0.5rem 0 0;
			grid-row: 6;
			grid-column: 1 / span 2;
		}

		.review__list.list .content .cont__more:after {
			width: 5px;
			height: 5px;
			margin: -4px 0 0 5px;
		}

		.review__list.list .content .cont__more.expand:after {
			margin: 1px 0 0 5px;
		}

		.review__list.list .content .rate {
			grid-row: 3;
			grid-column: 1 / span 2;
			font-size: 12px;
			display: flex;
			gap: 0 5px;
			font-weight: 600;
			margin-bottom:.5rem;
		}

		.review__list.list .content .rate .jq-star-svg {
			padding-right: 2px;
			padding-left: 0;
		}

		.review__list.list .content .member {
			grid-row: 7;
			grid-column: 1;
			margin: 1.5rem 0 0;
			font-size: 12px;
			font-weight: 500;
		}

		.review__list.list .content .member img {
			width: 1.2rem;
			margin: -.1rem .2rem 0 0;
			vertical-align: middle;
		}

		.review__list.list .content .cont_date {
			grid-row: 7;
			grid-column: 2;
			margin: 1.5rem 0 0;
			display: flex;
			justify-content: flex-end;
			gap: 0 .8rem;
			flex-wrap: wrap;
		}

		.review__list.list .content .vote,
		.review__list.list .content .date,
		.review__list.list .content .hit {
			font-size: 12px;
		}

		.review__list.list .cont_prod {
			grid-row: 1;
			grid-column: 1 / span 2;
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0 0 1rem;
		}

		.review__list.list .cont_prod .prod_thumb {
			width: 2.2rem;
		}

		.review__list.list .cont_prod .prod_thumb a {
			width: 2.2rem;
			height: 2.2rem;
		}

		.review__list.list .cont_prod .prod_thumb img {
			border-radius: 0.6rem;
		}

		.review__list.list .cont_prod .prod_name {
			font-size: 12px;
			width: calc(100% - 2.5rem);
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			margin-top: -1px;
		}

		.review__list.list .cont_prod .prod_name .name {
			max-width: 250px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review__list.list .cont_prod .prod_name a {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		/* product Detail */
		#prdReview .review__list.list {
			margin: 0;
		}

		#prdReview .review__list.list .item {
			padding: 1.2rem 0;
		}
	}

	@media all and (max-width:360px) {
		.review_list_grp .list_type{
			display: block;
		}

		.review_list_grp .list--type{
			width: 100%;
			margin: 0 0 .5rem;
		}

		.review_list_grp #boardSearchForm{
			width:100%;
		}

		.review_list_grp .xans-board-search #search_key{
			margin-left:0;
		}
	}

	/********************* PC *********************/
	@media all and (min-width:1025px) {
		.xans-board-title .banner img {
			border-radius: var(--border-radius-basic);
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table {
			border-top: 1px solid #e5e5e5;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.thumb img {
			width: 46px;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.chk {
			overflow: hidden;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.chk .boardChk,
		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table th.chk .boardListAll {
			float: left;
			margin: 2px 5px 0 0;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.chk img {
			margin-top: 4px;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.typeList table td.subject .badge {
			display: none;
		}

		.review_list_grp .xans-board-listpackage+.ec-base-paginate.typeList {
			margin-bottom: 40px;
		}

		.review_list_grp .xans-board-listpackage .boardSort {
			margin: 0 0 20px;
		}

		.review_list_grp .xans-board-listpackage .boardSort select {
			min-width: 152px;
			margin: 0 6px 0 0;
		}

		.review_list_grp .xans-board-buttonlist.ec-base-button .btnSubmitFix {
			float: right;
			width: 135px;
		}

		.review_list_grp .xans-board-buttonlist.ec-base-button.gBottom {
			margin-top: 20px;
		}

		.review_list_grp .jq-star-svg {
			padding-right: 2px;
			padding-left: 0;
		}

		/* 공지사항 */
		.review_list_grp .xans-board-listpackage .ec-base-table.notice table {
			border: 1px solid #e5e5e5;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.notice a,
		.review_list_grp .xans-board-listpackage .ec-base-table.notice a:hover {
			text-decoration: none;
			opacity: all .25s ease;
		}

		.review_list_grp .xans-board-listpackage .ec-base-table.notice a:hover {
			opacity: 0.8;
		}

		/* 고정글 */
		.review_list_grp .ec-base-table.fixed {
			position: relative;
			padding: 20px 35px 40px;
			margin: 30px 0;
		}

		.review_list_grp .ec-base-table.fixed .tlt {
			margin: 20px 0;
		}

		.review_list_grp .ec-base-table.fixed .tlt h3 {
			font-size: 18px;
		}

		.review_list_grp .ec-base-table.fixed .tlt p {
			font-size: 15px;
		}

		.review_list_grp .ec-base-table.fixed .item:before {
			font-size: 14px;
			width: 35px;
			height: 35px;
			line-height: 35px;
		}

		.review_list_grp .ec-base-table.fixed .content {
			cursor: pointer;
			display: grid;
			grid-template-columns: 100%;
			padding: 14px;
		}

		.review_list_grp .ec-base-table.fixed .thumb {
			grid-row: 1;
			grid-column: 1;
			position: relative;
			overflow: hidden;
			aspect-ratio: auto 1 / 1;
			background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/noimage.jpg");
			margin: -7px -7px 0;
		}

		.review_list_grp .ec-base-table.fixed .thumb .thumb-attach {
			cursor: pointer;
			transition: all .25s ease;
			z-index: 10;
			position: absolute;
			bottom: 10px;
			left: 10px;
		}

		.review_list_grp .ec-base-table.fixed .thumb .thumb-attach img {
			width: 30px;
			height: 30px;
			border-radius: 3px;
			object-fit: cover;
			box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
			margin-left: 4px;
		}

		.review_list_grp .ec-base-table.fixed .thumb a:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 11;
			transition: background .25s ease;
		}

		.review_list_grp .ec-base-table.fixed li:hover .thumb a:before {
			background: rgba(0, 0, 0, 0.2);
		}

		.review_list_grp .ec-base-table.fixed li:hover .thumb a {
			transform: scale(1.05);
		}

		.review_list_grp .ec-base-table.fixed .content .subject {
			font-size: 14px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			margin: 15px 0 0;
			grid-row: 3;
			grid-column: 1;
		}

		.review_list_grp .ec-base-table.fixed .content .cont {
			font-size: 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 20px;
			height: 40px;
			grid-row: 4;
			grid-column: 1;
			margin: 10px 0;
		}

		.review_list_grp .ec-base-table.fixed .content .rate,
		.review_list_grp .ec-base-table.fixed .content .member {
			margin: 15px 0 0;
			font-size: 13px;
		}

		.review_list_grp .ec-base-table.fixed .content .rate {
			grid-row: 2;
		}

		.review_list_grp .ec-base-table.fixed .content .member {
			grid-row: 5;
			grid-column: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			display:none;
		}

		.review_list_grp .ec-base-table.fixed .content .member img {
			width: 20px;
			margin: -1px 5px 0 0;
			vertical-align: middle;
		}

		.review_list_grp .ec-base-table.fixed .content .cont_date {
			grid-row: 6;
			grid-column: 1;
			display: flex;
			flex-wrap: wrap;
		}

		.review_list_grp .ec-base-table.fixed .content .vote {
			font-size: 13px;
			width: 50%;
			order: 3;
			margin: 10px 0 0;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .date {
			font-size: 13px;
			width: 50%;
			order: 1;
			margin: 10px 0 0;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .content .hit {
			font-size: 13px;
			width: 50%;
			order: 2;
			text-align: right;
			margin: 10px 0 0;
			display: none;
		}

		.review_list_grp .ec-base-table.fixed .cont_prod {
			grid-row: 7;
			grid-column: 1;
			border-top: 1px solid #eee;
			padding: 10px 0 0 0;
			margin: 10px 0 0;
			display: flex;
			align-items: center;
		}

		.review_list_grp .ec-base-table.fixed .cont_prod .prod_thumb {
			width: 40px;
			height: 40px;
		}

		.review_list_grp .ec-base-table.fixed .cont_prod .prod_name {
			width: calc(100% - 50px);
			margin-left: 10px;
			font-size: 13px;
		}

		.review_list_grp .ec-base-table.fixed .swiper-scrollbar {
			left: 10px;
			right: 10px;
			width: auto;
			max-width: 400px;
			margin: 30px auto 0;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev,
		.review_list_grp .ec-base-table.fixed .swiper-button-next {
			left: 0;
			width: 50px;
			height: 50px;
			opacity: 0;
			transition: all .25s ease;
			background: #fff;
			border-radius: 50%;
			border: 1px solid #eee;
			box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);
		}

		.review_list_grp .ec-base-table.fixed:hover .swiper-button-prev,
		.review_list_grp .ec-base-table.fixed:hover .swiper-button-next {
			opacity: 1;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev {
			left: 10px;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-next {
			left: auto;
			right: 10px;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev:hover,
		.review_list_grp .ec-base-table.fixed .swiper-button-next:hover {
			opacity: 1;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev:after,
		.review_list_grp .ec-base-table.fixed .swiper-button-next:after {
			content: "";
			width: 14px;
			height: 14px;
			top: 50%;
			position: absolute;
			left: 50%;
			margin-top: -8px;
			transition: all .25s ease;
			border-top: 1.5px solid #444;
			border-left: 1.5px solid #444;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev:after {
			transform: rotate(315deg);
			margin-left: -5px;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-next:after {
			transform: rotate(135deg);
			margin-left: -11px;
		}

		.review_list_grp .ec-base-table.fixed .swiper-button-prev.swiper-button-disabled,
		.review_list_grp .ec-base-table.fixed .swiper-button-next.swiper-button-disabled,
		.review_list_grp .ec-base-table .swiper-button-prev.swiper-button-disabled,
		.review_list_grp .ec-base-table .swiper-button-next.swiper-button-disabled,
		.index_board_review .swiper-button-prev.swiper-button-disabled,
		.index_board_review .swiper-button-next.swiper-button-disabled {
			opacity: 0;
			display: none;
		}

		/* 목록타입,검색 */
		.review_list_grp .list_type {
			margin: 20px 0 0;
			padding: 20px 30px;
		}

		.review_list_grp .list--type li {
			width: 80px;
			height: 30px;
			line-height: 30px;
			padding-left: 23px;
			transition: all .25s ease;
			font-size: 14px;
		}

		.review_list_grp .list--type li.grid {
			background-size: auto 17px;
		}

		.review_list_grp .list--type li.list {
			background-size: auto 17px;
		}

		.review_list_grp .xans-board-search .form {
			justify-content: center;
			display: flex;
			align-items: center;
		}

		.review_list_grp .xans-board-search .form .first {
			font-size: 14px;
			margin-right: 20px;
			color: #888;
		}

		.review_list_grp .xans-board-search .form .first * {
			display: inline-block;
			vertical-align: middle;
		}

		.review_list_grp .xans-board-search select,
		.review_list_grp .xans-board-search input[type="text"],
		.review_list_grp .xans-board-search a {
			border-radius: var(--border-radius-small);
			margin-left: 5px;
			padding:10px;
		}

		.review_list_grp .xans-board-search #search_key{
			padding:0 30px 0 10px;
		}

		.review_list_grp .xans-board-search #search {
			width: 200px;
		}

		.review_list_grp .xans-board-search #search+[class^='btn'] {
			padding: 0px 20px;
			font-size: 13px;
			height: 40px;
			line-height: 40px;
		}

		.review_list_grp .xans-board-catemove {
			padding: 10px 0;
		}

		.review_list_grp .xans-board-catemove .gColumn:first-of-type {
			margin-left: 0;
		}

		.xans-board-function {
			margin-top: 20px;
		}

		.xans-board-function .gColumn:first-of-type {
			margin-left: 0;
		}

		/* type Grid */
		.review__list.grid {
			padding: 20px 0;
		}

		.review__list.grid>ul>li {
			width: calc(20% - 15px);
			margin-bottom: 18px;
			margin-left: 18px;
		}

		.review__list.grid>ul>li:nth-child(5n+1) {
			margin-left: 0;
		}

		.review__list.grid .content {
			cursor: pointer;
			display: grid;
			grid-template-columns: 1fr;
			padding: 14px;
		}

		.review__list.grid .thumb {
			grid-row: 1;
			grid-column: 1 / span 2;
			position: relative;
			overflow: hidden;
			aspect-ratio: auto 1 / 1;
			background-image: url("//xn--9t4ba213b32m9ta.shop/board/review/img/noimage.jpg");
			margin: -14px -14px 15px;
		}

		.review__list.grid .thumb-attach {
			cursor: pointer;
			transition: all .25s ease;
			z-index: 10;
			position: absolute;
			bottom: 10px;
			left: 10px;
		}

		.review__list.grid .thumb-attach img {
			width: 25px;
			height: 25px;
			border-radius: 3px;
			object-fit: cover;
			box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
			margin-left: 4px;
		}

		.review__list.grid .thumb a:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			background: rgba(0, 0, 0, 0);
			position: absolute;
			top: 0;
			left: 0;
			z-index: 11;
			transition: background .25s ease;
		}

		.review__list.grid>ul>li:hover .thumb a:before {
			background: rgba(0, 0, 0, 0.2);
		}

		.review__list.grid>ul>li:hover .thumb a {
			transform: scale(1.05);
		}

		.review__list.grid .content .subject {
			font-size: 13px;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			grid-row: 3;
			grid-column: 1 / span 2;
		}

		.review__list.grid .content .cont {
			font-size: 13px;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 19px;
			height: 38px;
			grid-row: 4;
			grid-column: 1 / span 2;
			margin: 10px 0 10px 0;
		}

		.review__list.grid .content .rate {
            font-size: 13px;
			grid-row: 2;
			grid-column: 1;
			font-weight: bold;
			min-height: 20px;
		}

		.review__list.grid .content .member {
			margin: 10px 0 0;
			font-size: 13px;
			grid-row: 5;
			grid-column: 1;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

		.review__list.grid .content .member img {
			width: 20px;
			margin: -1px 5px 0 0;
			vertical-align: middle;
		}

		.review__list.grid .content .cont_date {
			grid-row: 6;
			grid-column: 1 / span 2;
			display: flex;
			flex-wrap: wrap;
		}

		.review__list.grid .content .vote {
			font-size: 13px;
			width: 50%;
			order: 3;
			margin: 10px 0 0;
			display: none;
		}

		.review__list.grid .content .date {
			font-size: 13px;
			width: 50%;
			order: 1;
			margin: 10px 0 0;
			display: none;
		}

		.review__list.grid .content .hit {
			font-size: 13px;
			width: 50%;
			order: 2;
			text-align: right;
			margin: 10px 0 0;
			display: none;
		}

		.review__list.grid .cont_prod {
			grid-row: 7;
			grid-column: 1 / span 2;
			border-top: 1px solid #eee;
			padding: 10px 0 0 0;
			margin: 10px 0 0;
			display: flex;
			align-items: center;
		}

		.review__list.grid .cont_prod .prod_thumb {
			width: 28px;
			height: 28px;
		}

		.review__list.grid .cont_prod .prod_name {
			width: calc(100% - 50px);
			margin-left: 10px;
			font-size: 13px;
		}

		/* type List */
		.review__list.list {
			padding: 20px 0;
		}

		.review__list.list .item {
			padding: 20px 0;
			min-height: 160px;
		}

		.review__list.list .item:after {
			content: "";
			display: block;
			position: absolute;
			top: 24px;
			bottom: 24px;
			right: 210px;
			width: 1px;
			background: #eee;
		}

		.review__list.list .content {
			display: flex;
			flex-direction: column;
			font-size: 14px;
		}

		.review__list.list .item .thumb,
		.review__list.list .content .subject,
		.review__list.list .content .cont,
		.review__list.list .content .cont__more,
		.review__list.list .content .rate {
			margin-right: 400px;
			margin-left: 160px;
		}

		.review__list.list .item .thumb {
			cursor: pointer;
			order: 3;
		}

		.review__list.list .item .thumb .thumb-attach {
			gap: 7px;
			max-width: 400px;
		}

		.review__list.list .item .thumb .thumb-attach img {
			border-radius: var(--border-radius-small);
			margin: 10px 0 15px;
			width: 60px;
			height: 60px;
		}

		.review__list.list .content .subject {
			font-size: 14px;
			color: #000;
			font-weight: 600;
			cursor: pointer;
			margin-bottom: 5px;
			order: 2;
		}

		.review__list.list .content .subject .comment {
			font-size: 12px;
			margin: -2px 0 0 5px;
		}

		.review__list.list .content .cont {
			font-size: 13px;
			cursor: pointer;
			order: 4;
		}

		.review__list.list .content .cont__more {
			font-size: 13px;
			order: 5;
			margin-bottom: 5px;
			margin-top: 5px;
			cursor: pointer;
		}

		.review__list.list .content .cont__more:after {
			width: 6px;
			height: 6px;
			margin: -5px 0 0 5px;
		}

		.review__list.list .content .cont__more.expand:after {
			margin: 3px 0 0 5px;
		}

		.review__list.list .content .rate {
			margin-bottom: 10px;
			order: 1;
			font-size: 14px;
			font-weight: 600;
			display: flex;
			gap: 0 5px;
		}

		.review__list.list .content .rate .article-rate {
			margin-top: 0;
		}

		.review__list.list .content .rate .jq-star-svg {
			padding-right: 2px;
			padding-left: 0;
		}

		.review__list.list .content .member {
			font-size: 13px;
			position: absolute;
			right: 0;
			top: 20px;
			width: 180px;
		}

		.review__list.list .content .member img {
			width: 17px;
			margin: -1px 5px 0 0;
			vertical-align: middle;
		}

		.review__list.list .content .cont_date {
			display: flex;
			flex-direction: column;
			gap: 3px;
			position: absolute;
			right: 0;
			top: 20px;
			width: 180px;
			padding: 40px 0 0;
		}

		.review__list.list .content .vote,
		.review__list.list .content .date,
		.review__list.list .content .hit {
			color: #888;
			font-size: 13px;
		}

		.review__list.list .cont_prod {
			width: 80px;
			position: absolute;
			left: 20px;
			top: 20px;
		}

		.review__list.list .cont_prod .prod_thumb a {
			width: 80px;
			height: 80px;
		}

		.review__list.list .cont_prod .prod_thumb img {
			border-radius: 50%;
		}

		.review__list.list .cont_prod .prod_name {
			font-size: 12px;
			margin: 5px 0 0;
			text-align: center;
		}

		.review__list.list .cont_prod .prod_name a {
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			line-height: 18px;
			height: 36px;
			transition: color .25s ease;
		}

		.review__list.list .cont_prod .prod_name a:hover {
			color: #111;
		}

		/* 상세페이지 */
		#prdReview .review__list.list .item .thumb,
		#prdReview .review__list.list .content .subject,
		#prdReview .review__list.list .content .cont,
		#prdReview .review__list.list .content .cont__more,
		#prdReview .review__list.list .content .rate {
			margin-left: 0;
		}

		#prdReview .review__list.list .item .thumb {
			order: 2;
		}

		#prdReview .review__list.list .content .subject {
			order: 3;
		}

		#prdReview .review__list.list .content .cont {
			order: 4;
		}

		#prdReview .review__list.list .content .cont__more {
			order: 5;
		}

		#prdReview .review__list.list .content .rate {
			order: 1;
		}
	}

	@media all and (min-width:768px) and (max-width:1200px) {
		.review__list.grid>ul>li,
		.review__list.grid>ul>li:nth-child(2n+1) {
			width: calc(33% - 10px);
			margin-bottom: 18px;
			margin-left: 18px;
		}

		.review__list.grid>ul>li:nth-child(3n+1) {
			margin-left: 0;
		}
	}



/* ==================== Read ==================== */
	.review-loading {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 5;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.review-loading.spin:before {
		content: "";
		display: block;
		width: 60px;
		height: 60px;
		flex: 0 0 60px;
		box-shadow: inset 2px 0 0 white, -2px 0 0 white;
		animation: loading_spin 1s linear infinite;
		border-radius: 100%;
		margin: 0;
		transform-origin: center;
	}

	@keyframes loading_spin {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.review-loading.skeleton:before {
		display: block;
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		transform: translateX(-100%);
		animation: 1s skeleton_loading ease-in-out infinite;
		background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
		transform: translateX(-100%);
		z-index: 1;
	}

	@keyframes skeleton_loading {
		0% {
			transform: translateX(-100%);
		}

		100% {
			transform: translateX(100%);
		}
	}

	.back-panel {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		cursor: pointer;
	}

	.review-active {
		overflow: hidden;
	}

	.review_read_grp::-webkit-scrollbar {
		width: 0px;
		height: 3px;
	}

	.review_read_grp {
		position: relative;
		background: transparent;
		box-sizing: border-box;
		visibility: hidden;
		opacity: 0;
		z-index: 10;
		background: #fff;
	}

	.review_read_grp.active {
		opacity: 1;
		visibility: visible;
	}

	.review_read_grp .section_title {
		font-weight: bold;
		justify-content: center;
		text-align: center;
	}

	.review_read_grp .close-review {
		position: absolute;
		cursor: pointer;
	}

	.review_read_grp .close-review:before,
	.review_read_grp .close-review:after {
		content: "";
		display: block;
		width: 2px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: #111;
	}

	.review_read_grp .close-review:before {
		transform: rotate(315deg);
	}

	.review_read_grp .close-review:after {
		transform: rotate(45deg);
	}

	.review_read_grp .button_wrap {
		animation: review_button_wrap 0.35s ease-out forwards;
	}

	@keyframes review_button_wrap {
		0% {
			opacity: 0;
			bottom: 0;
		}

		to {
			opacity: 1;
			bottom: 20px;
		}
	}

	.review_read_grp .prev-button a,
	.review_read_grp .next-button a {
		font-weight: normal;
	}

	.review_read_grp .prev-button.on a,
	.review_read_grp .next-button.on a {
		color: #111;
		font-weight: bold;
	}

	.review_read_grp .prev-button.on a:after,
	.review_read_grp .next-button.on a:after {
		border-color: #111;
	}

	.review_read_grp .prev-button.on a:hover,
	.review_read_grp .next-button.on a:hover {
		opacity: 0.8;
	}

	.review_read_grp .xans-board-title {
		display: none;
	}

	.review_read_grp .xans-board-movement {
		display: none;
	}

	.review_read_grp .xans-board-function {
		display: none;
	}

	.review_read_grp .view_photo .review-photos {
		height: 100%;
	}

	.review_read_grp .view_photo .swiper-wrapper {
		align-items: center;
	}

	.review_read_grp .view_photo img {
		max-width: 100%;
	}

	#reviewPhotos>img {
		visibility: hidden;
	}

	#reviewPhotos.single>img {
		visibility: visible;
	}

	.review_read_grp .swiper-pagination {
		background: rgba(0, 0, 0, 0.7);
		border-radius: 13px;
		padding: 3px 13px;
		color: #fff;
		font-size: 12px;
		left: 50%;
		width: auto;
		transform: translateX(-50%);
		bottom: 20px;
	}

	.review_read_grp .ec-base-box.typeProduct .thumbnail {
		width: 50px;
	}

	.review_read_grp .ec-base-box.typeProduct .thumbnail a {
		display: block;
	}

	.review_read_grp .ec-base-box.typeProduct .thumbnail img {
		width: 40px;
		max-width: 40px;
		border-radius: var(--border-radius-small);
	}

	.review_read_grp .ec-base-box.typeProduct .information h3 {
		padding: 0;
		font-size: 13px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.review_read_grp .ec-base-box.typeProduct .information h3 a {
		color: #555;
		text-decoration: none;
		font-weight: 600;
	}

	.review_read_grp .ec-base-box.typeProduct .information .price {
		font-size: 13px;
		color: #888;
	}

	.review_read_grp .ec-base-box.typeProduct .information .button {
		display: none;
	}

	.review_read_grp .xans-board-read {
		font-size: 0;
	}

	#review.thumb .review_read_grp .view_photo {
		transition: width .35s ease;
	}

	.review_read_grp .xans-board-read .ec-base-table {
		border: 0;
	}

	.review_read_grp .xans-board-read .ec-base-table .head {
		display: grid;
		padding: 0;
		border: 0;
	}

	.review_read_grp .xans-board-read .ec-base-table .head .description {
		margin: 0;
	}

	.review_read_grp .xans-board-read .user_group {
		margin: 10px 0;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 0 1px;
	}

	.review_read_grp .xans-board-read .ec-base-table .name,
	.review_read_grp .xans-board-read .ec-base-table .name>a {
		font-size: 13px;
		color: #999;
		margin: 0;
	}

	.review_read_grp .xans-board-read .ec-base-table .name img {
		height: 20px;
		margin: -2px 3px 0 0;
	}

	.review_read_grp .xans-board-read .ec-base-table .name br {
		display: contents;
	}

	.review_read_grp .xans-board-read .ec-base-table .use_point {
		line-height: 21px;
	}

	.review_read_grp .xans-board-read .ec-base-table .subject>.adminAnswer {
		display: none;
	}

	.review_read_grp .xans-board-read .ec-base-table .etcArea {
		position: relative;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	.review_read_grp .xans-board-read .ec-base-table .etcArea * {
		line-height: 21px;
	}

	.review_read_grp .xans-board-read .ec-base-table .description .name,
	.review_read_grp .xans-board-read .ec-base-table .description .use_date,
	.review_read_grp .xans-board-read .ec-base-table .description .use_cnt {
		font-size: 13px;
		padding: 0;
		color: #888;
	}

	.review_read_grp .xans-board-read .ec-base-table .description .name {
		color: #222;
	}

	.review_read_grp .xans-board-read .user_review {
		margin: 30px 0;
	}

	.review_read_grp .xans-board-read .ec-base-table .subject {
		font-size: 14px;
		color: #444;
		margin: 0 0 7px;
		font-weight: bold;
		display: block;
	}

	.review_read_grp .xans-board-read .ec-base-table .detail {
		padding: 0;
		color: #111;
	}

	.review_read_grp .xans-board-read .ec-base-table .detail * {
		font-size: 14px !important;
		font-family: 'Pretendard', Verdana, 'Malgun Gothic', Dotum, AppleGothic, 'Sans-serif' !important;
		font-weight:normal;
	}

	.review_read_grp .xans-board-read .ec-base-button.report-button {
		margin: 0;
	}

	.review_read_grp .xans-board-read .ec-base-button.report-button [class^='btn'] {
		border: 0;
		padding: 0;
		font-size: 13px;
	}

	.review_read_grp .xans-board-read .use_recom {
		font-size: 13px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.review_read_grp .xans-board-read .use_recom .vote {
		text-decoration: none;
		color: #888;
		display: flex;
	}

	.review_read_grp .xans-board-read .use_recom .vote_count {
		font-weight: bold;
		display: flex;
		align-items: center;
	}

	.review_read_grp .xans-board-read .use_recom .vote_count:before {
		content: "";
		background: url("//xn--9t4ba213b32m9ta.shop/skin_img/icon_vote.svg") no-repeat 0 50%;
		background-size: 13px auto;
		width: 13px;
		height: 13px;
		display: inline-block;
		margin: -2px 3px 0 7px;
		opacity: 0.7;
		vertical-align: middle;
	}

	.review_read_grp .xans-board-read .use_recom [class^='btn'] {
		height: 31px;
		line-height: 31px;
		font-size: 12px;
		padding: 0 12px;
		margin-left: 5px;
	}

	.review_read_grp .xans-board-read .ec-base-table .attach {
		width: 0;
		height: 0;
		opacity: 0;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.review_read_grp .xans-board-read .ec-base-button.gBottom {
		margin: 0;
		padding: 0;
		border: 0;
	}

	.review_read_grp .rate {
		font-weight: bold;
		font-size: 0;
		color: #111;
		display: block;
	}

	.review_read_grp .rate0 {
		display: none;
	}

	/* 댓글 */
	.review_read_grp .xans-board-commentlist {
		padding: 0;
		margin: 15px 0 0;
		border: 0;
		border-top: 1px solid #eee;
	}

	.review_read_grp .xans-board-commentlist .boardComment li,
	.review_read_grp .xans-board-commentlist .boardComment li:first-child {
		padding: 15px 0;
		margin: 0;
	}

	.review_read_grp .xans-board-commentlist .boardComment>li .btnNormal.typeReplyList {
		padding: 10px 10px;
	}

	.review_read_grp .xans-board-commentlist .boardComment>li div.commentTop {
		display: flex;
		padding: 0 0 10px;
		gap: 0 10px;
	}

	.review_read_grp .xans-board-commentlist .boardComment li .name {
		font-weight: 500;
		float: none;
		font-size: 13px;
	}

	.review_read_grp .xans-board-commentlist .boardComment li .date {
		margin: 0;
		display: block;
		font-size: 13px;
		color: #888;
	}

	.review_read_grp .xans-board-commentlist .boardComment li .formGroup .button [class^='btn'] {
		font-size: 13px;
		width: 70px;
		padding: 0;
		min-width: 10px;
		width: 70px;
		height: 30px;
		line-height: 30px;
		margin: 0;
	}

	.review_read_grp .xans-board-commentlist .boardComment+.ec-base-button.spam {
		margin: 0 0 20px;
	}

	.review_read_grp .xans-board-commentlist .boardComment+.ec-base-button.spam [class^='btn'] {
		font-size: 13px;
		width: 70px;
		padding: 0;
		min-width: 10px;
		width: 70px;
		height: 30px;
		line-height: 30px;
	}

	.review_read_grp .xans-board-commentlist .boardComment li.replyArea {
		padding: 15px 10px 10px 40px;
	}

	.review_read_grp .xans-board-commentlist .boardComment li.replyArea:before {
		left: 15px;
		top: 20px;
	}

	.review_read_grp .xans-board-commentlist .boardComment li.replyArea div.commentTop {
		padding: 0;
	}

	.review_read_grp .xans-board-commentlist .boardComment li.replyArea .formGroup .button {
		margin: 5px 0;
	}


	.review_read_grp .xans-board-commentwrite h4 {
		font-size: 14px;
		margin: 0 0 10px;
		font-weight: 500;
	}

	.review_read_grp .xans-board-commentwrite textarea {
		padding: 10px;
		font-size: 14px;
		height: 70px;
	}

	.review_read_grp .xans-board-commentwrite textarea,
	.review_read_grp .xans-board-commentwrite .input {
		border-color: #ddd;
		resize: vertical;
	}

	.review_read_grp .xans-board-commentwrite .grade-box {
		display: none;
	}

	.review_read_grp .xans-board-commentwrite .input .btnSubmit {
		font-size: 13px;
		height: 31px;
		line-height: 31px;
		padding: 0 15px;
	}

	.review_read_grp .xans-board-commentwrite .inside {
		border-color: #ddd;
	}

	.review_read_grp .comment_display_none {
		text-align: center;
		color: #aaa;
		font-size: 13px;
	}

	.review_read_grp .xans-board-commentform {
		padding: 10px 10px;
		margin: 10px 0;
	}

	.review_read_grp .xans-board-commentform textarea {
		font-size: 13px;
		padding: 10px;
		height: 80px;
	}

	.review_read_grp .xans-board-commentform .inside {
		display: block;
		font-size: 14px;
		position: relative;
	}

	.review_read_grp .xans-board-commentform label {
		position: absolute;
		left: 30px;
		line-height: 33px;
		color: #888;
		font-size: 13px;
	}

	.review_read_grp .xans-board-commentreply .inside,
	.review_read_grp .xans-board-commentform .inside,
	.review_read_grp .xans-board-commentform .input,
	.review_read_grp .xans-board-commentform textarea {
		border-color: #ddd;
	}

	.review_read_grp .xans-board-commentreply {
		margin: 10px 0;
		padding: 15px 15px 0 30px;
	}

	.review_read_grp .xans-board-commentreply:before {
		left: 10px;
		top: 17px;
	}

	.review_read_grp .xans-board-commentreply .input,
	.review_read_grp .xans-board-commentreply textarea {
		border-color: #ddd;
	}

	.review_read_grp .xans-board-commentreply .grade-box {
		margin: 0;
	}


	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1024px) {
		body#review {
			background: #fff;
		}

		.review_read_grp {
			overflow-y: auto;
			height: 100vh;
		}

		.review_read_grp .section_title {
			background: #fff;
			height: 50px;
			line-height: 50px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 10;
			border-bottom: 1px solid #ddd;
			font-size: 16px;
			padding-left: 20px;
		}

		.review_read_grp .close-review {
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			height: 50px;
			cursor: pointer;
			z-index: 1;
		}

		.review_read_grp .close-review:before,
		.review_read_grp .close-review:after {
			height: 25px;
			margin-top: -13px;
			width: 1px;
		}

		.review_read_grp .button_wrap {
			display: flex;
			position: fixed;
			left: auto;
			bottom: 20px;
			gap: 20px;
			z-index: 10;
			background: #f9f9f9;
			padding: 0 20px;
			border-radius: 30px;
			justify-content: center;
			left: 50%;
			transform: translateX(-50%);
			box-shadow: 0px 2px 5px 2px #ebebeb;
		}

		.review_read_grp .prev-button,
		.review_read_grp .next-button {
			height: 35px;
			display: flex;
			font-size: 0;
			position: relative;
		}

		.review_read_grp .prev-button a,
		.review_read_grp .next-button a {
			text-decoration: none;
			font-size: 13px;
			color: #888;
			display: flex;
			align-items: center;
			justify-content: center;
		}

		.review_read_grp .prev-button a {
			padding-left: 14px;
		}

		.review_read_grp .next-button a {
			padding-right: 14px;
		}

		.review_read_grp .prev-button a:before,
		.review_read_grp .next-button a:before {
			font-size: 13px;
		}

		.review_read_grp .prev-button a:after,
		.review_read_grp .next-button a:after {
			content: "";
			width: 5px;
			height: 5px;
			border-top: 1px solid #888;
			border-left: 1px solid #888;
			display: block;
			position: absolute;
		}

		.review_read_grp .prev-button a:after {
			transform: rotate(315deg);
			left: 0;
		}

		.review_read_grp .next-button a:after {
			transform: rotate(135deg);
			right: 0;
		}

		.review_read_grp .view_photo img {
			width: 100%;
			height: auto;
		}

		.review_read_grp .section_cont {
			padding-top: 50px;
			padding-bottom: 60px;
		}

		.review_read_grp .view_photo {
			background: #f9f9f9;
		}

		.review_read_grp .xans-board-read .ec-base-table {
			padding: 0;
		}

		.review_read_grp .ec-base-box.typeProduct {
			border: 0;
			border-bottom: 1px solid #e8e8e8;
			padding: 0;
		}

		.review_read_grp .section_cont .ec-base-box.typeProduct {
			padding: 10px;
		}

		.review_read_grp .xans-board-read .user_group {
			margin: 0;
			padding: 10px;
			flex-direction: column;
		}

		.review_read_grp .xans-board-read .ec-base-table .etcArea {
			order: 2;
		}

		.review_read_grp .xans-board-read .ec-base-table .use_point {
			order: 1;
			height: 21px;
			margin: 0 0 10px;
		}

		.review_read_grp .xans-board-read .ec-base-table .rate {
			margin: -1px 0 0 -1px;
		}

		.review_read_grp .xans-board-read .ec-base-table .description .name>a {
			color: #111;
		}

		.review_read_grp .xans-board-read .ec-base-table .description .name,
		.review_read_grp .xans-board-read .ec-base-table .description .use_date,
		.review_read_grp .xans-board-read .ec-base-table .description .use_cnt {
			margin-right: 14px;
		}

		.review_read_grp .xans-board-read .user_review {
			margin: 20px 10px;
		}

		.review_read_grp .xans-board-read .use_recom {
			margin: 0 10px;
		}

		.review_read_grp .xans-board-read .ec-base-button.gBottom {
			margin: 10px 10px;
		}

		.review_read_grp .xans-board-read .ec-base-button.gBottom .gLeft,
		.review_read_grp .xans-board-read .ec-base-button.gBottom .gRight {
			gap: 0 5px;
		}

		.review_read_grp .ec-base-button.gBottom [class^='btn']+[class^='btn'] {
			margin: 0;
		}

		.review_read_grp .xans-board-commentlist .boardComment>li div.commentTop,
		.review_read_grp .xans-board-commentlist .boardComment li .comment,
		.review_read_grp .xans-board-commentlist .boardComment li .formGroup button,
		.review_read_grp .xans-board-commentlist .boardComment li .formGroup .button {
			margin-left: 10px;
			margin-right: 10px;
		}

		.review_read_grp .xans-board-commentlist .boardComment li.replyArea div.commentTop {
			margin: 0;
		}

		.review_read_grp .xans-board-commentlist .boardComment li.replyArea .comment {
			margin: 10px 0 0;
		}

		.review_read_grp .xans-board-commentwrite {
			background: none;
			margin: 0;
			padding: 20px 10px;
		}

		.review_read_grp .xans-board-commentwrite .inside {
			padding: 10px 10px 50px;
			border-top: 0;
		}

		.review_read_grp .xans-board-commentform .inside label {
			margin: 3px 0
		}

		.review_read_grp .xans-board-commentform .inside input[type=password] {
			padding-left: 70px;
		}

		.review_read_grp .xans-board-commentwrite .outside {
			margin-top: -50px;
		}

		.review_read_grp .xans-board-commentwrite .outside .btnSubmit {
			right: 10px;
		}

		.review_read_grp .xans-board-commentform .outside {
			margin: 0;
		}

		.review_read_grp .xans-board-commentreply {
			padding: 13px;
		}

		.review_read_grp .xans-board-commentreply textarea {
			width: calc(100% - 16px);
			margin-left: 16px;
			padding: 10px;
		}

		.review_read_grp .xans-board-commentreply .inside {
			margin-left: 16px;
		}

		.review_read_grp .xans-board-read .password{
			margin-left:10px;
		}
	}


	/********************* PC *********************/
	@media all and (min-width:1025px) {
		.review_read_grp {
			margin: 0 auto;
			transform: translateX(-50%) translateY(-50%);
			position: absolute;
			top: 50%;
			left: 50%;
			min-width: 480px;
			height: 680px;
			min-height: 250px;
			opacity: 0;
			visibility: hidden;
			margin-top: 60px;
			transition: margin .3s ease-out .1s, opacity .2s ease-out;
			border-radius: var(--border-radius-basic);
		}

		.review_read_grp.active {
			opacity: 1;
			visibility: visible;
			margin-top: 0;
		}

		.review_read_grp .button_wrap {
			display: flex;
			gap: 0 20px;
			background: #f9f9f9;
			padding: 10px 20px;
			border-radius: 20px;
			position: fixed;
			left: auto;
			right: auto;
			bottom: 20px;
			justify-content: center;
			box-shadow: 0px 2px 5px 2px #ebebeb;
		}

		.review_read_grp .prev-button,
		.review_read_grp .next-button {
			position: relative;
		}

		.review_read_grp .prev-button a,
		.review_read_grp .next-button a {
			display: block;
			height: 100%;
			text-decoration: none;
			font-size: 13px;
			border-radius: 50%;
			transition: background-color .35s ease, opacity .2s ease-out;
			color: #aaa;
		}

		.review_read_grp .prev-button a {
			padding-left: 14px;
		}

		.review_read_grp .next-button a {
			padding-right: 14px;
		}

		.review_read_grp .prev-button a:after,
		.review_read_grp .next-button a:after {
			content: "";
			transition: all .35s ease;
			width: 6px;
			height: 6px;
			border-top: 1px solid #aaa;
			border-left: 1px solid #aaa;
			display: inline-block;
			position: absolute;
			top: 4px;
		}

		.review_read_grp .next-button a:after {
			transform: rotate(135deg);
			right: 0;
		}

		.review_read_grp .prev-button a:after {
			transform: rotate(315deg);
			left: 0;
		}

		.review_read_grp .close-review {
			position: absolute;
			top: 22px;
			right: 40px;
			width: 25px;
			height: 25px;
			cursor: pointer;
			z-index: 1;
		}

		.review_read_grp .close-review:before,
		.review_read_grp .close-review:after {
			height: 24px;
			margin-top: -11px;
		}

		.review_read_grp .view_photo {
			position: fixed;
			top: 0;
			left: 0;
			bottom: 0;
		}

		.review_read_grp .view_photo img {
			position: absolute;
			top: 50%;
			display: block;
			left: 50%;
			transform: translateX(-50%) translateY(-50%);
			width: auto;
			max-height: 100%;
		}

		.review_read_grp .section_title {
			position: fixed;
			top: 0;
			left: 0;
			height: 70px;
			z-index: 1;
			right: 0;
			padding: 0 40px;
			display: flex;
			align-items: center;
			font-size: 19px;
			font-weight: bold;
		}

		.review_read_grp .section_cont {
			overflow: hidden auto;
			box-sizing: border-box;
			height: calc(100% - 150px);
			margin-top: 70px;
		}

		.review_read_grp .section_cont::-webkit-scrollbar {
			width: 1px;
		}

		.review_read_grp .xans-board-read .ec-base-table .etcArea {
			gap: 0 14px;
		}

		.review_read_grp .xans-board-read .ec-base-table .use_point {
			width: 110px;
			text-align: right;
		}

		.review_read_grp .xans-board-read .ec-base-table .rate {
			margin-top: -1px;
		}

		.review_read_grp .xans-board-read .ec-base-table .jq-star {
			width: 15px !important;
			cursor: default !important;
			vertical-align: top;
		}

		.review_read_grp .xans-board-read .password {
			border-top: 0;
			padding-top: 0;
		}

		.review_read_grp .xans-board-read .password span.txtInfo {
			display: block;
			width: 100%;
			margin: 10px 0 0;
		}

		.review_read_grp .xans-board-read .ec-base-button.gBottom [class^='btn'] {
			padding: 0 14px;
			min-width: 10px;
			height: 32px;
			line-height: 32px;
			font-size: 13px;
			margin: 10px 0;
		}

		.review_read_grp .xans-board-read .ec-base-button.gBottom .gLeft [class^='btn'] {
			margin-right: 5px;
		}

		.review_read_grp .xans-board-read .ec-base-button.gBottom .gRight [class^='btn'] {
			margin-left: 5px;
		}

		.review_read_grp .xans-board-commentwrite .input {
			border-top: 0;
		}

		.review_read_grp .xans-board-commentwrite .inside {
			display: block;
		}

		.review_read_grp .xans-board-commentwrite .inside>span {
			display: block;
			position: relative;
		}

		.review_read_grp .xans-board-commentwrite .inside label {
			font-size: 13px;
			position: absolute;
			left: 10px;
			top: 0;
			line-height: 33px;
			margin: 3px 0;
			color: #888;
		}

		.review_read_grp .xans-board-commentwrite .inside input {
			display: block;
			margin: 3px 0;
			height: 33px;
			line-height: 33px;
			padding-left: 70px;
			color: #888;
			border-radius: var(--border-radius-small);
		}

		.review_read_grp .xans-board-commentwrite .outside {
			display: block;
		}

		.review_read_grp .xans-board-commentreply {
			padding: 15px 15px 15px 30px;
		}

		.review_read_grp .xans-board-commentreply .comment-box textarea {
			padding: 13px;
			font-size: 13px;
			height: 70px;
		}

		.review_read_grp .xans-board-commentreply .inside {
			width: 100%;
			padding: 13px;
		}

		.review_read_grp .xans-board-commentreply .inside span {
			display: block;
			position: relative;
			margin: 3px 0;
		}

		.review_read_grp .xans-board-commentreply .inside label {
			color: #888;
			position: absolute;
			left: 20px;
			top: 0;
			line-height: 33px;
		}

		.review_read_grp .xans-board-commentreply .inside input {
			padding-left: 70px;
			height: 33px;
			line-height: 33px;
			border-radius: var(--border-radius-small);
			width: 255px;
		}

		.review_read_grp .xans-board-commentreply .outside .btnSubmit {
			position: absolute;
			font-size: 13px;
			margin: 0 15px;
			top: 13px;
			right: 0;
			width: 80px;
			height: 68px;
			line-height: 68px;
			font-weight: normal;
			padding: 0;
		}

		.review_read_grp .xans-board-commentreply .comment-box .input {
			padding-bottom: 10px;
		}

		#review.thumb .review_read_grp {
			padding-left: 600px;
		}

		#review.thumb .review_read_grp .view_photo {
			width: 600px;
			margin-top: 70px;
			padding: 0 40px 80px;
		}

		#review.thumb .review_read_grp .view_photo .single,
		#review.thumb .review_read_grp .view_photo .review-photos {
			border-radius: var(--border-radius-basic);
			background: #f9f9f9;
		}

		#review.thumb .review_read_grp .view_photo .single {
			width: 100%;
			height: 100%;
			position: relative;
		}

		#review.thumb .review_read_grp .section_cont {
			width: 400px;
			margin-right: 25px;
			padding-right: 15px;
		}

		#review.thumb .review_read_grp .section_cont .ec-base-box.typeProduct {
			border: 1px solid #eee;
			padding: 15px;
			border-radius: var(--border-radius-small);
		}

		#review.thumb .review_read_grp .xans-board-commentwrite .input .btnSubmit {
			width: 80px;
			height: 70px;
			line-height: 70px;
			font-weight: normal;
			padding: 0;
			top: 16px;
		}

		#review.thumb .review_read_grp .xans-board-commentwrite .inside input {
			width: calc(100% - 90px);
		}

		#review.thumb .review_read_grp .xans-board-commentform input[type=password] {
			width: 100%;
			height: 33px;
			line-height: 33px;
			border-radius: var(--border-radius-small);
			margin: 0;
			padding-left: 60px;
		}

		#review.thumb .xans-board-commentform .outside {
			position: relative;
			display: block;
		}

		#review.thumb .xans-board-commentform .outside .submit {
			position: unset;
			display: flex;
			justify-content: flex-end;
			margin: 0px 20px 15px;
		}

		#review.list .review_read_grp .view_photo {
			display: none;
		}

		#review.list .review_read_grp .section_cont {
			width: 650px;
			padding: 0 40px;
		}

		#review.list .review_read_grp .xans-board-commentwrite .inside {
			display: flex;
			gap: 0 10px;
		}

		#review.list .review_read_grp .xans-board-commentwrite .inside input {
			width: 185px;
		}

		#review.list .review_read_grp .xans-board-commentwrite .input .btnSubmit {
			width: 80px;
			height: 33px;
			line-height: 33px;
			top: 16px;
		}

		#review.list .review_read_grp .xans-board-commentform input[type=password] {
			width: 230px;
			height: 33px;
			line-height: 33px;
			border-radius: var(--border-radius-small);
			margin: 0;
			padding-left: 60px;
		}
	}

	@media all and (min-width:2000px) {
		.review_read_grp {
			height: 800px;
		}

		#review.thumb .review_read_grp {
			padding-left: 830px;
		}

		#review.thumb .review_read_grp .view_photo {
			width: 830px;
		}
	}




/* ==================== Modify ==================== */
	.review_modify_grp .section_title {
		font-weight: bold;
	}

	.review_modify_grp .section_cont {
		height: 100%;
	}

	.review_modify_grp .close-review {
		position: absolute;
		cursor: pointer;
		z-index: 1;
	}

	.review_modify_grp .close-review:before,
	.review_modify_grp .close-review:after {
		content: "";
		display: block;
		width: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: #111;
	}

	.review_modify_grp .close-review:before {
		transform: rotate(315deg);
	}

	.review_modify_grp .close-review:after {
		transform: rotate(45deg);
	}

	.review_modify_grp .xans-board-modify #subject {
		font-size: 14px;
	}

	.review_modify_grp .xans-board-modify .information h3 {
		font-size: 13px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.review_modify_grp .xans-board-modify .information h3 a {
		color: #888;
		font-size: 14px;
	}

	.review_modify_grp .xans-board-modify .information .price {
		color: #888;
		font-size: 14px;
	}

	.review_modify_grp .xans-board-modify input[type="checkbox"] {
		vertical-align: middle;
	}

	.review_modify_grp .xans-board-modify .ec-base-button.gBottom {
		margin: 20px auto;
	}


	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1024px) {
		body#review {
			background: #fff;
		}

		.review_modify_grp {
			padding-top: 45px;
			height: 100vh;
			background: #fff;
			overflow: auto;
		}

		.review_modify_grp .section_title {
			background: #fff;
			height: 50px;
			line-height: 50px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 10;
			border-bottom: 1px solid #ddd;
			text-align: center;
			font-size: 16px;
		}

		.review_modify_grp .close-review {
			position: absolute;
			top: 0;
			right: 0;
			width: 45px;
			height: 45px;
			cursor: pointer;
			z-index: 11;
		}

		.review_modify_grp .close-review:before,
		.review_modify_grp .close-review:after {
			height: 25px;
			margin-top: -13px;
			width: 1px;
		}

		.review_modify_grp .xans-board-modify {
			padding: 14px;
		}

		.review_modify_grp .xans-board-modify .ec-base-box.typeProduct {
			margin: 0;
			border-bottom: 0;
		}

		.review_modify_grp .xans-board-modify .information h3 {
			padding: 0;
		}

		.review_modify_grp .xans-board-modify .ec-base-button.gBottom {
			margin: 2rem 0;
		}
	}

	/********************* PC *********************/
	@media all and (min-width:1025px) {
		.review_modify_grp {
			margin: 0 auto;
			transform: translateX(-50%) translateY(-50%);
			position: absolute;
			top: 50%;
			left: 50%;
			height: 80%;
			background: #fff;
			box-sizing: border-box;
			min-width: 800px;
			min-height: 300px;
			border-radius: var(--border-radius-basic);
		}

		.review_modify_grp .xans-board-modifypackage {
			padding: 0px 40px 40px;
			height: 100%;
			box-sizing: border-box;
		}

		.review_modify_grp .section_title {
			position: fixed;
			top: 0;
			left: 0;
			height: 70px;
			z-index: 1;
			right: 0;
			padding: 0 100px 0 40px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 19px;
			font-weight: bold;
		}

		.review_modify_grp .close-review {
			position: absolute;
			top: 22px;
			right: 40px;
			width: 25px;
			height: 25px;
			cursor: pointer;
		}

		.review_modify_grp .close-review:before,
		.review_modify_grp .close-review:after {
			height: 24px;
			margin-top: -11px;
		}

		.review_modify_grp .section_cont {
			overflow-y: auto;
			overflow-x: hidden;
			box-sizing: border-box;
			height: calc(100% - 100px);
			margin-top: 70px;
		}
	}





/* ==================== Reply ==================== */
	.review_reply_grp .section_cont {
		overflow-y: auto;
		height: 100%;
	}

	.review_reply_grp .close-review {
		position: absolute;
		cursor: pointer;
	}

	.review_reply_grp .close-review:before,
	.review_reply_grp .close-review:after {
		content: "";
		display: block;
		width: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
	}

	.review_reply_grp .close-review:before {
		transform: rotate(315deg);
	}

	.review_reply_grp .close-review:after {
		transform: rotate(45deg);
	}

	.review_reply_grp .xans-board-reply .ec-base-button.gBottom {
		margin: 20px auto;
	}


	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1024px) {
		body#review {
			background: #fff;
		}

		.review_reply_grp {
			padding-top: 45px;
			height: 100vh;
		}

		.review_reply_grp .close-review {
			position: absolute;
			top: 0;
			right: 0;
			width: 45px;
			height: 45px;
			cursor: pointer;
			z-index: 11;
		}

		.review_reply_grp .close-review:before,
		.review_reply_grp .close-review:after {
			height: 18px;
			background: #777;
			margin-top: -9px;
		}

		.review_reply_grp .section_title {
			background: #fff;
			height: 45px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 10;
			border-bottom: 1px solid #ddd;
			text-align: center;
			line-height: 45px;
			font-size: 1.2rem;
		}

		.review_reply_grp .xans-board-reply {
			padding: 14px;
		}

		.review_reply_grp .xans-board-reply .ec-base-table.typeWrite {
			border: 0;
			padding: 0;
		}

		.review_reply_grp .xans-board-reply .ec-base-button.gBottom {
			margin: 2rem 0;
		}
	}

	/********************* PC *********************/
	@media all and (min-width:1025px) {
		.review_reply_grp {
			margin: 0 auto;
			transform: translateX(-50%) translateY(-50%);
			position: absolute;
			top: 50%;
			left: 50%;
			height: 80%;
			background: #fff;
			box-sizing: border-box;
			min-width: 700px;
			min-height: 300px;
		}

		.review_reply_grp .xans-board-replypackage {
			padding: 14px;
			overflow-x: hidden;
			overflow-y: auto;
			height: 100%;
			box-sizing: border-box;
		}

		.review_reply_grp .close-review {
			position: absolute;
			top: -45px;
			right: -9px;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}

		.review_reply_grp .close-review:before,
		.review_reply_grp .close-review:after {
			height: 33px;
			background: #fff;
			margin-top: -15px;
		}

		.review_reply_grp .section_title {
			display: none;
		}
	}





/* ==================== Comment Delete ==================== */
	.review_CommentDelete_grp .section_cont {
		overflow-y: auto;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.review_CommentDelete_grp .close-review {
		position: absolute;
		cursor: pointer;
	}

	.review_CommentDelete_grp .close-review:before,
	.review_CommentDelete_grp .close-review:after {
		content: "";
		display: block;
		width: 1px;
		position: absolute;
		top: 50%;
		left: 50%;
	}

	.review_CommentDelete_grp .close-review:before {
		transform: rotate(315deg);
	}

	.review_CommentDelete_grp .close-review:after {
		transform: rotate(45deg);
	}

	.review_CommentDelete_grp .ec-base-box.gPadding {
		border: 0;
	}

	/********************* Mobile / Tablet *********************/
	@media all and (max-width:1024px) {
		body#review {
			background: #fff;
		}

		.review_CommentDelete_grp {
			padding-top: 45px;
			height: 100vh;
		}

		.review_CommentDelete_grp .close-review {
			position: absolute;
			top: 0;
			right: 0;
			width: 45px;
			height: 45px;
			cursor: pointer;
			z-index: 11;
		}

		.review_CommentDelete_grp .close-review:before,
		.review_CommentDelete_grp .close-review:after {
			height: 18px;
			background: #777;
			margin-top: -9px;
		}

		.review_CommentDelete_grp .section_title {
			background: #fff;
			height: 45px;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			z-index: 10;
			border-bottom: 1px solid #ddd;
			text-align: center;
			line-height: 45px;
			font-size: 1.2rem;
		}
	}

	/********************* PC *********************/
	@media all and (min-width:1025px) {
		.review_CommentDelete_grp {
			margin: 0 auto;
			transform: translateX(-50%) translateY(-50%);
			position: absolute;
			top: 50%;
			left: 50%;
			height: 50%;
			background: #fff;
			box-sizing: border-box;
			min-width: 700px;
			min-height: 300px;
		}

		.review_CommentDelete_grp .xans-board-replypackage {
			padding: 14px;
			overflow-x: hidden;
			overflow-y: auto;
			height: 100%;
			box-sizing: border-box;
		}

		.review_CommentDelete_grp .close-review {
			position: absolute;
			top: -45px;
			right: -9px;
			width: 40px;
			height: 40px;
			cursor: pointer;
		}

		.review_CommentDelete_grp .close-review:before,
		.review_CommentDelete_grp .close-review:after {
			height: 33px;
			background: #fff;
			margin-top: -15px;
		}

		.review_CommentDelete_grp .section_title {
			display: none;
		}
	}
.index_board_review {
    background: #f9f9f9;
	position: relative;
}

.index_board_review .section-title {
    position: relative;
}

.index_board_review.review_list_grp .review__list > ul > li .item {
    background: #fff;
    overflow: hidden;
	border-radius: calc(var(--border-radius-basic) + 4px);
}

.index_board_review .review__list.grid .content .thumb{
	border-radius: var(--border-radius-basic);
}

.index_board_review.review_list_grp .subject,
.index_board_review .review__list.grid .content .member{
	display:none !important;
}


/********************* PC *********************/
@media all and (min-width:1025px) {
	.index_board_review {
        padding: 50px 0;
    }

    .index_board_review.review_list_grp .review__list{
    	padding:10px 0;
    }

	.index_board_review.review_list_grp .review__list > ul > li{
		width: calc(20% - 8px);
		margin-left: 8px;
	}

	.index_board_review.review_list_grp .review__list > ul > li:nth-child(5n+1) {
		margin-left: 0;
	}

	.index_board_review.review_list_grp .review__list > ul > li .item{
		transition: all .35s ease;
	}

	.index_board_review.review_list_grp .review__list > ul > li .item:hover {
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.07);
	}

	.index_board_review .review__list.grid .content .thumb{
		margin: -6px -6px 12px;
	}

	.index_board_review.review_list_grp .review__list .thumb-attach{
		margin-left:-4px;
	}

	.index_board_review .review__list.grid .content .cont{
		margin-top:0;
	}
}


/********************* PC & Tablet *********************/
@media all and (min-width:641px) and (max-width:1024px){
	.index_board_review.review_list_grp .review__list > ul > li{
		width: calc(33% - 10px);
		margin-left: 16px;
	}

	.index_board_review.review_list_grp .review__list > ul > li:nth-child(3n+1) {
		margin-left: 0;
	}
}

/********************* Mobile *********************/
@media all and (max-width: 1024px) {
	.index_board_review {
        padding: 2.4rem 0;
    }

	.index_board_review .review__list.grid{
		margin:10px 10px 0;
	}

	.index_board_review .review__list.grid >ul>li:nth-child(n+7){
		display:none !important;
	}

	.index_board_review .review__list.grid >ul>li{
		margin-bottom:12px;
	}

	.index_board_review .review__list.grid .content .thumb{
		margin: -7px -7px 10px;
	}

	.index_board_review .review__list.grid .content .rate{
		margin:0 0 5px;
	}
}
.index_board_notice {
	border-top:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

.index_board_notice .section-title {
    text-align: left;
}

.index_board_notice .board_list .swiper-container{
    height:100%;
}

/********************* PC *********************/
@media all and (min-width:1025px) {
    .index_board_notice {
        background: #fff;
        padding: 25px 0;
        font-size: 0;
        position: relative;
        line-height: 1.5;
    }

    .index_board_notice .section-title {
        width: 220px;
        margin: 0;
    }

    .index_board_notice .section-title>h3 {
        font-size: 22px;
    }

    .index_board_notice .section-title .more {
        right: 19px;
        top: 0;
        bottom: 0;
    }

    .index_board_notice .board {
        display: flex;
        align-items: center;
    }

    .index_board_notice .board_list {
        width: calc(100% - 400px);
        height: 24px;
        overflow: hidden;
        line-height: 1.4;
    }

    .index_board_notice .board_list li {
        display: inline-block;
        vertical-align: middle;
    }

    .index_board_notice .board_list li.subject {
        font-size: 16px;
    }

    .index_board_notice .board_list li.subject a,
    .index_board_notice .board_list li.subject a:hover {
        text-decoration: none;
        transition: opacity .25s ease;
    }

    .index_board_notice .board_list li.subject a:hover {
        opacity: 0.8;
    }

    .index_board_notice .board_list li.date {
        color: #888;
        font-size: 14px;
        margin-left: 10px;
        line-height: 1;
    }

    .index_board_notice .board_list li a {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
    }

    .index_board_notice .bt_prev,
    .index_board_notice .bt_next {
        font-size: 0;
        width: 32px;
        height: 32px;
        transition: all .25s ease;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        border: 1px solid #ddd;
        border-radius: 50%;
        transition: border .25s ease-out;
    }

    .index_board_notice .bt_prev:hover,
    .index_board_notice .bt_next:hover {
        border-color: #555;
    }
    .index_board_notice .bt_prev:hover:after,
    .index_board_notice .bt_next:hover:after {
        border-width: 2px;
    }

    .index_board_notice .bt_prev {
        left: 120px;
    }

    .index_board_notice .bt_next {
        left: 160px;
    }

    .index_board_notice .bt_prev:after,
    .index_board_notice .bt_next:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        border-top: 1.5px solid #444;
        border-left: 1.5px solid #444;
        border-radius: 1px;
    }

    .index_board_notice .bt_prev:after {
        transform: rotate(45deg);
        margin: 13px 0 0 10px;
    }

    .index_board_notice .bt_next:after {
        transform: rotate(225deg);
        margin: 8px 0 0 10px;
    }
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
    .index_board_notice {
        padding: 1.2rem 0;
    }

    .index_board_notice .section-title {
        margin-bottom: 1rem;
        position: relative;
    }

    .index_board_notice .section-title h3 {
        font-size: 1.3rem;
    }

    .index_board_notice .board_list {
        margin: 0 1rem;
        font-size: 0;
        height:1.5rem;
    }

    .index_board_notice .board_list li {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.4;
    }

    .index_board_notice .board_list li.subject,
    .index_board_notice .board_list li.date {
        font-size: 1rem;
    }

    .index_board_notice .board_list li.subject {
        display: inline-flex;
        width: 75%;
    }

    .index_board_notice .board_list li.date {
        display: inline-flex;
        width: 25%;
        text-align: right;
        justify-content: flex-end;
        color: #888;
        line-height: 1;
    }

    .index_board_notice .board_list li a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #333;
    }

    .index_board_notice .board_list li.subject a {
        font-size: 13px;
    }

    .index_board_notice .bt_prev,
    .index_board_notice .bt_next {
        display: none;
    }
}
/* 모달 활성화 시 로딩 제거 */
html.modal-active body {
	overflow: hidden;
}

.main--modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/*width: 100vw;*/
	height: 100%;
	z-index: 9999999;
	display: flex;
	justify-content: center;
}

.main--modal .bg {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	min-width: 100vw;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.25s linear;
	backdrop-filter: blur(5px);
}

.main--modal.active .bg {
	opacity: 1;
	transition: opacity 0.25s linear;
}

.main--modal .main-modal-box {
	position: relative;
	width: 420px;
	overflow: hidden;
	opacity: 0;
	z-index: 2;
	transition: transform 0.25s ease-out, opacity 0.25s ease-out;
}

.main--modal.active .main-modal-box {
	opacity: 1;
	transform: translateY(0);
	transition: transform 0.25s 0.2s ease-out, opacity 0.25s 0.15s ease-out;
}

.main--modal .main-modal-box img {
	width: 100%;
}

.main--modal .main-btn-box {
	background: #fff;
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	margin-top: -1px;
}

.main--modal .main-btn-box .close {
	cursor: pointer;
	text-decoration: none;
	flex: 1;
	text-align: center;
	color: #000
}

.main--modal .main-btn-box .right.close {
	border-left: 1px solid rgb(0 0 0 / 10%);
}



/********************* PC *********************/
@media all and (min-width:1025px) {
	.main--modal {
		align-items: center;
	}

	.main--modal .main-modal-box {
		border-radius: var(--border-radius-basic);
		transform: translateY(30px);
	}

	.main--modal .main-btn-box .close {
		font-size: 15px;
		padding: 20px 25px;
	}

	.main--modal .main-btn-box .close {
		transition: opacity .25s ease;
	}

	.main--modal .main-btn-box .close:hover {
		opacity: 0.8;
	}
}

/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.main--modal {
		align-items: flex-end;
	}

	.main--modal .main-modal-box {
		bottom: 0;
		width: calc(100% - 20px);
		border-radius: var(--border-radius-basic) var(--border-radius-basic) 0 0;
		max-width: 500px;
		transform: translateY(30px);
	}

	.main--modal .main-btn-box .close {
		font-size: 14px;
		padding: 1.3rem 0;
	}

	.main--modal .main-btn-box .close.left {
		flex: 1;
	}
}
/*모달 활성화 시 로딩 제거*/
html.ad-modal-active body {
	overflow: hidden;
}

.wp-ad-modal {
	position: fixed;
	bottom: 20px;
	left: 20px;
	width: 320px;
	z-index: 10000;
	opacity: 0;
	transition: opacity 1s linear;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--border-radius-basic);
	overflow: hidden;
	animation: ad_modal 1.2s;
	box-shadow: 0px 0px 10px 0px rgba(201,201,201,0.75);
}

@keyframes ad_modal {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}

	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

.wp-ad-modal.active {
	opacity: 1;
}

.wp-ad-modal .ad-modal-box {
	transform: translateY(10%);
	opacity: 0;
}

.wp-ad-modal.active .ad-modal-box {
	transform: translateY(0);
	opacity: 1;
	transition: transform 0.25s 0.15s linear, opacity 0.25s 0.15s linear;
}

.wp-ad-modal .ad-modal-box img {
	max-width: 100%;
}

.wp-ad-modal .ad-btn-box {
	position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    display: flex;
    justify-content: flex-end;
    background: rgb(255 255 255 / 80%);
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.wp-ad-modal .ad-btn-box .close {
	display: flex;
    color: var(--ad-modal-box-close);
    line-height: 1;
    align-items: center;
    justify-content: center;
    box-sizing: content-box;
    white-space: nowrap;
    text-decoration: none;
    transition: opacity 0.1s linear;
    font-size: 0;
    font-weight: bold;
    width: 35px;
	height: 35px;
}

.wp-ad-modal .ad-btn-box .close:before,
.wp-ad-modal .ad-btn-box .close:after {
	content: "";
    display: block;
    position: absolute;
    top: 7.5px;
    right: 16.5px;
    width: 2px;
    height: 20px;
    background: #1a1a1a;
	border-radius:1px;
}

.wp-ad-modal .ad-btn-box .close:before {
	transform: rotate(45deg);
}

.wp-ad-modal .ad-btn-box .close:after {
	transform: rotate(315deg);
}

/********************* PC *********************/
@media all and (min-width:1025px) {

	.wp-ad-modal .swiper-button-prev,
	.wp-ad-modal .swiper-button-next {
		width: 35px;
		height: 40px;
		background-color: rgba(255, 255, 255, 0.8);
		box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
		transition: all .2s ease-out;
	}

	.wp-ad-modal:hover .swiper-button-prev {
		left: 0;
	}

	.wp-ad-modal:hover .swiper-button-next {
		right: 0;
	}

	.wp-ad-modal .swiper-button-prev {
		left: -35px;
		border-radius: 0 15px 15px 0;
	}

	.wp-ad-modal .swiper-button-next {
		right: -35px;
		border-radius: 15px 0 0 15px;
	}

	.wp-ad-modal .swiper-button-prev:after,
	.wp-ad-modal .swiper-button-next:after {
		content: "";
		width: 10px;
		height: 10px;
		top: 50%;
		position: absolute;
		left: 50%;
		margin-top: -6px;
		border-top: 1.5px solid #444;
		border-left: 1.5px solid #444;
	}

	.wp-ad-modal .swiper-button-prev:after {
		transform: rotate(315deg);
		margin-left: -3px;
	}

	.wp-ad-modal .swiper-button-next:after {
		transform: rotate(135deg);
		margin-left: -8px;
	}
}


/********************* Mobile *********************/
@media all and (max-width:1024px) {
	.wp-ad-modal {
		width: 70vw;
		max-width: 320px;
	}

	.wp-ad-modal .swiper-button-prev,
	.wp-ad-modal .swiper-button-next {
		display: none;
	}
}