@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  word-break: break-word;
  font-family: "Jost", sans-serif;
}

:root {
  overscroll-behavior: none;
}

::before,
::after {
  box-sizing: border-box;
}

body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  display: block;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: normal;
}

/* price */
b {
  font-weight: inherit;
}

/* 테이블 스타일 초기화 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

td {
  word-wrap: break-word;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend,
caption {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

address,
caption,
em,
var {
  font-style: normal;
  font-weight: inherit;
}

strong {
  font-weight: 600;
}

/* 링크 */
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

pre {
  font-family: inherit;
  white-space: pre-wrap;
}

/* 이미지, 폼관련 요소 */
img {
  border: 0;
  vertical-align: top;
  width: 100%;
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Webkit 표준 X */
  image-rendering: crisp-edges;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-drag: none;
}

input,
textarea {
  width: 100%;
  vertical-align: middle;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  border: 0;
  background: #fff;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  width: 100%;
  vertical-align: middle;
  box-shadow: none;
  border-radius: 0;
  outline: none;
  border: 0;
  background: #fff;
  color: #000;
}

input[type=text],
input[type=submit],
input[type=password],
input[type=search],
input[type=number],
input[type=reset],
input[type=email],
input[type=tel],
input[type=search],
input[type=file],
input[type=email],
input[type=date] {
  padding: 0 16px;
  height: 50px;
  line-height: 50px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: 400;
}
input[type=text]:disabled,
input[type=submit]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=number]:disabled,
input[type=reset]:disabled,
input[type=email]:disabled,
input[type=tel]:disabled,
input[type=search]:disabled,
input[type=file]:disabled,
input[type=email]:disabled,
input[type=date]:disabled {
  background-color: #eee;
  color: #bbb;
}

input[type=radio],
input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=date] {
  text-align: left;
}
input[type=date]::-webkit-clear-button {
  display: none;
}
input[type=date]::-webkit-inner-spin-button {
  display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
}
input[type=date]::-webkit-date-and-time-value {
  text-align: left;
}
input[type=date]::before {
  content: attr(data-placeholder);
  width: 100%;
}
input[type=date]:focus::before, input[type=date]:valid::before, input[type=date][readonly]::before {
  display: none;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=search]:focus,
textarea:focus {
  border: 1px solid #000;
  background-color: #fff;
  outline: none;
}

input[readonly] {
  pointer-events: none;
}

::-webkit-input-placeholder {
  font-size: inherit;
  color: #bbb;
}

::placeholder {
  font-size: inherit;
  color: #bbb;
}

textarea {
  overflow: auto;
  padding: 20px;
  resize: none;
  font-size: 14px;
  border: 0;
  background-color: #eee;
}

button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: none;
  cursor: pointer;
  color: inherit;
}
button:disabled {
  cursor: default;
}

.hidden {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

::-moz-selection {
  background: #FF563F;
  color: #fff;
}

::selection {
  background: #FF563F;
  color: #fff;
}

#wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#container {
  position: relative;
  flex: 1;
}

.content-wrap {
  min-width: 1376px;
  margin: 0 auto;
  padding-top: 72px;
}
.content-wrap.lnb > .inner-box {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}
.content-wrap.lnb .lnb-wrap {
  flex-shrink: 0;
  width: 260px;
}
.content-wrap.lnb .content {
  width: calc(100% - 260px - 40px);
}

.header-wrap .nav-all-wrap, .header-wrap .header-inner, .inner-box {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 68px;
}

.nav-skip {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9999;
  font-size: 0;
}
.nav-skip a {
  font-size: 0;
}

.top-banner {
  position: relative;
  z-index: 20;
  min-width: 1376px;
  background-color: #000;
}
.top-banner .btn-close {
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 68px;
}
.top-banner .btn-close .ico-close, .top-banner .btn-close .cart-item .btn-del::after, .cart-item .top-banner .btn-close .btn-del::after, .top-banner .btn-close .file-type.img .btn-clear::after, .file-type.img .top-banner .btn-close .btn-clear::after {
  width: 20px;
  height: 20px;
  background-color: #fff;
}
.top-banner .topbanner-swiper {
  position: relative;
}
.top-banner .topbanner-swiper .swiper-slide {
  position: relative;
  height: 80px;
  background-color: #000;
  background-position: top center;
  background-size: contain;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: 21px;
}
.top-banner .topbanner-swiper .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
}
.top-banner .topbanner-swiper .swiper-button-prev,
.top-banner .topbanner-swiper .swiper-button-next {
  margin-top: -13px;
  background: transparent;
  background-color: #fff;
}
.top-banner.top-text {
  border-bottom: 1px solid #222;
}
.top-banner.top-text .topbanner-swiper {
  height: 35px;
}
.top-banner.top-text .topbanner-swiper .swiper-slide {
  height: 35px;
  line-height: 35px;
}
.top-banner.top-text .topbanner-swiper .swiper-slide a {
  display: block;
  background-color: #000;
}
.top-banner.top-img {
  background-color: #222;
}
.top-banner.top-img a {
  position: relative;
  display: block;
  margin: 0 auto;
  height: 80px;
  background-position: top center;
  background-size: cover;
}
.top-banner.top-img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  max-width: 1920px;
  width: 100%;
}

.header-wrap {
  position: relative;
  top: 0;
  z-index: 30;
  min-width: 1376px;
  width: 100%;
  padding: 27px 0 0;
  background-color: #000;
  transition: all 0.3s ease-in-out;
}
.header-wrap.up {
  position: sticky;
  top: -1px;
  transform: translateY(0%);
}
.header-wrap.down {
  transform: translateY(-132px);
}
.header-wrap .dim {
  background: rgba(0, 0, 0, 0);
  z-index: -1;
}
.header-wrap.active .dim {
  background: rgba(0, 0, 0, 0.2);
}
.header-wrap .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-wrap .header-inner .header-box {
  display: flex;
  align-items: center;
}
.header-wrap .header-inner .header-box .logo {
  width: 161px;
  height: 20px;
}

@media (max-width: 1400px) {
  .header-wrap .header-inner .header-box .logo {
    width: 30px;
  }
}
.header-wrap .gnb-wrap ul {
  display: flex;
  align-items: center;
}
.header-wrap .gnb-wrap ul > li {
  position: static;
  display: flex;
  margin-left: 40px;
}
.header-wrap .gnb-wrap ul > li a {
  font-size: 20px;
  color: #fff;
  line-height: 26px;
  font-weight: 400;
  opacity: 0.34;
}
.header-wrap .gnb-wrap ul > li a.active {
  opacity: 1;
}
.header-wrap .util-box {
  position: absolute;
  top: 3px;
  right: 68px;
  display: flex;
  gap: 30px;
  align-items: start;
  display: flex;
}
.header-wrap .util-box [class^=btn-] {
  position: relative;
  display: inline-block;
  padding-bottom: 20px;
}
.header-wrap .util-box .btn-cart em {
  display: none;
  position: absolute;
  top: -2px;
  left: 12px;
  min-width: 13px;
  width: max-content;
  height: 13px;
  padding: 0 3px;
  border-radius: 30px;
  background-color: rgba(255, 86, 63, 0.9399999976);
  font-size: 10px;
  line-height: 13px;
  color: #fff;
  text-align: center;
}
.header-wrap .util-box .btn-cart em.show {
  display: block;
}
.header-wrap .util-box .ico-search, .header-wrap .util-box .search-form .btn-search, .search-form .header-wrap .util-box .btn-search, .header-wrap .util-box #pop-country .pop-wrap .country-top .country-form .form-btns .btn-search, #pop-country .pop-wrap .country-top .country-form .form-btns .header-wrap .util-box .btn-search {
  width: 20px;
  height: 20px;
  background-color: #fff;
}
.header-wrap .util-box .btn-like .ico-like, .header-wrap .util-box .btn-like .cart-item .product-btn .btn-wish::before, .cart-item .product-btn .header-wrap .util-box .btn-like .btn-wish::before {
  background-color: #fff;
}
.header-wrap .util-box .btn-my .my-box {
  display: none;
  position: absolute;
  top: 36px;
  left: 50%;
  z-index: 50;
  transform: translateX(-50%);
}
.header-wrap .util-box .btn-my .my-box ul {
  min-width: 123px;
  width: max-content;
  background: #fff;
  border-radius: 5px;
  padding: 22px;
  border: 1px solid #000;
}
.header-wrap .util-box .btn-my .my-box ul li a {
  display: block;
  font-size: 13px;
  line-height: 18px;
}
.header-wrap .util-box .btn-my .my-box ul li + li {
  margin-top: 11px;
}
.header-wrap .util-box .btn-my .my-box ul li.name {
  margin-top: -4px;
  padding-bottom: 11px;
  border-bottom: 1px solid #000;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.header-wrap .util-box .btn-my .my-box ul li.name em {
  display: inline-block;
  white-space: nowrap;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 22px;
  vertical-align: bottom;
}
.header-wrap .util-box .btn-my:hover .my-box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.header-wrap .nav-all-wrap {
  position: initial;
  display: flex;
}
.header-wrap .nav-wrap {
  display: flex;
  align-items: center;
  margin-top: 20px;
  height: 47px;
  width: fit-content;
}
.header-wrap .nav-wrap > li {
  height: 100%;
  padding: 0 13px;
}
.header-wrap .nav-wrap > li > a {
  font-size: 13px;
  line-height: 21px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.header-wrap .nav-wrap > li:first-child {
  padding-left: 0;
}
.header-wrap .nav-wrap > li:hover a {
  border-bottom: 1px solid #fff;
}
.header-wrap .nav-wrap > li:hover .sub-nav-wrap {
  left: 0;
  opacity: 1;
}
.header-wrap .nav-wrap.special {
  position: relative;
}
.header-wrap .nav-wrap.special li:first-child {
  padding-left: 40px;
}
.header-wrap .nav-wrap.special li:first-child::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 13px;
  display: block;
  width: 1px;
  height: 9px;
  background-color: #D9D9D9;
}
.header-wrap .sub-nav-wrap {
  overflow-x: auto;
  z-index: 40;
  position: absolute;
  left: -99999px;
  width: 100%;
  top: 100%;
  background-color: #fff;
  transition: opacity 0.15s ease-in-out;
  opacity: 0;
}
.header-wrap .sub-nav-wrap .sub-nav-container {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 32px 68px;
  min-width: 1376px;
  max-width: 1920px;
  margin: 0 auto;
}
.header-wrap .sub-nav-wrap .sub-nav-container .sub-nav-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header-wrap .sub-nav-wrap .sub-nav-container .sub-nav-inner + .sub-nav-box {
  margin-left: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-list {
  display: flex;
  align-items: flex-start;
}
.header-wrap .sub-nav-wrap .sub-nav-list .sub-nav-box {
  width: 150px;
}
.header-wrap .sub-nav-wrap .sub-nav-list .sub-nav-box.v2 {
  width: 525px;
}
.header-wrap .sub-nav-wrap .sub-nav-list .sub-nav-box.v3 {
  width: 240px;
}
.header-wrap .sub-nav-wrap .sub-nav-list .sub-nav-box.v3 ul {
  width: 240px;
}
.header-wrap .sub-nav-wrap .sub-nav-box > a {
  display: block;
  margin-bottom: 16px;
  color: #000;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: initial;
  height: 18px;
  cursor: default;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul {
  width: 150px;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul li a {
  font-size: 12px;
  line-height: 16px;
  color: #222;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  white-space: initial;
  max-height: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul li a:hover {
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul li + li {
  margin-top: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul.brand {
  display: grid;
  grid-template-columns: repeat(6, minmax(calc(16.6666% - 8px), 1fr));
  gap: 15px 8px;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul.brand li {
  text-align: center;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul.brand li.disabled a {
  color: #bbb;
}
.header-wrap .sub-nav-wrap .sub-nav-box ul.brand li + li {
  margin: 0;
}
.header-wrap .sub-nav-wrap .sub-nav-box + .sub-nav-box {
  margin-left: 30px;
}
.header-wrap .sub-nav-wrap .sub-nav-box.v2 {
  margin-left: 50px;
}
.header-wrap .sub-nav-wrap .sub-nav-box .sub-nav-banner {
  margin-left: 0;
}
.header-wrap .sub-nav-wrap .sub-nav-box .sub-nav-prd {
  display: flex;
}
.header-wrap .sub-nav-wrap .sub-nav-banner {
  position: relative;
  z-index: 1;
  font-size: 0;
  margin-left: 40px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .banner-item {
  display: inline-block;
  width: 355px;
  margin-top: 34px;
  text-align: center;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .banner-item div:first-of-type {
  height: 200px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .banner-item div:first-of-type img {
  height: 100%;
  object-fit: cover;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .banner-item + .banner-item {
  margin-left: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .text-box {
  margin-top: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner .text-box p {
  margin-bottom: 4px;
  font-size: 21px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 27px;
  white-space: initial;
  max-height: 54px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 > a {
  display: block;
  margin-bottom: 16px;
  color: #000;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: initial;
  height: 18px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 .banner-item {
  width: 263px;
  margin-top: 0;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 .banner-item div:first-of-type {
  height: 148px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 .banner-item .text-box {
  margin-top: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 .banner-item .text-box p {
  margin-bottom: 4px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: initial;
  max-height: 36px;
}
.header-wrap .sub-nav-wrap .sub-nav-banner.v2 .banner-item .text-box .btn-type4 {
  font-size: 11px;
  line-height: 14px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd {
  margin-top: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd.v3 .sub-prd-item {
  width: 263px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd.v3 .sub-prd-item a .img-box {
  height: 148px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item {
  display: inline-flex;
  width: 150px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item a .img-box {
  width: 100%;
  height: 200px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item a .img-box img {
  height: 100%;
  object-fit: cover;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item a .img-box + p {
  margin-top: 16px;
  font-size: 13px;
  line-height: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .sub-prd-item + .sub-prd-item {
  margin-left: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .text-box {
  margin-top: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .text-box p {
  font-size: 11px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 14px;
  white-space: initial;
  height: 14px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd .text-box p.brand {
  margin-bottom: 10px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 16px;
  white-space: initial;
  height: 16px;
}
.header-wrap .sub-nav-wrap .sub-nav-prd.new-nav-swiper {
  width: 517px;
}
.header-wrap.gate {
  position: relative;
  top: 0;
  transform: translateY(0);
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #eee;
}
.header-wrap.gate .header-inner {
  height: 80px;
}
.header-wrap.gate .header-inner .util-box {
  top: 50%;
  transform: translateY(-50%);
}
.header-wrap.gate .header-inner .util-box [class^=btn-] {
  padding: 0;
}
.header-wrap.etc {
  padding: 30px 0;
}

.lnb-wrap a {
  cursor: pointer;
}
.lnb-wrap a.title {
  display: inline-block;
}
.lnb-wrap .title {
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 28px;
}
.lnb-wrap .title + .lnb-box {
  margin-top: 3px;
}
.lnb-wrap .lnb-box .title-type5 + .lnb-list {
  margin-top: 8px;
}
.lnb-wrap .lnb-box .lnb-list li a {
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  color: #777;
}
.lnb-wrap .lnb-box .lnb-list li.active a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
  color: #000;
}
.lnb-wrap .lnb-box:not(:first-of-type) {
  margin-top: 32px;
}

.footer-wrap {
  min-width: 1376px;
  margin: 200px 0 0;
}
.footer-wrap .footer-inner {
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #f9f9f9;
}
.footer-wrap .footer-inner .footer-area {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.footer-wrap .footer-inner2 {
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
.footer-wrap .footer-inner2 p {
  font-size: 12px;
  line-height: 23px;
  color: #777;
}
.footer-wrap .map-box {
  display: flex;
}
.footer-wrap .map-box ul {
  width: 164px;
}
.footer-wrap .map-box ul li {
  margin-bottom: 16px;
  font-size: 13px;
  line-height: 18px;
}
.footer-wrap .map-box ul li a {
  font-size: 12px;
  line-height: 16px;
  color: #777;
}
.footer-wrap .map-box ul li:first-of-type {
  margin-bottom: 16px;
}
.footer-wrap .map-box ul li:last-child {
  margin: 0;
}
.footer-wrap .map-box ul + ul {
  margin-left: 16px;
}
.footer-wrap .map-box ul.sns li {
  margin-bottom: 11px;
}
.footer-wrap .map-box ul.sns li a {
  display: flex;
  align-items: center;
}
.footer-wrap .map-box ul.sns li a [class^=ico-] {
  margin-right: 12px;
}
.footer-wrap .map-box ul.sns li:first-of-type {
  margin-bottom: 17px;
  margin-left: 4px;
}
.footer-wrap .map-box ul.sns li:last-child {
  margin: 0;
}
.footer-wrap .map-box .qr {
  width: 73px;
}
.footer-wrap .newsletter-box {
  width: 416px;
}
.footer-wrap .newsletter-box .form-item .input-label {
  font-size: 12px;
  line-height: 16px;
  color: #777;
}
.footer-wrap .newsletter-box .form-item .input-text {
  width: 308px;
  margin-right: 8px;
  vertical-align: bottom;
}
.footer-wrap .newsletter-box .form-item .input-text .country-code {
  color: #777;
}
.footer-wrap .newsletter-box .form-item .input-text.phone {
  display: inline-flex;
}
.footer-wrap .newsletter-box .form-item .input-text.phone input {
  padding-right: 16px;
  height: 49px;
  line-height: 49px;
}
.footer-wrap .newsletter-box .form-item .btn-type, .footer-wrap .newsletter-box .form-item .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .footer-wrap .newsletter-box .form-item .ui-datepicker-current, .footer-wrap .newsletter-box .form-item .btn-type2 {
  min-width: 100px;
  width: 100px;
  padding: 0;
  background-color: #f9f9f9;
  border-color: #ddd;
  font-size: 14px;
}
.footer-wrap .newsletter-box .form-item + .form-item {
  margin-top: 28px;
}
.footer-wrap .newsletter-box .desc {
  margin-top: 18px;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  color: #bbb;
}
.footer-wrap .newsletter-box .desc a {
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.footer-wrap .terms-box {
  display: flex;
  align-items: center;
}
.footer-wrap .terms-box a {
  font-size: 12px;
  line-height: 16px;
  color: #777;
  cursor: pointer;
}
.footer-wrap .terms-box a + a {
  margin-left: 24px;
}

.quick-wrap {
  position: fixed;
  bottom: 50px;
  right: 8px;
  z-index: 20;
}
.quick-wrap button, .quick-wrap a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40px;
  height: 40px;
  margin-top: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16);
  font-size: 0;
  transition: 0.3s;
}
.quick-wrap button:first-child, .quick-wrap a:first-child {
  margin-top: 0;
}
/* s: WCUSPJ-4559 / 20241127 */
.quick-wrap button.btn-chat, .quick-wrap a.btn-chat,
.quick-wrap button.btn-ai, .quick-wrap a.btn-ai,
.quick-wrap a.btn-recently {
  transform: translateY(0);
}
.quick-wrap button.btn-chat::after, .quick-wrap a.btn-chat::after,
.quick-wrap button.btn-ai::after, .quick-wrap a.btn-ai::after,
.quick-wrap button.btn-recently::after,
.quick-wrap a.btn-recently::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
/* e: WCUSPJ-4559 / 20241127 */
.quick-wrap button.btn-top::after, .quick-wrap a.btn-top::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.gate-wrap {
  padding: 72px 68px;
}
.gate-wrap .title-type4 {
  font-size: 21px;
  line-height: 27px;
}
.gate-wrap .gate-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(50%, 1fr));
  margin-top: 24px;
}
.gate-wrap .gate-inner .gate-box {
  position: relative;
}
.gate-wrap .gate-inner .gate-box a {
  display: block;
  width: 100%;
  height: 100%;
}
.gate-wrap .gate-inner .gate-box a .img-box {
  overflow: hidden;
}
.gate-wrap .gate-inner .gate-box a .img-box img {
  height: auto;
  transition: all 0.3s ease-in-out;
}
.gate-wrap .gate-inner .gate-box a .text-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 60px;
  width: 100%;
  color: #fff;
  text-align: center;
}
.gate-wrap .gate-inner .gate-box a .text-box h3 {
  font-size: 70px;
  font-weight: 300;
  line-height: 90px;
}
.gate-wrap .gate-inner .gate-box a .text-box p {
  margin-top: 24px;
  font-size: 18px;
  line-height: 20px;
}
.gate-wrap .gate-inner .gate-box a:hover .img-box img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

@media all and (max-width: 1470px) {
  .inner-box, .header-wrap .header-inner, .header-wrap .nav-all-wrap {
    padding: 0 48px;
  }
  .top-banner .btn-close {
    right: 48px;
  }
  .top-banner .topbanner-swiper .swiper-button-prev {
    left: 48px;
  }
  .top-banner .topbanner-swiper .swiper-button-next {
    right: 48px;
  }
  .header-wrap .sub-nav-wrap .sub-nav-container {
    padding: 32px 48px;
  }
  .gate-wrap {
    padding: 72px 48px;
  }
  .gate-wrap .gate-inner {
    grid-template-columns: repeat(2, minmax(640px, 1fr));
  }
}
@media all and (min-width: 1920px) {
  .top-banner .btn-close {
    right: 50%;
    margin-right: -895px;
  }
}
@keyframes loading-loop {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.dim {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}
.dim.st-header {
  z-index: 25;
}

.pop-wrap .btn-bottom-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}
.pop-wrap .btn-bottom-wrap a {
  display: block;
  padding: 16px 0;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.pop-wrap .btn-fixed-wrap {
  background-color: #000;
}
.pop-wrap .btn-fixed-wrap .btn-type, .pop-wrap .btn-fixed-wrap .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .pop-wrap .btn-fixed-wrap .ui-datepicker-current, .pop-wrap .btn-fixed-wrap .btn-type2 {
  width: 100%;
  border-radius: 0;
  font-size: 20px;
}
.pop-wrap .btn-wrap [class^=btn-type] {
  width: 100%;
}
.pop-wrap .btn-wrap [class^=btn-type]:nth-child(n+2) {
  margin-left: -1px;
  border-left: none;
}

.pop-layer, .pop-alert {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
}
.pop-layer > .pop-wrap, .pop-alert > .pop-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 434px;
  border-radius: 17px;
  background: #fff;
  transform: translate(-50%, -50%);
}
.pop-layer > .pop-wrap .pop-title, .pop-alert > .pop-wrap .pop-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 30;
  padding: 24px;
  border-bottom: 1px solid #eee;
}
.pop-layer > .pop-wrap .pop-content, .pop-alert > .pop-wrap .pop-content {
  max-height: 62.45vh;
  padding: 24px;
}
.pop-layer > .pop-wrap .pop-content.custom-scroll, .pop-alert > .pop-wrap .pop-content.custom-scroll {
  margin: 10px 0;
  margin-right: 6px;
  padding-right: 18px;
}
.pop-layer > .pop-wrap .pop-content > strong, .pop-alert > .pop-wrap .pop-content > strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.pop-layer > .pop-wrap .pop-content > strong + p, .pop-alert > .pop-wrap .pop-content > strong + p {
  margin-top: 20px;
}
.pop-layer > .pop-wrap .pop-content > p, .pop-alert > .pop-wrap .pop-content > p {
  font-size: 12px;
  line-height: 18px;
}
.pop-layer > .pop-wrap .pop-content .text, .pop-alert > .pop-wrap .pop-content .text {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.pop-layer > .pop-wrap .pop-content .form-item .input-label, .pop-alert > .pop-wrap .pop-content .form-item .input-label {
  font-size: 14px;
  line-height: 20px;
}
.pop-layer > .pop-wrap .pop-content.v2, .pop-alert > .pop-wrap .pop-content.v2 {
  padding: 0;
}
.pop-layer > .pop-wrap .btn-wrap, .pop-alert > .pop-wrap .btn-wrap {
  margin-top: 0;
}

.pop-alert {
  z-index: 301;
}
.pop-alert .pop-wrap .pop-content {
  padding: 40px 24px;
}
.pop-alert .pop-wrap .pop-content p {
  margin: 0;
}
.pop-alert .pop-wrap .pop-content p.text {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.pop-bottom {
  visibility: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.pop-bottom > .pop-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  border-top-left-radius: 17px;
  border-top-right-radius: 17px;
  background-color: #fff;
}
.pop-bottom > .pop-wrap .pop-content {
  position: relative;
  padding: 34px 40px 20px;
  text-align: center;
}
.pop-bottom > .pop-wrap .pop-content > strong {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.pop-bottom > .pop-wrap .pop-content > p {
  font-size: 14px;
  line-height: 20px;
}
.pop-bottom > .pop-wrap .btn-wrap {
  margin-top: 0;
}

.pop-swiper > .pop-wrap .pop-content {
  display: block;
  padding: 40px 20px;
}

.pop-close {
  z-index: 10;
}

.toast-box {
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50px);
  z-index: -1;
  width: 90%;
  height: 50px;
  padding: 0 20px;
  border-radius: 7px;
  background-color: #FF563F;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  transition: all 0.5s ease-in-out;
}
.toast-box.active {
  opacity: 1;
  z-index: 10;
  transform: translate(-50%, -50px);
}

#pop-cookie::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}
#pop-cookie .dim {
  display: none !important;
}
#pop-cookie .pop-wrap .pop-content {
  padding: 24px;
}
#pop-cookie .pop-wrap .pop-content .btn-type2 {
  margin-top: 22px;
}

#pop-promotion .dim {
  opacity: 0;
}
#pop-promotion .pop-wrap {
  left: initial;
  right: 100px;
  width: 375px;
  background-color: transparent;
}
#pop-promotion .pop-wrap .pop-content {
  justify-content: center;
  padding: 0;
}
#pop-promotion .pop-wrap .btn-wrap {
  background-color: #fff;
}

#pop-country .pop-wrap {
  width: 434px;
  height: 683px;
  overflow: hidden;
}
#pop-country .pop-wrap .pop-content {
  overflow: hidden;
  position: relative;
  padding-top: 0;
}
#pop-country .pop-wrap .country-top {
  transition: none;
  background-color: #fff;
}
#pop-country .pop-wrap .country-top .country-info {
  padding-top: 24px;
}
#pop-country .pop-wrap .country-top .country-info p {
  font-size: 12px;
  line-height: 16px;
  color: #bbb;
}
#pop-country .pop-wrap .country-top .country-info .selected-country {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 13px;
  line-height: 18px;
}
#pop-country .pop-wrap .country-top .country-info .selected-country .ico-flag {
  border: 1px solid #eee;
  margin-right: 10px;
}
#pop-country .pop-wrap .country-top .country-info .selected-country .currency {
  margin-left: 2px;
}
#pop-country .pop-wrap .country-top .country-form {
  margin: 8px 0 0;
}
#pop-country .pop-wrap .country-top .country-form .form-btns .btn-search {
  background-color: #000 !important;
}
#pop-country .pop-wrap .country-box {
  position: relative;
  z-index: 10;
  margin-top: 16px;
  margin-bottom: 40px;
  background-color: #fff;
}
#pop-country .pop-wrap .country-box .country-swiper {
  position: relative;
  padding: 0 20px;
}
#pop-country .pop-wrap .country-box .country-swiper::before {
  content: "";
  width: 50px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(to right, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0));
  z-index: 10;
}
#pop-country .pop-wrap .country-box .country-swiper::after {
  content: "";
  width: 50px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: linear-gradient(to left, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0));
  z-index: 10;
}
#pop-country .pop-wrap .country-box .country-swiper.end::after {
  display: none;
}
#pop-country .pop-wrap .country-box .country-swiper.start::before, #pop-country .pop-wrap .country-box .country-swiper.c-start::before {
  display: none;
}
#pop-country .pop-wrap .country-box .swiper-wrapper .swiper-slide {
  width: 20px;
  height: 24px;
  line-height: 24px;
  text-align: center;
}
#pop-country .pop-wrap .country-box .swiper-wrapper .swiper-slide a {
  font-size: 13px;
  color: #bbb;
}
#pop-country .pop-wrap .country-box .swiper-wrapper .swiper-slide.active a {
  color: #000;
}
#pop-country .pop-wrap .country-box [class^=swiper-button-] {
  width: 20px;
  height: 20px;
  margin-top: -9px;
  background-color: #fff;
}
#pop-country .pop-wrap .country-box [class^=swiper-button-]::after {
  content: "";
  display: block;
}
#pop-country .pop-wrap .country-box [class^=swiper-button-].swiper-button-next {
  right: -5px;
  transform: rotate(-90deg);
}
#pop-country .pop-wrap .country-box [class^=swiper-button-].swiper-button-prev {
  left: -5px;
  transform: rotate(90deg);
}
#pop-country .pop-wrap .country-box [class^=swiper-button-].swiper-button-disabled {
  opacity: 1;
}
#pop-country .pop-wrap .country-box [class^=swiper-button-].swiper-button-disabled::after {
  background-color: #bbb;
}
#pop-country .pop-wrap .country-wrap {
  position: relative;
}
#pop-country .pop-wrap .country-wrap.custom-scroll {
  margin-right: -20px;
}
#pop-country .pop-wrap .country-list {
  height: 100%;
  max-height: 360px;
}
#pop-country .pop-wrap .country-list .list-box {
  padding-right: 16px;
}
#pop-country .pop-wrap .country-list .list-box .title {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
#pop-country .pop-wrap .country-list .list-box ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
}
#pop-country .pop-wrap .country-list .list-box ul li .country-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pop-country .pop-wrap .country-list .list-box ul li .country-label .ico-flag {
  margin-right: 18px;
}
#pop-country .pop-wrap .country-list .list-box ul li + li {
  margin-top: 16px;
}
#pop-country .pop-wrap .country-list .list-box + .list-box {
  margin-top: 40px;
}

.pop-side {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
}
.pop-side.active > .pop-wrap {
  transform: translateX(0);
  transition: transform 0.5s ease-out;
}
.pop-side > .pop-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 460px;
  background: #fff;
  padding: 40px 24px;
  transform: translateX(100%);
  max-height: 100vh;
  overflow-y: auto;
}
.pop-side > .pop-wrap .pop-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop-side > .pop-wrap .pop-title .title-type {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.pop-side > .pop-wrap > .btn-wrap {
  margin-top: auto;
}
.pop-side > .pop-wrap > .btn-wrap .btn-type, .pop-side > .pop-wrap > .btn-wrap .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .pop-side > .pop-wrap > .btn-wrap .ui-datepicker-current, .pop-side > .pop-wrap > .btn-wrap .btn-type2 {
  min-width: auto;
}
.pop-side > .pop-wrap .option-box {
  margin-bottom: 24px;
}

.pop-images {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
}
.pop-images .pop-wrap {
  padding: 0 117px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.pop-images .pop-wrap .pop-close {
  position: absolute;
  right: 0;
  top: 0;
}
.pop-images .pop-wrap .pop-close .ico-close, .pop-images .pop-wrap .pop-close .cart-item .btn-del::after, .cart-item .pop-images .pop-wrap .pop-close .btn-del::after, .pop-images .pop-wrap .pop-close .file-type.img .btn-clear::after, .file-type.img .pop-images .pop-wrap .pop-close .btn-clear::after {
  width: 20px;
  height: 20px;
  background-color: #fff;
}
.pop-images .pop-wrap .pop-content {
  position: relative;
  width: 635px;
  height: 635px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-images .pop-wrap .swiper-slide {
  overflow: hidden;
  width: 100%;
  height: 635px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
}
.pop-images .pop-wrap .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.pop-images .pop-wrap .swiper-button-prev {
  left: -135px;
}
.pop-images .pop-wrap .swiper-button-next {
  right: -135px;
}
.pop-images .pop-wrap .video-wrap {
  position: relative;
  width: 635px;
  height: 635px;
}
.pop-images .pop-wrap .video-wrap .video-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.pop-images .pop-wrap .video-wrap .video-area iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-width: 100%;
}

#pop-notice .pop-wrap {
  width: 375px;
  background-color: transparent;
}
#pop-notice .pop-wrap .pop-content {
  max-height: 62.45vh;
}
#pop-notice .pop-wrap .pop-content .promotion-swiper {
  max-height: 62.45vh;
}
#pop-notice .pop-wrap .btn-wrap {
  background-color: #fff;
}

.pop-gate {
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
}
.pop-gate > .pop-wrap {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 10;
  width: 100%;
  height: 100vh;
  background: #fff;
}
.pop-gate > .pop-wrap .pop-content {
  overflow: auto;
}

.btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.btn-wrap [class^=btn-type]:nth-child(n+2) {
  margin-left: 8px;
}
.btn-wrap.v2 [class^=btn-type] {
  width: 100%;
}
.btn-wrap.v2 [class^=btn-type]:nth-child(n+2) {
  margin-left: -1px;
}

.btn-wrap2 {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.btn-wrap2 [class^=btn-type] {
  width: inherit;
}

.btn-wrap3 [class^=btn-type] {
  width: 100%;
}
.btn-wrap3 [class^=btn-type]:nth-child(n+2) {
  margin-top: 16px;
}

.fixed-bottom {
  overflow: hidden;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 30;
  width: 100%;
  margin-top: 0;
}

[class^=btn-type] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
[class^=btn-type] [class^=ico-arr] {
  margin-left: 10px;
}

.btn-type, .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .btn-type2 {
  min-width: 230px;
  height: 50px;
  padding: 0 20px;
  border: 1px solid #000;
  background-color: #fff;
  font-size: 18px;
  color: #000;
}
.btn-type.v2, .ui-datepicker .ui-datepicker-buttonpane .v2.ui-datepicker-current, .v2.btn-type2 {
  border-color: #bbb;
}
.btn-type.v3, .ui-datepicker .ui-datepicker-buttonpane .v3.ui-datepicker-current, .v3.btn-type2 {
  background-color: #000;
  color: #fff;
}
.btn-type.v4, .ui-datepicker .ui-datepicker-buttonpane .v4.ui-datepicker-current, .v4.btn-type2 {
  background-color: #FF563F;
  border-color: #FF563F;
  color: #fff;
}
.btn-type.v5, .ui-datepicker .ui-datepicker-buttonpane .v5.ui-datepicker-current, .v5.btn-type2 {
  border-color: #FF563F;
}
.btn-type.disabled, .ui-datepicker .ui-datepicker-buttonpane .disabled.ui-datepicker-current, .disabled.btn-type2 {
  border-color: #ddd;
  background-color: #ddd;
  color: #bbb;
}
.btn-type.btn-full, .ui-datepicker .ui-datepicker-buttonpane .btn-full.ui-datepicker-current, .btn-full.btn-type2 {
  width: 100%;
}
.btn-type.btn-mid, .ui-datepicker .ui-datepicker-buttonpane .btn-mid.ui-datepicker-current, .btn-mid.btn-type2 {
  width: 476px;
}
.btn-type.btn-sm, .ui-datepicker .ui-datepicker-buttonpane .btn-sm.ui-datepicker-current, .btn-sm.btn-type2 {
  width: 292px;
}
.btn-type.btn-xs, .ui-datepicker .ui-datepicker-buttonpane .btn-xs.ui-datepicker-current, .btn-xs.btn-type2 {
  min-width: auto;
  width: 160px;
  height: 30px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.btn-type2 {
  min-width: 193px;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 400;
}

.btn-type3 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  height: 50px;
}
.btn-type3 button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #000;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.btn-type3 button.v2 {
  display: block;
}
.btn-type3 button.v2 p {
  margin-bottom: 2px;
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}
.btn-type3 button.btn-wish {
  width: 102px;
  margin-right: 2px;
}
.btn-type3 button.btn-wish + button {
  width: calc(100% - 104px);
}
.btn-type3 button em {
  font-size: 14px;
}
.btn-type3 button em + span {
  position: relative;
  padding-left: 20px;
}
.btn-type3 button em + span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 1px;
  height: 11px;
  background-color: #fff;
}
.btn-type3 button span {
  font-size: 18px;
  font-weight: 500;
}
.btn-type3.disabled button {
  background: #eee;
  color: #bbb;
}
.btn-type3.disabled button.btn-wish .ico-like, .btn-type3.disabled button.btn-wish .cart-item .product-btn .btn-wish::before, .cart-item .product-btn .btn-type3.disabled button.btn-wish .btn-wish::before {
  background-color: #000;
}
.btn-type3.disabled button.btn-wish.active .ico-like, .btn-type3.disabled button.btn-wish.active .cart-item .product-btn .btn-wish::before, .cart-item .product-btn .btn-type3.disabled button.btn-wish.active .btn-wish::before {
  background-color: #FF563F;
}

.btn-type4 {
  font-size: 14px;
  line-height: 20px;
}
.btn-type4 .ico-arr2, .btn-type4 .option-wrap .option-inner .option-info .btn-type2::after, .option-wrap .option-inner .option-info .btn-type4 .btn-type2::after, .btn-type4 .review-wrap .review-item .item-cont .content.more .btn-more::after, .review-wrap .review-item .item-cont .content.more .btn-type4 .btn-more::after, .btn-type4 .toggle-wrap li .btn-toggle::after, .toggle-wrap li .btn-type4 .btn-toggle::after, .btn-type4 .promotion-swiper .swiper-paging2 .swiper-button-prev, .promotion-swiper .swiper-paging2 .btn-type4 .swiper-button-prev,
.btn-type4 .promotion-swiper .swiper-paging2 .swiper-button-next,
.promotion-swiper .swiper-paging2 .btn-type4 .swiper-button-next, .btn-type4 .swiper-paging2 [class^=swiper-button-], .swiper-paging2 .btn-type4 [class^=swiper-button-], .btn-type4 .select-type2 .select-option::after, .select-type2 .btn-type4 .select-option::after, .btn-type4 #pop-country .pop-wrap .country-box [class^=swiper-button-]::after, #pop-country .pop-wrap .country-box .btn-type4 [class^=swiper-button-]::after {
  margin-left: 4px;
  background-color: #000;
}
.btn-type4.v2 {
  color: #777;
}
.btn-type4.v3 {
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.btn-type4.v4 {
  font-size: 15px;
  line-height: 22px;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.btn-type4.bd {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #ddd;
  border-radius: 20px;
}

.btn-type5 {
  height: 50px;
  padding: 0 10px;
  border: 1px solid #eee;
  font-size: 13px;
  line-height: 18px;
  color: #999;
}
.btn-type5.v2 {
  color: #000;
}

.filter-box {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 4px;
}
.filter-box .btn-clear {
  padding: 4px;
  border: 1px solid #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.filter-box .filter-option {
  display: inline-flex;
  padding: 8px 9px 8px 10px;
  gap: 7px;
  align-items: center;
  border: 1px solid #000;
}
.filter-box .filter-option .text {
  font-size: 12px;
  line-height: 12px;
  color: #000;
}
.filter-box .btn-del {
  display: inline-flex;
  width: 12px;
  height: 12px;
  align-items: center;
  justify-content: center;
}

.tab-type {
  display: flex;
  margin: 0 auto;
}
.tab-type li {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
  background-color: #F8F8F8;
}
.tab-type li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #eee;
}
.tab-type li:not(:last-child) {
  border-right-width: 0;
}
.tab-type li a {
  position: relative;
  display: block;
  height: 60px;
  font-size: 18px;
  color: #777;
  line-height: 60px;
  transition: 0.1s;
}
.tab-type li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tab-type li a .count {
  padding-left: 4px;
}
.tab-type li.active {
  background-color: #fff;
  border: 1px solid #000;
}
.tab-type li.active:not(:last-child) {
  border-right-width: 0;
}
.tab-type li.active:not(:last-child) + li {
  border-left-color: #000;
}
.tab-type li.active a {
  color: #000;
}
.tab-type li.active::before {
  border-color: #000;
}

.tab-type2 {
  display: flex;
  margin: 0 auto;
}
.tab-type2 li:not(:first-child) {
  margin-left: 32px;
}
.tab-type2 li a {
  position: relative;
  font-size: 20px;
  color: #bbb;
}
.tab-type2 li a::before {
  visibility: hidden;
  display: block;
  height: 0;
  font-weight: 500;
  content: attr(data-text);
}
.tab-type2 li a:hover, .tab-type2 li.active a {
  color: #000;
  font-weight: 500;
}

.tab-type3 {
  display: flex;
}
.tab-type3 li {
  position: relative;
  width: 100%;
  height: 45px;
  border: 1px solid #ddd;
  border-bottom-color: #000;
}
.tab-type3 li:not(:last-child) {
  border-right-width: 0;
}
.tab-type3 li.active {
  border-color: #000;
  border-bottom-color: #fff;
}
.tab-type3 li.active + li {
  border-left-color: #000;
}
.tab-type3 li.active a {
  color: #000;
}
.tab-type3 li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  color: #bbb;
  z-index: 11;
  word-break: keep-all;
  text-align: center;
}

.tab-type4 {
  display: flex;
  gap: 0 40px;
}
.tab-type4 li a {
  position: relative;
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #bbb;
  border-bottom: 1px solid transparent;
}
.tab-type4 li.active a {
  color: #000;
  border-bottom-color: #000;
}
.tab-type4.v2 {
  gap: 0 32px;
}
.tab-type4.v2 li a {
  color: #aaa;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
}
.tab-type4.v2 li.active a {
  color: #000;
  border-bottom: 1px solid transparent;
}
.tab-type4.v3 {
  gap: 0 30px;
}
.tab-type4.v3 li a {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.tab-wrap {
  margin-top: 40px;
}
.tab-wrap:first-child {
  margin-top: 0;
}
.tab-wrap .tab-content {
  display: none;
}
.tab-wrap .tab-content.active {
  display: block;
}
.tab-wrap .tab-content2 {
  display: none;
}
.tab-wrap .tab-content2.active {
  display: block;
}

.paging-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 64px;
}
.paging-wrap button {
  position: relative;
  min-width: 20px;
  margin: 0 4px;
  font-size: 13px;
  color: #bbb;
  text-align: center;
}
.paging-wrap button.active {
  color: #000;
}
.paging-wrap button.first, .paging-wrap button.last {
  margin: 0;
}
.paging-wrap button.first::after, .paging-wrap button.last::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L11 11' stroke='%23BBBBBB'/%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23BBBBBB'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1L6 6L11 11' stroke='%23BBBBBB'/%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23BBBBBB'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #bbb;
}
.paging-wrap button.last {
  transform: rotate(180deg);
}
.paging-wrap button.prev, .paging-wrap button.next {
  margin: 0;
}
.paging-wrap button.prev::after, .paging-wrap button.next::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 10px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23BBBBBB'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='%23BBBBBB'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #bbb;
}
.paging-wrap button.prev:disabled::after, .paging-wrap button.next:disabled::after {
  background-color: #ddd;
}
.paging-wrap button.next::after {
  transform: rotate(180deg);
}

/* icon */
[class^=ico-] {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-position: 50% 50%;
  background-size: contain;
  font-size: 0;
}

.ico-circle {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #FF563F;
}

.ico-flag {
  width: 20px;
  height: 20px;
  overflow: hidden;
  border-radius: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #eee;
}

.ico-logo {
  display: block;
  width: 160px;
  height: 20px;
  background: url("../images/logo4.svg") no-repeat;
}

@media (max-width: 1400px) {
  .ico-logo {
    width: 31px;
    background: url("../images/logo5.svg") no-repeat;
  }
}

.ico-logo2 {
  display: block;
  width: 30px;
  height: 20px;
  background-image: url("../images/logo2.svg");
}

.ico-logo3 {
  width: 174px;
  height: 22px;
  background-image: url("../images/logo3.svg");
}

.ico-clear, .search-form.v2 .form-btns .btn-clear, .form-item .form-btns .btn-clear {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_clear.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-hide, .form-item .form-btns .btn-eye {
  display: inline-block;
  width: 16px;
  height: 15px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_hide.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-show, .form-item .input-text.active .form-btns .btn-eye {
  display: inline-block;
  width: 16px;
  height: 15px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_show.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-info {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_info.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-info2 {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_info2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-info3, .info-type::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_info3.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-map {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_map.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-bell {
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_bell.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-attention {
  display: inline-block;
  width: 120px;
  height: 120px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_attention.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-alarm {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_alarm.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-my {
  display: inline-block;
  width: 21px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_my.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-cart {
  display: inline-block;
  width: 20px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_cart.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-youtube {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_youtube.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-hongsha {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_hongsha.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-instagram {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_instagram.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-pinterest {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_pinterest.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-nodata {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_nodata.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-download {
  display: inline-block;
  width: 14px;
  height: 16px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_download.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-like-off {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_like_off.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-like-on {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_like_on.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-chat, .quick-wrap button.btn-chat::after, .quick-wrap a.btn-chat::after {
  display: inline-block;
  width: 20px;
  height: 22px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_chat.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* s: WCUSPJ-4559 / 20241127 */
.ico-recently,
.quick-wrap button.btn-recently::after,
.quick-wrap a.btn-recently::after {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_recently.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

/* e: WCUSPJ-4559 / 20241127 */

.ico-top, .quick-wrap button.btn-top::after, .quick-wrap a.btn-top::after {
  display: inline-block;
  width: 15px;
  height: 19px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_top.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-refresh {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_refresh.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-google {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_google.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-facebook {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_facebook.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-apple {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_apple.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-amazon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_amazon.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem1 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem1.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem2 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem3 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem3.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem4 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem4.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem5 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem5.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-mem6 {
  display: inline-block;
  width: 55px;
  height: 55px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem6.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-amazon2 {
  display: inline-block;
  width: 118px;
  height: 32px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_amazon2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-paypal {
  display: inline-block;
  width: 72px;
  height: 19px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_paypal.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-master {
  display: inline-block;
  width: 45px;
  height: 32px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_master.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-visa {
  display: inline-block;
  width: 45px;
  height: 32px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_visa.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-card {
  display: inline-block;
  width: 45px;
  height: 32px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_card.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-share {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_share.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-play {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_play.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-fit {
  display: inline-block;
  width: 20px;
  height: 17px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_fit.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-email {
  display: inline-block;
  width: 13px;
  height: 13px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_email.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-url {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_url.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-facebook2 {
  display: inline-block;
  width: 7px;
  height: 15px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_facebook2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-pinterest2 {
  display: inline-block;
  width: 11px;
  height: 14px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_pinterest2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-benefit01 {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem2.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-benefit02 {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_mem4.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.ico-arr, .option-box .option-item .title::after, .btn-option::after, .select-type::after {
  position: relative;
  width: 14px;
  height: 8px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.636038 0.636039L7 7L13.364 0.636038' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.636038 0.636039L7 7L13.364 0.636038' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.ico-arr.up, .option-box .option-item .up.title::after, .up.btn-option::after, .up.select-type::after {
  transform: rotate(180deg);
}
.ico-arr.right, .option-box .option-item .right.title::after, .right.btn-option::after, .right.select-type::after {
  transform: rotate(-90deg);
}
.ico-arr.left, .option-box .option-item .left.title::after, .left.btn-option::after, .left.select-type::after {
  transform: rotate(90deg);
}
.ico-arr.v2, .option-box .option-item .v2.title::after, .v2.btn-option::after, .v2.select-type::after {
  width: 6px;
  height: 6px;
}

.ico-arr2, .option-wrap .option-inner .option-info .btn-type2::after, .review-wrap .review-item .item-cont .content.more .btn-more::after, .toggle-wrap li .btn-toggle::after, .promotion-swiper .swiper-paging2 .swiper-button-prev,
.promotion-swiper .swiper-paging2 .swiper-button-next, .swiper-paging2 [class^=swiper-button-].swiper-button-prev, .swiper-paging2 [class^=swiper-button-].swiper-button-next, .swiper-paging2 [class^=swiper-button-], .select-type2 .select-option::after, #pop-country .pop-wrap .country-box [class^=swiper-button-]::after {
  width: 10px;
  height: 6px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M9.24219 0.757812L5 5L0.757814 0.75781' stroke='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M9.24219 0.757812L5 5L0.757814 0.75781' stroke='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.ico-arr2.up, .option-wrap .option-inner .option-info .up.btn-type2::after, .review-wrap .review-item .item-cont .content.more .up.btn-more::after, .toggle-wrap li .up.btn-toggle::after, .promotion-swiper .swiper-paging2 .up.swiper-button-prev,
.promotion-swiper .swiper-paging2 .up.swiper-button-next, .swiper-paging2 .up[class^=swiper-button-], .select-type2 .up.select-option::after, #pop-country .pop-wrap .country-box .up[class^=swiper-button-]::after {
  transform: rotate(180deg);
}
.ico-arr2.right, .option-wrap .option-inner .option-info .right.btn-type2::after, .review-wrap .review-item .item-cont .content.more .right.btn-more::after, .toggle-wrap li .right.btn-toggle::after, .promotion-swiper .swiper-paging2 .right.swiper-button-prev,
.promotion-swiper .swiper-paging2 .right.swiper-button-next, .swiper-paging2 .right[class^=swiper-button-], .select-type2 .right.select-option::after, #pop-country .pop-wrap .country-box .right[class^=swiper-button-]::after {
  transform: rotate(-90deg);
}
.ico-arr2.left, .option-wrap .option-inner .option-info .left.btn-type2::after, .review-wrap .review-item .item-cont .content.more .left.btn-more::after, .toggle-wrap li .left.btn-toggle::after, .promotion-swiper .swiper-paging2 .left.swiper-button-prev,
.promotion-swiper .swiper-paging2 .left.swiper-button-next, .swiper-paging2 .left[class^=swiper-button-], .select-type2 .left.select-option::after, #pop-country .pop-wrap .country-box .left[class^=swiper-button-]::after {
  transform: rotate(90deg);
}

.ico-arr3, .location a::after {
  width: 12px;
  height: 6px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.908343 0.75736L5.99951 5L11.0907 0.757359' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.908343 0.75736L5.99951 5L11.0907 0.757359' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}

.ico-arr4, .swiper-button-prev::after,
.swiper-button-next::after {
  width: 85px;
  height: 85px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='85' height='85' viewBox='0 0 85 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.0001 58L32.0001 42.5L53.0001 27' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='85' height='85' viewBox='0 0 85 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M53.0001 58L32.0001 42.5L53.0001 27' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.ico-arr4.right, .right.swiper-button-prev::after,
.right.swiper-button-next::after {
  transform: rotate(180deg);
}

.ico-arr5, .promotion-swiper .swiper-button-prev,
.promotion-swiper .swiper-button-next, .swiper-button-prev.v2::after,
.swiper-button-next.v2::after, .top-banner .topbanner-swiper .swiper-button-prev,
.top-banner .topbanner-swiper .swiper-button-next {
  width: 20px;
  height: 27px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27' viewBox='0 0 20 27' fill='none'%3E%3Cpath d='M19 26L2 13.5L19 1.00001' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='27' viewBox='0 0 20 27' fill='none'%3E%3Cpath d='M19 26L2 13.5L19 1.00001' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.ico-arr5.right, .promotion-swiper .right.swiper-button-prev,
.promotion-swiper .right.swiper-button-next, .right.swiper-button-prev.v2::after,
.right.swiper-button-next.v2::after, .top-banner .topbanner-swiper .right.swiper-button-prev,
.top-banner .topbanner-swiper .right.swiper-button-next {
  transform: rotate(180deg);
}

.ico-plus {
  width: 11px;
  height: 11px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='5' width='11' height='1' fill='black'/%3E%3Crect x='6' width='11' height='1' transform='rotate(90 6 0)' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='5' width='11' height='1' fill='black'/%3E%3Crect x='6' width='11' height='1' transform='rotate(90 6 0)' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.ico-plus.v2 {
  width: 7px;
  height: 7px;
}
.ico-plus.v3 {
  width: 10px;
  height: 10px;
  background-color: #777;
}

.ico-minus {
  width: 10px;
  height: 10px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L-2.50326e-07 1' stroke='%23777777'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='10' height='2' viewBox='0 0 10 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1L-2.50326e-07 1' stroke='%23777777'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #777;
}

.ico-close, .cart-item .btn-del::after, .file-type.img .btn-clear::after {
  width: 15px;
  height: 15px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.561523L14 13.9458M14 0.561523L1 13.9458' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.561523L14 13.9458M14 0.561523L1 13.9458' stroke='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.ico-close.v2, .cart-item .v2.btn-del::after, .file-type.img .v2.btn-clear::after {
  width: 8px;
  height: 8px;
}

.ico-close2 {
  width: 10px;
  height: 10px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.49912 5.70622L7.46786 8.67497L8.17497 7.96786L5.20622 4.99911L5.20907 4.99627L5.22098 4.98435L5.2329 4.97244L5.61646 4.58888L5.62853 4.5768L5.64062 4.56472L5.6648 4.54053L5.68902 4.51632L5.71326 4.49208L5.73753 4.4678L5.74968 4.45566L5.76183 4.4435L5.774 4.43134L5.78617 4.41917L5.81053 4.3948L6.0067 4.19864L6.03138 4.17395L6.04374 4.16159L6.05611 4.14923L6.08088 4.12446L6.09328 4.11206L6.10569 4.09965L6.15544 4.0499L6.1679 4.03743L6.18038 4.02496L6.19287 4.01247L6.20536 3.99997L6.21787 3.98746L6.23039 3.97494L6.24293 3.96241L6.25547 3.94987L6.30577 3.89957L6.33099 3.87435L6.34362 3.86172L6.35626 3.84908L6.40695 3.79838L6.82057 3.38476L7.03344 3.1719L7.06036 3.14498L7.07385 3.13149L7.08735 3.11798L7.10088 3.10446L7.11442 3.09092L7.12798 3.07735L7.14156 3.06377L7.16878 3.03656L7.19607 3.00926L7.20975 2.99559L7.22344 2.98189L7.23716 2.96818L7.25089 2.95445L7.36147 2.84386L7.37539 2.82995L7.38932 2.81602L7.40327 2.80206L7.41725 2.78809L7.44526 2.76008L7.47336 2.73198L7.5866 2.61874L7.64375 2.56159L7.70125 2.50409L7.73014 2.4752L7.74462 2.46072L7.75912 2.44622L7.77365 2.43169L7.78819 2.41714L7.81736 2.38797L7.83198 2.37336L7.84662 2.35871L7.86129 2.34405L7.87598 2.32935L7.8907 2.31464L7.90544 2.2999L7.9202 2.28514L7.93499 2.27035L7.9498 2.25554L7.96464 2.2407L7.9795 2.22584L7.99438 2.21095L8.0093 2.19604L8.02423 2.18111L8.03919 2.16614L8.05418 2.15116L8.06919 2.13615L8.08423 2.12111L8.09929 2.10605L8.11438 2.09096L8.12949 2.07585L8.14463 2.06071L8.1598 2.04554L8.17499 2.03035L7.46788 1.32324L7.45269 1.33843L7.43752 1.3536L7.42238 1.36874L7.40727 1.38385L7.39218 1.39894L7.37712 1.414L7.36208 1.42904L7.34707 1.44405L7.33209 1.45904L7.31712 1.474L7.30219 1.48893L7.28728 1.50385L7.25753 1.53359L7.24269 1.54843L7.22788 1.56324L7.21309 1.57803L7.19833 1.59279L7.18359 1.60753L7.16888 1.62225L7.13952 1.65161L7.12487 1.66625L7.11026 1.68087L7.08109 1.71004L7.06654 1.72458L7.05201 1.73911L7.03751 1.75361L7.02303 1.76809L7.00858 1.78255L6.99414 1.79698L6.54379 2.24734L6.48897 2.30216L6.46167 2.32945L6.43446 2.35667L6.42088 2.37025L6.40731 2.38381L6.39377 2.39735L6.38025 2.41088L6.36674 2.42438L6.35325 2.43787L6.33978 2.45134L6.32633 2.46479L6.11347 2.67766L5.69985 3.09128L5.67448 3.11665L5.64915 3.14197L5.63651 3.15461L5.62388 3.16724L5.61127 3.17986L5.59866 3.19246L5.58607 3.20505L5.57349 3.21763L5.56092 3.2302L5.54836 3.24276L5.49826 3.29287L5.48576 3.30536L5.47327 3.31785L5.4608 3.33033L5.44833 3.34279L5.39858 3.39254L5.37377 3.41735L5.34901 3.44212L5.32428 3.46685L5.31193 3.4792L5.29959 3.49153L5.10343 3.6877L4.90935 3.88177L4.81296 3.97816L4.78893 4.0022L4.76491 4.02621L4.74092 4.05021L4.71694 4.07418L4.69299 4.09813L4.66905 4.12207L4.64514 4.14599L4.63319 4.15794L4.62124 4.16989L4.52579 4.26533L4.49912 4.29201L1.53035 1.32324L0.823242 2.03035L3.79201 4.99912L3.78918 5.00194L3.76535 5.02577L3.75343 5.03769L3.74151 5.04961L3.72959 5.06154L3.71766 5.07346L3.70573 5.0854L3.69379 5.09733L3.68185 5.10927L3.66991 5.12122L3.65796 5.13317L3.64601 5.14512L3.62209 5.16903L3.61012 5.181L3.59815 5.19297L3.58618 5.20495L3.5742 5.21692L3.55023 5.2409L3.53823 5.25289L3.52623 5.26489L3.51423 5.2769L3.50222 5.28891L3.47818 5.31294L3.46615 5.32497L3.45412 5.33701L3.43004 5.36109L3.38179 5.40933L3.36972 5.42141L3.35763 5.43349L3.34554 5.44558L3.33345 5.45768L3.32134 5.46978L3.30923 5.48189L3.29712 5.49401L3.28499 5.50613L3.26072 5.53041L3.23642 5.55471L3.22425 5.56687L3.21208 5.57904L3.18772 5.60341L3.16332 5.6278L3.15111 5.64002L3.13889 5.65224L3.08992 5.7012L3.04081 5.75031L3.02851 5.76261L3.0162 5.77492L2.99155 5.79957L2.97922 5.81191L2.96687 5.82426L2.94214 5.84899L2.91737 5.87375L2.89256 5.89856L2.84281 5.94831L2.83035 5.96078L2.81787 5.97325L2.80538 5.98574L2.79289 5.99824L2.69248 6.09864L2.67988 6.11125L2.66726 6.12386L2.65463 6.13649L2.64199 6.14913L2.62934 6.16179L2.61667 6.17446L2.5913 6.19983L2.54039 6.25073L2.51486 6.27626L2.50207 6.28905L2.48927 6.30185L2.43793 6.35319L2.42506 6.36606L2.41218 6.37895L2.39928 6.39185L2.38636 6.40476L2.17768 6.61345L1.96481 6.82631L1.85669 6.93444L1.82947 6.96166L1.80218 6.98895L1.77481 7.01632L1.76109 7.03003L1.74736 7.04377L1.63678 7.15435L1.581 7.21012L1.56701 7.22412L1.55299 7.23813L1.53895 7.25217L1.52489 7.26623L1.46844 7.32268L1.45428 7.33684L1.44009 7.35103L1.42588 7.36524L1.41165 7.37947L1.297 7.49412L0.823262 7.96786L1.53037 8.67497L1.59098 8.61436L1.65118 8.55416L1.71097 8.49436L1.72586 8.47948L1.74072 8.46462L1.77037 8.43497L2.00411 8.20123L2.06161 8.14373L2.09023 8.11511L2.1045 8.10083L2.11876 8.08658L2.13299 8.07235L2.1472 8.05814L2.16139 8.04395L2.17555 8.02979L2.232 7.97334L2.24606 7.95928L2.2601 7.94524L2.27411 7.93122L2.28811 7.91723L2.34388 7.86145L2.45446 7.75087L2.56379 7.64154L2.67192 7.53342L2.88478 7.32055L3.09347 7.11187L3.10639 7.09895L3.11928 7.08605L3.13217 7.07317L3.14504 7.0603L3.19638 7.00896L3.20918 6.99616L3.22197 6.98337L3.2475 6.95784L3.27298 6.93236L3.2857 6.91964L3.2984 6.90694L3.39959 6.80575L3.49999 6.70534L3.54992 6.65542L3.59967 6.60567L3.62448 6.58086L3.64925 6.55609L3.69866 6.50668L3.89482 6.31051L3.9921 6.21324L4.01634 6.189L4.02845 6.17689L4.04055 6.16478L4.05265 6.15269L4.06474 6.1406L4.07682 6.12851L4.0889 6.11644L4.28131 5.92403L4.30526 5.90008L4.31723 5.88811L4.3292 5.87614L4.37701 5.82832L4.38896 5.81638L4.4009 5.80444L4.42477 5.78057L4.47246 5.73288L4.49629 5.70905L4.49912 5.70622Z' fill='%23BBBBBB'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.49912 5.70622L7.46786 8.67497L8.17497 7.96786L5.20622 4.99911L5.20907 4.99627L5.22098 4.98435L5.2329 4.97244L5.61646 4.58888L5.62853 4.5768L5.64062 4.56472L5.6648 4.54053L5.68902 4.51632L5.71326 4.49208L5.73753 4.4678L5.74968 4.45566L5.76183 4.4435L5.774 4.43134L5.78617 4.41917L5.81053 4.3948L6.0067 4.19864L6.03138 4.17395L6.04374 4.16159L6.05611 4.14923L6.08088 4.12446L6.09328 4.11206L6.10569 4.09965L6.15544 4.0499L6.1679 4.03743L6.18038 4.02496L6.19287 4.01247L6.20536 3.99997L6.21787 3.98746L6.23039 3.97494L6.24293 3.96241L6.25547 3.94987L6.30577 3.89957L6.33099 3.87435L6.34362 3.86172L6.35626 3.84908L6.40695 3.79838L6.82057 3.38476L7.03344 3.1719L7.06036 3.14498L7.07385 3.13149L7.08735 3.11798L7.10088 3.10446L7.11442 3.09092L7.12798 3.07735L7.14156 3.06377L7.16878 3.03656L7.19607 3.00926L7.20975 2.99559L7.22344 2.98189L7.23716 2.96818L7.25089 2.95445L7.36147 2.84386L7.37539 2.82995L7.38932 2.81602L7.40327 2.80206L7.41725 2.78809L7.44526 2.76008L7.47336 2.73198L7.5866 2.61874L7.64375 2.56159L7.70125 2.50409L7.73014 2.4752L7.74462 2.46072L7.75912 2.44622L7.77365 2.43169L7.78819 2.41714L7.81736 2.38797L7.83198 2.37336L7.84662 2.35871L7.86129 2.34405L7.87598 2.32935L7.8907 2.31464L7.90544 2.2999L7.9202 2.28514L7.93499 2.27035L7.9498 2.25554L7.96464 2.2407L7.9795 2.22584L7.99438 2.21095L8.0093 2.19604L8.02423 2.18111L8.03919 2.16614L8.05418 2.15116L8.06919 2.13615L8.08423 2.12111L8.09929 2.10605L8.11438 2.09096L8.12949 2.07585L8.14463 2.06071L8.1598 2.04554L8.17499 2.03035L7.46788 1.32324L7.45269 1.33843L7.43752 1.3536L7.42238 1.36874L7.40727 1.38385L7.39218 1.39894L7.37712 1.414L7.36208 1.42904L7.34707 1.44405L7.33209 1.45904L7.31712 1.474L7.30219 1.48893L7.28728 1.50385L7.25753 1.53359L7.24269 1.54843L7.22788 1.56324L7.21309 1.57803L7.19833 1.59279L7.18359 1.60753L7.16888 1.62225L7.13952 1.65161L7.12487 1.66625L7.11026 1.68087L7.08109 1.71004L7.06654 1.72458L7.05201 1.73911L7.03751 1.75361L7.02303 1.76809L7.00858 1.78255L6.99414 1.79698L6.54379 2.24734L6.48897 2.30216L6.46167 2.32945L6.43446 2.35667L6.42088 2.37025L6.40731 2.38381L6.39377 2.39735L6.38025 2.41088L6.36674 2.42438L6.35325 2.43787L6.33978 2.45134L6.32633 2.46479L6.11347 2.67766L5.69985 3.09128L5.67448 3.11665L5.64915 3.14197L5.63651 3.15461L5.62388 3.16724L5.61127 3.17986L5.59866 3.19246L5.58607 3.20505L5.57349 3.21763L5.56092 3.2302L5.54836 3.24276L5.49826 3.29287L5.48576 3.30536L5.47327 3.31785L5.4608 3.33033L5.44833 3.34279L5.39858 3.39254L5.37377 3.41735L5.34901 3.44212L5.32428 3.46685L5.31193 3.4792L5.29959 3.49153L5.10343 3.6877L4.90935 3.88177L4.81296 3.97816L4.78893 4.0022L4.76491 4.02621L4.74092 4.05021L4.71694 4.07418L4.69299 4.09813L4.66905 4.12207L4.64514 4.14599L4.63319 4.15794L4.62124 4.16989L4.52579 4.26533L4.49912 4.29201L1.53035 1.32324L0.823242 2.03035L3.79201 4.99912L3.78918 5.00194L3.76535 5.02577L3.75343 5.03769L3.74151 5.04961L3.72959 5.06154L3.71766 5.07346L3.70573 5.0854L3.69379 5.09733L3.68185 5.10927L3.66991 5.12122L3.65796 5.13317L3.64601 5.14512L3.62209 5.16903L3.61012 5.181L3.59815 5.19297L3.58618 5.20495L3.5742 5.21692L3.55023 5.2409L3.53823 5.25289L3.52623 5.26489L3.51423 5.2769L3.50222 5.28891L3.47818 5.31294L3.46615 5.32497L3.45412 5.33701L3.43004 5.36109L3.38179 5.40933L3.36972 5.42141L3.35763 5.43349L3.34554 5.44558L3.33345 5.45768L3.32134 5.46978L3.30923 5.48189L3.29712 5.49401L3.28499 5.50613L3.26072 5.53041L3.23642 5.55471L3.22425 5.56687L3.21208 5.57904L3.18772 5.60341L3.16332 5.6278L3.15111 5.64002L3.13889 5.65224L3.08992 5.7012L3.04081 5.75031L3.02851 5.76261L3.0162 5.77492L2.99155 5.79957L2.97922 5.81191L2.96687 5.82426L2.94214 5.84899L2.91737 5.87375L2.89256 5.89856L2.84281 5.94831L2.83035 5.96078L2.81787 5.97325L2.80538 5.98574L2.79289 5.99824L2.69248 6.09864L2.67988 6.11125L2.66726 6.12386L2.65463 6.13649L2.64199 6.14913L2.62934 6.16179L2.61667 6.17446L2.5913 6.19983L2.54039 6.25073L2.51486 6.27626L2.50207 6.28905L2.48927 6.30185L2.43793 6.35319L2.42506 6.36606L2.41218 6.37895L2.39928 6.39185L2.38636 6.40476L2.17768 6.61345L1.96481 6.82631L1.85669 6.93444L1.82947 6.96166L1.80218 6.98895L1.77481 7.01632L1.76109 7.03003L1.74736 7.04377L1.63678 7.15435L1.581 7.21012L1.56701 7.22412L1.55299 7.23813L1.53895 7.25217L1.52489 7.26623L1.46844 7.32268L1.45428 7.33684L1.44009 7.35103L1.42588 7.36524L1.41165 7.37947L1.297 7.49412L0.823262 7.96786L1.53037 8.67497L1.59098 8.61436L1.65118 8.55416L1.71097 8.49436L1.72586 8.47948L1.74072 8.46462L1.77037 8.43497L2.00411 8.20123L2.06161 8.14373L2.09023 8.11511L2.1045 8.10083L2.11876 8.08658L2.13299 8.07235L2.1472 8.05814L2.16139 8.04395L2.17555 8.02979L2.232 7.97334L2.24606 7.95928L2.2601 7.94524L2.27411 7.93122L2.28811 7.91723L2.34388 7.86145L2.45446 7.75087L2.56379 7.64154L2.67192 7.53342L2.88478 7.32055L3.09347 7.11187L3.10639 7.09895L3.11928 7.08605L3.13217 7.07317L3.14504 7.0603L3.19638 7.00896L3.20918 6.99616L3.22197 6.98337L3.2475 6.95784L3.27298 6.93236L3.2857 6.91964L3.2984 6.90694L3.39959 6.80575L3.49999 6.70534L3.54992 6.65542L3.59967 6.60567L3.62448 6.58086L3.64925 6.55609L3.69866 6.50668L3.89482 6.31051L3.9921 6.21324L4.01634 6.189L4.02845 6.17689L4.04055 6.16478L4.05265 6.15269L4.06474 6.1406L4.07682 6.12851L4.0889 6.11644L4.28131 5.92403L4.30526 5.90008L4.31723 5.88811L4.3292 5.87614L4.37701 5.82832L4.38896 5.81638L4.4009 5.80444L4.42477 5.78057L4.47246 5.73288L4.49629 5.70905L4.49912 5.70622Z' fill='%23BBBBBB'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #bbb;
}

.ico-like, .cart-item .product-btn .btn-wish::before {
  width: 22px;
  height: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M19.5771 2.68649C21.4743 4.93514 21.4743 8.58099 19.5771 10.8311L17.87 12.8554L11 21L4.13 12.8554L2.42286 10.8325C0.525714 8.58241 0.525714 4.93514 2.42286 2.68649C4.32 0.437837 7.39714 0.437837 9.29429 2.68649L11 4.70799L12.7057 2.68649C14.6029 0.437837 17.68 0.437837 19.5771 2.68649Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M19.5771 2.68649C21.4743 4.93514 21.4743 8.58099 19.5771 10.8311L17.87 12.8554L11 21L4.13 12.8554L2.42286 10.8325C0.525714 8.58241 0.525714 4.93514 2.42286 2.68649C4.32 0.437837 7.39714 0.437837 9.29429 2.68649L11 4.70799L12.7057 2.68649C14.6029 0.437837 17.68 0.437837 19.5771 2.68649Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #ccc;
}
.ico-like.v2, .cart-item .product-btn .v2.btn-wish::before {
  width: 18px;
  height: 18px;
}
.ico-like.v3, .cart-item .product-btn .v3.btn-wish::before {
  width: 14px;
  height: 14px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17217 1.52306L8.17232 1.5232L8.18141 1.51244C8.44925 1.19559 8.78371 0.940657 9.16145 0.765688C9.5392 0.590716 9.95098 0.5 10.3679 0.5C10.7848 0.5 11.1966 0.590716 11.5743 0.765688C11.9521 0.940657 12.2865 1.19559 12.5544 1.51244L12.5544 1.51245L12.5565 1.51496C13.1657 2.22605 13.5 3.1293 13.5 4.06268C13.5 4.99607 13.1657 5.89932 12.5565 6.61041L12.5565 6.6104L12.5534 6.61404L6.99965 13.2228L1.44658 6.61406L1.4466 6.61404L1.44349 6.61041C0.834274 5.89932 0.5 4.99607 0.5 4.06268C0.5 3.1293 0.834274 2.22605 1.44349 1.51496L1.44349 1.51496L1.44563 1.51244C1.71347 1.19559 2.04793 0.940657 2.42567 0.765688C2.80342 0.590716 3.2152 0.5 3.63211 0.5C4.04902 0.5 4.4608 0.590716 4.83855 0.765688C5.21629 0.940657 5.55075 1.19559 5.81859 1.51244L5.81845 1.51257L5.82768 1.52289L6.62686 2.41687L6.99945 2.83365L7.37223 2.41704L8.17217 1.52306Z' stroke='%23FF563F' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17217 1.52306L8.17232 1.5232L8.18141 1.51244C8.44925 1.19559 8.78371 0.940657 9.16145 0.765688C9.5392 0.590716 9.95098 0.5 10.3679 0.5C10.7848 0.5 11.1966 0.590716 11.5743 0.765688C11.9521 0.940657 12.2865 1.19559 12.5544 1.51244L12.5544 1.51245L12.5565 1.51496C13.1657 2.22605 13.5 3.1293 13.5 4.06268C13.5 4.99607 13.1657 5.89932 12.5565 6.61041L12.5565 6.6104L12.5534 6.61404L6.99965 13.2228L1.44658 6.61406L1.4466 6.61404L1.44349 6.61041C0.834274 5.89932 0.5 4.99607 0.5 4.06268C0.5 3.1293 0.834274 2.22605 1.44349 1.51496L1.44349 1.51496L1.44563 1.51244C1.71347 1.19559 2.04793 0.940657 2.42567 0.765688C2.80342 0.590716 3.2152 0.5 3.63211 0.5C4.04902 0.5 4.4608 0.590716 4.83855 0.765688C5.21629 0.940657 5.55075 1.19559 5.81859 1.51244L5.81845 1.51257L5.82768 1.52289L6.62686 2.41687L6.99945 2.83365L7.37223 2.41704L8.17217 1.52306Z' stroke='%23FF563F' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}

.btn-wish.active .ico-like, .btn-wish.active .cart-item .product-btn .btn-wish::before, .cart-item .product-btn .btn-wish.active .btn-wish::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17217 1.52306L8.17232 1.5232L8.18141 1.51244C8.44925 1.19559 8.78371 0.940657 9.16145 0.765688C9.5392 0.590716 9.95098 0.5 10.3679 0.5C10.7848 0.5 11.1966 0.590716 11.5743 0.765688C11.9521 0.940657 12.2865 1.19559 12.5544 1.51244L12.5544 1.51245L12.5565 1.51496C13.1657 2.22605 13.5 3.1293 13.5 4.06268C13.5 4.99607 13.1657 5.89932 12.5565 6.61041L12.5565 6.6104L12.5534 6.61404L6.99965 13.2228L1.44658 6.61406L1.4466 6.61404L1.44349 6.61041C0.834274 5.89932 0.5 4.99607 0.5 4.06268C0.5 3.1293 0.834274 2.22605 1.44349 1.51496L1.44349 1.51496L1.44563 1.51244C1.71347 1.19559 2.04793 0.940657 2.42567 0.765688C2.80342 0.590716 3.2152 0.5 3.63211 0.5C4.04902 0.5 4.4608 0.590716 4.83855 0.765688C5.21629 0.940657 5.55075 1.19559 5.81859 1.51244L5.81845 1.51257L5.82768 1.52289L6.62686 2.41687L6.99945 2.83365L7.37223 2.41704L8.17217 1.52306Z' fill='%23FF563F' stroke='%23FF563F' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17217 1.52306L8.17232 1.5232L8.18141 1.51244C8.44925 1.19559 8.78371 0.940657 9.16145 0.765688C9.5392 0.590716 9.95098 0.5 10.3679 0.5C10.7848 0.5 11.1966 0.590716 11.5743 0.765688C11.9521 0.940657 12.2865 1.19559 12.5544 1.51244L12.5544 1.51245L12.5565 1.51496C13.1657 2.22605 13.5 3.1293 13.5 4.06268C13.5 4.99607 13.1657 5.89932 12.5565 6.61041L12.5565 6.6104L12.5534 6.61404L6.99965 13.2228L1.44658 6.61406L1.4466 6.61404L1.44349 6.61041C0.834274 5.89932 0.5 4.99607 0.5 4.06268C0.5 3.1293 0.834274 2.22605 1.44349 1.51496L1.44349 1.51496L1.44563 1.51244C1.71347 1.19559 2.04793 0.940657 2.42567 0.765688C2.80342 0.590716 3.2152 0.5 3.63211 0.5C4.04902 0.5 4.4608 0.590716 4.83855 0.765688C5.21629 0.940657 5.55075 1.19559 5.81859 1.51244L5.81845 1.51257L5.82768 1.52289L6.62686 2.41687L6.99945 2.83365L7.37223 2.41704L8.17217 1.52306Z' fill='%23FF563F' stroke='%23FF563F' stroke-miterlimit='10'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #FF563F;
}

.ico-star {
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.53844 0L7.98915 4.49139H12.6837L8.88574 7.26722L10.3364 11.7586L6.53844 8.98278L2.74045 11.7586L4.19115 7.26722L0.393155 4.49139H5.08774L6.53844 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.53844 0L7.98915 4.49139H12.6837L8.88574 7.26722L10.3364 11.7586L6.53844 8.98278L2.74045 11.7586L4.19115 7.26722L0.393155 4.49139H5.08774L6.53844 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #ddd;
}
.ico-star.v2 {
  background-color: #000;
}

.ico-star-half {
  width: 7.5px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7637 0.00488132L5.31458 4.49138H0.619992L4.41799 7.26721L2.96728 11.7586L6.7637 8.98393V0.00488132Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.7637 0.00488132L5.31458 4.49138H0.619992L4.41799 7.26721L2.96728 11.7586L6.7637 8.98393V0.00488132Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #ddd;
}

.ico-search, .search-form .btn-search, #pop-country .pop-wrap .country-top .country-form .form-btns .btn-search {
  width: 17px;
  height: 17px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M8.74257 16C13.0187 16 16.4851 12.6421 16.4851 8.5C16.4851 4.35786 13.0187 1 8.74257 1C4.46647 1 1 4.35786 1 8.5C1 12.6421 4.46647 16 8.74257 16Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.0003 20.9999L13.167 14.5986' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M8.74257 16C13.0187 16 16.4851 12.6421 16.4851 8.5C16.4851 4.35786 13.0187 1 8.74257 1C4.46647 1 1 4.35786 1 8.5C1 12.6421 4.46647 16 8.74257 16Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.0003 20.9999L13.167 14.5986' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.ico-search.v2, .search-form .v2.btn-search, #pop-country .pop-wrap .country-top .country-form .form-btns .v2.btn-search {
  background-color: #fff;
}

.ico-help, .review-wrap .review-item .item-reaction .helpful .btn-helpful::before {
  width: 11px;
  height: 11px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Crect x='0.500977' y='6' width='3' height='5' stroke='%23AAAAAA'/%3E%3Cpath d='M7.71837 5.38889V5.88889H8.21837H10.501V11H3.50098V6.13233L6.26242 1.28062L7.71837 2.55963V5.38889Z' stroke='%23AAAAAA'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='12' viewBox='0 0 11 12' fill='none'%3E%3Crect x='0.500977' y='6' width='3' height='5' stroke='%23AAAAAA'/%3E%3Cpath d='M7.71837 5.38889V5.88889H8.21837H10.501V11H3.50098V6.13233L6.26242 1.28062L7.71837 2.55963V5.38889Z' stroke='%23AAAAAA'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #aaa;
}

.c-flag {
  overflow: hidden;
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
  border: 1px solid #eee;
  border-radius: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #f9f9f9;
}

/* header icon */
.header-wrap .util-box .ico-search, .header-wrap .util-box .search-form .btn-search, .search-form .header-wrap .util-box .btn-search, .header-wrap .util-box #pop-country .pop-wrap .country-top .country-form .form-btns .btn-search, #pop-country .pop-wrap .country-top .country-form .form-btns .header-wrap .util-box .btn-search {
  width: 20px;
  height: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M8.6875 16.4792C12.9677 16.4792 16.4375 13.0094 16.4375 8.72919C16.4375 4.44898 12.9677 0.979187 8.6875 0.979187C4.40729 0.979187 0.9375 4.44898 0.9375 8.72919C0.9375 13.0094 4.40729 16.4792 8.6875 16.4792Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.4211 21.6L13.4211 15.1' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M8.6875 16.4792C12.9677 16.4792 16.4375 13.0094 16.4375 8.72919C16.4375 4.44898 12.9677 0.979187 8.6875 0.979187C4.40729 0.979187 0.9375 4.44898 0.9375 8.72919C0.9375 13.0094 4.40729 16.4792 8.6875 16.4792Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.4211 21.6L13.4211 15.1' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.header-wrap .util-box .ico-my {
  width: 20px;
  height: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M9.97302 7.94446C11.906 7.94446 13.473 6.37745 13.473 4.44446C13.473 2.51146 11.906 0.944458 9.97302 0.944458C8.04003 0.944458 6.47302 2.51146 6.47302 4.44446C6.47302 6.37745 8.04003 7.94446 9.97302 7.94446Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 11.19L0.75 16.3619V21.49H19.25V16.3619L10 11.19Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M9.97302 7.94446C11.906 7.94446 13.473 6.37745 13.473 4.44446C13.473 2.51146 11.906 0.944458 9.97302 0.944458C8.04003 0.944458 6.47302 2.51146 6.47302 4.44446C6.47302 6.37745 8.04003 7.94446 9.97302 7.94446Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M10 11.19L0.75 16.3619V21.49H19.25V16.3619L10 11.19Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.header-wrap .util-box .ico-like, .header-wrap .util-box .cart-item .product-btn .btn-wish::before, .cart-item .product-btn .header-wrap .util-box .btn-wish::before {
  width: 20px;
  height: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M18.1191 3.84952C19.9185 5.98221 19.9185 9.44004 18.1191 11.5741L16.5 13.4941L9.98431 21.2186L3.46859 13.4941L1.84948 11.5754C0.0501726 9.4414 0.0501726 5.98221 1.84948 3.84952C3.64879 1.71683 6.56725 1.71683 8.36656 3.84952L9.98431 5.76677L11.6021 3.84952C13.4014 1.71683 16.3198 1.71683 18.1191 3.84952Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M18.1191 3.84952C19.9185 5.98221 19.9185 9.44004 18.1191 11.5741L16.5 13.4941L9.98431 21.2186L3.46859 13.4941L1.84948 11.5754C0.0501726 9.4414 0.0501726 5.98221 1.84948 3.84952C3.64879 1.71683 6.56725 1.71683 8.36656 3.84952L9.98431 5.76677L11.6021 3.84952C13.4014 1.71683 16.3198 1.71683 18.1191 3.84952Z' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.header-wrap .util-box .ico-cart {
  width: 20px;
  height: 22px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M16.1331 21.4688H3.86034L0.851929 6.27063H19.1481L16.1331 21.4688Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6.06262 9.9467L9.9464 1.2467L13.7626 9.84591' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M16.1331 21.4688H3.86034L0.851929 6.27063H19.1481L16.1331 21.4688Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6.06262 9.9467L9.9464 1.2467L13.7626 9.84591' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}

[class^=title-wrap] {
  position: relative;
  word-break: keep-all;
}
[class^=title-wrap].t-c {
  text-align: center;
}
[class^=title-wrap] .btn-type4 {
  font-size: 15px;
  line-height: 22px;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}

.title-wrap {
  margin-bottom: 56px;
}
.title-wrap [class^=title-type] + p {
  margin-top: 32px;
  font-size: 15px;
  line-height: 22px;
}
.title-wrap [class^=title-type] + .desc {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #999;
}
.title-wrap p {
  font-size: 14px;
  line-height: 20px;
}
.title-wrap .count {
  display: block;
  margin-top: 50px;
  font-size: 140px;
  font-weight: 300;
  line-height: 120px;
}
.title-wrap.v2 {
  margin-bottom: 16px;
}

.title-type {
  font-size: 100px;
  line-height: 100px;
  font-weight: 300;
}
.title-type.v2 {
  font-size: 80px;
  line-height: 92px;
}

.title-type2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 46px;
}
.title-type2.v2 {
  font-weight: 400;
}

.title-type3 {
  font-size: 36px;
  line-height: 44px;
}

.title-type4 {
  font-size: 24px;
  line-height: 24px;
}

.title-type5 {
  font-size: 18px;
  line-height: 25px;
}

.title-type6 {
  font-size: 15px;
  line-height: 22px;
}

.title-text {
  font-size: 21px;
  line-height: 27px;
}

.tag-box {
  display: flex;
  flex-wrap: wrap;
}

.tag-type, .tag-type2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  margin-left: 8px;
  padding: 0 8px;
  border: 0.5px solid #bbb;
  font-size: 10px;
  color: #000;
  font-weight: 300;
  white-space: nowrap;
  transition: 0.3s;
}
.tag-type:first-child, .tag-type2:first-child {
  margin-left: 0;
}
.tag-type.v2, .v2.tag-type2 {
  height: 30px;
  padding: 0 12px;
  border-color: #000;
  border-width: 1px;
  font-size: 12px;
}
.tag-type.v2 .ico-close, .tag-type.v2 .cart-item .btn-del::after, .cart-item .tag-type.v2 .btn-del::after, .tag-type.v2 .file-type.img .btn-clear::after, .file-type.img .tag-type.v2 .btn-clear::after, .v2.tag-type2 .ico-close, .v2.tag-type2 .cart-item .btn-del::after, .cart-item .v2.tag-type2 .btn-del::after, .v2.tag-type2 .file-type.img .btn-clear::after, .file-type.img .v2.tag-type2 .btn-clear::after {
  margin-left: 2px;
}
.tag-type.v3, .v3.tag-type2 {
  height: 30px;
  padding: 0 10px;
  border-color: #000;
  font-size: 12px;
  font-weight: 400;
}
.tag-type.v3 .ico-close2, .v3.tag-type2 .ico-close2 {
  margin-left: 8px;
}
.tag-type.refresh, .refresh.tag-type2 {
  width: 30px;
  padding: 0;
}

.tag-type2 {
  height: 32px;
  margin-left: 8px;
  padding: 0 24px;
  border: 1px solid #eee;
  border-radius: 20px;
  font-size: 12px;
}
.tag-type2.active {
  border-color: #000;
}

.tag-type3 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #fff;
  background: #777;
}
.tag-type3.v2 {
  background-color: #FF563F;
}

.tag-type4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 16px;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  border: 1px solid #FF563F;
  color: #FF563F;
}

.box-type dl {
  display: flex;
  justify-content: space-between;
}
.box-type dl dt, .box-type dl dd {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.box-type dl + dl {
  margin-top: 24px;
}

.box-type2 dl {
  display: grid;
  grid-template-columns: auto 2fr;
  grid-gap: 24px 64px;
}
.box-type2 dl dt {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
}
.box-type2 dl dd {
  position: relative;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-right: 63px;
}
.box-type2 dl dd p + p {
  margin-top: 6px;
}
.box-type2 dl dd .btn-type4.v3 {
  position: absolute;
  right: 0;
  top: 0;
  color: #999;
}
.box-type2.line dl {
  grid-gap: 0;
}
.box-type2.line dl dt {
  padding-right: 63px;
}
.box-type2.line dl dt, .box-type2.line dl dd {
  padding-top: 32px;
}
.box-type2.line dl dt:not(:last-of-type), .box-type2.line dl dd:not(:last-of-type) {
  padding-bottom: 32px;
  border-bottom: 1px solid #eee;
}
.box-type2.line dl .btn-type4.v3 {
  top: 32px;
}

.list-type {
  text-align: left;
}
.list-type li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 18px;
  word-break: break-word;
}
.list-type li:first-child {
  margin-top: 0;
}
.list-type li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #000;
  border-radius: 10px;
}
.list-type li em {
  color: #FF563F;
}
.list-type li + li {
  margin-top: 8px;
}
.list-type.v2 li {
  font-size: 12px;
  line-height: 16px;
}

.list-type2 li {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px;
  color: #777;
}
.list-type2 li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  width: 1px;
  height: 15px;
  background-color: #eee;
}
.list-type2 li:first-child {
  padding-left: 0;
}
.list-type2 li:first-child::before {
  display: none;
}

.tooltip-wrap {
  position: relative;
}

.js_tooltip {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.js_tooltip_ico {
  position: relative;
}
.js_tooltip_box {
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  transform: translateX(0);
  background: #fff;
  border-radius: 5px;
  padding: 16px;
  border: 1px solid #000;
  z-index: 20;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  word-break: break-word;
  color: #000;
  max-width: 335px;
  width: max-content;
  cursor: auto;
}
.js_tooltip_box.active {
  display: block;
}

.info-type {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.info-type::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
}

.info-guide {
  margin-top: 40px;
}
.info-guide .desc {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #777;
  word-break: break-word;
}
.info-guide .desc .link {
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}

.side-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.side-box.required {
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  color: #777;
}
.side-box.required em {
  color: #FF563F;
}

.side-box2 {
  position: absolute;
  top: 16px;
  right: 0;
}

.focus {
  color: #FF563F;
}

.form-wrap {
  position: relative;
}
.form-wrap .form-text {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  line-height: 17px;
  color: #777;
}
.form-wrap .form-text em {
  color: #FF563F;
  padding-right: 2px;
}
.form-wrap .col {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: calc(50% - 5px);
}
.form-wrap .col + .col {
  margin-left: 10px;
}
.form-wrap .col.v2 {
  width: calc(100% - 190px);
}
.form-wrap .col.v2 + .btn-type2 {
  display: inline-flex;
  align-items: center;
  min-width: 180px;
  height: 50px;
  margin-left: 10px;
  white-space: nowrap;
}

.form-item {
  position: relative;
  font-size: 0;
}
.form-item .msg {
  display: none;
}
.form-item .input-label {
  display: block;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 22px;
}
.form-item .input-label .required {
  margin-left: 4px;
  color: #FF563F;
  font-size: 15px;
}
.form-item .input-label .js_tooltip_box {
  top: 27px;
}
.form-item .input-text {
  position: relative;
}
.form-item .input-text input {
  padding-right: 80px;
}
.form-item .input-text input:read-only {
  background-color: #eee;
  color: #aaa;
}
.form-item .input-text input[type=date] {
  position: relative;
  padding-right: 20px;
  background: url("../images/icon/ico_calendar.svg") no-repeat right 16px center/16px 18px;
}
.form-item .input-text + .input-text {
  margin-top: 10px;
}
.form-item .input-text.phone {
  display: flex;
  align-items: center;
  padding: 0 0 0 16px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.form-item .input-text.phone .country-code {
  display: inline-flex;
  white-space: nowrap;
  font-size: 14px;
  color: #000;
}
.form-item .input-text.phone input {
  border: 0;
}
.form-item .input-text.phone input:focus {
  border: 0;
  background-color: #fff;
  outline: none;
}
.form-item .input-text.phone.focus {
  border: 1px solid #000;
  background-color: #fff;
  outline: none;
}
.form-item .input-text.active .form-btns .btn-eye {
  display: none;
}
.form-item .input-text.focus input {
  border: 1px solid #000;
}
.form-item .form-btns {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 17px;
}
.form-item .form-btns .btn-clear {
  display: none;
}
.form-item .form-btns .btn-eye {
  display: none;
}
.form-item .form-btns button + button {
  margin-left: 15px;
}
.form-item + .form-item {
  margin-top: 24px;
}
.form-item.datepicker {
  display: flex;
  align-items: center;
}
.form-item.datepicker .btn-type2 {
  width: 65px;
  height: 50px;
  margin-left: 10px;
  white-space: nowrap;
}
.form-item.datepicker > span {
  padding: 0 6px;
}
.form-item.datepicker-term {
  display: flex;
  align-items: center;
}
.form-item.datepicker-term input {
  padding: 0;
  text-align: center;
}
.form-item.datepicker-term > span {
  padding: 0 6px;
}
.form-item.quantity {
  display: flex;
  align-items: center;
  overflow: hidden;
  min-width: 100px;
  width: 100px;
  border: 1px solid #eee;
  border-radius: 4px;
}
.form-item.quantity input {
  height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.form-item.quantity > button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  height: 30px;
}
.form-item.quantity > button.disabled {
  background-color: #f9f9f9;
}
.form-item.quantity > button.disabled [class^=ico-] {
  background-color: #ddd;
}
.form-item.quantity.disabled input {
  color: #ddd;
}
.form-item.quantity.disabled > button {
  background-color: #f9f9f9;
}
.form-item.quantity.disabled > button [class^=ico-] {
  background-color: #ddd;
}
.form-item.quantity.full {
  width: 100%;
}
.form-item.error .input-text input {
  border-color: #FF563F;
}
.form-item.error .phone {
  border-color: #FF563F;
}
.form-item.error .msg {
  display: block;
  width: 100%;
  margin-top: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #FF563F;
}
.form-item.error .msg.list-type li::before {
  background-color: #FF563F;
}

.search-form {
  position: relative;
}
.search-form .btn-search {
  background-color: #000;
}
.search-form.v2 .input-text input[type=text] {
  padding-left: 44px;
  background-color: #000;
  border-color: #000;
  color: #fff;
}
.search-form.v2 .form-btns .btn-clear {
  display: none;
}
.search-form.v2 .btn-search {
  position: absolute;
  top: 15px;
  left: 15px;
  background-color: #fff;
}

.textarea-type {
  position: relative;
  width: 100%;
  border: 1px solid #f9f9f9;
  background: #f9f9f9;
}
.textarea-type .textarea-scroll {
  margin-right: 8px;
  padding-top: 20px;
}
.textarea-type textarea {
  padding: 0 20px;
  background-color: transparent;
  font-size: 12px;
}
.textarea-type textarea:focus {
  border: 0;
}
.textarea-type textarea:disabled {
  border: 1px solid #ddd;
  background-color: #eee;
  color: #bbb;
}
.textarea-type textarea::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.textarea-type textarea::-webkit-scrollbar-track {
  background: #eee;
}
.textarea-type textarea::-webkit-scrollbar-thumb {
  background: #000;
}
.textarea-type .count {
  display: block;
  padding: 0 0 20px 20px;
  font-size: 12px;
  color: #999;
}
.error .textarea-type {
  border-color: #FF563F;
  background-color: #fff;
}
.textarea-type.active {
  border-color: #ddd;
  background: #fff;
}
.textarea-type.focus {
  border-color: #000;
  background: #fff;
}

.chk-box {
  display: flex;
  align-items: center;
}
.chk-box label {
  font-size: 14px;
  cursor: pointer;
}
.chk-box:first-child {
  margin-left: 0;
}
.chk-box input[type=checkbox],
.chk-box input[type=radio] {
  display: none;
}
.chk-box input[type=checkbox]:disabled + .checkbox,
.chk-box input[type=radio]:disabled + .checkbox {
  background-color: #eee;
}
.chk-box .checkbox {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border: 1px solid #ddd;
  background-color: #fff;
  flex-shrink: 0;
}
.chk-box .checkbox + label {
  width: calc(100% - 20px);
  font-size: 14px;
  line-height: 21px;
  word-break: break-word;
}
.chk-box .checkbox + label.v2 {
  font-size: 10px;
  line-height: 13px;
  color: #bbb;
}
.chk-box input[type=checkbox] + .checkbox:before, .chk-box input[type=checkbox] + .checkbox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  border-radius: 15px;
  background: #ddd;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.chk-box input[type=checkbox] + .checkbox:before {
  width: 5px;
  -webkit-transform: translate(5px, 8px) rotate(45deg);
  transform: translate(5px, 8px) rotate(45deg);
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.chk-box input[type=checkbox] + .checkbox:after {
  width: 10px;
  -webkit-transform: translate(8px, 12px) rotate(-50deg);
  transform: translate(8px, 12px) rotate(-50deg);
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.chk-box input[type=checkbox]:checked ~ .checkbox:before, .chk-box input[type=checkbox]:checked ~ .checkbox:after {
  background: #fff;
}
.chk-box input[type=checkbox]:checked ~ .checkbox:before {
  width: 5px;
}
.chk-box input[type=checkbox]:checked ~ .checkbox:after {
  width: 10px;
}
.chk-box input[type=radio] + .checkbox {
  border-radius: 50%;
}
.chk-box input[type=radio] + .checkbox:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #000;
  transform: translate(-50%, -50%) scale(0);
  transition: 0.3s;
}
.chk-box input[type=radio]:checked ~ .checkbox:after {
  transform: translate(-50%, -50%) scale(1);
}
.chk-box.selected input[type=checkbox] ~ .checkbox:before,
.chk-box.selected input[type=checkbox] ~ .checkbox:after {
  background: #fff;
}
.chk-box.selected input[type=checkbox] ~ .checkbox:before {
  transition-delay: 0ms;
}
.chk-box.selected input[type=checkbox] ~ .checkbox:after {
  transition-delay: 100ms;
}
.chk-box.selected input[type=checkbox] + .checkbox {
  background: #000;
  border-color: #000;
}
.chk-box.selected input[type=radio] + .checkbox {
  background: #fff;
}
.chk-box.selected input[type=radio] + .checkbox:after {
  transform: translate(-50%, -50%) scale(1);
}
.chk-box + .chk-box {
  margin-top: 10px;
}

.chk-box2 {
  display: flex;
  align-items: center;
}
.chk-box2 label {
  font-size: 14px;
  cursor: pointer;
}
.chk-box2:first-child {
  margin-left: 0;
}
.chk-box2 input[type=checkbox],
.chk-box2 input[type=radio] {
  display: none;
}
.chk-box2 input[type=checkbox]:disabled + .checkbox,
.chk-box2 input[type=radio]:disabled + .checkbox {
  background-color: #eee;
}
.chk-box2 .checkbox {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  flex-shrink: 0;
}
.chk-box2 input[type=checkbox] + .checkbox:before, .chk-box2 input[type=checkbox] + .checkbox:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #ddd;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}
.chk-box2 input[type=checkbox] + .checkbox:before {
  width: 5px;
  -webkit-transform: translate(4.2px, 7.9px) rotate(45deg);
  transform: translate(4.2px, 7.9px) rotate(45deg);
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
.chk-box2 input[type=checkbox] + .checkbox:after {
  width: 10px;
  -webkit-transform: translate(7.5px, 12px) rotate(-45deg);
  transform: translate(7.5px, 12px) rotate(-45deg);
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
.chk-box2 input[type=checkbox]:checked ~ .checkbox:before, .chk-box2 input[type=checkbox]:checked ~ .checkbox:after {
  background: #fff;
}
.chk-box2 input[type=checkbox]:checked ~ .checkbox:before {
  width: 5px;
}
.chk-box2 input[type=checkbox]:checked ~ .checkbox:after {
  width: 10px;
}
.chk-box2.selected input[type=checkbox] ~ .checkbox:before,
.chk-box2.selected input[type=checkbox] ~ .checkbox:after {
  background: #000;
}
.chk-box2.selected input[type=checkbox] ~ .checkbox:before {
  transition-delay: 0ms;
}
.chk-box2.selected input[type=checkbox] ~ .checkbox:after {
  transition-delay: 100ms;
}
.chk-box2.selected input[type=checkbox] + .checkbox {
  border-color: #000;
}
.chk-box2 + .chk-box {
  margin-top: toRem(10px);
}
.chk-box2.v2 {
  margin-top: toRem(20px);
  align-items: flex-start;
}
.chk-box2.v2 label {
  font-size: toRem(12px);
  color: #bbb;
  line-height: 1.4;
}
.chk-box2.v2 .checkbox {
  margin-right: toRem(10px);
}
.chk-box2.v2.selected label {
  color: #000;
}

.chk-group .chk-box {
  margin: 0 0 5px;
}
.chk-group .chk-box:last-child {
  margin-bottom: 0;
}
.chk-group .chk-all {
  margin-bottom: 24px;
}

.switch-box, .switch-box2 {
  position: relative;
}
.switch-box input[type=checkbox], .switch-box2 input[type=checkbox] {
  position: relative;
  left: inherit;
  top: inherit;
  width: 45px;
  height: 2px;
  background: #bbb;
  transition: 0.4s;
  appearance: none;
  opacity: 1;
  cursor: pointer;
}
.switch-box input:checked[type=checkbox], .switch-box2 input:checked[type=checkbox] {
  background: #000;
}
.switch-box input[type=checkbox]::after, .switch-box2 input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: -5.5px;
  left: 0px;
  width: 13px;
  height: 13px;
  border: 2px solid #bbb;
  border-radius: 50%;
  background: #fff;
  transition: 0.4s;
}
.switch-box input:checked[type=checkbox]::after, .switch-box2 input:checked[type=checkbox]::after {
  left: calc(100% - 13px);
  border-color: #000;
  background: #000;
}

.switch-box2 input[type=checkbox] {
  width: 54px;
  height: 29px;
  border-radius: 50px;
  background: #eee;
}
.switch-box2 input:checked[type=checkbox] {
  background: #222;
}
.switch-box2 input[type=checkbox]::after {
  top: 3px;
  left: 3px;
  width: 23px;
  height: 23px;
  border: none;
}
.switch-box2 input:checked[type=checkbox]::after {
  left: calc(100% - 27px);
  background: #fff;
}

.select-type {
  position: relative;
  width: 100%;
  height: 50px;
}
.select-type .select-option {
  width: 100%;
  height: 50px;
  padding-top: 0;
  padding-left: 16px;
  padding-bottom: 0;
  padding-right: 40px;
  border: 1px solid #ddd;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-type .select-cont {
  display: none;
  position: absolute;
  top: 49px;
  z-index: -1;
  width: 100%;
  height: 0;
  padding: 9px 10px;
  border: 1px solid #000;
  border-top: 1px solid #ddd;
  background-color: #fff;
}
.select-type .select-cont .custom-scroll {
  max-height: 213px;
  margin-right: 6px;
}
.select-type ul li {
  padding: 5px 6px;
}
.select-type ul li button {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  text-align: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select-type ul li button:disabled {
  color: #bbb;
}
.select-type ul li:hover {
  background-color: #f9f9f9;
}
.select-type ul li + li {
  margin-top: 4px;
}
.select-type::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: all 0.2s ease;
}
.select-type.active .select-option {
  border: 1px solid #000;
}
.select-type.active .select-cont {
  display: block;
  z-index: 10;
  height: auto;
}
.select-type.active::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.select-type.disabled .select-option {
  background-color: #f9f9f9;
  color: #bbb;
}
.select-type.disabled::after {
  background-color: #ddd;
}

.js_select.hide {
  display: none;
}

.select-type2 {
  position: relative;
  height: 28px;
}
.select-type2 .select-option {
  display: inline-flex;
  align-items: baseline;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  cursor: pointer;
}
.select-type2 .select-option::after {
  content: "";
  display: inline-flex;
  margin-left: 10px;
  transition: all 0.2s ease;
}
.select-type2 ul {
  opacity: 0;
  position: absolute;
  top: 28px;
  z-index: -1;
  width: 236px;
  height: 0;
  padding: 9px 10px;
  background-color: #fff;
  border: 1px solid #000;
}
.select-type2 ul li {
  padding: 5px 6px;
}
.select-type2 ul li button {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  text-align: left;
}
.select-type2 ul li button:disabled {
  color: #bbb;
}
.select-type2 ul li:hover {
  background-color: #f9f9f9;
}
.select-type2 ul li + li {
  margin-top: 4px;
}
.select-type2.active ul {
  opacity: 1;
  z-index: 20;
  height: auto;
}
.select-type2.active .select-option::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-option {
  position: relative;
  width: 100%;
  height: 50px;
  padding-top: 0;
  padding-left: 16px;
  padding-bottom: 0;
  padding-right: 40px;
  border: 1px solid #eee;
  font-size: 14px;
  line-height: 50px;
  text-align: left;
}
.btn-option::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16px;
  transition: all 0.2s ease;
}

.file-type {
  position: relative;
  display: flex;
  align-items: center;
}
.file-type .btn-upload {
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  background-color: #ddd;
}
.file-type .btn-upload::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16' y='9' width='16' height='2' transform='rotate(180 16 9)' fill=' white'/%3E%3Crect x=' 7.00006' y=' 16' width=' 16' height=' 2' transform=' rotate(-90 7.00006 16)' fill=' white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='16' y='9' width='16' height='2' transform='rotate(180 16 9)' fill=' white'/%3E%3Crect x=' 7.00006' y=' 16' width=' 16' height=' 2' transform=' rotate(-90 7.00006 16)' fill=' white'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #fff;
}
.file-type .btn-type, .file-type .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current, .ui-datepicker .ui-datepicker-buttonpane .file-type .ui-datepicker-current, .file-type .btn-type2 {
  height: 40px;
  margin-right: 10px;
  font-size: 12px;
}
.file-type.img input[type=file] {
  display: none;
}
.file-type.img .img-box {
  display: none;
  align-items: center;
}
.file-type.img .img-box .thumbnail {
  position: relative;
  display: block;
  overflow: hidden;
  width: 90px;
  height: 90px;
  margin-right: 8px;
}
.file-type.img .img-box .thumbnail img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.file-type.img .btn-clear {
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  height: 26px;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 0;
}
.file-type.img .btn-clear::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.ui-datepicker {
  display: none;
  padding: 30px 10px;
  border: 1px solid #eee;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 500;
}
.ui-datepicker .ui-datepicker-header select {
  min-width: 120px;
  height: 37px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 60px;
  margin: 5px;
  border: 1px solid #FF563F;
  border-radius: 6px;
  background: url(../images/icon/ico_more.svg) calc(100% - 20px) 50% no-repeat;
  background-size: 26px auto;
  font-size: 15px;
  line-height: 37px;
}
.ui-datepicker .ui-datepicker-header .ui-corner-all {
  display: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  order: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  order: 2;
}
.ui-datepicker .ui-datepicker-calendar {
  margin-top: 20px;
  letter-spacing: 0;
  line-height: 1;
}
.ui-datepicker .ui-datepicker-calendar thead tr th {
  padding: 10px 15px;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.ui-datepicker .ui-datepicker-calendar thead tr th:first-child span {
  color: #FF563F;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td {
  position: relative;
  padding: 15px 0;
  font-size: 12px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td:first-child {
  color: #FF563F;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled {
  color: #bbb;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active {
  position: relative;
  z-index: 1;
  color: #fff;
}
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #FF563F;
}
.ui-datepicker.ui-datepicker-inline {
  display: block;
  position: relative;
  left: auto;
  right: auto;
  padding: 0;
  margin: 0;
  border: none;
  box-shadow: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-current {
  margin-top: 10px;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
  display: none;
}

.swiper-paging {
  z-index: 29;
  display: flex;
  align-items: center;
}
.swiper-paging em {
  position: relative;
  width: 20px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(221, 221, 221, 0.5);
}
.swiper-paging em.current-count {
  width: 45px;
  padding-right: 25px;
  color: #fff;
}
.swiper-paging em.current-count::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 1px;
  height: 12px;
  background-color: rgba(221, 221, 221, 0.5);
}

.swiper-paging2 {
  display: inline-flex;
  align-items: center;
  width: auto;
  height: 26px;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.38);
  border-radius: 100px;
}
.swiper-paging2 .count-box {
  display: flex;
  align-items: center;
}
.swiper-paging2 em {
  width: 20px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  opacity: 0.5;
}
.swiper-paging2 em.current-count {
  position: relative;
  opacity: 1;
  width: 33px;
  padding-right: 13px;
}
.swiper-paging2 em.current-count::after {
  content: "/";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  opacity: 0.5;
}
.swiper-paging2 [class^=swiper-button-] {
  position: relative;
  width: 10px;
  height: 10px;
  top: initial;
  margin: 0;
  background-color: #fff;
}
.swiper-paging2 [class^=swiper-button-].swiper-button-next {
  position: relative;
  width: 10px;
  height: 10px;
  top: initial;
  margin: 0;
  background-color: #fff;
  right: initial;
  transform: rotate(-90deg);
  margin-left: 4px;
}
.swiper-paging2 [class^=swiper-button-].swiper-button-prev {
  position: relative;
  width: 10px;
  height: 10px;
  top: initial;
  margin: 0;
  background-color: #fff;
  left: initial;
  transform: rotate(90deg);
  margin-right: 4px;
}
.swiper-paging2 [class^=swiper-button-].swiper-button-disabled {
  opacity: 0.38;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-button-next {
  z-index: 29;
  width: 85px;
  height: 85px;
  margin-top: -42.5px;
  background: transparent;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.swiper-button-prev.v2,
.swiper-button-next.v2 {
  width: 55px;
  height: 55px;
  background-color: rgba(0, 0, 0, 0.24);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  pointer-events: initial;
}

.swiper-button-prev {
  left: 40px;
}

.swiper-button-next {
  right: 40px;
  transform: rotate(180deg);
}

.swiper-pagination {
  position: relative;
}
.swiper-pagination.swiper-pagination-progressbar {
  width: 180px;
  height: 2px;
  margin: 40px auto 0;
  background-color: #eee;
}
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #000;
}
.swiper-pagination.swiper-pagination-bullets {
  bottom: 0;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  transition: all 0.3s;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #000;
}

.swiper {
  position: relative;
}
.swiper .video-area {
  pointer-events: none;
}
.swiper.banner-swiper {
  height: 176px;
}
.swiper.banner-swiper .swiper-slide {
  position: relative;
  height: 100%;
}
.swiper.banner-swiper .swiper-slide .video-area iframe {
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translate(-50%, 88px);
}
.swiper.banner-swiper .swiper-slide img {
  height: 100%;
  object-fit: cover;
}
.swiper.banner-swiper .swiper-paging2 {
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 1;
}

.visual-swiper {
  position: relative;
}
.visual-swiper .swiper-wrapper {
  z-index: 11;
}
.visual-swiper::after {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.3;
}
.visual-swiper .swiper-paging {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 36px;
}
.visual-swiper .swiper-button-prev, .visual-swiper .swiper-button-next {
  margin-top: -52px;
}

.swiper-container-horizontal.no-touch .swiper-wrapper {
  transform: translate3d(0, 0, 0) !important;
}

.swiper-slide .swiper-zoom-container {
  touch-action: none;
}

.detail-swiper .swiper-slide {
  position: relative;
}
.detail-swiper .swiper-slide p {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 50px;
  color: #fff;
  z-index: 1;
}
.detail-swiper .swiper-slide p + p {
  left: initial;
  right: 0;
}
.detail-swiper .swiper-paging {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 1334px;
  z-index: 2;
  padding-left: 300px;
  text-align: center;
  transform: translateX(-50%);
}
.detail-swiper .swiper-paging em {
  color: rgba(0, 0, 0, 0.3);
}
.detail-swiper .swiper-paging em.current-count {
  color: #000;
}
.detail-swiper .swiper-paging em.current-count::after {
  background-color: rgba(0, 0, 0, 0.3);
}
.detail-swiper .swiper-button-prev::after,
.detail-swiper .swiper-button-next::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.detail-swiper .swiper-button-prev {
  left: 16px;
}
.detail-swiper .swiper-button-next {
  right: 16px;
}

.product-swiper:hover .swiper-button-prev,
.product-swiper:hover .swiper-button-next,
.recommend-swiper:hover .swiper-button-prev,
.recommend-swiper:hover .swiper-button-next {
  opacity: 1;
}
.product-swiper:hover .swiper-button-prev.swiper-button-disabled,
.product-swiper:hover .swiper-button-next.swiper-button-disabled,
.recommend-swiper:hover .swiper-button-prev.swiper-button-disabled,
.recommend-swiper:hover .swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  pointer-events: initial;
}
.product-swiper .swiper-button-prev,
.product-swiper .swiper-button-next,
.recommend-swiper .swiper-button-prev,
.recommend-swiper .swiper-button-next {
  opacity: 0;
  z-index: 10;
  top: 55%;
  width: 55px;
  height: 55px;
  background-color: rgba(0, 0, 0, 0.24);
  transition: all 0.3s ease-in-out;
  margin-top: -100px;
}
.product-swiper .swiper-button-prev::after,
.product-swiper .swiper-button-next::after,
.recommend-swiper .swiper-button-prev::after,
.recommend-swiper .swiper-button-next::after {
  width: 20px;
  height: 27px;
  background-color: #fff;
}
.product-swiper .swiper-button-prev,
.recommend-swiper .swiper-button-prev {
  left: 0;
}
.product-swiper .swiper-button-next,
.recommend-swiper .swiper-button-next {
  right: 0;
}
.product-swiper.v2,
.recommend-swiper.v2 {
  margin: 0 -8px;
  overflow: hidden;
}
.product-swiper.v2 .swiper-slide,
.recommend-swiper.v2 .swiper-slide {
  width: calc(20% - 16px);
  margin: 0 8px;
}
.product-swiper.v2 .swiper-button-prev,
.recommend-swiper.v2 .swiper-button-prev {
  left: 8px;
}
.product-swiper.v2 .swiper-button-next,
.recommend-swiper.v2 .swiper-button-next {
  right: 8px;
}

.promotion-swiper {
  position: relative;
  width: 100%;
}
.promotion-swiper p {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 21px;
  line-height: 27px;
  color: #fff;
}
.promotion-swiper .swiper-paging2 {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
.promotion-swiper .swiper-paging2 .swiper-button-prev,
.promotion-swiper .swiper-paging2 .swiper-button-next {
  position: relative;
  width: 10px;
  height: 10px;
  top: initial;
  margin: 0;
  background-color: #fff;
}
.promotion-swiper .swiper-paging2 .swiper-button-prev {
  margin-right: 4px;
}
.promotion-swiper .swiper-paging2 .swiper-button-next {
  margin-left: 4px;
}
.promotion-swiper .swiper-button-prev,
.promotion-swiper .swiper-button-next {
  margin-top: -13px;
  background: transparent;
  background-color: #fff;
}
.promotion-swiper .swiper-button-prev.swiper-button-disabled,
.promotion-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 1;
  pointer-events: visible;
  cursor: pointer;
}
.promotion-swiper .swiper-button-prev {
  left: 16px;
}
.promotion-swiper .swiper-button-next {
  right: 16px;
}

.center-swiper {
  overflow: hidden;
}
.center-swiper .swiper-wrapper {
  margin-right: -17%;
  margin-left: -17%;
}
.center-swiper .swiper-slide {
  position: relative;
}

.tbl-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tbl-wrap:last-child {
  margin-bottom: 0;
}

.tbl-type {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.tbl-type th,
.tbl-type td {
  padding: 15px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  word-break: break-all;
}
.tbl-type th:not(:first-child),
.tbl-type td:not(:first-child) {
  border-left: 1px solid #eee;
}
.tbl-type th.t-r,
.tbl-type td.t-r {
  text-align: right;
}
.tbl-type th.t-l,
.tbl-type td.t-l {
  text-align: left;
}
.tbl-type th {
  background-color: #fafafa;
  text-align: center;
}

.tbl-type2 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}
.tbl-type2 th,
.tbl-type2 td {
  border-bottom: 1px solid #eee;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}
.tbl-type2 th.t-r,
.tbl-type2 td.t-r {
  text-align: right;
  padding-right: 40px;
}
.tbl-type2 th.t-l,
.tbl-type2 td.t-l {
  text-align: left;
}
.tbl-type2 th.t-l:first-child,
.tbl-type2 td.t-l:first-child {
  padding-left: 40px;
}
.tbl-type2 tbody td {
  padding: 28px 8px;
}
.tbl-type2 thead th {
  background-color: #f9f9f9;
  padding-top: 20px;
  padding-bottom: 20px;
}
.tbl-type2 .title {
  text-align: left;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 530px;
}
.tbl-type2 strong {
  font-weight: 500;
}
.tbl-type2 .date {
  color: #999;
}
.tbl-type2 .btn-type4 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.tbl-type2 .nodata-wrap {
  padding: 160px 0;
}
.tbl-type2 .nodata-wrap .btn-wrap {
  margin-top: 24px;
}
.tbl-type2 .tbl-item .row {
  display: flex;
  min-height: 79px;
  align-items: center;
  gap: 32px;
  border-bottom: 1px solid #eee;
  padding: 0 32px;
}
.tbl-type2 .tbl-item .row .col {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.tbl-type2 .tbl-item .row .col.end {
  margin-left: auto;
}
.tbl-type2 .tbl-detail {
  padding: 32px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.tbl-type2.v2 {
  border-top-color: #eee;
}

.location {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.location a {
  position: relative;
  font-size: 13px;
  line-height: 16px;
  color: #000;
}
.location a::after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 8px;
  background-color: #000;
  transform: rotate(-90deg);
}
.location a:last-of-type {
  color: #000;
}
.location a:last-of-type::after {
  display: none;
}

.toggle-wrap {
  position: relative;
}
.toggle-wrap li .btn-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
}
.toggle-wrap li .btn-toggle .title-type {
  font-size: 14px;
}
.toggle-wrap li .btn-toggle::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  transition: all 0.3s ease-in;
}
.toggle-wrap li .btn-toggle.active::after {
  transform: rotate(180deg);
}
.toggle-wrap li .toggle-box {
  display: none;
  font-size: 12px;
  color: #bbb;
}
.toggle-wrap li .toggle-box.active {
  display: block;
}

.accordion-list .accordion-item {
  margin: 16px 0;
}
.accordion-list .accordion-item dt button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  font-size: 18px;
  line-height: 25px;
}
.accordion-list .accordion-item dt button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 13px;
  height: 13px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Crect x='6' width='1' height='13' fill='%23222222'/%3E%3Crect y='7' width='1' height='13' transform='rotate(-90 0 7)' fill='%23222222'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Crect x='6' width='1' height='13' fill='%23222222'/%3E%3Crect y='7' width='1' height='13' transform='rotate(-90 0 7)' fill='%23222222'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.accordion-list .accordion-item dd {
  display: none;
  margin-top: 16px;
  padding: 32px;
  background-color: rgba(238, 238, 238, 0.3);
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  line-height: 20px;
}
.accordion-list .accordion-item.active dt button::after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Crect y='7' width='1' height='13' transform='rotate(-90 0 7)' fill='%23222222'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 13 13' fill='none'%3E%3Crect y='7' width='1' height='13' transform='rotate(-90 0 7)' fill='%23222222'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.star-rating {
  width: 88px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='16' viewBox='0 0 88 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M26 0L27.7961 5.52786H33.6085L28.9062 8.94427L30.7023 14.4721L26 11.0557L21.2977 14.4721L23.0938 8.94427L18.3915 5.52786H24.2039L26 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M62 0L63.7961 5.52786H69.6085L64.9062 8.94427L66.7023 14.4721L62 11.0557L57.2977 14.4721L59.0938 8.94427L54.3915 5.52786H60.2039L62 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M44 0L45.7961 5.52786H51.6085L46.9062 8.94427L48.7023 14.4721L44 11.0557L39.2977 14.4721L41.0938 8.94427L36.3915 5.52786H42.2039L44 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M80 0L81.7961 5.52786H87.6085L82.9062 8.94427L84.7023 14.4721L80 11.0557L75.2977 14.4721L77.0938 8.94427L72.3915 5.52786H78.2039L80 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}
.star-rating .star {
  width: 0%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='88' height='16' viewBox='0 0 88 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z' fill='black'/%3E%3Cpath d='M26 0L27.7961 5.52786H33.6085L28.9062 8.94427L30.7023 14.4721L26 11.0557L21.2977 14.4721L23.0938 8.94427L18.3915 5.52786H24.2039L26 0Z' fill='black'/%3E%3Cpath d='M62 0L63.7961 5.52786H69.6085L64.9062 8.94427L66.7023 14.4721L62 11.0557L57.2977 14.4721L59.0938 8.94427L54.3915 5.52786H60.2039L62 0Z' fill='black'/%3E%3Cpath d='M44 0L45.7961 5.52786H51.6085L46.9062 8.94427L48.7023 14.4721L44 11.0557L39.2977 14.4721L41.0938 8.94427L36.3915 5.52786H42.2039L44 0Z' fill='black'/%3E%3Cpath d='M80 0L81.7961 5.52786H87.6085L82.9062 8.94427L84.7023 14.4721L80 11.0557L75.2977 14.4721L77.0938 8.94427L72.3915 5.52786H78.2039L80 0Z' fill='black'/%3E%3C/svg%3E%0A");
  background-size: cover;
  font-size: 0;
}

.star-rating2 {
  width: 122px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='22' viewBox='0 0 122 22' fill='none'%3E%3Cpath d='M10.9487 0L13.4069 7.60081H21.3616L14.9261 12.2984L17.3842 19.8992L10.9487 15.2016L4.51322 19.8992L6.97136 12.2984L0.535869 7.60081H8.49058L10.9487 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M35.9761 0L38.4342 7.60081H46.3889L39.9534 12.2984L42.4116 19.8992L35.9761 15.2016L29.5406 19.8992L31.9987 12.2984L25.5632 7.60081H33.5179L35.9761 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M86.0268 0L88.485 7.60081H96.4397L90.0042 12.2984L92.4623 19.8992L86.0268 15.2016L79.5913 19.8992L82.0495 12.2984L75.614 7.60081H83.5687L86.0268 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M60.9995 0L63.4576 7.60081H71.4123L64.9769 12.2984L67.435 19.8992L60.9995 15.2016L54.564 19.8992L57.0221 12.2984L50.5866 7.60081H58.5414L60.9995 0Z' fill='%23DDDDDD'/%3E%3Cpath d='M111.05 0L113.508 7.60081H121.463L115.028 12.2984L117.486 19.8992L111.05 15.2016L104.615 19.8992L107.073 12.2984L100.637 7.60081H108.592L111.05 0Z' fill='%23DDDDDD'/%3E%3C/svg%3E");
  background-size: 100%;
}
.star-rating2 .star {
  width: 0%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='22' viewBox='0 0 122 22' fill='none'%3E%3Cpath d='M10.9487 0L13.4069 7.60081H21.3616L14.9261 12.2984L17.3842 19.8992L10.9487 15.2016L4.51322 19.8992L6.97136 12.2984L0.535869 7.60081H8.49058L10.9487 0Z' fill='black'/%3E%3Cpath d='M35.9761 0L38.4342 7.60081H46.3889L39.9534 12.2984L42.4116 19.8992L35.9761 15.2016L29.5406 19.8992L31.9987 12.2984L25.5632 7.60081H33.5179L35.9761 0Z' fill='black'/%3E%3Cpath d='M86.0268 0L88.485 7.60081H96.4397L90.0042 12.2984L92.4623 19.8992L86.0268 15.2016L79.5913 19.8992L82.0495 12.2984L75.614 7.60081H83.5687L86.0268 0Z' fill='black'/%3E%3Cpath d='M60.9995 0L63.4576 7.60081H71.4123L64.9769 12.2984L67.435 19.8992L60.9995 15.2016L54.564 19.8992L57.0221 12.2984L50.5866 7.60081H58.5414L60.9995 0Z' fill='black'/%3E%3Cpath d='M111.05 0L113.508 7.60081H121.463L115.028 12.2984L117.486 19.8992L111.05 15.2016L104.615 19.8992L107.073 12.2984L100.637 7.60081H108.592L111.05 0Z' fill='black'/%3E%3C/svg%3E");
  background-size: cover;
  font-size: 0;
}

.star-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.star-wrap .ico-star-half,
.star-wrap .ico-star {
  display: block;
  width: 33px;
  height: 33px;
}
.star-wrap .input-star.input-star-none {
  background-color: #fff;
}
.star-wrap .label_star {
  margin-right: 1.5px;
}
.star-wrap .label_star.label_star_half {
  z-index: 2;
  margin-right: -7.5px;
}
.star-wrap .label_star .rating-star {
  background-color: #000;
}
.star-wrap .input-star:checked ~ .label_star .rating-star {
  background-color: #ddd;
}

.product-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
}
.product-top .prd-mode .count {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.product-top .prd-mode .count.v2 {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #999;
}
.product-top .prd-mode .count.v2 em {
  color: #000;
}
.product-top .prd-type {
  display: flex;
  align-items: center;
}
.product-top .prd-type .chk-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-top .prd-type .chk-box .checkbox {
  margin: 0;
}
.product-top .prd-type .chk-box .checkbox:hover {
  cursor: pointer;
}
.product-top .prd-type .chk-box .checkbox + label {
  width: auto;
  line-height: 20px;
}
.product-top .prd-type .chk-box .checkbox + label:hover {
  cursor: pointer;
}
.product-top .prd-type .chk-box + * {
  display: flex;
  align-items: center;
}
.product-top .prd-type .chk-box + *::before {
  display: block;
  content: "";
  margin: 0 16px;
  width: 1px;
  height: 15px;
  background: #eee;
}
.product-top .prd-type .select-type2 {
  height: 20px;
}
.product-top .prd-type .select-type2 .select-option {
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
}
.product-top .prd-type .select-type2 .select-option::after {
  margin-left: 13px;
  margin-right: 5px;
}
.product-top .prd-type .select-type2 ul {
  right: 0;
}

.product-list ul {
  display: grid;
  grid-template-columns: repeat(5, minmax(calc(20% - 16px), 1fr));
  gap: 64px 16px;
}
.product-list.v2 ul {
  grid-template-columns: repeat(8, minmax(calc(12.5% - 10px), 1fr));
  gap: 48px 10px;
}
.product-list.v2 .product-item .product-cont {
  display: block;
  width: 100%;
  height: 100%;
}
.product-list.v2 .product-item .product-cont > a {
  display: block;
  width: 100%;
  height: 100%;
}
.product-list.v2 .product-item .product-model {
  position: relative;
}
.product-list.v2 .product-item .product-model .img-box {
  width: 100%;
  min-height: 220px;
  vertical-align: center;
  background-color: #eee;
}
.product-list.v2 .product-item .product-model .img-box img {
  width: auto;
  max-width: 100%;
  height: 100%;
}
.product-list.v2 .product-item .product-info {
  padding: 8px 10px;
}
.product-list.v2 .product-item .product-title {
  height: inherit;
}
.product-list.v2 .product-item .product-title .brand {
  font-size: 10px;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
  white-space: initial;
  max-height: 15px;
}
.product-list.v2 .product-item .product-title .title {
  display: none;
}
.product-list.v2 .product-item .product-price {
  height: initial;
  margin-top: 0;
}
.product-list.v2 .product-item .product-price .original {
  display: none;
}
.product-list.v2 .product-item .product-price .special-price .price {
  font-size: 10px;
  font-weight: 500;
  line-height: 15px;
}
.product-list.v2 .product-item .product-price .special-price .sale {
  display: none;
}
.product-list.v2 .product-item .product-price.reduce {
  display: block;
}
.product-list.v2 .product-item .product-bottom {
  display: none;
}
.product-list.ranking ul {
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(15, 1fr);
  grid-gap: 64px 16px;
}
.product-list.ranking ul li {
  grid-column: span 3;
}
.product-list.ranking ul li:nth-child(-n+9) {
  grid-column: span 5;
}
.product-list.ranking ul li:nth-child(-n+9) .ranking-num {
  width: 67px;
  height: 67px;
}
.product-list.ranking ul li:nth-child(-n+9) .product-model .img-box {
  padding-bottom: 132.23%;
}
.product-list.ranking ul li .ranking-num {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 53px;
  height: 53px;
  font-size: 21px;
  line-height: 27px;
  color: #000;
  background: rgba(255, 255, 255, 0.8);
}

.product-item {
  position: relative;
  width: 100%;
}
.product-item .btn-wish {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  display: block;
  width: 20px;
  height: 20px;
}
.product-item .btn-wish::after {
  content: "";
  display: block;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_like_off.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-item .btn-wish.active::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-image: url(../images/icon/ico_like_on.svg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.product-item .product-cont {
  display: block;
  width: 100%;
  height: 100%;
}
.product-item .product-cont > a {
  display: block;
  width: 100%;
  height: 100%;
}
.product-item .product-model {
  position: relative;
}
.product-item .product-model .img-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 133.45%;
  vertical-align: middle;
  background-color: #eee;
}
.product-item .product-model .img-box .swiper-pagination.swiper-pagination-progressbar {
  margin-top: 0;
}
.product-item .product-model .img-box img {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.product-item .product-info {
  padding: 16px 0 0;
}
.product-item .product-title .brand {
  font-size: 13px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 21px;
  white-space: initial;
  height: 21px;
}
.product-item .product-title .title {
  margin-top: 4px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 21px;
  white-space: initial;
  height: 42px;
}
.product-item .product-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-top: 4px;
  gap: 0 8px;
}
.product-item .product-price .price {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}
.product-item .product-price .original {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #bbb;
  text-decoration: line-through;
}
.product-item .product-price .sale {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #FF563F;
}
.product-item .product-bottom {
  margin-top: 6px;
}
.product-item .product-bottom .stats-box {
  display: flex;
  margin-top: 8px;
}
.product-item .product-bottom .stats-box span {
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  line-height: 16px;
}
.product-item .product-bottom .stats-box span + span {
  margin-left: 10px;
}
.product-item .product-bottom .stats-box span [class^=ico-] {
  margin-right: 2px;
  background-color: #000;
}
.product-item .product-bottom .stats-box .ico-star {
  width: 10px;
  height: 10px;
}
.product-item.soldout .product-model .img-box::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.product-item.soldout .product-model .img-box::after {
  z-index: 1;
  content: "Soldout";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.product-item.product-promotion a {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 179.5774%;
  width: 100%;
  height: 0;
}
.product-item.product-promotion a img {
  position: absolute;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

.cart-list + .cart-list {
  padding-top: 120px;
}
.cart-list .cart-top {
  border-top: 1px solid #000;
  border-bottom: 1px solid #eee;
}
.cart-list .cart-top ul {
  display: flex;
}
.cart-list .cart-top ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #999;
}
.cart-list .cart-top ul li:first-child {
  width: 60%;
}
.cart-list .cart-top ul li:last-child {
  width: 40%;
}

.cart-item {
  display: flex;
  position: relative;
  padding-top: 32px;
}
/* s: WCUSPJ-4490 / 20241010 */
.cart-item:not(:first-child) {
  padding-bottom: 32px;
  border-top: 1px solid #eee;
}
/* e: WCUSPJ-4490 / 20241010 */
.cart-item .product-type {
  width: 60%;
  display: flex;
}
.cart-item .product-price {
  width: 40%;
}
.cart-item .product-price .price-box {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
}
.cart-item .product-price p {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.cart-item .product-price .original {
  color: #bbb;
  text-decoration: line-through;
}
.cart-item .product-price .price {
  color: #000;
  font-weight: 500;
}
.cart-item .product-price .msg {
  color: #FF563F;
}
.cart-item .product-model {
  position: relative;
  width: 120px;
  flex-basis: 120px;
}
.cart-item .product-model .img-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 160px;
  vertical-align: middle;
  background-color: #eee;
}
.cart-item .product-model .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.cart-item .product-info {
  width: calc(100% - 120px);
  padding: 0 40px 0 24px;
}
.cart-item .product-title .brand {
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}
.cart-item .product-title .brand.v2 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-item .product-title .title {
  margin-top: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-item .product-title .title.v2 {
  white-space: inherit;
}
.cart-item .product-option {
  display: flex;
  gap: 16px;
  margin-top: 4px;
  flex-wrap: wrap;
}
.cart-item .product-option .list-type2 {
  display: flex;
  flex-wrap: wrap;
}
.cart-item .product-option .list-type2 li {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  color: #000;
  padding-right: 8px;
  padding-left: 0;
}
.cart-item .product-option .list-type2 li::before {
  display: none;
}
.cart-item .product-option .list-type2 li::after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  margin-left: 8px;
  transform: translateY(2px);
  width: 1px;
  height: 12px;
  background: #ddd;
}
.cart-item .product-option .list-type2 li:last-child::after {
  display: none;
}
.cart-item .product-option .btn-edit {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #999;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.cart-item .product-msg {
  margin-top: 10px;
}
.cart-item .product-msg p {
  color: #FF563F;
  font-size: 13px;
  font-weight: 400;
  line-height: 19px;
}
.cart-item .product-msg .btn-type4 {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.cart-item .product-noti {
  margin-top: 12px;
  border-radius: 6px;
  border: 1px solid #eee;
  padding: 8px 12px;
  display: inline-block;
}
.cart-item .product-noti .list-type li {
  display: block;
  color: #aaa;
}
.cart-item .product-noti .list-type li:before {
  background-color: #aaa;
}
.cart-item .product-noti .list-type li + li {
  margin-top: 4px;
}
.cart-item .product-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
}
.cart-item .product-tag .tag-type, .cart-item .product-tag .tag-type2 {
  margin-left: 0;
}
.cart-item .product-btn {
  margin-top: 16px;
}
.cart-item .product-btn .btn-wish {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.cart-item .product-btn .btn-wish span {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-decoration-line: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}
.cart-item .product-btn .btn-wish::before {
  content: "";
  display: inline-block;
  background-color: #000;
  width: 11px;
  height: 11px;
}
.cart-item .product-button {
  width: 20%;
}
.cart-item .product-button .btn-box {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
}
.cart-item .product-button .btn-box .btn-type4 {
  color: #777;
}
.cart-item.soldout .product-title * {
  color: #aaa;
}
.cart-item.soldout .product-option .list-type2 li {
  color: #aaa;
}
.cart-item.soldout .product-model .img-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.cart-item.soldout .product-model .img-box::after {
  content: "Soldout";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.cart-item.soldout.v2 .product-model .img-box::after {
  content: "";
}
.cart-item .btn-del {
  position: absolute;
  top: 22px;
  right: -10px;
  z-index: 10;
  padding: 10px;
}
.cart-item .btn-del::after {
  content: "";
  display: block;
  background-color: #999;
  width: 12px;
  height: 12px;
}
.cart-item.min {
  padding-top: 24px;
}
.cart-item.min:not(:last-child) {
  padding-bottom: 24px;
}
.cart-item.min .product-model {
  width: 90px;
  flex-basis: 90px;
}
.cart-item.min .product-model .img-box {
  height: 120px;
}
.cart-item.min .product-info {
  width: calc(100% - 90px);
  padding: 0 0 0 16px;
}
.cart-item.min .product-info .product-price {
  width: 100%;
  margin-top: 12px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.cart-item.min .product-info .product-price .price {
  font-weight: 500;
}
.cart-item.min .product-info .product-price .msg {
  color: #FF563F;
  margin-left: 4px;
}
/* s: WCUSPJ-4490 / 20241010 */
.reco-item {
  margin-top: -2px;
  padding-bottom: 32px;
} 
.reco-item .title-wrap {
  margin-bottom: 12px;
}
.reco-item .swiper {
  position: relative;
}
.reco-item .swiper-button-prev,
.reco-item .swiper-button-next {
  top: calc(50% - 42.5px);
  margin-top:0;
  transform: translateY(-50%);
}
.reco-item .swiper-button-prev {
  left: 0;
}
.reco-item .swiper-button-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}
/* e: WCUSPJ-4490 / 20241010 */

.payment-box .box-type dl {
  flex-wrap: wrap;
}
.payment-box .box-type dl dt,
.payment-box .box-type dl dd {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.payment-box .box-type dl + dl {
  margin-top: 10px;
}
.payment-box .box-type dl .btn-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.payment-box .box-type dl .btn-toggle.active .ico-arr2, .payment-box .box-type dl .btn-toggle.active .option-wrap .option-inner .option-info .btn-type2::after, .option-wrap .option-inner .option-info .payment-box .box-type dl .btn-toggle.active .btn-type2::after, .payment-box .box-type dl .btn-toggle.active .review-wrap .review-item .item-cont .content.more .btn-more::after, .review-wrap .review-item .item-cont .content.more .payment-box .box-type dl .btn-toggle.active .btn-more::after, .payment-box .box-type dl .btn-toggle.active #pop-country .pop-wrap .country-box [class^=swiper-button-]::after, #pop-country .pop-wrap .country-box .payment-box .box-type dl .btn-toggle.active [class^=swiper-button-]::after, .payment-box .box-type dl .btn-toggle.active .select-type2 .select-option::after, .select-type2 .payment-box .box-type dl .btn-toggle.active .select-option::after, .payment-box .box-type dl .btn-toggle.active .swiper-paging2 [class^=swiper-button-], .swiper-paging2 .payment-box .box-type dl .btn-toggle.active [class^=swiper-button-], .payment-box .box-type dl .btn-toggle.active .promotion-swiper .swiper-paging2 .swiper-button-prev, .promotion-swiper .swiper-paging2 .payment-box .box-type dl .btn-toggle.active .swiper-button-prev,
.payment-box .box-type dl .btn-toggle.active .promotion-swiper .swiper-paging2 .swiper-button-next,
.promotion-swiper .swiper-paging2 .payment-box .box-type dl .btn-toggle.active .swiper-button-next, .payment-box .box-type dl .btn-toggle.active .toggle-wrap li .btn-toggle::after, .toggle-wrap li .payment-box .box-type dl .btn-toggle.active .btn-toggle::after {
  transform: rotate(180deg);
}
.payment-box .box-type dl .toggle-box {
  display: none;
  width: 100%;
  margin-top: 4px;
}
.payment-box .box-type dl .toggle-box.active {
  display: block;
}
.payment-box .box-type dl .desc {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.payment-box .box-type dl.total {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #000;
}
.payment-box .box-type dl.total dt,
.payment-box .box-type dl.total dd {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.payment-box .box-type dl.total + .desc {
  margin-top: 8px;
  color: #999;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.payment-box .js_tooltip_box {
  left: -11px;
}

.address-list {
  display: flex;
  gap: 14px;
}

.address-box {
  position: relative;
  width: 100%;
  padding: 40px;
  background: #fafafa;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.address-box .title {
  font-size: 21px;
  font-weight: 400;
  line-height: 27px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-box .title .tag-type3 {
  background: #ddd;
  color: #000;
  height: 16px;
  padding: 0 4px;
}
.address-box p {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  color: #000;
}
.address-box p.name {
  font-size: 14px;
}
.address-box p.company {
  margin-top: 4px;
  font-size: 11px;
  line-height: 14px;
}
.address-box .info {
  margin-top: 24px;
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.address-box .btn-delete,
.address-box .btn-edit {
  position: absolute;
  bottom: 40px;
  right: 40px;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: underline;
  text-underline-position: from-font;
  text-decoration-thickness: 0.75px;
}

.review-wrap .review-item {
  position: relative;
  padding: 28px 0;
  border-bottom: 1px solid #eee;
}
.review-wrap .review-item .item-option {
  position: relative;
}
.review-wrap .review-item .item-option .name-box {
  display: flex;
  align-items: center;
}
.review-wrap .review-item .item-option .name-box .name {
  margin-left: 16px;
  font-size: 13px;
}
.review-wrap .review-item .item-option .option-box {
  display: flex;
  align-items: center;
  margin-top: 16px;
  font-size: 12px;
  color: #aaa;
}
.review-wrap .review-item .item-option .option-box span::before {
  content: "";
  margin: 0 8px;
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #ddd;
  vertical-align: middle;
}
.review-wrap .review-item .item-option .option-box span:first-child::before {
  display: none;
}
.review-wrap .review-item .item-cont {
  display: flex;
  flex-direction: column;
  min-height: 75px;
  margin-top: 24px;
  padding-right: 170px;
  cursor: pointer;
}
.review-wrap .review-item .item-cont .title {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: initial;
  max-height: 18px;
}
.review-wrap .review-item .item-cont .content {
  position: relative;
  padding-right: 22px;
  font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
  white-space: initial;
  max-height: 54px;
}
.review-wrap .review-item .item-cont .content br {
  display: none;
}
.review-wrap .review-item .item-cont .content .btn-more {
  display: none;
}
.review-wrap .review-item .item-cont .content.more .btn-more {
  position: absolute;
  bottom: 0px;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 0;
}
.review-wrap .review-item .item-cont .content.more .btn-more::after {
  content: "";
  display: inline-block;
}
.review-wrap .review-item .item-img {
  position: absolute;
  top: 70px;
  right: 0;
}
.review-wrap .review-item .item-img .num {
  z-index: 9;
  position: absolute;
  top: -12px;
  right: 0;
  width: 24px;
  height: 24px;
  background-color: #000;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  line-height: 24px;
}
.review-wrap .review-item .item-img .video-type {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.review-wrap .review-item .item-img .img-box {
  position: relative;
  overflow: hidden;
  width: 75px;
  height: 75px;
  background-color: #eee;
  cursor: pointer;
}
.review-wrap .review-item .item-img .img-box .video-area {
  padding-bottom: 100%;
}
.review-wrap .review-item .item-img .img-box .video-type {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 27px;
  height: 27px;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.200000003);
  font-size: 0;
}
.review-wrap .review-item .item-img .img-box img {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-wrap .review-item .item-img .img-box img:first-child {
  display: block;
  z-index: 2;
}
.review-wrap .review-item .item-reaction {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  font-size: 13px;
  line-height: 18px;
  color: #bbb;
}
.review-wrap .review-item .item-reaction .helpful {
  display: flex;
  align-items: center;
}
.review-wrap .review-item .item-reaction .helpful .btn-helpful::before {
  content: "";
  display: inline-block;
  margin-right: 6px;
}
.review-wrap .review-item .item-reaction .helpful .btn-helpful.active {
  color: #000;
}
.review-wrap .review-item .item-reaction .helpful .btn-helpful.active::before {
  background-color: #000;
}
.review-wrap .review-item .item-reaction .helpful em {
  margin-left: 6px;
  font-size: 12px;
  color: #000;
  font-weight: 500;
}
.review-wrap .review-item .item-reply {
  margin: 24px 0 0;
  padding: 24px;
  background-color: #f8f8f8;
}
.review-wrap .review-item .item-reply .title {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.review-wrap .review-item .item-reply .title::before {
  content: "";
  display: inline-block;
  margin-right: 24px;
  width: 9px;
  height: 9px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M1 0V8H9' stroke='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M1 0V8H9' stroke='black'/%3E%3C/svg%3E") no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #000;
}
.review-wrap .review-item .item-reply .content {
  position: relative;
  padding-left: 33px;
  font-size: 13px;
  line-height: 18px;
  word-break: break-word;
}
.review-wrap .review-item.active .item-cont {
  padding-right: 0;
}
.review-wrap .review-item.active .item-cont .content {
  max-height: initial;
  -webkit-line-clamp: inherit;
  white-space: pre-line;
}
.review-wrap .review-item.active .item-cont .content br {
  display: block;
}
.review-wrap .review-item.active .item-cont .content.more .btn-more {
  transform: rotate(-180deg);
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.review-wrap .review-item.active .item-img {
  position: relative;
  bottom: initial;
  top: initial;
  right: initial;
  margin-top: 24px;
}
.review-wrap .review-item.active .item-img .num, .review-wrap .review-item.active .item-img .video-type {
  display: none;
}
.review-wrap .review-item.active .item-img .img-box {
  overflow: visible;
  width: initial;
  height: initial;
  background-color: #fff;
}
.review-wrap .review-item.active .item-img .img-box .video-area {
  padding-bottom: 56.25%;
}
.review-wrap .review-item.active .item-img .img-box img {
  position: relative;
  top: initial;
  display: block;
  max-width: 480px;
  margin: 0 auto;
  transform: none;
  text-align: center;
}
.review-wrap .review-item.active .item-img .img-box img + img {
  margin-top: 8px;
}
.review-wrap .review-item.active .item-img .img-box img + .video-wrap {
  margin-top: 8px;
}

.option-wrap .option-inner {
  position: relative;
}
.option-wrap .option-inner::-webkit-scrollbar-track {
  background-color: #fff;
}
.option-wrap .option-inner .option-info {
  padding: 20px 0;
}
.option-wrap .option-inner .option-info .btn-type2 {
  position: relative;
  justify-content: flex-start;
}
.option-wrap .option-inner .option-info .btn-type2::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: all 0.3s ease-in;
}
.option-wrap .option-inner .option-info .btn-type2 + .option-value {
  margin-top: 20px;
}
.option-wrap .option-inner .option-info .option-value {
  display: flex;
  align-items: center;
}
.option-wrap .option-inner .option-info .option-value span {
  font-size: 12px;
}
.option-wrap .option-inner .option-info .option-value span::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  margin: 0 6px;
  background-color: #eee;
}
.option-wrap .option-inner .option-info .option-value span:last-child::after {
  display: none;
}
.option-wrap .option-inner .option-info .price-box {
  margin-top: 10px;
  text-align: right;
}
.option-wrap .option-inner .option-info .price-box em {
  font-size: 21px;
  font-weight: 500;
}
.option-wrap .option-inner .option-box {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -20px;
  padding: 20px;
}

.option-box .option-item {
  position: relative;
  background-color: #fff;
  border: 1px solid #ddd;
}
.option-box .option-item .btn-type4 .ico-email {
  margin-left: 8px;
}
.option-box .option-item.active {
  border-color: #000;
}
.option-box .option-item.active .title::after {
  transform: translateY(-50%) rotate(180deg);
}
.option-box .option-item.active .option-cont {
  display: block;
}
.option-box .option-item.active .option-cont li .chk-box .checkbox {
  display: none;
  width: 0;
  height: 0;
}
.option-box .option-item.active .option-cont li .chk-box label {
  font-size: 14px;
  line-height: 23px;
}
.option-box .option-item.active .option-cont li .chk-box.disabled label {
  color: #bbb;
}
.option-box .option-item.active .option-cont li .btn-type4 {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
.option-box .option-item.active .option-cont .custom-scroll {
  max-height: 217px;
  margin-right: 6px;
}
.option-box .option-item.active .option-cont .custom-scroll .btn-type4 {
  margin-right: 16px;
}
.option-box .option-item.disabled {
  background: #eee;
  border-color: #ddd;
}
.option-box .option-item.disabled .title {
  color: #aaa;
}
.option-box .option-item.disabled .title:after {
  background: #ddd;
}
.option-box .option-item .title {
  position: relative;
  display: flex;
  align-items: center;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
  cursor: pointer;
}
.option-box .option-item .title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  transition: all 0.3s ease-in;
}
.option-box .option-item .title .selected {
  padding-left: 3px;
}
.option-box .option-item .title .selected::before {
  content: "/";
  margin-right: 3px;
}
.option-box .option-item + .option-item {
  margin-top: 8px;
}
.option-box .option-cont {
  display: none;
  border-top: 1px solid #eee;
  padding: 9px 10px;
  max-height: 236px;
}
.option-box .option-cont li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 6px;
}
.option-box .option-cont li .chk-box {
  flex-grow: 1;
}
.option-box .option-cont li .btn-type4.v5 {
  gap: 10px;
}
.option-box .option-cont li:hover {
  background-color: #f9f9f9;
}
.option-box .option-cont li + li {
  margin-top: 4px;
}
.option-box .form-item.quantity {
  margin-top: 24px;
}
.option-box .form-item.quantity input {
  height: 40px;
}

.error-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 88px;
}
.error-wrap .text-box {
  padding-top: 32px;
}
.error-wrap .text-box .title-type5 + p {
  margin-top: 4px;
}
.error-wrap .text-box .title-text + p {
  margin-top: 16px;
}
.error-wrap .text-box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.video-area {
  position: relative;
  padding-bottom: 56.25%;
  z-index: 1;
}
.video-area iframe {
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-area .btn-pause {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 20;
  width: 100%;
  height: 100%;
  text-indent: -9999999px;
}
.video-area .video-control {
  display: block;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
}
.video-area .video-control .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  padding: 7px 12px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 30px;
  transform: translate(-50%, -50%);
}

.nodata-wrap {
  padding: 120px 0;
  text-align: center;
}
.nodata-wrap .title {
  font-size: 18px;
  line-height: 25px;
}
.nodata-wrap .title + p {
  margin-top: 8px;
}
.nodata-wrap p {
  font-size: 14px;
  line-height: 20px;
}

.loading-svg {
  position: relative;
  width: 73px;
  height: 73px;
}
.loading-svg .loading-logo {
  width: 73px;
  height: 73px;
}
.loading-svg .loading-bar {
  position: absolute;
  top: 0;
  right: 0;
  width: 73px;
  height: 73px;
  animation-delay: 0s;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-name: loading-loop;
  animation-iteration-count: infinite;
}

.custom-scroll {
  overflow: hidden;
  overflow-y: auto;
}
.custom-scroll::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: #eee;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #bbb;
}

.custom-scroll2 {
  overflow: hidden;
  overflow-x: auto;
}
.custom-scroll2::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.custom-scroll2::-webkit-scrollbar-track {
  background: #eee;
}
.custom-scroll2::-webkit-scrollbar-thumb {
  background: #000;
}

.sticky-box {
  z-index: 10;
  position: sticky;
  transition: all 0.3s ease;
}
.sticky-box.down {
  top: 40px;
}
.sticky-box.up {
  top: 163px;
}
.btn-black-type {
  min-width: 230px;
  height: 50px;
  padding: 0 20px;
  border: 1px solid #000;
  background-color: #000;
  font-size: 18px;
  color: #fff;
}