/* wholesale_header.css */

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

body {
  -webkit-font-smoothing: antialiased;
  min-width: 1268px;
}

/* responsive */
body.responsive {
  min-width: 1024px !important;
}

body.responsive #wrap {
  min-width: 1024px !important;
}

.responsive .section-inner {
  min-width: 1024px;
  max-width: 1536px;
  margin: auto;
}

.responsive .category-expansion .section-inner {
  max-width: 1440px;
}

/* responsive */
body.responsive {
  min-width: 1024px !important;
}

body.responsive #wrap {
  min-width: 1024px !important;
}

.responsive .section-inner {
  min-width: 1024px;
  max-width: 1536px;
  margin: auto;
}

.responsive .category-expansion .section-inner {
  max-width: 1440px;
}

strong,
.bold {
  font-weight: 500;
}

/*.notice_popup {*/
/*  position: fixed;*/
/*  top: 0px;*/
/*  width: 100%;*/
/*  z-index: 20;*/
/*}*/

#container {
  margin-top: 0px;
}

.notice_popup.is-active ~ #container {
  margin-top: 0px;
}

#global {
  width: 100%;
  height: 96px;
  min-width: 1024px;
  position: relative;
  z-index: 100;
  border: none;
}

#global .header-inner {
  box-sizing: border-box;
  width: 100%;
  height: 96px;
  min-width: 1024px;
  padding: 12px 40px 0 40px;
  border-bottom: 1px solid #ECECEC;
  background: #fff;
}

#global.fixed .header-inner {
  position: fixed;
  top: 0;
  left: 0;
  /* animation: fadeIn .05s linear forwards; */
}

.notice_popup.is-active~#global.fixed .header-inner{
  top: 40px;
}

.notice_popup {
  position: relative;
  width: 100%;
  height: 40px;
  min-width: 1024px;
}

.notice_popup.fixed .notice-swiper-area  {
  position: fixed;
  top: 0;
  z-index: 101;
  /* animation: fadeIn .05s linear forwards; */
}

.notice_popup.not-sticky.fixed .notice-swiper-area,
#global.not-sticky.fixed .header-inner {
  position: relative;
  top: 0 !important;
}


.notice_popup .notice-swiper-area {
  width: 100%;
  background: #333;
}

.notice_popup .notice-swiper {
  height: 40px;
  width: 600px;
  margin: auto;
  z-index: 2;
}

.notice_popup .notice-swiper .swiper-wrapper {
  position: relative;
  z-index: 10;
}

.notice_popup .notice-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.notice_popup .notice-swiper .swiper-slide a {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
}

.notice_popup .notice-swiper .swiper-slide a span {
  text-decoration: underline;
}

.notice_popup .notice-swiper-area {
  position: relative;
}

.notice_popup .notice-swiper-area .swiper-page {
  width: 600px;
  height: 38px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.notice_popup .notice-swiper-area .swiper-button-next,
.notice_popup .notice-swiper-area .swiper-button-prev {
  position: absolute;
  width: 7px;
  height: 12px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
}

.notice_popup .notice-swiper-area .swiper-button-prev {
  left: -10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03IDEuMzA4MDJMMi42NjgxNCA2TDcgMTAuNjkyTDUuNTM4NjkgMTJMMCA2TDUuNTM4NjkgMEw3IDEuMzA4MDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}

.notice_popup .notice-swiper-area .swiper-button-next {
  right: -10px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDEuMzA4MDJMNC4zMzE4NiA2TDAgMTAuNjkyTDEuNDYxMzEgMTJMNyA2TDEuNDYxMzEgMEwwIDEuMzA4MDJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');
}

.notice_popup .notice-swiper-area .swiper-button-next:after,
.notice_popup .notice-swiper-area .swiper-button-prev:after {
  display: none;
}

.notice_popup .btn-close {
  box-sizing: border-box;
  display: block;
  width: 16px;
  height: 16px;
  background: #222 url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkwxNCAxNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNDUiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIgMTRMMTQgMiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuNDUiIHN0cm9rZS13aWR0aD0iMS40IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==') no-repeat center;
  padding: 19px;
  position: absolute;
  top: 0;
  right: 0;
}

#global .roller::-webkit-scrollbar {
  width: 4px
}

#global .roller::-webkit-scrollbar-track {
  border-radius: 10px;
  background: transparent;
}

#global .roller::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px
}

.notice_popup.is-active ~ #global {
  top: 0px;
}

.header-wrapper input,
.header-wrapper button,
.header-wrapper textarea,
.header-wrapper select {
  font-family: Roboto, sans-serif;
}

.header-wrapper .base-checkbox input[type='checkbox']:checked+label:before,
.header-wrapper .base-checkbox input[type='checkbox']+label:after {
  width: 14px;
  height: 14px;
}

.header-wrapper .base-checkbox label.txt {
  padding-left: 24px;
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
  background: #fff;
}

.header-wrapper .info-area {
  display: flex;
  width: 100%;
  align-items: center;
}


.logo-area {
  display: flex;
  align-items: self-end;
}

.header-wrapper .fg-logo {
  height: 16px;
}

.header-wrapper .ws-logo {
  width: 123px;
  height: 13px;
  margin-left: 10px;
}

.header-wrapper .ws-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.header-wrapper .global-search {
  width: 100%;
  height: 40px;
  position: relative;
  margin: 0 40px 0 24px;
  z-index: 150;
}
.header-wrapper .global-search form {
  height: 100%;
}

.header-wrapper .global-search .search-input {
  width: 100%;
  height: 100%;
  border: 1px solid #F2F2F2;
  background: #FFF;
  border-radius: 2px;
  color: #333;
  font-size: 14px;
  padding: 6px 58px 6px 40px;
  box-sizing: border-box;
}

.header-wrapper .global-search .search-input::placeholder {
  color: #999;
}

.header-wrapper .global-search .search-input:focus {
  border: 1px solid #159E9E;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08);
}

.header-wrapper .global-search .btn-search {
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDI2MTAyNjgiPgo8Y2lyY2xlIGlkPSJFbGxpcHNlIDEwNTYiIGN4PSI2LjUzMzMzIiBjeT0iNi41MzMzMyIgcj0iNS4zNjY2NyIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIuMzMzMzMiLz4KPHBhdGggaWQ9IlZlY3RvciAzMTIiIGQ9Ik0xMy4xNzUxIDE0LjgyNUMxMy42MzA3IDE1LjI4MDYgMTQuMzY5NCAxNS4yODA2IDE0LjgyNSAxNC44MjVDMTUuMjgwNiAxNC4zNjk0IDE1LjI4MDYgMTMuNjMwNyAxNC44MjUgMTMuMTc1MUwxMy4xNzUxIDE0LjgyNVpNMTAuNzMzNCAxMC43MzM0TDkuOTA4NDQgMTEuNTU4NEwxMy4xNzUxIDE0LjgyNUwxNC4wMDAxIDE0LjAwMDFMMTQuODI1IDEzLjE3NTFMMTEuNTU4NCA5LjkwODQ0TDEwLjczMzQgMTAuNzMzNFoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8L3N2Zz4K') no-repeat center;
  background-size: 16px;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
  transition: .3s;
}

.header-wrapper .global-search .btn-search:hover {
  width: 18px;
  height: 18px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDI2MTAyNjgiPgo8Y2lyY2xlIGlkPSJFbGxpcHNlIDEwNTYiIGN4PSI3LjQ2NjY3IiBjeT0iNy40NjY2NyIgcj0iNi4xMzMzMyIgc3Ryb2tlPSIjNjY2NjY2IiBzdHJva2Utd2lkdGg9IjIuNjY2NjciLz4KPHBhdGggaWQ9IlZlY3RvciAzMTIiIGQ9Ik0xNS4wNTcxIDE2Ljk0MjdDMTUuNTc3OCAxNy40NjM0IDE2LjQyMiAxNy40NjM0IDE2Ljk0MjcgMTYuOTQyN0MxNy40NjM0IDE2LjQyMiAxNy40NjM0IDE1LjU3NzggMTYuOTQyNyAxNS4wNTcxTDE1LjA1NzEgMTYuOTQyN1pNMTIuMjY2NiAxMi4yNjY2TDExLjMyMzggMTMuMjA5NEwxNS4wNTcxIDE2Ljk0MjdMMTUuOTk5OSAxNS45OTk5TDE2Ljk0MjcgMTUuMDU3MUwxMy4yMDk0IDExLjMyMzhMMTIuMjY2NiAxMi4yNjY2WiIgZmlsbD0iIzY2NjY2NiIvPgo8L2c+Cjwvc3ZnPgo=') no-repeat center;
  background-size: 18px;
}

@keyframes style-match {
  0% {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
    background-size: 100%;
  }

  14% {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
    background-size: 100%;
  }

  32% {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDMwIDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMxNTlFOUUiIGN4PSIxNSIgY3k9IjE1IiByPSI0Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIxNSIgY3k9IjE1IiByPSIyIi8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNNSwxOS4zMzRjMCwyLjUxNSwyLjA0LDQuNTU1LDQuNTU2LDQuNTU1aDkuMzFoMS41OGMyLjUxNSwwLDQuNTU1LTIuMDQxLDQuNTU1LTQuNTU2VjE2LjI3aC0yLjIyM3YyLjg5Ng0KCWMwLDEuMzUtMC43ODUsMi40ODYtMi4wMDgsMi40ODZIOS40MzFjLTEuMjIyLDAtMi4yMDgtMS4xMzctMi4yMDgtMi40ODVWMTYuMjdINVYxOS4zMzR6Ii8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNMjUsMTAuNjY3YzAtMi41MTUtMi4wNC00LjU1NS00LjU1NS00LjU1NUgxOC41YzAtMS4xMDUtMC44OTYtMi0yLTJoLTNjLTEuMTA0LDAtMiwwLjg5NS0yLDJIOS41NTYNCglDNy4wNCw2LjExMSw1LDguMTUxLDUsMTAuNjY3djMuMDY0aDIuMjIydi0yLjg5N2MwLTEuMzQ4LDEtMi41LDIuMjIyLTIuNWg4LjU0MmgyLjU2OWMxLjIyMiwwLDIuMjIyLDEuMTUxLDIuMjIyLDIuNXYyLjg5N0gyNQ0KCVYxMC42Njd6Ii8+DQo8L3N2Zz4NCg==') no-repeat center;
    background-size: 120%;
  }

  50% {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
    background-size: 100%;
  }

  68% {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDMwIDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMxNTlFOUUiIGN4PSIxNSIgY3k9IjE1IiByPSI0Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIxNSIgY3k9IjE1IiByPSIyIi8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNNSwxOS4zMzRjMCwyLjUxNSwyLjA0LDQuNTU1LDQuNTU2LDQuNTU1aDkuMzFoMS41OGMyLjUxNSwwLDQuNTU1LTIuMDQxLDQuNTU1LTQuNTU2VjE2LjI3aC0yLjIyM3YyLjg5Ng0KCWMwLDEuMzUtMC43ODUsMi40ODYtMi4wMDgsMi40ODZIOS40MzFjLTEuMjIyLDAtMi4yMDgtMS4xMzctMi4yMDgtMi40ODVWMTYuMjdINVYxOS4zMzR6Ii8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNMjUsMTAuNjY3YzAtMi41MTUtMi4wNC00LjU1NS00LjU1NS00LjU1NUgxOC41YzAtMS4xMDUtMC44OTYtMi0yLTJoLTNjLTEuMTA0LDAtMiwwLjg5NS0yLDJIOS41NTYNCglDNy4wNCw2LjExMSw1LDguMTUxLDUsMTAuNjY3djMuMDY0aDIuMjIydi0yLjg5N2MwLTEuMzQ4LDEtMi41LDIuMjIyLTIuNWg4LjU0MmgyLjU2OWMxLjIyMiwwLDIuMjIyLDEuMTUxLDIuMjIyLDIuNXYyLjg5N0gyNQ0KCVYxMC42Njd6Ii8+DQo8L3N2Zz4NCg==') no-repeat center;
    background-size: 120%;
  }

  86% {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
    background-size: 100%;
  }

  100% {
    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
    background-size: 100%;
  }

}

.header-wrapper .global-search .btn-style-match {
  width: 30px;
  height: 28px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAzMCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxOS4wMDAyQzEyLjc5MDkgMTkuMDAwMiAxMSAxNy4yMDk0IDExIDE1LjAwMDJDMTEgMTIuNzkxMSAxMi43OTA5IDExLjAwMDIgMTUgMTEuMDAwMkMxNy4yMDkxIDExLjAwMDIgMTkgMTIuNzkxMSAxOSAxNS4wMDAyQzE5IDE3LjIwOTQgMTcuMjA5MSAxOS4wMDAyIDE1IDE5LjAwMDJaTTE1IDEzLjAwMDJDMTYuMTA0NiAxMy4wMDAyIDE3IDEzLjg5NTcgMTcgMTUuMDAwMkMxNyAxNi4xMDQ4IDE2LjEwNDYgMTcuMDAwMiAxNSAxNy4wMDAyQzEzLjg5NTQgMTcuMDAwMiAxMyAxNi4xMDQ4IDEzIDE1LjAwMDJDMTMgMTMuODk1NyAxMy44OTU0IDEzLjAwMDIgMTUgMTMuMDAwMloiIGZpbGw9IiMzMzMzMzMiLz4KPHBhdGggZD0iTTUgMTkuMzMzNUM1IDIxLjg0ODcgNy4wNDAyNiAyMy44ODg5IDkuNTU1NTEgMjMuODg4OUgxOC44NjVMMjAuNDQ0NyAyMy44ODg2QzIyLjk1OTkgMjMuODg4NiAyNS4wMDAyIDIxLjg0ODMgMjUuMDAwMiAxOS4zMzMxVjE2LjI3SDIyLjc3OFYxOS4xNjY0QzIyLjc3OCAyMC41MTUgMjEuOTkyIDIxLjY1MjkgMjAuNzY5OCAyMS42NTI5SDkuNDMwNTFDOC4yMDgzIDIxLjY1MjkgNy4yMjIyIDIwLjUxNTQgNy4yMjIyIDE5LjE2NjhWMTYuMjdINVYxOS4zMzM1WiIgZmlsbD0iIzMzMzMzMyIvPgo8cGF0aCBkPSJNMjUuMDAwMiAxMC42NjY2QzI1LjAwMDIgOC4xNTEzMyAyMi45NTk5IDYuMTExMDggMjAuNDQ0NyA2LjExMTA4SDE4LjVDMTguNSA1LjAwNjUxIDE3LjYwNDYgNC4xMTEwOCAxNi41IDQuMTExMDhIMTMuNUMxMi4zOTU0IDQuMTExMDggMTEuNSA1LjAwNjUxIDExLjUgNi4xMTEwOEg5LjU1NTUxQzcuMDQwMjYgNi4xMTEwOCA1IDguMTUxMzMgNSAxMC42NjY2VjEzLjczMDNINy4yMjIyVjEwLjgzMzJDNy4yMjIyIDkuNDg0NjQgOC4yMjIxOSA4LjMzMzI3IDkuNDQ0NCA4LjMzMzI3SDE3Ljk4NkgyMC41NTU4QzIxLjc3OCA4LjMzMzI3IDIyLjc3OCA5LjQ4NDY0IDIyLjc3OCAxMC44MzMyVjEzLjczMDNIMjUuMDAwMlYxMC42NjY2WiIgZmlsbD0iIzMzMzMzMyIvPgo8L3N2Zz4K') no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: .3s;
  animation: style-match 2.6s ease-in-out;
  animation-delay: 2s;
}

.header-wrapper .global-search .btn-style-match:hover {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjMwcHgiIGhlaWdodD0iMjhweCIgdmlld0JveD0iMCAwIDMwIDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMCAyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Y2lyY2xlIGZpbGw9IiMxNTlFOUUiIGN4PSIxNSIgY3k9IjE1IiByPSI0Ii8+DQo8Y2lyY2xlIGZpbGw9IiNGRkZGRkYiIGN4PSIxNSIgY3k9IjE1IiByPSIyIi8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNNSwxOS4zMzRjMCwyLjUxNSwyLjA0LDQuNTU1LDQuNTU2LDQuNTU1aDkuMzFoMS41OGMyLjUxNSwwLDQuNTU1LTIuMDQxLDQuNTU1LTQuNTU2VjE2LjI3aC0yLjIyM3YyLjg5Ng0KCWMwLDEuMzUtMC43ODUsMi40ODYtMi4wMDgsMi40ODZIOS40MzFjLTEuMjIyLDAtMi4yMDgtMS4xMzctMi4yMDgtMi40ODVWMTYuMjdINVYxOS4zMzR6Ii8+DQo8cGF0aCBmaWxsPSIjMTU5RTlFIiBkPSJNMjUsMTAuNjY3YzAtMi41MTUtMi4wNC00LjU1NS00LjU1NS00LjU1NUgxOC41YzAtMS4xMDUtMC44OTYtMi0yLTJoLTNjLTEuMTA0LDAtMiwwLjg5NS0yLDJIOS41NTYNCglDNy4wNCw2LjExMSw1LDguMTUxLDUsMTAuNjY3djMuMDY0aDIuMjIydi0yLjg5N2MwLTEuMzQ4LDEtMi41LDIuMjIyLTIuNWg4LjU0MmgyLjU2OWMxLjIyMiwwLDIuMjIyLDEuMTUxLDIuMjIyLDIuNXYyLjg5N0gyNQ0KCVYxMC42Njd6Ii8+DQo8L3N2Zz4NCg==') no-repeat center;
  background-size: 120%;
}

.header-wrapper .global-search .btn-style-match::before {
  content: '';
  display: block;
  width: 1px;
  height: 22px;
  background: #ddd;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
}

.header-wrapper .global-search .ly_img_sch h4 {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 12px;
}

.header-wrapper .global-search .ly_img_sch .btn_close {
  width: 16px;
  height: 16px;
  background: url('../img/icon_img_popup_close.svg') no-repeat center;
  background-size: 14px;
  opacity: 1;
}

.header-wrapper .global-search .ly_img_sch {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  position: absolute;
  top: 44px;
  left: 0;
  border: none;
  padding: 16px;
}

.header-wrapper .global-search .ly_img_sch .file_box {
  min-height: 313px;
  padding: 40px 0 16px;
  height: auto;
  background: #FAFAFA;
  border: 1px dashed #ECECEC;
}

.header-wrapper .global-search .ly_img_sch .file_box p {
  margin-top: 0px;
  font-size: 14px;
  line-height: 18px;
  color: #999;
}

.header-wrapper .global-search .ly_img_sch .file_box .ico_comm {
  font-size: 0;
  background: url('../img/icon_img_upload.svg') no-repeat center top;
}

.header-wrapper .global-search .ly_img_sch .file_box .btn_inputfile {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  margin: 8px auto 0;
}

.header-wrapper .ly_img_sch .file_box p.warning_info_noimg {
  color: #FF5859;
  font-size: 12px;
  line-height: 16px;
  width: fit-content;
  max-width: 380px;
  background: #ffecec url('../img/icon_error.svg') no-repeat 10px 10px;
  position: static;
  transform: none;
  margin: 8px auto 0;
  text-align: left;
  padding: 8px 12px 8px 32px;
  height: auto;
}

.header-wrapper .ly_img_sch .supplementary-text {
  font-size: 13px;
  line-height: 22px;
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  width: 100%;
}

.header-wrapper .ly_img_sch .support_box {
  margin: 12px 0 0;
}

.header-wrapper .ly_img_sch .support_box .title {
  padding-bottom: 16px;
}

.header-wrapper .ly_img_sch .support_box .dowmload_list {
  margin: 16px 0 0;
}

.header-wrapper .ly_img_sch .support_box .dowmload_list li {
  margin: 0 8px;
}

.header-wrapper .ly_img_sch .support_box .dowmload_list a {
  width: 60px;
  height: 70px;
  background: none;
  margin: 0;
}

.header-wrapper .ly_img_sch .support_box .dowmload_list span {
  width: 40px;
  height: 40px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin: 0 auto 10px;
}

.header-wrapper .ly_img_sch .support_box .dowmload_list .chrome {
  background-image: url('../img/icon/icon_browser_chrome.svg');
}

.header-wrapper .ly_img_sch .support_box .dowmload_list .safari {
  background-image: url('../img/icon/icon_browser_safari.svg');
}

.header-wrapper .ly_img_sch .support_box .dowmload_list .firefox {
  background-image: url('../img/icon/icon_browser_firefox.svg');
}

.header-wrapper .ly_img_sch .support_box .dowmload_list strong {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  line-height: 20px
}

.header-wrapper .global-search .search-tip-wrap {
  display: none;
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 10;
  padding: 8px 0;
  box-sizing: border-box;
}

.header-wrapper .global-search .search-tip-wrap .search-for {
  height: 40px;
  padding: 0 16px;
  display: flex;
  align-items: center;
}

.header-wrapper .global-search .search-tip-wrap.active {
  display: block;
}

.header-wrapper .global-search .search-tip-wrap .tip-area+.tip-area {
  border-top: 1px solid #ececec;
}

.header-wrapper .global-search .autoSuggestBox.searchNew {
  position: relative;
  top: 0;
  left: 0;
  border: none;
  width: auto;
  min-width: auto;
}

.header-wrapper .global-search .search-tip-wrap .default {
  width: 100%;
  max-height: 532px;
  overflow: hidden;
  overflow-y: auto;
}

.header-wrapper .global-search .search-tip-wrap .tip-ttl {
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-size: 12px;
  color: #999;
  padding: 0 16px;
  border-top: 1px solid #ececec;
}

.header-wrapper .global-search .search-tip-wrap .keyword-list li {
  height: 30px;
  font-size: 12px;
}

.header-wrapper .global-search .search-tip-wrap .keyword-list a {
  display: block;
  height: 100%;
  line-height: 30px;
  padding: 0 40px;
  color: #333;
}

.header-wrapper .global-search .search-tip-wrap .keyword-list a:hover {
  background: #FAFAFA;
  text-decoration: none;
}

.header-wrapper .global-search .search-tip-wrap .keyword-list strong {
  font-weight: 700;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  box-shadow: none;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox .title {
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox ._keywordBox {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0;
  height: 32px;
  overflow: hidden;
  margin-top: 12px;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox ._keywordBox>li {
  height: 32px;
  line-height: 30px;
  background: #F7F7F7;
  border-radius: 3px;
  border: 1px solid #F7F7F7;
  max-width: 100%;
  font-size: 12px;
  padding: 0 15px;
  margin-right: 8px;
  cursor: pointer;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox ._keywordBox>li a {
  text-decoration: none;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox ._keywordBox>li.active {
  color: #333;
  font-weight: bold;
  border: 1px solid #333;
  background: #fff;
}

.header-wrapper .global-search .tag-list {
  max-height: 72px;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  margin-top: 12px;
}

.header-wrapper .global-search .tag-list li {
  margin: 0 8px 8px 0;
}

.header-wrapper .global-search .tag-item {
  display: inline-flex;
  align-items: center;
  height: 32px;
  background: #F7F7F7;
  border-radius: 2px;
  padding: 0 16px;
}

.header-wrapper .global-search .tag-item.active {
  background: #159E9E;
  cursor: pointer;
}

.header-wrapper .global-search .tag-con {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
}

.header-wrapper .global-search .tag-item.active .tag-con {
  color: #fff;
}

.header-wrapper .global-search .btn-delete {
  width: 8px;
  height: 8px;
  color: transparent;
  font-size: 0;
  background: url('../img/icon_delete_black.svg') no-repeat center;
  background-size: 100%;
}

.header-wrapper .global-search .tag-item.active .btn-delete {
  background: url('../img/icon_delete_white.svg') no-repeat center;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .lst_pdt {
  margin-top: 16px;
  height: 195px;
  overflow: hidden;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .lst_pdt .pic {
  width: 136px;
  height: 195px;
  position: static;
  border: none;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .lst_pdt .pic>a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .lst_pdt .pic img {
  width: 100%;
  position: static;
}

.header-wrapper .global-search .autoSuggestBox.searchNew .lst_pdt .pic:hover img {
  transition: all .3s ease-in-out;
  transform: scale(1.04);
}

.header-wrapper .global-search .autoSuggestBox.searchNew .keywordBox .lst_pdt>li+li {
  margin-left: 12px;
}

.header-wrapper .tool-area {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-wrapper .tool-area .btn-goto {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  box-sizing: border-box;
  text-decoration: none;
  transition: .3s;
  position: relative;
  white-space: nowrap;
}

.header-wrapper .tool-area .btn-goto:after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .3s;
}

.header-wrapper .tool-area .btn-goto:hover:after {
  width: 100%;
}

.header-wrapper .tool-area .btn-goto span {
  padding-right: 23px;
  /*background: url('../img/icon_alert.svg') no-repeat right 2px;*/
  /*background-size: 15px;*/
  transition: .3s;
}

/*.header-wrapper .tool-area .btn-goto:hover {*/
/*  background: #ECECEC;*/
/*}*/

.header-wrapper .tool-area .btn-goto:hover span {
  /*background: url('../img/icon_alert_active.svg') no-repeat right 2px;*/
}

.header-wrapper .fun-area {
  display: flex;
  align-items: center;
  margin-left: 16px;
  padding-left: 16px;
  position: relative;
}

.header-wrapper .fun-area:before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: #DDD;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrapper .tool-area .link-header-black,
.header-wrapper .tool-area .btn-header-black {
  color: #333;
  font-size: 14px;
  font-weight: bold;
}

.header-wrapper .tool-area .link-header-black {
  padding: 0;
  margin-left: 16px;
}

.header-wrapper .tool-area .btn-header-black {
  position: relative;
  text-decoration: none;
}

/* .header-wrapper .tool-area .btn-header-black:before {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  background: #ececec;
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
} */

.header-wrapper .tool-area .link-header-black a,
.header-wrapper .tool-area .btn-header-black a {
  box-sizing: border-box;
  height: 40px;
  color: #333;
  font-weight: 500;
  padding: 10px 16px;
  letter-spacing: 0.01em;
  transition: .3s;
  display: block;
  white-space: nowrap;
}

.header-wrapper .tool-area .link-header-black a {
  color: #fff;
  background-color: #333;
  border-radius: 2px;
}

.header-wrapper .tool-area .link-header-black a:hover {
  text-decoration: none;
  background-color: #1d1d1d;
}

.header-wrapper .tool-area .btn-header-black a {
  padding: 0;
  height: 40px;
  line-height: 40px;
}

.header-wrapper .tool-area .btn-header-black a:hover {
  text-decoration: none;
}

.header-wrapper .tool-area .btn-header-black a:before {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #333;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: .3s;
}

.header-wrapper .tool-area .btn-header-black a:hover:before {
  width: 100%;
}

.header-wrapper .tool-area .icon-common {
  width: 20px;
  height: 20px;
  padding: 10px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0;
  color: transparent;
  transition: .3s;
}

.header-wrapper .tool-area .icon-common a {
  display: block;
  width: 100%;
  height: 100%;
}

.header-wrapper .tool-area .icon-common .info-data {
  box-sizing: border-box;
  display: inline-block;
  min-width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  background: #3CB0B4;
  border: 1px solid #fff;
  border-radius: 20px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  padding: 0 4px;
  position: absolute;
  top: 0;
  right: 2px;
  padding: 0 4px;
}

.header-wrapper .tool-area .icon-common .noti-data {
  box-sizing: border-box;
  display: inline-block;
  min-width: 14px;
  height: 14px;
  line-height: 12px;
  text-align: center;
  background: #FF5859;
  border: 1px solid #fff;
  border-radius: 20px;
  font-weight: bold;
  font-size: 10px;
  color: #fff;
  padding: 0 2px;
  position: absolute;
  top: -7px;
  right: -7px;
}

.header-wrapper .tool-area .chat {
  background-image: url('../img/icon_global_chat.svg');
}

.header-wrapper .tool-area .chat:hover {
  background-image: url('../img/icon_global_chat_active.svg');
}

.header-wrapper .tool-area .cart {
  background-image: url('../img/icon_global_cart.svg');
}

.header-wrapper .tool-area .cart:hover {
  background-image: url('../img/icon_global_cart_active.svg');
}

.header-wrapper .tool-area .favorite {
  background-image: url('../img/icon_global_favorite.svg');
}

.header-wrapper .tool-area .favorite:hover {
  background-image: url('../img/icon_global_favorite_active.svg');
}

.header-wrapper .tool-area .notification {
  background-image: url('../img/icon_global_notification.svg');
}

.header-wrapper .tool-area .notification:hover {
  background-image: url('../img/icon_global_notification_active.svg');
}

.header-wrapper .tool-area .icon-list {
  display: flex;
  margin: 0 16px;
  padding: 0 16px;
  position: relative;
}

.header-wrapper .tool-area .icon-list::before,
.header-wrapper .tool-area .icon-list::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: #ddd;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.header-wrapper .tool-area .icon-list::before {
  left: 0;
}

.header-wrapper .tool-area .icon-list::after {
  right: 0;
}

.header-wrapper .tool-area .icon-list li+li {
  margin-left: 8px;
}

.header-wrapper .tool-area .icon-list li {
  position: relative;
}

/*.header-wrapper .tool-area .icon-list .goto-cart {*/
/*  width: 362px;*/
/*  background: #F7F7F7;*/
/*  border-radius: 2px;*/
/*  padding: 24px;*/
/*  box-sizing: border-box;*/
/*  position: absolute;*/
/*  top: 35px;*/
/*  right: -13px;*/
/*  z-index: 100;*/
/*  border: 1px solid #ECECEC;*/
/*  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart::before {*/
/*  content: '';*/
/*  display: block;*/
/*  width: 18px;*/
/*  height: 14px;*/
/*  background: url('../img/icon_tip_arrow_top_2.svg') no-repeat center;*/
/*  position: absolute;*/
/*  top: -14px;*/
/*  right: 13px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  margin-top: 24px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dt {*/
/*  font-weight: 500;*/
/*  font-size: 13px;*/
/*  line-height: 24px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dt span {*/
/*  font-weight: 400;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dd {*/
/*  font-weight: 500;*/
/*  font-size: 16px;*/
/*  line-height: 24px;*/
/*}*/


.header-wrapper .tool-area .icon-list .noti-pop {
  width: 371px;
  background: #fff;
  border-radius: 2px;
  padding: 24px;
  box-sizing: border-box;
  position: absolute;
  top: 35px;
  right: -13px;
  z-index: 100;
  border: 1px solid #ECECEC;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
}

.header-wrapper .tool-area .icon-list .noti-pop::before {
  content: '';
  display: block;
  width: 18px;
  height: 14px;
  background: url('../img/icon_tip_arrow_top.svg') no-repeat center;
  position: absolute;
  top: -12px;
  right: 13px;
}

.header-wrapper .tool-area .icon-list .noti-pop .pop-h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.header-wrapper .tool-area .icon-list .noti-pop .pop-note {
  font-size: 13px;
  line-height: 24px;
  color: #666;
}

.header-wrapper .tool-area .icon-list .noti-pop .order-info {
  background: #FAFAFA;
  border: 1px solid #F7F7F7;
  border-radius: 3px;
  margin: 12px 0 16px;
}

.header-wrapper .tool-area .icon-list .noti-pop .order-info dl {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 24px;
  color: #333;
  padding: 8px 16px;
}


/*.header-wrapper .tool-area .icon-common {*/
/*  width: 20px;*/
/*  height: 20px;*/
/*  position: relative;*/
/*  transition: .3s;*/
/*  background-repeat: no-repeat;*/
/*  background-position: center;*/
/*  font-size: 0;*/
/*  color: transparent;*/
/*  padding: 0;*/
/*}*/

/*.header-wrapper .tool-area .icon-common a {*/
/*  display: block;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/

/*.header-wrapper .tool-area .icon-common .info-data {*/
/*  box-sizing: border-box;*/
/*  display: inline-block;*/
/*  min-width: 14px;*/
/*  height: 14px;*/
/*  line-height: 12px;*/
/*  text-align: center;*/
/*  background: #159E9E;*/
/*  border: 1px solid #fff;*/
/*  border-radius: 20px;*/
/*  font-weight: bold;*/
/*  font-size: 10px;*/
/*  color: #fff;*/
/*  padding: 0 2px;*/
/*  position: absolute;*/
/*  top: -7px;*/
/*  right: -7px;*/
/*}*/

/*.header-wrapper .tool-area .icon-common .info-data#paymentIssueCount {*/
/*  background: #FF5859;*/
/*}*/

/*.header-wrapper .tool-area #paymentIssueHeader {*/
/*  border: none;*/
/*  filter: drop-shadow(0px 2px 6px rgba(0,0,0,0.2));*/
/*  top: 45px;*/
/*}*/

/*.header-wrapper .tool-area #paymentIssueHeader:before {*/
/*  box-sizing: content-box;*/
/*  width: 0;*/
/*  height: 0;*/
/*  position: absolute;*/
/*  top: -16px;*/
/*  right: 60px;*/
/*  padding: 0;*/
/*  border-bottom: 8px solid #fff;*/
/*  border-top: 8px solid transparent;*/
/*  border-left: 8px solid transparent;*/
/*  border-right: 8px solid transparent;*/
/*  display: block;*/
/*  content: '';*/
/*  z-index: 12;*/
/*}*/

/*.header-wrapper .tool-area #paymentIssueHeader:after {*/
/*  content: unset;*/
/*}*/

/*.header-wrapper .tool-area .chat {*/
/*  background-image: url('../img/icon_global_chat.svg');*/
/*  margin-left: 24px;*/
/*}*/

/*.header-wrapper .tool-area .chat:hover {*/
/*  background-image: url('../img/icon_global_chat_active.svg');*/
/*}*/

/*.header-wrapper .tool-area .notice_icon {*/
/*  background-image: url('../img/icon_global_notification.svg');*/
/*  margin-left: auto;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  display: block;*/
/*  cursor: pointer;*/
/*}*/

/*.header-wrapper .tool-area .notice_icon:hover {*/
/*  background-image: url('../img/icon_global_notification.svg');*/
/*}*/

/*.header-wrapper .tool-area .cart {*/
/*  background-image: url('../img/icon_global_cart.svg');*/
/*  margin-left: auto;*/
/*}*/

/*.header-wrapper .tool-area .cart:hover {*/
/*  background-image: url('../img/icon_global_cart_active.svg');*/
/*}*/

/*.header-wrapper .tool-area .icon-list {*/
/*  display: flex;*/
/*  margin-left: 24px;*/
/*  height: 20px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list li {*/
/*  position: relative;*/
/*}*/

/*.header-wrapper .tool-area .icon-list li.od {*/
/*  height: 46px;*/
/*  width: 44px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list > li+li {*/
/*  margin-left: 16px;*/
/*  padding-left: 16px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list li+li:before {*/
/*  content: '';*/
/*  display: block;*/
/*  width: 1px;*/
/*  height: 14px;*/
/*  background: #ececec;*/
/*  position: absolute;*/
/*  !*top: 50%;*!*/
/*  !*left: 0;*!*/
/*  !*transform: translateY(-50%);*!*/
/*  top: 10%;*/
/*  left: 24%;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart {*/
/*  width: 362px;*/
/*  background: #F7F7F7;*/
/*  border-radius: 2px;*/
/*  padding: 24px;*/
/*  box-sizing: border-box;*/
/*  position: absolute;*/
/*  top: 46px;*/
/*  right: -12px;*/
/*  z-index: 100;*/
/*  border: 1px solid #ECECEC;*/
/*  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart::before {*/
/*  content: '';*/
/*  display: block;*/
/*  width: 18px;*/
/*  height: 14px;*/
/*  background: url('../img/icon_tip_arrow_top_2.svg') no-repeat center;*/
/*  position: absolute;*/
/*  top: -14px;*/
/*  right: 13px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data {*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*  margin-top: 24px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dt {*/
/*  font-weight: 500;*/
/*  font-size: 13px;*/
/*  line-height: 24px;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dt span {*/
/*  font-weight: 400;*/
/*}*/

/*.header-wrapper .tool-area .icon-list .goto-cart .total-data dd {*/
/*  font-weight: 500;*/
/*  font-size: 16px;*/
/*  line-height: 24px;*/
/*}*/

.header-wrapper .tool-area .user {
  position: relative;
}

.header-wrapper .tool-area .user .user-avatar {
  display: block;
  width: 40px;
  height: 40px;
  background: #ececec;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  overflow: hidden;
  text-decoration: none;
}

.header-wrapper .tool-area .user .user-wrap {
  display: none;
  width: 280px;
  position: absolute;
  right: -4px;
  top: 56px;
  z-index: 100;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
}

.header-wrapper .tool-area .user .user-wrap.active {
  display: block;
}

.header-wrapper .tool-area .user .user-wrap:before {
  content: '';
  display: block;
  width: 18px;
  height: 14px;
  background: url('../img/icon_tip_arrow_top.svg') no-repeat center;
  position: absolute;
  top: -10px;
  right: 13px;
}

.header-wrapper .tool-area .user .user-wrap:after {
  content: unset;
}

.header-wrapper .tool-area .user .user-info {
  display: flex;
  align-items: center;
  padding: 13px 16px;
  border-bottom: 1px solid #ECECEC;
}

.header-wrapper .tool-area .user .user-name {
  margin-left: 16px;
  flex: 1;
}

.header-wrapper .tool-area .user .user-name .icon-tp {
  display: block;
  width: 22px;
  height: 18px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjY5ODMgMC42NDQwNDNIMTYuMzkzOEwyMC43NzUgNS43MDQwNE0xMC42OTgzIDAuNjQ0MDQzSDUuMDAyNzZMMC42MjE1ODIgNS43MDQwNEwxMC42OTgzIDE3LjIwNE0xMC42OTgzIDAuNjQ0MDQzSDEzLjMyN0wxNS41MTc2IDUuNzA0MDRMMTAuNjk4MyAxNy4yMDRNMTAuNjk4MyAwLjY0NDA0M0g4LjA2OTU5TDUuODc5IDUuNzA0MDRMMTAuNjk4MyAxNy4yMDRNMTAuNjk4MyAxNy4yMDRMMjAuNzc1IDUuNzA0MDRNMjAuNzc1IDUuNzA0MDRIMS4wNTk3IiBzdHJva2U9IiM5NDk0OTQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K') no-repeat;
  margin-right: 7px;
}

.header-wrapper .tool-area .user .user-name dt {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 21px;
  max-width: 192px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-wrapper .tool-area .user .user-name dd {
  font-size: 14px;
  line-height: 21px;
  margin-top: 4px;
  max-width: 192px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-wrapper .tool-area .user .user-menu {
  padding: 8px 0;
}

.header-wrapper .tool-area .user .user-menu li {
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  font-size: 14px;
  width: 280px;
}

.header-wrapper .tool-area .user .user-menu a {
  display: block;
  padding: 0 0 0 62px;
  color: #666;
  background-repeat: no-repeat;
  background-position: 19px center;
  text-decoration: none;
}

.header-wrapper .tool-area .user .user-menu a:hover {
  color: #333;
  background-color: #FAFAFA;
}

.header-wrapper .tool-area .user .user-menu .my-account a {
  background-image: url('../img/icon_user_my_account.svg');
}

.header-wrapper .tool-area .user .user-menu .my-account a:hover {
  background-image: url('../img/icon_user_my_account_active.svg');
}

.header-wrapper .tool-area .user .user-menu .order-history a {
  background-image: url('../img/icon_order_history.svg');
}

.header-wrapper .tool-area .user .user-menu .order-history a:hover {
  background-image: url('../img/icon_order_history_active.svg');
}

.header-wrapper .tool-area .user .user-menu .my-rewards a {
  background-image: url('../img/icon_my_rewards.svg');
}

.header-wrapper .tool-area .user .user-menu .my-rewards a:hover {
  background-image: url('../img/icon_my_rewards_active.svg');
}

.header-wrapper .tool-area .user .user-menu .the-premier a {
  background-image: url(/img/premier/icon_premier_header.svg);
}

.header-wrapper .tool-area .user .user-menu .net-terms a {
  background-image: url('../img/icon_net_terms.svg');
}

.header-wrapper .tool-area .user .user-menu .net-terms a:hover {
  background-image: url('../img/icon_net_terms_active.svg');
}

.header-wrapper .tool-area .user .user-menu .buyer-referral a {
  background-image: url('../img/icon_buyer_referral.svg');
}

.header-wrapper .tool-area .user .user-menu .buyer-referral a:hover {
  background-image: url('../img/icon_buyer_referral_active.svg');
}

.header-wrapper .tool-area .user .user-menu .msg a {
  background-image: url('../img/icon_global_chat.svg');
  background-position: 10.5%;
  filter: opacity(0.8);
}

.header-wrapper .tool-area .user .user-menu .msg a em {
  color: #159E9E;
  margin-left: 10px;
}
.header-wrapper .tool-area .user .user-menu .msg a:hover {
  filter: opacity(1);
}

.header-wrapper .tool-area .user .user-menu .sign-out a {
  background-image: url('../img/icon_user_sign_out.svg');
}

.header-wrapper .tool-area .user .user-menu .sign-out a:hover {
  background-image: url('../img/icon_user_sign_out_active.svg');
}

.header-wrapper .search-photo-popup {
  display: none;
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 31;
  width: 432px;
  height: 388px;
  font-size: 14px;
  border: 1px solid #ececec;
  background: #fff;
  box-sizing: border-box;
  padding: 16px;
  color: #999;
  animation: show .3s;
  animation-fill-mode: forwards;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.header-wrapper .search-photo-popup.active {
  display: block;
}

.header-wrapper .search-photo-popup h4 {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 14px;
  color: #333;
  font-weight: normal;
}

.header-wrapper .search-photo-popup .btn-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  background-image: url('../img/icon_img_popup_close.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  color: transparent;
  font-size: 0;
}

.header-wrapper .search-photo-popup .main-loading {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 30;
  margin-left: -32px;
  margin-top: -32px;
}

.header-wrapper .search-photo-popup .upload-cont {
  height: calc(100% - 32px);
}

.header-wrapper .search-photo-popup .file-box {
  position: relative;
  width: 100%;
  height: 100%;
  color: #999;
  background-color: #fafafa;
  border: dotted 2px #ddd;
  text-align: center;
  box-sizing: border-box;
}

.header-wrapper .search-photo-popup .file-box p.warning-info-noimg {
  box-sizing: border-box;
  width: calc(100% - 10px);
  height: 32px;
  line-height: 32px;
  border: 0;
  padding: 0 0 0 5px;
  font-size: 14px;
  color: #ea6460;
  background-color: #ffecec;
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translate(-50%, 0);
  margin: 0;
}

.header-wrapper .search-photo-popup .file-box p.warning-info-noimg img {
  vertical-align: -2px;
  padding-right: 5px;
}

.header-wrapper .search-photo-popup .file-box p {
  font-size: 16px;
  text-align: center;
  margin: 84px auto 0;
}

.header-wrapper .search-photo-popup .file-box .btn-inputfile {
  width: 160px;
  height: 40px;
  font-size: 13px;
  line-height: 40px;
  text-transform: uppercase;
  background-color: #333;
  color: #fff;
  margin: 8px auto 0;
  position: relative;
}

.header-wrapper .search-photo-popup .inputfile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.header-wrapper .search-photo-popup .file-box .photo-ex {
  display: block;
  font-size: 14px;
  color: #999;
  padding-top: 75px;
  background: url('../img/icon_photo_upload.svg') no-repeat center top;
}

.header-wrapper .search-photo-popup .limit {
  display: inline-block;
  font-size: 13px;
  margin-top: 54px;
}

/* footer_r01.css */

.footer_r01 {
  box-sizing: border-box;
  min-width: 1024px;
  border-top: 1px solid #FFF;
  padding: 60px 0;
  background-color: #F7F7F7;
  clear: both;
  font-size: 14px;
  line-height: 18px;
}

.footer_r01 a {
  color: #666666;
  cursor: pointer;
}

.footer_r01 a:hover {
  text-decoration: underline;
}

.footer_r01 .ft_wrap .ft_info .ft_txt_logo {
  font-size: 0;
  display: block;
  width: 204px;
  height: 20px;
  background: url('/img/fg_logo_new_footer.svg') no-repeat center;
  background-size: 100%;
}

.footer_r01 .ft_wrap .ft_btn_wrap {
  display: flex;
  width: 292px;
  justify-content: space-between;
}

.footer_r01 .ft_wrap .ft_link .ft_btn {
  display: block;
  text-align: center;
  box-sizing: border-box;
  font-weight: 500;
  width: 100%;
  height: 40px;
  line-height: 38px;
  border: 1px solid #333333;
  border-radius: 0;
  color: #333333;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.01em;
}

.footer_r01 .ft_wrap .ft_info .ft_btn {
  display: block;
  text-align: center;
  box-sizing: border-box;
  font-weight: 500;
  width: 140px;
  height: 40px;
  line-height: 38px;
  border: 1px solid #333333;
  border-radius: 0;
  color: #333333;
  font-size: 15px;
  text-decoration: none;
  letter-spacing: 0.01em;
}

.footer_r01 .ft_wrap .ft_link .ft_btn:hover,
.footer_r01 .ft_wrap .ft_info .ft_btn:hover {
  background: #333333;
  color: #fff;
  border: 1px solid #333333;
}

.footer_r01 .ft_wrap .app-list {
  border: 1px solid #DDD;
  padding: 11px;
  text-align: center;
}

.footer_r01 .ft_wrap .app-list+.app-list {
  margin-left: 8px;
}

.footer_r01 .ft_wrap .app-list li+li {
  margin-top: 4px;
}

.footer_r01 .ft_wrap .app-list li:first-child {
  margin-bottom: 8px;
}

.footer_r01 .ft_wrap .app-list .ft_btn {
  width: 84px;
  height: 24px;
  margin: 0;
  font-size: 11px;
  line-height: 22px;
}

.footer_r01 .ft_wrap .ft_info {
  margin-right: auto;
}

.footer_r01 .ft_wrap .ft_info .ft_btn:last-of-type {
  margin-bottom: 0;
}

.footer_r01 .ft_wrap {
  display: flex;
  box-sizing: border-box;
  width: auto;
  min-width: 928px;
  max-width: 1536px;
  color: #333333;
  margin: 0 auto;
  padding: 0 48px 40px;
  justify-content: space-between;
}

.footer_r01 .ft_wrap::after {
  content: none;
}

.footer_r01 .ft_wrap .ft_contact li {
  line-height: 24px;
}

.footer_r01 .ft_wrap .ft_contact li+li {
  margin-top: 16px;
}

.footer_r01 .ft_wrap .ft_contact li dl dt {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #333333;
}

.footer_r01 .ft_wrap .ft_contact li dl dd {
  line-height: 21px;
}

.footer_r01 .ft_wrap .ft_contact strong {
  position: relative;
  display: inline-block;
  font-weight: normal;
  width: 53px;
  margin-right: 0;
}

.footer_r01 .ft_wrap .ft_contact strong::after {
  display: none;
}

.footer_r01 .ft_wrap .ft_contact .fg_email {
  text-decoration: none;
}

.footer_r01 .ft_wrap .ft_contact .fg_email:hover {
  text-decoration: underline;
}

.footer_r01 .ft_wrap .ft_nav {
  height: auto;
  float: none;
  margin-right: auto;
}

.footer_r01 .ft_wrap .ft_nav .inner {
  float: none;
  margin-right: 0;
}

.footer_r01 .ft_wrap .ft_nav .inner ul {
  position: static;
  line-height: normal;
  margin-top: 0;
}

.footer_r01 .ft_wrap .ft_nav .inner ul li {
  margin-bottom: 4px;
  letter-spacing: 0.02em;
}

.footer_r01 .ft_wrap .ft_nav .ft_btn {
  margin-top: 25px;
}

.footer_r01 .ft_wrap .ft_link {
  width:  225px;
  float: left;
}

.footer_r01 .ft_wrap .ft_link .inner:first-child {
  margin-bottom: 24px;
}

.footer_r01 .ft_wrap .ft_link .inner .ttl {
  line-height: 26px;
}

.footer_r01 .ft_sns a {
  width: 40px;
  height: 40px;
  margin: 0 20px 0 0;
  display: inline-block;
}

.footer_r01 .ft_wrap .ft_sns li:last-child a {
  margin-right: 0;
}

.footer_r01 .ft_sns a:hover {
  opacity: .5;
}

.footer_r01 .cram {
  margin-top: 30px;
}

.footer_r01 .cram .copyright {
  font-size: 13px;
  line-height: 16px;
  padding-bottom: 3px;
}

.footer_r01 .cram .agreement_info {
  font-size: 0;
}

.footer_r01 .cram .agreement_info li {
  display: inline-block;
  font-size: 14px;
  margin-right: 18px;
  line-height: 21px;
}

.footer_r01 .ft_sns .blog a {
  background: url('/img/blog.svg') center center no-repeat;
}

.footer_r01 .ft_wrap .ft_info .ft_contact {
  padding: 16px 0 32px;
}

.footer_r01 .ft_wrap .ft_info .ft_contact p {
  line-height: 21px;
}

.footer_r01 .ft_wrap .ft_nav .inner ul li a.style_match {
  color: #666666;
}

.footer_r01 .ft_wrap .ft_nav .inner ul li em {
  position: relative;
}

.footer_r01 .ft_wrap .ft_nav .inner ul li em::after {
  content: '+';
  display: block;
}

.footer_r01 .ft_wrap .ft_nav .style-match,
.footer_r01 .ft_wrap .ft_nav .style-match em {
  display: flex;
  align-items: center;
}

.footer_r01 .ft_wrap .ft_nav .icon-style-match {
  display: inline-block;
  width: 14px;
  height: 13px;
  margin-left: 8px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDM2NDIyIj4KPHBhdGggaWQ9InBhdGgxMjkyNi03IiBkPSJNMCAwLjQ5OTc1NlYxMS41NTcxQzAgMTIuMDc3MSAwLjQyNzI2MiAxMi40OTk4IDAuOTU0OTkxIDEyLjQ5OThIMTMuMDQ1QzEzLjU3MTggMTIuNDk5OCAxNCAxMi4wNzggMTQgMTEuNTU3MUwxMy45OTkxIDAuNDk5NzU2SDBaTTUuNDA5MDQgMS44MTk3MUg4LjU5MDA2QzguOTQxODggMS44MTk3MSA5LjIyNjQ4IDIuMTAwNjQgOS4yMjY0OCAyLjQ0NzkxQzkuMjI2NDggMi43OTQyNyA4Ljk0MTg4IDMuMDc2MTEgOC41OTAwNiAzLjA3NjExSDUuNDA5MDRDNS4wNTcyMiAzLjA3NjExIDQuNzcyNjIgMi43OTUxOCA0Ljc3MjYyIDIuNDQ3OTFDNC43NzI2MiAyLjEwMDY0IDUuMDU3MjIgMS44MTk3MSA1LjQwOTA0IDEuODE5NzFaIiBmaWxsPSIjRjFGM0Y0Ii8+CjxwYXRoIGlkPSJwYXRoMTI5MjgtOCIgZD0iTTAgMC40OTk3NTZWMTEuNTU3MUMwIDEyLjA3NzEgMC40MjcyNjIgMTIuNDk5OCAwLjk1NDk5MSAxMi40OTk4SDEzLjA0NUMxMy41NzE4IDEyLjQ5OTggMTQgMTIuMDc4IDE0IDExLjU1NzFMMTMuOTk5MSAwLjQ5OTc1NkgwWk01LjQwOTA0IDEuODE5NzFIOC41OTAwNkM4Ljk0MTg4IDEuODE5NzEgOS4yMjY0OCAyLjEwMDY0IDkuMjI2NDggMi40NDc5MUM5LjIyNjQ4IDIuNzk0MjcgOC45NDE4OCAzLjA3NjExIDguNTkwMDYgMy4wNzYxMUg1LjQwOTA0QzUuMDU3MjIgMy4wNzYxMSA0Ljc3MjYyIDIuNzk1MTggNC43NzI2MiAyLjQ0NzkxQzQuNzcyNjIgMi4xMDA2NCA1LjA1NzIyIDEuODE5NzEgNS40MDkwNCAxLjgxOTcxWiIgZmlsbD0iI0YxRjNGNCIvPgo8cGF0aCBpZD0icmVjdDEyOTMwLTAiIGQ9Ik0wIDAuNDk5NzU2VjYuNTMxNTRIMTMuOTk5MVYwLjQ5OTc1NkgwWk01LjQwOTA0IDEuODE5NzFIOC41OTAwNkM4Ljk0MTg4IDEuODE5NzEgOS4yMjY0OCAyLjEwMDY0IDkuMjI2NDggMi40NDc5MUM5LjIyNjQ4IDIuNzk0MjcgOC45NDE4OCAzLjA3NjExIDguNTkwMDYgMy4wNzYxMUg1LjQwOTA0QzUuMDU3MjIgMy4wNzYxMSA0Ljc3MjYyIDIuNzk1MTggNC43NzI2MiAyLjQ0NzkxQzQuNzcyNjIgMi4xMDA2NCA1LjA1NzIyIDEuODE5NzEgNS40MDkwNCAxLjgxOTcxWiIgZmlsbD0iI0U4RUFFRCIvPgo8cGF0aCBpZD0icGF0aDEyOTQ1LTUiIGQ9Ik02Ljk5OTU1IDUuNTg5NkM0Ljc2MjQ1IDUuNTg5NiAyLjgwOTk2IDYuNzg4NzQgMS43NjQ2MyA4LjU3MjM4TDIuNTk4MiAxMS4wODIzTDMuODg0NzIgMTIuNDk5Nkg0LjcwMzlMNi45OTk1NSA4LjU3MzI2TDEyLjIzNDUgOC41NzIzNkMxMS4xODkxIDYuNzg4NzQgOS4yMzY2NCA1LjU4OTYgNi45OTk1NSA1LjU4OTZaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMl8zMTYpIi8+CjxwYXRoIGlkPSJwYXRoMTI5NTItNyIgZD0iTTEuNzY0NzEgOC41NzIwMkMxLjA3NzA4IDkuNzUwNjcgMC44MTA0MDkgMTEuMTQwNCAxLjAzMDI1IDEyLjQ5OTJINC4wNjEwN0wxLjc2NDcxIDguNTcyMDJaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMl8zMTYpIi8+CjxwYXRoIGlkPSJwYXRoMTI5NTktMyIgZD0iTTYuOTk5NjMgOC41NzM5N0w5LjI5NiAxMi41MDAzSDEyLjk2OUMxMy4xODg4IDExLjE0MTggMTIuOTIyMSA5Ljc1MjU2IDEyLjIzNDUgOC41NzM5N0g2Ljk5OTYzWiIgZmlsbD0idXJsKCNwYWludDJfbGluZWFyXzJfMzE2KSIvPgo8cGF0aCBpZD0iZWxsaXBzZTEyOTYxLTQiIGQ9Ik02Ljk5OTUxIDguNTczOTdDNS4zMzA2MiA4LjU3Mzk3IDMuOTc3NjggOS45MDk4MiAzLjk3NzY4IDExLjU1NzZDMy45Nzc2OCAxMS44ODcyIDQuMDMyNzkgMTIuMjAzOSA0LjEzMjczIDEyLjUwMDNIOS44NjYyOEM5Ljk2NjIyIDEyLjIwMzkgMTAuMDIxMyAxMS44ODcyIDEwLjAyMTMgMTEuNTU3NkMxMC4wMjEzIDkuOTA5ODIgOC42NjgzOSA4LjU3Mzk3IDYuOTk5NTEgOC41NzM5N1oiIGZpbGw9IiNGMUYzRjQiLz4KPHBhdGggaWQ9ImVsbGlwc2UxMjk2My0zIiBkPSJNNi45OTk0NyA5LjEzMjU3QzYuNjc3MDIgOS4xMzI1NyA2LjM1NzczIDkuMTk1MjggNi4wNTk4MyA5LjMxNzEyQzUuNzYxOTMgOS40Mzg5NiA1LjQ5MTI1IDkuNjE3NTUgNS4yNjMyNSA5Ljg0MjY5QzUuMDM1MjUgMTAuMDY3OCA0Ljg1NDM5IDEwLjMzNTEgNC43MzA5OSAxMC42MjkzQzQuNjA3NTkgMTAuOTIzNCA0LjU0NDA4IDExLjIzODcgNC41NDQwOCAxMS41NTcxQzQuNTQ1NTEgMTEuODgxMiA0LjYxMjczIDEyLjIwMTcgNC43NDE3NyAxMi40OTk4SDkuMjU3MTZDOS4zODYyIDEyLjIwMTcgOS40NTM0MiAxMS44ODEyIDkuNDU0ODUgMTEuNTU3MUM5LjQ1NDg1IDExLjIzODcgOS4zOTEzNCAxMC45MjM0IDkuMjY3OTQgMTAuNjI5M0M5LjE0NDU1IDEwLjMzNTEgOC45NjM2OCAxMC4wNjc4IDguNzM1NjggOS44NDI2OUM4LjUwNzY4IDkuNjE3NTUgOC4yMzcgOS40Mzg5NiA3LjkzOTEgOS4zMTcxMkM3LjY0MTIgOS4xOTUyOCA3LjMyMTkxIDkuMTMyNTcgNi45OTk0NyA5LjEzMjU3WiIgZmlsbD0iIzFBNzNFOCIvPgo8cGF0aCBpZD0icmVjdDEyOTczLTAiIG9wYWNpdHk9IjAuMSIgZD0iTTEzLjk5OTEgNi41MzEwMUgwVjYuNjA5MTlIMTMuOTk5MVY2LjUzMTAxWiIgZmlsbD0iI0JEQzFDNiIvPgo8cGF0aCBpZD0icmVjdDEyOTc1LTQiIG9wYWNpdHk9IjAuMSIgZD0iTTEzLjk5OTEgNi40NTI4OEgwVjYuNTMxMDZIMTMuOTk5MVY2LjQ1Mjg4WiIgZmlsbD0iI0JEQzFDNiIvPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMl8zMTYiIHgxPSIxLjc2NDYyIiB5MT0iOS4zMTkxMiIgeDI9IjEyLjIzNDUiIHkyPSI5LjMxOTEyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiNEOTMwMjUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRUE0MzM1Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhcl8yXzMxNiIgeDE9IjcuNjU0MzYiIHkxPSIxNy4xNTEiIHgyPSIyLjUxOTg0IiB5Mj0iOC4xNDE1OSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMUU4RTNFIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzM0QTg1MyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50Ml9saW5lYXJfMl8zMTYiIHgxPSIxMS4zNjg5IiB5MT0iOC41NjE5IiB4Mj0iNi4yMzQ1MiIgeTI9IjE3LjU3MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRkJCQzA0Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZDQzkzNCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=') no-repeat center;
}

.footer_r01 .ft_wrap .ft_nav .inner ul li a {
  font-size: 14px;
  line-height: 25px;
}

.footer_r01 .ft_wrap .ft_nav p,
.footer_r01 .ft_wrap .ft_link p {
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 25px;
  text-transform: capitalize;
  padding-bottom: 4px;
}

.footer_r01 .ft_wrap .ft_link .ft_sns {
  font-size: 0;
  margin: 0 0 16px 0;
}

.footer_r01 .ft_wrap .ft_link .ft_sns li {
  display: inline-block;
}

.footer_r01 .ft_wrap .ins a {
  background: url(/img/icon_insta_v02.svg);
}

.footer_r01 .ft_wrap .fb a {
  background: url(/img/icon_facebook_v02.svg);
}

.footer_r01 .ft_sns .youtube a {
  background: url(/img/icon_youtube_v02.svg);
}

.footer_r01 .ft_sns .blog a {
  background: url(/img/icon_blog.svg);
}

.footer_r01 .ft_sns .pinterest a {
  background: url(../img/icon_pinterest_v02.svg);
}

.footer_r01 .ft_sns .medium a {
  background: url(../img/icon_medium.svg);
}

.footer_r01 .ft_wrap .app_store,
.footer_r01 .ft_wrap .goole_play,
.footer_r01 .ft_wrap .chrome_store {
  display: inline-block;
  font-size: 0;
  vertical-align: top;
}

.footer_r01 .ft_wrap .app_store {
  width: 72px;
  height: 24px;
  margin: 0;
  background: url('../img/AppleStore.svg') center center no-repeat;
  background-size: contain;
}

.footer_r01 .ft_wrap .goole_play {
  width: 81px;
  height: 24px;
  margin: 0;
  background: url('../img/Googleplay.svg') center center no-repeat;
  background-size: contain;
}

.footer_r01 .ft_wrap .chrome_store {
  width: 107px;
  height: 30px;
  background: url('../img/ChromeWeb_Badge.svg') center center no-repeat;
  background-size: contain;
  margin-right: 8px;
  margin-top: 16px;
}

.footer_r01 .ft_wrap .install_style-match {
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.02em;
  display: inline-block;
  margin-top: 14px;
  position: relative;
  color: #333333;
}

.footer_r01 .ft_wrap .install_style-match::after {
  content: '+';
  display: block;
  position: absolute;
  top: -3px;
  right: -8px;
}

.ft_cp .inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: auto;
  min-width: 928px;
  max-width: 1440px;
  padding: 0 48px;
}

.ft_cp .inner .inner_l {
  flex: none;
}

.ft_cp .inner .inner_r {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.ft_cp .inner .inner_l .copy_right {
  margin-right: 0;
}

.ft_cp .inner .inner_r p:last-child {
  margin-bottom: 0;
}

.footer_r01 .ft_cp {
  max-width: 1440px;
  margin: auto;
  font-size: 0;
  padding: 0;
  margin-bottom: 7px;
  text-align: center;
  border: none;
}

.footer_r01 .ft_cp p {
  font-size: 13px;
  line-height: 20px;
  color: #333333;
  margin-right: 32px;
  display: inline-block;
  padding: 0;
  letter-spacing: inherit;
}

.ft_cp .inner .inner_r p {
  margin: 0 0 8px 32px;
}

.footer_r01 .ft_cp .copy_right {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.02em;
  margin-right: 68px;
  padding: 0;
}

.footer_r01 .ft_cp a {
  color: #333333;
}

.footer_r01 .ft_cp a.ot-sdk-show-settings {
  color: #333333 !important;
  background-color: unset !important;
  border: unset !important;
  padding: unset !important;
  font-size: unset !important;
  position: relative !important;
  width: 120px !important;
  display: inline-block !important;

}

.footer_r01 .ft_cp a.ot-sdk-show-settings:before {
  content: "Cookie Preferences" !important;
  position: absolute;
  background: #f7f7f7;
  left: 0;
}
.footer_r01 .ft_cp a.ot-sdk-show-settings:hover:after {
  content: '';
  position: absolute;
  top: 13px;
  left: 0;
  height: 1px;
  width: 112px;
  background: #333;
}

#onetrust-pc-sdk #ot-pc-desc .privacy-notice-link {
  outline: none !important;
}

.footer_r01 .ft_cp.simple_mode {
  padding: 40px 0;
}

/*.footer_r01 .ft_cp.simple_mode .ft_txt_logo {*/
/*  margin-right: 150px;*/
/*}*/

/*.footer_r01 .ft_cp.simple_mode p {*/
/*  margin-right: unset;*/
/*}*/

.footer_r01 .ft_cp.simple_mode .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer_r01 .ft_wrap .app-list .qr-wrapper {
  position: relative;
  display: inline-block;
}

.footer_r01 .ft_wrap .app-list .qr-wrapper .qr-code {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  padding: 10px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.14);
  z-index: 100;
}

.footer_r01 .ft_wrap .app-list .qr-wrapper .qr-code img {
  width: 100%;
  height: auto;
}


.common-roller::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}

.common-roller::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 10px;
}

.common-roller::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
}

/* base module */

.flex {
  display: flex !important;
}

.flex.left {
  justify-content: flex-start !important;
}

.flex.center {
  justify-content: center !important;
}

.flex.right {
  justify-content: flex-end !important;
}

.flex.between {
  justify-content: space-between !important;
}

.flex.around {
  justify-content: space-around !important;
}

.flex.top {
  align-items: flex-start !important;
}

.flex.middle {
  align-items: center !important;
}

.flex.bottom {
  align-items: flex-end !important;
}

.flex.wrap {
  flex-wrap: wrap !important;
}

/* margin-top */
.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

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

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

/* margin-right */
.mr-1 {
  margin-right: 1px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

/* margin-bottom */
.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

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

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

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

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

/* margin-left */
.ml-1 {
  margin-left: 1px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.tt-uppercase {
  text-transform: capitalize;
}

.tt-capitalize {
  text-transform: capitalize;
}

.no-border {
  border-bottom: 1px solid transparent !important;
}

.btn-base.btn-purple {
  display: block;
  width: auto;
  background: #6457B4;
  border: 1px solid #6457B4;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  height: 42px;
  color: #fff;
  transition: .3s;
}

.btn-base {
  text-decoration: none;
}

.btn-base.btn-white {
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  background: #fff;
  text-align: center;
  border: none;
  text-decoration: none;
}

.btn-base.btn-white--outline {
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  border: 1px solid #fff;
  text-align: center;
  text-decoration: none;
}

.btn-base.btn-white--outline:active {
  color: #333;
  background: #fff;
  border: 1px solid transparent;
>>>>>>> e869143df3 ([jaehyuk.Shim] Fashiongo-Featrue-Release/378: PICE1 - 01)
}

.btn-base.btn-gray {
  display: block;
  width: auto;
  background: #E2E2E2;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #666666;
  height: 42px;
  text-decoration: none;
}

.btn-base.btn-black {
  display: block;
  width: auto;
  background: #333333;
  border: 1px solid #333333;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  height: 42px;
  color: #fff;
  transition: .3s;
  text-decoration: none;
}

.btn-base.btn-black:hover {
  color: #fff;
  border: 1px solid #3CB0B4;
  background: #3CB0B4;
}

.btn-base.btn-black:disabled {
  pointer-events: none;
  cursor: default;
  color: #B3B3B3;
  background: #E9E9E9;
  border: none;
}

.btn-base.btn-size-xxl {
  width: 256px;
}

.btn-base.btn-blue-line {
  background: #FFFFFF;
  border: 1px solid #649EF6;
  border-radius: 2px;
  font-weight: 500;
  font-size: 14px;
  color: #649EF6;
}

.btn-base.btn-blue-line:disabled {
  color: #B3B3B3;
  border: 1px solid #E9E9E9;
  background: #E9E9E9;
  cursor: default;
  pointer-events: none;
}

.btn-base.btn-gray2 {
  display: block;
  width: auto;
  background: #ddd;
  box-sizing: border-box;
  font-weight: 500;
  font-size: 14px;
  line-height: 40px;
  color: #333;
  height: 40px;
  text-decoration: none;
  transition: .3s;
}

.btn-base.h-md {
  height: 30px;
  line-height: 30px;
}

/* .btn-base.btn-size-xs {} */

/* .btn-base.btn-size-sm {} */

.btn-base.btn-size-md {
  width: 149px;
}

/* .btn-base.btn-size-lg {} */

.btn-base.btn-size-xl {
  width: 175px;
}

/* .btn-base.btn-xxl {} */

.btn-base.btn-black-2 {
  color: #FFF;
  font-weight: 500;
  text-decoration: none;
  line-height: 24px;
  background: #333;
  transition: .3s;
}

.btn-base.btn-black-2:hover {
  background: #6457B4;
}

.btn-base.btn-black-3 {
  color: #fff;
  padding: 10px 48px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  line-height: 24px;
  background: #333;
  border: 1px solid #333;
  transition: .3s;
}

.btn-base.btn-black-3:hover {
  background: transparent;
  color: #333;
}

.btn-base.btn-black-3:active {
  color: #fff;
  background: #333;
}

.btn-base.btn-black--outline {
  display: block;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid #333;
  background: transparent;
  padding: 9px 24px;
  text-decoration: none;
  transition: .3s;
}

.btn-base.btn-black--outline:hover {
  color: #fff;
  background: #333;
  border: 1px solid transparent;
}

.btn-base.btn-black--outline2 {
  display: block;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid #333;
  background: transparent;
  padding: 9px 24px;
  text-decoration: none;
  transition: .3s;
}

.btn-base.btn-black--outline2:active {
  color: #fff;
  background: #333;
  border: 1px solid transparent;
}

.btn-base[class*='btn'].size-m {
  font-size: 16px;
  padding: 8px 24px;
  line-height: 24px;
}

.btn-base[class*='btn'].size-l {
  font-size: 18px;
  padding: 12px 60px;
  line-height: 24px;
}

.btn-base.fw {
  font-size: 16px !important;
  font-weight: 500 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.btn-base.btn-black-line {
  display: block;
  width: 100%;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #333;
  height: 42px;
  transition: .3s;
}

.btn-base.btn-black-line:hover {
  color: #fff;
  background: #333;
}

.btn-base.btn-black-line2 {
  display: block;
  width: 100%;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #333;
  height: 42px;
  transition: .3s;
}

.btn-base.btn-black-line2:hover {
  color: #3CB0B4;
  border: 1px solid #3CB0B4;
}

.default-select {
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #ddd;
  font-weight: 400;
  font-size: 14px;
  padding: 0 28px 0 8px;
  background: #fff url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEgMWw0IDQgNC00IiBzdHJva2U9IiMzMzMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') no-repeat scroll right 8px center;
  appearance: none;
}

.base-select {
  background: #fff;
  position: relative;
}

.base-select select {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 1px solid #DDDDDD;
  box-shadow: inset 0px 1px 5px rgba(228, 228, 228, 0.25);
  padding: 0 16px 0 12px;
  font-size: 13px;
  color: #666;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  z-index: 2;
}

.base-select select::-ms-expand {
  display: none;
}

.base-select:after {
  content: '';
  display: block;
  width: 6px;
  height: 5px;
  background: url('/img/icon_arrow_down_gray.svg') no-repeat center;
  background-size: 6px 5px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(-50%, 0);
  z-index: 1;
}

.base-input input {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  border: 1px solid #DDDDDD;
  box-shadow: inset 0px 1px 5px rgba(228, 228, 228, 0.25);
  background: #fff;
  color: #666;
  font-size: 13px;
  padding: 0 16px;
}

.base-textarea textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid #DDDDDD;
  box-shadow: inset 0px 1px 5px rgba(228, 228, 228, 0.25);
  background: #fff;
  color: #666;
  font-size: 13px;
  line-height: 20px;
  padding: 10px 14px;
  resize: none;
}

.base-input input::placeholder, .base-textarea textarea::placeholder {
  color: #999;
  opacity: 1;
}

.base-input input.warning {
  border: 2px solid #FF5859;
}

.base-select.error select, .base-input.error input, .base-textarea.error textarea {
  border: 1px solid #FF5859;
}

.error_tip {
  display: none;
  font-size: 12px;
  line-height: 18px;
  color: #FF5859;
  background: url('/img/icon_warning_pop.svg') no-repeat center left;
  background-size: 13px 13px;
  padding-left: 19px;
}

.base-btn.black {
  background: #333333;
  color: #FFFFFF;
  border-radius: 2px;
  font-weight: 500;
  font-size: 14px;
  width: 220px;
  height: 42px;
  text-transform: uppercase;
  font-weight: 500;
}

.base-btn.black:hover {
  background: #159E9E;
}

.base-btn.btn_blue {
  width: 260px;
  height: 30px;
  background: #159E9E;
  border-radius: 2px;
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.base-btn.black-bg {
  height: 34px;
  background: #333333;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 0 42px;
}

.base-btn.black-bg:disabled {
  cursor: default;
  opacity: 20%;
}

.base-btn.red-line {
  height: 34px;
  background: #FFFFFF;
  border: 1px solid #AB2317;
  box-sizing: border-box;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #AB2317;
  padding: 0 30px;
}

.base-btn.btn_arrow {
  text-align: left;
  padding-left: 17px;
  background-image: url('/img/icon_arrow_right_white.svg');
  background-size: 11px 9px;
  background-repeat: no-repeat;
  background-position: 238px center;
}

/* star-bg  */

.star-bg {
  width: 90px;
  height: 18px;
  background-image: url('/img/icon_star.svg');
  background-repeat: repeat-x;
  background-size: 18px 18px;
  vertical-align: top;
  display: inline-block;
  text-align: left;
}

.star-bg .star-ico {
  height: 18px;
  background-image: url('/img/icon_star_full.svg');
  background-repeat: repeat-x;
  background-size: 18px 18px;
  vertical-align: top;
}

.score-detail {
  font-size: 14px;
  line-height: 21px;
  color: #333;
  vertical-align: top;
  line-height: 16px;
  margin-right: 4px;
  /*margin-left: 4px;*/
  display: inline-block;
}

.score-detail strong {
  font-weight: 500;
  /*margin-right: 4px;*/
}

.score-detail a {
  color: #333;
  text-decoration: underline;
}

/* paging */

.paging {
  padding: 0 62px;
  display: inline-block;
  position: relative;
  left:50%;
  transform: translateX(-50%);
}

.paging li {
  color: #cdcdcd;
  vertical-align: middle;
}

.paging li a, .paging li strong {
  height: 22px;
  padding: 0 7px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  border: 0;
}

.paging li a {
  color: #CDCDCD;
  position: relative;
  cursor: pointer;
}

.paging li strong {
  font-weight: 500;
}

.paging li a:hover, .paging li strong:hover {
  border-radius: 50%;
  background-color: #fafafa;
  color: #333333;
  font-weight: 500;
}

.paging li strong {
  color: #333333
}

.paging .btn_prev_paging, .paging .btn_next_paging {
  width: 46px;
  margin: 0 8px;
}

.paging .btn_prev_paging {
  left: 0;
}
.paging .btn_next_paging {
  right: 0;
}

.paging .btn_prev_paging a, .paging .btn_next_paging a {
  height: 22px;
  line-height: 22px;
  font-size: 14px;
  position: relative;
  background: none;
  border: none;
}

.paging .btn_prev_paging a:hover, .paging .btn_next_paging a:hover {
  background-color: #fafafa;
  border-radius: 0;
  font-weight: normal;
}

.paging .btn_prev_paging a {
  padding-left: 14px;
}

.paging .btn_next_paging a {
  padding-right: 14px;
}

.paging .btn_prev_paging.strong a, .paging .btn_next_paging.strong a {
  color: #333333;
}

.paging .btn_prev_paging.strong a:hover, .paging .btn_next_paging.strong a:hover {
  font-weight: 400;
}

.paging .btn_prev_paging a:before, .paging .btn_next_paging a:after {
  width: 4px;
  height: 8px;
  content: '';
  position: absolute;
  margin-top: 0;
}

.paging .btn_prev_paging a:before {
  left: 6px;
  top: 50%;
  transform: rotate(0) translate(0, 50%);
  background: url('/img/pre_btn.svg') center center no-repeat;
  background-size: cover;
  margin-right: 0;
}

.paging .btn_prev_paging.strong a:before {
  transform: rotate(180deg) translate(0, 50%);
  background: url('/img/next_btn_on.svg') center center no-repeat;
  background-size: cover;
}

.paging .btn_next_paging a:after {
  right: 6px;
  top: 50%;
  transform: rotate(180deg) translate(0, -50%);
  background: url('/img/pre_btn.svg') center center no-repeat;
  background-size: cover;
  margin-left: 0;
}

.paging .btn_next_paging.strong a:after {
  background: url('/img/next_btn_on.svg') center center no-repeat;
  transform: rotate(0) translate(0, -50%);
  background-size: cover;
}

.paging .btn_prev_paging a:hover:before {
  left: 6px;
  top: 50%;
  transform: rotate(180deg) translate(0, 50%);
  background: url('/img/next_btn_on.svg') center center no-repeat;
  background-size: cover;
  margin-right: 0;
}

.paging .btn_next_paging a:hover:after {
  transform: rotate(0) translate(0, -50%);
  background: url('/img/next_btn_on.svg') center center no-repeat;
  background-size: cover;
}

.paging .btn_prev_paging a:hover, .paging .btn_next_paging a:hover {
  border-color: unset;
  color: #333333;
}

/* 2020/07/13 wjb add  */

div.style__match {
  width: 540px;
  height: 380px;
  padding: 0 15px;
  background: #fff;
  border: 1px solid #adadad;
  z-index: 100;
}

div.style__match h1.style__title {
  height: 51px;
  font-weight: bold;
  font-size: 22px;
  line-height: 51px;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  margin-top: 15px;
  text-align: center;
  background: linear-gradient(294.47deg, #fcd239 11.81%, #faa41a 63.3%);
  position: relative;
}

div.style__match h1.style__title img {
  position: absolute;
  right: 7.7px;
  top: 7.7px;
  width: 13px;
  height: 12px;
}

div.style__match div.style__body h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  color: #faa41a;
  margin-top: 16px;
}

div.style__match div.required__state {
  width: 423px;
  height: 163px;
  background: #fbfcfd;
  border-radius: 8px;
  margin: 0 auto;
  margin-top: 16px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

div.style__match div.required__state img {
  padding-top: 24px;
}

div.style__match div.required__state h6 {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-align: center;
  color: #666666;
  margin-top: 16.6px;
}

div.style__match div.required__state p {
  font-style: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 15px;
  color: #999999;
  margin-top: 4px;
  text-align: center;
}

div.style__match div.required__state p a {
  font-weight: 500;
  text-decoration: underline;
  color: #999999;
  line-height: 15px;
}

div.style__match div.required__btn {
  width: 280px;
  height: 44px;
  background: #333333;
  margin: 0 auto;
  margin-top: 24px;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}

div.style__match div.required__btn button {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 44px;
}

div.style__match--style {
  position: absolute;
  top: 76px;
  left: 50%;
  transform: translateX(-50%);
}

div.access-page.blocked__popup {
  background: #fff;
  height: 465px;
  width: 812px;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  margin: 0;
}

div.access-page.blocked__popup .access-page__header {
  height: 76px;
  background: linear-gradient(114.29deg, #ff5859 2.03%, #f26b6d 54.25%, #f37a7d 99.16%);
  border-radius: 8px 8px 0px 0px;
}

div.access-page.blocked__popup .access-page__header h1 {
  font-weight: bold;
  font-size: 29px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  line-height: 76px;
  position: relative;
}

div.access-page.blocked__popup .access-page__header h1 a img {
  position: absolute;
  top: 16px;
  right: 16px;
}

div.access-page.blocked__popup .access-page__content {
  padding: 0;
  padding-top: 16px;
  box-sizing: border-box;
}

div.access-page.blocked__popup .access-page__content h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #f15a5c;
}

div.access-page.blocked__popup .access-page__content h3::after {
  width: 60px;
  height: 2px;
  margin: 20px auto;
  background: #f15a5c;
}

div.access-page.blocked__popup .access-page__content>p {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #333333;
  width: 642px;
  margin: 0 auto;
}

div.access-page.blocked__popup .access-page__content>p strong {
  font-weight: 500;
}

div.access-page.blocked__popup .access-page__content .required {
  width: 636px;
  height: 180.49px;
  margin: 0 auto;
  background: #fbfcfd;
  border-radius: 8px;
  box-sizing: border-box;
  margin: 0 auto;
}

div.access-page.blocked__popup .access-page__content .required .row__textarea {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 36.6px 0 0 84px;
}

div.access-page.blocked__popup .access-page__content .required .row__textarea h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #333333;
  margin-bottom: 0;
}

div.access-page.blocked__popup .access-page__content .required .row__textarea span {
  height: 42px;
  background: #999999;
  width: 1px;
  margin: 0 31px 0 29px;
}

div.access-page.blocked__popup .access-page__content .required .row__textarea p {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #333333;
}

div.access-page.blocked__popup .access-page__content .required .row__textarea p strong {
  font-weight: 500;
}

div.access-page.blocked__popup .access-page__content .required .required__btn {
  margin-top: 32px;
}

div.access-page.blocked__popup .access-page__content .required .required__btn a button {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #ffffff;
  height: 44px;
}

.register__shadow.signin_wrap {
  margin: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.register__shadow.signin_wrap a.close img {
  position: absolute;
  top: 16px;
  right: 16px;
}

.register__shadow.signin_wrap .btn.btn-white {
  background-color: #fff;
  color: #111;
  border: none;
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  box-sizing: border-box;
}

.register__shadow.signin_wrap .btn.btn-white:hover {
  background-color: #888;
  color: #fff;
}

.register__shadow.signin_wrap .btn.btn-black {
  display: block;
  height: 42px;
  line-height: 42px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 2px;
  box-sizing: border-box;
  background-color: #333;
  color: #fff;
}

.register__shadow.signin_wrap .btn.btn-black:hover {
  background: url(../img/bg_btn-blue.svg) top center no-repeat;
  background-size: cover;
}

.register__shadow.signin_wrap .signin_right .slider_img ul li {
  z-index: 100;
}

.register__shadow.signin_wrap .signin_right .slider_img .cs_bullets {
  width: 100%;
  height: auto;
  z-index: 100;
}

/* 2020/07/13 wjb add  */

/* popup_shadow */

.popup_shadow.is-active {
  display: block;
}
.popup_shadow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

.common_popup {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  color: #666;
  z-index: 100;
  overflow: hidden;
  font-size: 13px;
}

.common_popup header,
.common_popup main,
.common_popup footer,
.common_popup nav,
.common_popup section {
  display: block;
}

.common_popup strong,
.common_popup b {
  font-weight: 500;
}

.common_popup.size_1 {
  width: 580px;
}

.common_popup .popup_main {
  position: relative;
}

.common_popup .popup_footer {
  padding: 16px 32px;
  background: #F7F9FB;
}

.common_popup .btn_close_pop {
  width: 13px;
  height: 13px;
  font-size: 0;
  color: transparent;
  background: url('../img/btn_close.svg') no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 17px;
  right: 17px;
}

.common_popup .popup_header {
  height: 48px;
  padding: 12px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #EFEFEF;
}

.common_popup .popup_header h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  color: #333333;
}

.common_popup .popup_main .sub_ttl {
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
}

.common_popup .popup_main .sub_ttl strong {
  color: #333;
  margin-right: 4px;
}

.base-checkbox.style-1 {
  line-height: 42px;
  height: 42px;
}

.base-checkbox.style-1 input[type='checkbox']+label:after {
  border: none;
  border-radius: 0;
  background: url('../img/icon_checkbox2.svg') no-repeat center;
}

.base-checkbox.style-1 input[type='checkbox']:checked+label:before {
  background: url('../img/icon_checkbox2_checked.svg');
  animation: showAnimation .3s;
  animation-fill-mode: forwards;
}

.base-checkbox.style-1 input[type='checkbox']+label:after,
.base-checkbox.style-1 input[type='checkbox']:checked+label:before {
  width: 14px;
  height: 14px;
}

.base-checkbox.style-1 label.txt {
  padding-left: 22px;
  color: #666;
  font-size: 14px;
}

.base-checkbox.style-1 label.txt::selection {
  background: transparent;
}

/* 2020/11/9 Order Summary */
.shopping-bag-order {
  margin-top: 101px;
  position: sticky;
}

.net-terms-link {
  background-color: #fff;
  position: absolute;
  top: -74px;
  left: 0;
  width: 100%;
  padding: 10px 25px;
  height: 56px;
  font-family: 'Roboto', sans-serif;
  box-sizing: border-box;
  border-radius: 28px;
  border: 1px solid #649EF6;
  text-decoration: none;
  line-height: 19px;
}

.net-terms-link:hover {
  text-decoration: none;
}

.net-terms-link:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><rect width="36" height="36" rx="18" fill="%23F2F7FF"/><path d="M14 10L22 18L14 26" stroke="%23649EF6" stroke-width="2"/></svg>');
}

.net-terms-link > p {
  font-size: 16px;
  font-weight: 900;
  color: #666;
}

.net-terms-link i {
  font-style: normal;
  font-size: 12px;
  vertical-align: middle;
}

.net-terms-link > span {
  color: #649EF6;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.order-summary {
  width: 332px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
}

.order-summary .order-summary_title {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  padding: 28px 0;
  text-align: center;
  border-bottom: 1px solid #CDCDCD;
}

.item-scroll {
  width: 100%;
  padding: 8px 4px 8px 0;
  box-sizing: border-box;
}

.order-summary .scroll-area {
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}

.order-summary .scroll-area::-webkit-scrollbar {
  width: 5px;
}

.order-summary .scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #DDDDDD;
}

.order-summary .scroll-area::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 10px;
}

.order-summary .order-summary_list {
  padding: 0 24px;
  width: 332px;
  box-sizing: border-box;
}

.order-summary .order-summary_list li {
  border-bottom: 1px solid #CDCDCD;
  padding: 12px 0;
}

.order-summary .order-summary_list li:first-child {
  padding: 8px 0 16px;
}

.order-summary .order-summary_list li:last-child {
  border-bottom: none;
  padding: 16px 0 8px;
}

.order-summary .order-summary_list dl {
  display: flex;
  justify-content: space-between;
  align-items: start;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}

.order-summary .order-summary_list dt {
  color: #666;
}

.order-summary .order-summary_list dt.color-red {
  color: #FF5859;
}

.order-summary .c-message {
  color: #FAA41A !important;
  font-size: 12px;
  line-height: 18px;
}

.order-summary .c-message.c-warning {
  padding-left: 16px;
  background: url(../img/bg_prompt_warning.svg) no-repeat center left;
  background-position: 0px 3px;
}

.order-summary .detail-info {
  display: none;
  position: fixed;
  /*top: 23px;*/
  /*left: -36px;*/
  width: 229px;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  box-sizing: border-box;
  border-radius: 2px;
  padding: 10px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #666;
  z-index: 3;
}

.order-summary .detail-info::before {
  box-sizing: content-box;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -16px;
  left: 35px;
  padding: 0;
  border-bottom: 8px solid #FFFFFF;
  border-top: 8px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  content: '';
  z-index: 12;
}

.order-summary .detail-info::after {
  box-sizing: content-box;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -18px;
  left: 34px;
  padding: 0;
  border-bottom: 9px solid #C6C6C6;
  border-top: 9px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  display: block;
  content: '';
  z-index: 10
}


.order-summary .detail-info.handing {
  left: -68px;
}

.order-summary .detail-info.handing::before {
  left: 67px;
}

.order-summary .detail-info.handing::after {
  left: 66px;
}

.order-summary .detail-info.free {
  left: -68px;
  top: -84px;
}

.order-summary .detail-info.free::before,
.order-summary .detail-info.cost::before {
  left: 67px;
  top: 84px;
  border-bottom: 8px solid transparent;
  border-top: 8px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.order-summary .detail-info.free::after,
.order-summary .detail-info.cost::after {
  left: 66px;
  top: 84px;
  border-top: 9px solid #C6C6C6;
  border-bottom: 9px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.order-summary .detail-info.cost {
  left: -68px;
  top: -179px;
}

.order-summary .detail-info.cost::before,
.order-summary .detail-info.cost::after {
  top: 180px;
}

.icon-notes.size-16 {
  width: 16px;
  height: 16px;
  background-size: cover;
  vertical-align: sub;
}

.cart-warning {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #FAA41A;
  padding-left: 16px;
  background: url('../img/bg_prompt_warning.svg') no-repeat center left;
  background-size: 12px;
  margin-top: 8px;
}

.cart-warning.big {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  background-size: 16px;
  background-position: top left;
  padding-left: 24px;
  margin-top: 12px;
}

.order-summary .fg-coupon-tooltips {
  top: 33px;
  width: 382px;
  left: -185px;
  color: #333;
  padding: 12px 16px 24px;
  /*position: absolute;*/
}

.order-summary .fg-coupon-tooltips:before {
  /*left: 185px;*/
  left: 67px;
}

.order-summary .fg-coupon-tooltips:after {
  /*left: 184px;*/
  left: 66.5px;
}

.order-summary .fg-coupon-tooltips .tooltip-ttl {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  color: #333;
  display: block;
  padding-bottom: 8px;
  border-bottom: 1px dashed #DDDDDD;
  margin-bottom: 8px;
}


.order-summary .order-summary_list dd {
  color: #333;
}

.order-summary .order-summary_list dd.color-blue {
  color: #649EF6;
}

.order-summary .order-summary_list dd.color-violet {
  color: #6457B4;
}

.order-summary .order-summary_list dd.color-blue li {
  padding: 0;
  border-bottom: none;
  text-align: right;
}

.order-summary .order-summary_list dd.color-cyan {
  color: #36cfdb;
}

.order-summary .order-summary_list .sum {
  margin-bottom: 8px;
}

.order-summary .order-summary_list .sum dt,
.order-summary .order-summary_list .sum dd {
  font-weight: 500;
  color: #333;
}

.order-summary .notes {
  position: relative;
  display: inline-block;
  margin-left: 8px;
}

/*.order-summary .order-summary_list .notes:hover>.detail-info {*/
/*  display: block;*/
/*}*/

.order-summary .order-summary_list .purple {
  display: flex;
  align-items: center;
  color: #6457B4;
}

.icon-notes {
  display: inline-block;
  vertical-align: -1px;
  width: 12px;
  height: 12px;
  background: url("/img/icon_notes.svg") no-repeat 0 0;
  font-size: 0;
  color: transparent;
  cursor: pointer;
}

.icon-notes.size-16 {
  width: 16px;
  height: 16px;
  background: url("/img/icon_notes_16x16.svg") no-repeat 0 0;
}

.order-summary .add-coupon {
  background: #fbfbfb;
  padding: 16px 24px;
  box-sizing: border-box;
  width: 332px;
}

.order-summary .add-coupon .add-coupon_title {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}

/*.order-summary .add-coupon .add-coupon_title .icon-notes:hover + .fg-coupon-tooltips {
  display: block;
}*/

.add-coupon_search {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.add-coupon_search input {
  width: calc(100% - 87px);
  height: 40px;
  padding: 0 16px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
  color: #333;
}

.add-coupon_search input::placeholder {
  color: #999;
}

.add-coupon_search .btn-apply {
  padding: 0 32px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  line-height: 31px;
  background: #333;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
}

.add-coupon_search.warning-wrap {
  margin-bottom: 0;
}

.add-coupon_search.warning-wrap input {
  border: 1px solid #FF5859;
  color: #FF5859;
}

.add-coupon_search.warning-wrap .btn-apply {
  background: #FF5859;
  border: 1px solid #FF5859;
}

.order-summary .add-coupon .error {
  display: block;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #FF5859;
  margin-top: 8px;
  background: url("/img/icon_error.svg") no-repeat top left;
  background-size: 13px;
  padding-left: 18px;
  word-break: break-all;
}

.order-summary .add-coupon .error .notes {
  text-decoration: underline;
  cursor: pointer;
  margin-left: 3px;
}

.order-summary .add-coupon .home-deal {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
}

.order-summary .add-coupon .home-deal__badge {
  display: flex;
  justify-content: flex-start;
  line-height: 1.5;
  cursor: pointer;
}

.order-summary .add-coupon .home-deal__badge__label {
  color: #fff;
  text-transform: uppercase;
  background: #DCA684;
  padding: 2px 4px;
  border: 1px solid #DCA684;
  font-weight: 500;
}

.order-summary .add-coupon .home-deal__badge__code {
  color: #DCA684;
  text-transform: uppercase;
  background: #fff;
  padding: 2px 4px;
  border: 1px solid #DCA684;
  font-weight: 500;
}

.order-summary .add-coupon .home-deal__badge__code span {
  color: #DCA684;
  text-transform: uppercase;
  background: #fff;
  font-weight: 500;
  user-select: text;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

.order-summary .order-empty {
  padding: 60px 50px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #888888;
}

.order-summary .add-coupon .btn-coupons {
  width: 100%;
  height: 32px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  color: #649EF6;
  padding: 0 16px;
  background: #ECF2FF url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.23303 0.792099L5.96116 5.91599C5.98619 5.94686 6 5.98655 6 6.02764C6 6.06874 5.98619 6.10842 5.96116 6.13929L1.23303 11.2079C1.20456 11.235 1.16794 11.25 1.13003 11.25C1.09212 11.25 1.0555 11.235 1.02703 11.2079L-5.0501e-08 10.0947L3.7001 6.08401C3.72596 6.05294 3.74027 6.01258 3.74027 5.97073C3.74027 5.92889 3.72596 5.88853 3.7001 5.85746L-4.08469e-07 1.90533L1.02803 0.792099C1.0565 0.764965 1.09312 0.750001 1.13103 0.75C1.16894 0.750001 1.20456 0.764965 1.23303 0.792099Z' fill='%23649EF6'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) center;
}

.order-summary .add-coupon .btn-coupons:hover {
  color: #fff;
  background: #649EF6 url("data:image/svg+xml,%3Csvg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.23303 0.792099L5.96116 5.91599C5.98619 5.94686 6 5.98655 6 6.02764C6 6.06874 5.98619 6.10842 5.96116 6.13929L1.23303 11.2079C1.20456 11.235 1.16794 11.25 1.13003 11.25C1.09212 11.25 1.0555 11.235 1.02703 11.2079L-5.0501e-08 10.0947L3.7001 6.08401C3.72596 6.05294 3.74027 6.01258 3.74027 5.97073C3.74027 5.92889 3.72596 5.88853 3.7001 5.85746L-4.08469e-07 1.90533L1.02803 0.792099C1.0565 0.764965 1.09312 0.750001 1.13103 0.75C1.16894 0.750001 1.20456 0.764965 1.23303 0.792099Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat calc(100% - 16px) center;
}

.coupon-list li {
  display: flex;
  align-items: center;
  width: 100%;
  height: 33px;
  margin-top: 8px;
  padding: 0 10px 0 8px;
  background: #FFFFFF;
  border: 1px dashed #CDCDCD;
  box-sizing: border-box;
  cursor: pointer;
}

.order-summary .coupon-list li .coupon-close {
  display: none;
}

.coupon-list li.selected {
  cursor: default;
  pointer-events: none;
  border-color: #649EF6;
}

.coupon-list li.selected .coupon-close {
  display: block;
  pointer-events: auto;
}

.coupon-list li .coupon-detail {
  flex: 1;
  width: calc(100% - 46px);
  font-weight: 500;
  font-size: 11px;
  line-height: 17px;
  color: #666;
  margin: 0 12px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon-list li .coupon-close {
  width: 10px;
  height: 10px;
  font-size: 0;
  color: transparent;
  background: url("/img/icon_close_s.svg") no-repeat 0 0;
  background-size: 10px;
}

.order-summary .total {
  border-bottom: 1px solid #ececec;
  background-color: #fff;
  padding: 16px 24px 12px;
  margin-bottom: -1px;
}

.order-summary .total .select-tip {
  font-size: 12px;
  line-height: 24px;
  color: #666;
  margin-bottom: 8px;
}

.order-summary .empty {
  width: 100%;
  height: 144px;
  background: #fff;
  font-size: 16px;
  line-height: 24px;
  color: #999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.order-summary .total dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #333333;
  margin-top: 16px;
}

.order-summary .total dl.available-net-balance {
  color: #666;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.order-summary .total dl.you-saved {
  margin-top: 4px;
}

.order-summary .total dl.you-saved dt {
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  color: #666666;
}

.btn-dark_grey {
  display: block;
  width: 100%;
  background: #333333;
  font-weight: 500;
  font-size: 16px;
  line-height: 43px;
  color: #fff;
  border-radius: 2px;
}

.btn-dark_grey:hover {
  background: #3CB0B4;
}

.btn-dark_grey:disabled {
  background: #E9E9E9 !important;
  cursor: not-allowed;
}

.icon-car {
  display: inline-block;
  font-size: 0;
  color: transparent;
  width: 16px;
  height: 12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjMyNDkgMS4yNjRDOS42NjQ5MyAxLjI2NCA5Ljc0MjMxIDEuMjgwMzYgOS44MDMzNCAxLjMzMjY5QzkuODQ1ODkgMS4zNjkxNiA5LjkyNjUyIDEuNDYwNTEgOS45MjY1MiAxLjcwOTM4VjkuMjQ1MTRINC43NTgwOEM0LjQ3NDI1IDguNjg0MjcgMy44OTEwMyA4LjI5OTg3IDMuMjE3NjQgOC4yOTk4N0MyLjU0NDI2IDguMjk5ODcgMS45NjEwMyA4LjY4NDI3IDEuNjc3MiA5LjI0NTE0SDEuNDcwNjhDMS4zODYyOSA5LjI0NTE0IDEuMjUwNTkgOS4yMTY0NyAxLjE1MTA4IDkuMTQ2NjlDMS4xMDY0OCA5LjExNTQyIDEuMDcyMzEgOS4wNzgzOCAxLjA0ODAxIDkuMDMyNTFDMS4wMjQwOSA4Ljk4NzM0IDEgOC45MTUzMyAxIDguNzk5NzZWMS43MzcxN0MxLjAxMTY0IDEuNjUxOTggMS4wNTIwMSAxLjUyMjYzIDEuMTI4NzEgMS40MjI0MkMxLjE5NjUyIDEuMzMzODQgMS4yOTE2MiAxLjI2NCAxLjQ3MDY4IDEuMjY0SDIuODM1OTZWNC4wNzI4NEMyLjgzNTk2IDQuMjUwNjkgMi45MzA0MyA0LjQxNTE1IDMuMDg0MDUgNC41MDQ3NUMzLjIzNzY4IDQuNTk0MzUgMy40MjczNCA0LjU5NTYgMy41ODIxMyA0LjUwODA0TDUuNDYzMDcgMy40NDQwOEw3LjM0NDAxIDQuNTA4MDRDNy40OTg4MSA0LjU5NTYgNy42ODg0NiA0LjU5NDM1IDcuODQyMDkgNC41MDQ3NUM3Ljk5NTcyIDQuNDE1MTUgOC4wOTAxOCA0LjI1MDY5IDguMDkwMTggNC4wNzI4NFYxLjI2NEg5LjYzMjQ5Wk0xMC40MjY1IDEwLjI0NTFINC45MjY4OEM0LjgxNTM2IDExLjA4NyA0LjA5MjYyIDExLjczNiAzLjIxNzY0IDExLjczNkMyLjM0MjY3IDExLjczNiAxLjYxOTkyIDExLjA4NyAxLjUwODQgMTAuMjQ1MUgxLjQ3MDY4QzEuMjMxNTEgMTAuMjQ1MSAwLjg4MTg2OCAxMC4xNzkzIDAuNTc2OTM0IDkuOTY1NDRDMC4yNDU4ODIgOS43MzMzIDAgOS4zNDY1MSAwIDguNzk5NzZWMS43MDkzOFYxLjY4NjA4TDAuMDAyMTY3NyAxLjY2Mjg3QzAuMDIzNzYzNyAxLjQzMTcxIDAuMTE1Njg1IDEuMTAwNjYgMC4zMzQ2MzEgMC44MTQ2MTRDMC41NjgzMzggMC41MDkyODQgMC45NDM4NTYgMC4yNjQgMS40NzA2OCAwLjI2NEgyLjgzNTk2SDMuMzM1OTZINy41OTAxOEg4LjA5MDE4SDkuNjMyNDlDOS44NjQ3MiAwLjI2NCAxMC4xODQ0IDAuMzQyMTc2IDEwLjQ1NDIgMC41NzM0NjZDMTAuNzQyNSAwLjgyMDYwNSAxMC45MjY1IDEuMjAxOTUgMTAuOTI2NSAxLjcwOTM4VjMuODU2NDFIMTIuOTI1NkMxMy4yOTMgMy44NTY0MSAxMy42MzYyIDQuMDM5MjYgMTMuODQxOCA0LjMzOTM5TDEzLjg1NTIgNC4zNTg4NUwxMy44NjY2IDQuMzc5NDlMMTQuNzYxNyA1Ljk5MzM3SDE0Ljc3MjZDMTUuMDU0NyA1Ljk5MzM3IDE1LjM0NDYgNi4wODg1NSAxNS41NjM5IDYuMzEzMTRDMTUuNzgzNyA2LjUzODMyIDE1Ljg4MzEgNi44NDI3IDE1Ljg4MzEgNy4xNjgwNFY5LjI0MDg5QzE1Ljg4MzEgOS44NTI4NCAxNS4zODQ1IDEwLjM1MTUgMTQuNzcyNiAxMC4zNTE1SDE0LjYzMjZDMTQuNDc2OSAxMS4xNDEgMTMuNzc4NiAxMS43MzYgMTIuOTQwOSAxMS43MzZDMTIuMDY1OSAxMS43MzYgMTEuMzQzMiAxMS4wODcgMTEuMjMxNiAxMC4yNDUySDEwLjc1NjdWMTAuMjQ1MUgxMC40MjY1Wk0xMi45NDA5IDguMjk5ODdDMTIuMjY3NSA4LjI5OTg3IDExLjY4NDMgOC42ODQyOCAxMS40MDA0IDkuMjQ1MTZIMTAuOTI2NVY3LjI5ODdIMTMuMjQ5M0gxMy4zNjc0TDEzLjQ3MjkgNy4yNDU5MUwxMy45Nzc5IDYuOTkzNDJIMTQuNDcwNVY2Ljk5MzM3SDE0Ljc3MjZDMTQuODMxMiA2Ljk5MzM3IDE0Ljg0NzEgNy4wMTA0NSAxNC44NDgzIDcuMDExNjVMMTQuODQ4MyA3LjAxMTdDMTQuODUwNSA3LjAxMzk4IDE0Ljg1OCA3LjAyMjE5IDE0Ljg2NTcgNy4wNDM1OEMxNC44NzM4IDcuMDY1ODcgMTQuODgzMSA3LjEwNTQ4IDE0Ljg4MzEgNy4xNjgwNFY5LjI0MDg5QzE0Ljg4MzEgOS4zMDA1NiAxNC44MzIyIDkuMzUxNDUgMTQuNzcyNiA5LjM1MTQ1SDE0LjUzMDZDMTQuMjY5NSA4LjczMzQxIDEzLjY1NiA4LjI5OTg3IDEyLjk0MDkgOC4yOTk4N1pNMTMuNjQ1MSA2LjA0MThMMTMuNjM2MyA2LjA0NjJMMTMuMTMxMyA2LjI5ODdIMTAuOTI2NVY0Ljg1NjQxSDEyLjkyNTZDMTIuOTU2NiA0Ljg1NjQxIDEyLjk4NzUgNC44NzA1MyAxMy4wMDgzIDQuODkzN0wxMy42NDUxIDYuMDQxOFpNMy44MzU5NiAzLjIxNTU2VjEuMjY0SDcuMDkwMThWMy4yMTU1Nkw1LjcwOTI0IDIuNDM0NDNDNS41NTY1IDIuMzQ4MDMgNS4zNjk2NCAyLjM0ODAzIDUuMjE2OSAyLjQzNDQzTDMuODM1OTYgMy4yMTU1NlpNMTIuMjE2NyAxMC4wMTc5QzEyLjIxNjcgOS42MjQwOCAxMi41Mzc3IDkuMjk5ODcgMTIuOTQwOSA5LjI5OTg3QzEzLjM0NDEgOS4yOTk4NyAxMy42NjUxIDkuNjI0MDkgMTMuNjY1MSAxMC4wMTc5QzEzLjY2NTEgMTAuNDExOCAxMy4zNDQxIDEwLjczNiAxMi45NDA5IDEwLjczNkMxMi41Mzc3IDEwLjczNiAxMi4yMTY3IDEwLjQxMTggMTIuMjE2NyAxMC4wMTc5Wk0zLjIxNzY0IDkuMjk5ODdDMi44MTQ0MyA5LjI5OTg3IDIuNDkzNDcgOS42MjQwOSAyLjQ5MzQ3IDEwLjAxNzlDMi40OTM0NyAxMC40MTE4IDIuODE0NDMgMTAuNzM2IDMuMjE3NjQgMTAuNzM2QzMuNjIwODUgMTAuNzM2IDMuOTQxODEgMTAuNDExOCAzLjk0MTgxIDEwLjAxNzlDMy45NDE4MSA5LjYyNDA4IDMuNjIwODUgOS4yOTk4NyAzLjIxNzY0IDkuMjk5ODdaIiBmaWxsPSIjNjQ1N0I0Ii8+PC9zdmc+) no-repeat center;
  margin-right: 4px;
}

.icon-p {
  display: inline-block;
  vertical-align: middle;
  width: 15.3px;
  height: 13.3px;
  background: url("/img/icon_p.svg") no-repeat 0 0;
  background-size: 15.3px 13.3px;
  font-size: 0;
  color: transparent;
}

.icon-r {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.81153C0 4.2243 0.312749 3.68671 0.814806 3.38896L6.1646 0.229518C6.68312 -0.0765057 7.31688 -0.0765057 7.8354 0.229518L13.1852 3.38896C13.6873 3.68671 14 4.23257 14 4.81153V11.1885C14 11.7757 13.6873 12.3133 13.1852 12.611L7.8354 15.7705C7.31688 16.0765 6.68312 16.0765 6.1646 15.7705L0.814806 12.611C0.312749 12.3133 0 11.7674 0 11.1885L0 4.81153Z' fill='url(%23paint0_linear_316_48035)'/%3E%3Cpath d='M6.21004 8.48759V11.1996H4.88086V4.25879H7.05992C7.54745 4.25879 7.96415 4.30839 8.31004 4.40759C8.65921 4.50359 8.94415 4.63959 9.16486 4.81559C9.38886 4.99159 9.55192 5.20279 9.65404 5.44919C9.75945 5.69239 9.81215 5.96119 9.81215 6.25559C9.81215 6.48919 9.77592 6.70999 9.70345 6.91799C9.63427 7.12599 9.53215 7.31479 9.39709 7.48439C9.26533 7.65399 9.10062 7.80279 8.90298 7.93079C8.70862 8.05879 8.48627 8.16119 8.23592 8.23799C8.40392 8.33079 8.54886 8.46359 8.67074 8.63639L10.4594 11.1996H9.26368C9.14839 11.1996 9.04957 11.1772 8.96721 11.1324C8.88815 11.0876 8.82062 11.0236 8.76462 10.9404L7.26251 8.71799C7.20651 8.63479 7.14392 8.57559 7.07474 8.54039C7.00886 8.50519 6.91004 8.48759 6.77827 8.48759H6.21004ZM6.21004 7.56119H7.04015C7.29051 7.56119 7.50792 7.53079 7.69239 7.46999C7.88015 7.40919 8.03333 7.32599 8.15192 7.22039C8.2738 7.11159 8.36439 6.98359 8.42368 6.83639C8.48298 6.68919 8.51262 6.52759 8.51262 6.35159C8.51262 5.99959 8.39239 5.72919 8.15192 5.54039C7.91474 5.35159 7.55074 5.25719 7.05992 5.25719H6.21004V7.56119Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_316_48035' x1='2.43393e-07' y1='3.3063' x2='14.4452' y2='11.6161' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2391EAEA'/%3E%3Cstop offset='1' stop-color='%231AC8D6'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat 0 0;
  font-size: 0;
  color: transparent;
}

.icon-r.rate_2 {
  background: url('/img/icon_rewardx2.svg') no-repeat;
  background-size: 16px 13.6px;
}

.icon-r.rate_3 {
  background: url('/img/icon_rewardx3.svg') no-repeat;
  background-size: 16px 13.6px;
}

.icon-r.rate_4 {
  background: url('/img/icon_rewardx4.svg') no-repeat;
  background-size: 16px 13.6px;
}

.icon-r.rate_5 {
  background: url('/img/icon_rewardx5.svg') no-repeat;
  background-size: 16px 13.6px;
}

.icon-car.size-medium {
  width: 38px;
  height: 18.61px;
  background: url("/img/icon_car.svg") no-repeat center center;
  background-size: contain;
}

.icon-car.size-small {
  width: 24px;
  height: 12px;
  background: url("/img/icon_car.svg") no-repeat center center;
  background-size: cover;
}

.icon-p.size-small {
  width: 16px;
  height: 14px;
  background: url("/img/icon_p.svg") no-repeat center center;
  background-size: contain;
}

.icon-r.size-small {
  width: 15px;
  height: 16px;
  background: url("/img/icon_r.svg") no-repeat center center;
  background-size: contain;
}

.icon-free-shipping {
  font-size: 0;
  color: transparent;
  width: 16px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjMyNDkgMS4yNjRDOS42NjQ5MyAxLjI2NCA5Ljc0MjMxIDEuMjgwMzYgOS44MDMzNCAxLjMzMjY5QzkuODQ1ODkgMS4zNjkxNiA5LjkyNjUyIDEuNDYwNTEgOS45MjY1MiAxLjcwOTM4VjkuMjQ1MTRINC43NTgwOEM0LjQ3NDI1IDguNjg0MjcgMy44OTEwMyA4LjI5OTg3IDMuMjE3NjQgOC4yOTk4N0MyLjU0NDI2IDguMjk5ODcgMS45NjEwMyA4LjY4NDI3IDEuNjc3MiA5LjI0NTE0SDEuNDcwNjhDMS4zODYyOSA5LjI0NTE0IDEuMjUwNTkgOS4yMTY0NyAxLjE1MTA4IDkuMTQ2NjlDMS4xMDY0OCA5LjExNTQyIDEuMDcyMzEgOS4wNzgzOCAxLjA0ODAxIDkuMDMyNTFDMS4wMjQwOSA4Ljk4NzM0IDEgOC45MTUzMyAxIDguNzk5NzZWMS43MzcxN0MxLjAxMTY0IDEuNjUxOTggMS4wNTIwMSAxLjUyMjYzIDEuMTI4NzEgMS40MjI0MkMxLjE5NjUyIDEuMzMzODQgMS4yOTE2MiAxLjI2NCAxLjQ3MDY4IDEuMjY0SDIuODM1OTZWNC4wNzI4NEMyLjgzNTk2IDQuMjUwNjkgMi45MzA0MyA0LjQxNTE1IDMuMDg0MDUgNC41MDQ3NUMzLjIzNzY4IDQuNTk0MzUgMy40MjczNCA0LjU5NTYgMy41ODIxMyA0LjUwODA0TDUuNDYzMDcgMy40NDQwOEw3LjM0NDAxIDQuNTA4MDRDNy40OTg4MSA0LjU5NTYgNy42ODg0NiA0LjU5NDM1IDcuODQyMDkgNC41MDQ3NUM3Ljk5NTcyIDQuNDE1MTUgOC4wOTAxOCA0LjI1MDY5IDguMDkwMTggNC4wNzI4NFYxLjI2NEg5LjYzMjQ5Wk0xMC40MjY1IDEwLjI0NTFINC45MjY4OEM0LjgxNTM2IDExLjA4NyA0LjA5MjYyIDExLjczNiAzLjIxNzY0IDExLjczNkMyLjM0MjY3IDExLjczNiAxLjYxOTkyIDExLjA4NyAxLjUwODQgMTAuMjQ1MUgxLjQ3MDY4QzEuMjMxNTEgMTAuMjQ1MSAwLjg4MTg2OCAxMC4xNzkzIDAuNTc2OTM0IDkuOTY1NDRDMC4yNDU4ODIgOS43MzMzIDAgOS4zNDY1MSAwIDguNzk5NzZWMS43MDkzOFYxLjY4NjA4TDAuMDAyMTY3NyAxLjY2Mjg3QzAuMDIzNzYzNyAxLjQzMTcxIDAuMTE1Njg1IDEuMTAwNjYgMC4zMzQ2MzEgMC44MTQ2MTRDMC41NjgzMzggMC41MDkyODQgMC45NDM4NTYgMC4yNjQgMS40NzA2OCAwLjI2NEgyLjgzNTk2SDMuMzM1OTZINy41OTAxOEg4LjA5MDE4SDkuNjMyNDlDOS44NjQ3MiAwLjI2NCAxMC4xODQ0IDAuMzQyMTc2IDEwLjQ1NDIgMC41NzM0NjZDMTAuNzQyNSAwLjgyMDYwNSAxMC45MjY1IDEuMjAxOTUgMTAuOTI2NSAxLjcwOTM4VjMuODU2NDFIMTIuOTI1NkMxMy4yOTMgMy44NTY0MSAxMy42MzYyIDQuMDM5MjYgMTMuODQxOCA0LjMzOTM5TDEzLjg1NTIgNC4zNTg4NUwxMy44NjY2IDQuMzc5NDlMMTQuNzYxNyA1Ljk5MzM3SDE0Ljc3MjZDMTUuMDU0NyA1Ljk5MzM3IDE1LjM0NDYgNi4wODg1NSAxNS41NjM5IDYuMzEzMTRDMTUuNzgzNyA2LjUzODMyIDE1Ljg4MzEgNi44NDI3IDE1Ljg4MzEgNy4xNjgwNFY5LjI0MDg5QzE1Ljg4MzEgOS44NTI4NCAxNS4zODQ1IDEwLjM1MTUgMTQuNzcyNiAxMC4zNTE1SDE0LjYzMjZDMTQuNDc2OSAxMS4xNDEgMTMuNzc4NiAxMS43MzYgMTIuOTQwOSAxMS43MzZDMTIuMDY1OSAxMS43MzYgMTEuMzQzMiAxMS4wODcgMTEuMjMxNiAxMC4yNDUySDEwLjc1NjdWMTAuMjQ1MUgxMC40MjY1Wk0xMi45NDA5IDguMjk5ODdDMTIuMjY3NSA4LjI5OTg3IDExLjY4NDMgOC42ODQyOCAxMS40MDA0IDkuMjQ1MTZIMTAuOTI2NVY3LjI5ODdIMTMuMjQ5M0gxMy4zNjc0TDEzLjQ3MjkgNy4yNDU5MUwxMy45Nzc5IDYuOTkzNDJIMTQuNDcwNVY2Ljk5MzM3SDE0Ljc3MjZDMTQuODMxMiA2Ljk5MzM3IDE0Ljg0NzEgNy4wMTA0NSAxNC44NDgzIDcuMDExNjVMMTQuODQ4MyA3LjAxMTdDMTQuODUwNSA3LjAxMzk4IDE0Ljg1OCA3LjAyMjE5IDE0Ljg2NTcgNy4wNDM1OEMxNC44NzM4IDcuMDY1ODcgMTQuODgzMSA3LjEwNTQ4IDE0Ljg4MzEgNy4xNjgwNFY5LjI0MDg5QzE0Ljg4MzEgOS4zMDA1NiAxNC44MzIyIDkuMzUxNDUgMTQuNzcyNiA5LjM1MTQ1SDE0LjUzMDZDMTQuMjY5NSA4LjczMzQxIDEzLjY1NiA4LjI5OTg3IDEyLjk0MDkgOC4yOTk4N1pNMTMuNjQ1MSA2LjA0MThMMTMuNjM2MyA2LjA0NjJMMTMuMTMxMyA2LjI5ODdIMTAuOTI2NVY0Ljg1NjQxSDEyLjkyNTZDMTIuOTU2NiA0Ljg1NjQxIDEyLjk4NzUgNC44NzA1MyAxMy4wMDgzIDQuODkzN0wxMy42NDUxIDYuMDQxOFpNMy44MzU5NiAzLjIxNTU2VjEuMjY0SDcuMDkwMThWMy4yMTU1Nkw1LjcwOTI0IDIuNDM0NDNDNS41NTY1IDIuMzQ4MDMgNS4zNjk2NCAyLjM0ODAzIDUuMjE2OSAyLjQzNDQzTDMuODM1OTYgMy4yMTU1NlpNMTIuMjE2NyAxMC4wMTc5QzEyLjIxNjcgOS42MjQwOCAxMi41Mzc3IDkuMjk5ODcgMTIuOTQwOSA5LjI5OTg3QzEzLjM0NDEgOS4yOTk4NyAxMy42NjUxIDkuNjI0MDkgMTMuNjY1MSAxMC4wMTc5QzEzLjY2NTEgMTAuNDExOCAxMy4zNDQxIDEwLjczNiAxMi45NDA5IDEwLjczNkMxMi41Mzc3IDEwLjczNiAxMi4yMTY3IDEwLjQxMTggMTIuMjE2NyAxMC4wMTc5Wk0zLjIxNzY0IDkuMjk5ODdDMi44MTQ0MyA5LjI5OTg3IDIuNDkzNDcgOS42MjQwOSAyLjQ5MzQ3IDEwLjAxNzlDMi40OTM0NyAxMC40MTE4IDIuODE0NDMgMTAuNzM2IDMuMjE3NjQgMTAuNzM2QzMuNjIwODUgMTAuNzM2IDMuOTQxODEgMTAuNDExOCAzLjk0MTgxIDEwLjAxNzlDMy45NDE4MSA5LjYyNDA4IDMuNjIwODUgOS4yOTk4NyAzLjIxNzY0IDkuMjk5ODdaIiBmaWxsPSIjNjQ1N0I0Ii8+PC9zdmc+') no-repeat center;
  margin-right: 4px;
}

/* base-select_arrow */
.base-select_arrow {
  position: relative;
}

.base-select_arrow .base-select-main {
  position: relative;
  width: 100%;
  height: 33px;
  line-height: 33px;
  background: #FFF;
  padding: 0 43px 0 16px;
  border: 1px solid #DDD;
  font-size: 14px !important;
  color: #666;
  box-sizing: border-box;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.base-select_arrow .base-select-main::after {
  content: '';
  display: block;
  width: 11px;
  height: 100%;
  background: url('/img/small-select.svg') center no-repeat;
  background-size: 100%;
  transform: rotate(-180deg);
  position: absolute;
  top: 0;
  right: 16px;
  transition: .3s;
}

.base-select_arrow .base-select-main > .accountNo:disabled {
  background: white !important;
}

.base-select_arrow.have_line .base-select-main {
  padding: 0 16px;
}

.base-select_arrow.have_line .base-select-menu li {
  border-top: 1px solid #DDDDDD;
}

.base-select_arrow.have_line .base-select-menu li:first-child {
  border-top: none;
}

.base-select_arrow.have_line .base-select-menu li.selected,
.base-select_arrow.have_line .base-select-menu li:hover {
  background: #F5F5F5;
}

.base-select_arrow .base-select-menu {
  width: 100%;
  display: none;
  border: 1px solid #DDD;
  position: absolute;
  top: 32px;
  left: 0;
  box-sizing: border-box;
  z-index: 10;
}

.base-select_arrow .base-select-menu li {
  line-height: 33px;
  background: #FFF;
  font-size: 13px;
  font-weight: normal;
  color: #666;
  padding: 0 16px;
  margin: 0 !important;
  cursor: pointer;
}

/* .base-select_arrow .base-select-menu li:hover {
  background: #F7F9FB;
} */

.base-select_arrow .base-select-menu .disabled {
  color: #CDCDCD;
  pointer-events: none;
}

/* .base-select_arrow.active .base-select-main {
  background: #F7F9FB;
} */

.active .base-select-main {
  border: 1px solid #3CB0B4 !important;
}

.base-select_arrow.active .base-select-menu {
  display: block;
}

.base-select_arrow.active .base-select-main::after {
  transform: rotate(0);
}

.base-select_arrow .base-select-main span.freeBlue,
.base-select_arrow .base-select-menu li span.freeBlue {
  padding-left: 8px;
  color: #649EF6;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

/* popup black mask layer */
.black-mask-layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 90;
}

/* popop Delete Item */
.popup-item-handle {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  background: #FFFFFF;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  z-index: 1001;
  overflow: hidden;
}

.popup-item-handle.w-520 {
  width: 520px;
}

.popup-item-handle .list-promo-vendors {
  display: flex;
  margin: 24px 0;
  gap: 8px;
  flex-wrap: wrap;
}

.popup-item-handle .list-promo-vendors li {
  display: inline-block;
  padding: 2px 8px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  background-color: #f7f7f7;
  vertical-align: top;
}

.popup-item-handle .img-promotion-view {
  margin-top: 24px;
  border-radius: 10px;
  box-shadow: -1.8px 0px 7.2px 6.3px #0000000A;
}

.popup-item-handle.spacing {
  display: flex;
  flex-direction: column;
}

.popup-item-handle.spacing .item-handle-header {
  padding: 16px 0 12px;
  outline: 1px solid #ECECEC;
  height: 52px;
  box-sizing: border-box;
  flex: none;
}

.popup-item-handle.spacing .item-handle-body {
  padding: 24px 32px 32px;
  overflow: visible;
  max-height: none;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  min-height: unset;
}

.popup-item-handle.spacing .item-handle-body input {
  font-family: Roboto, sans-serif;
}

/* .popup-item-handle.xs {} */

/* .popup-item-handle.sm {} */


.popup-item-handle.ml {
  width: 480px;
}

/* .popup-item-handle.lg {} */

.popup-item-handle.xl {
  width: 650px;
  max-height: 847px;
}

.popup-item-handle .item-handle-header {
  padding: 16px 0;
  outline: 1px solid #CDCDCD;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.popup-item-handle .item-handle-header .uppercase {
  text-transform: uppercase;
}

.popup-item-handle .item-close {
  display: block;
  position: absolute;
  top: 16.78px;
  right: 16.78px;
  width: 14px;
  height: 14px;
  font-size: 0;
  color: transparent;
  background: url('/img/icon_close_s.svg') no-repeat 0 0;
  background-size: 14px;
}

.popup-item-handle .item-handle-body {
  padding: 24px 32px;
  font-family: Roboto, sans-serif !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
  max-height: fit-content;
}

.popup-item-handle.ml .item-handle-body {
  padding: 32px 32px 40px;
}

.popup-item-handle .item-handle-body input {
  font-size: 14px;
}
/*@font-face {*/
/*  font-family: 'password';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);*/
/*}*/

/*.popup-item-handle .item-handle-body input#pwd_input {*/
/*  font-family: 'password' !important;*/
/*}*/

/*.popup-item-handle .item-handle-body .open input#pwd_input {*/
/*  font-family: Roboto, sans-serif !important;*/
/*}*/

.popup-item-handle .item-handle-body p {
  padding: 0;
  margin: 0;
  position: relative;
}

.popup-item-handle .item-handle-body .placeholder {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translate(0, -50%);
  color: #999;
}

.popup-item-handle .item-handle-body ol {
  margin: 20px 0;
  font-weight: bold;
}

.popup-item-handle .item-handle-body ol .itemList {
  font-weight: normal;
}

.popup-item-handle .thanks-report {
  text-align: center;
  margin: 32px auto;
}

.popup-item-handle .thanks-report .item-handle-icon {
  display: block;
  width: 60px;
  height: 60px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYwIDMwQzYwIDQ2LjU2ODUgNDYuNTY4NSA2MCAzMCA2MEMxMy40MzE1IDYwIDAgNDYuNTY4NSAwIDMwQzAgMTMuNDMxNSAxMy40MzE1IDAgMzAgMEM0Ni41Njg1IDAgNjAgMTMuNDMxNSA2MCAzMFoiIGZpbGw9IiNFQ0ZCRkMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ni40MzEgMTkuNjc0N0M0Ny4yMzgyIDIwLjQ2NSA0Ny4yNTE5IDIxLjc2IDQ2LjQ2MTYgMjIuNTY3MkwyOC40MzgzIDQwLjk3NjNDMjguMDUzNSA0MS4zNjkzIDI3LjUyNjcgNDEuNTkwOCAyNi45NzY3IDQxLjU5MDhDMjYuNDI2NyA0MS41OTA4IDI1Ljg5OTkgNDEuMzY5MyAyNS41MTUxIDQwLjk3NjNMMTUuNTgzOSAzMC44MzI1QzE0Ljc5MzYgMzAuMDI1MyAxNC44MDczIDI4LjczMDMgMTUuNjE0NSAyNy45NEMxNi40MjE3IDI3LjE0OTcgMTcuNzE2NyAyNy4xNjM0IDE4LjUwNyAyNy45NzA2TDI2Ljk3NjcgMzYuNjIxNUw0My41Mzg0IDE5LjcwNTNDNDQuMzI4NyAxOC44OTgxIDQ1LjYyMzcgMTguODg0NCA0Ni40MzEgMTkuNjc0N1oiIGZpbGw9IiMzQ0IwQjQiLz4KPC9zdmc+Cg==') no-repeat center;
  margin: auto;
}

.popup-item-handle .thanks-report .item-handle-ttl {
  font-size: 26px;
  font-weight: 500;
  line-height: 40px;
  margin-top: 8px;
}

.popup-item-handle .thanks-report .item-handle-note {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 8px;
}

.popup-item-handle .item-info-body-4 {
  padding: 24px 32px;
}

.popup-item-handle .item-info-body-5 {
  padding: 24px 32px 32px;
}

/* checkbox */
.checkbox-base,
.base-radio {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.checkbox-base input[type='checkbox'],
.base-radio input[type='radio'] {
  display: none;
  width: 0;
  height: 0;
  opacity: 0;
  border: 0;
  appearance: none;
}

.checkbox-base label,
.base-radio label {
  cursor: pointer;
}

.checkbox-base input[type='checkbox']:disabled~label,
.base-radio input[type='radio']:disabled~label {
  cursor: default;
  pointer-events: none;
}

.checkbox-base {
  line-height: 20px !important;
  height: 20px;
  font-size: 0;
}

.checkbox-base label {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  min-height: 20px;
}

.checkbox-base label.txt {
  padding-left: 8px;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
  word-break: break-word;
  box-sizing: border-box;
}

.checkbox-base label.txt.txt-color-blue-grey {
  color: #828CA0;
}

.checkbox-base input[type='checkbox']:checked+label {
  font-weight: normal;
}

.checkbox-base input[type='checkbox']+label:after {
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  content: '';
  transform: translate(0, -50%);
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.checkbox-base input[type='checkbox']:disabled+label:after {
  position: absolute;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  content: '';
  transform: translate(0, -50%);
  background: #ECECEC;
  border-color: #ececec;
}

.checkbox-base input[type='checkbox']:checked+label:before {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  box-sizing: border-box;
  content: '';
  transform: translate(0, -50%);
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjE4IiBoZWlnaHQ9IjE4IiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik03LjYwMTAxIDExLjY1NDRMNS4zMzcyOCA5LjMwMjM3QzUuMTIwNzUgOS4wNzQwNyA1IDguNzcxMzIgNSA4LjQ1NjUyQzUgOC4xNDE3MyA1LjEyMDc1IDcuODM4OTIgNS4zMzcyOCA3LjYxMDYyQzUuNDQyMDcgNy40OTk5MSA1LjU2ODI3IDcuNDExNzMgNS43MDgyMyA3LjM1MTQ3QzUuODQ4MiA3LjI5MTIxIDUuOTk4OTMgNy4yNjAxMiA2LjE1MTI5IDcuMjYwMTJDNi4zMDM2NSA3LjI2MDEyIDYuNDU0NDUgNy4yOTEyMSA2LjU5NDQxIDcuMzUxNDdDNi43MzQzNyA3LjQxMTczIDYuODYwNTggNy40OTk5MSA2Ljk2NTM2IDcuNjEwNjJMOC40MTM2MSA5LjExMjI4TDEyLjAzNDYgNS4zNDk1OEMxMi4xMzk2IDUuMjM5MTMgMTIuMjY1OCA1LjE1MTIgMTIuNDA1OCA1LjA5MTExQzEyLjU0NTcgNS4wMzEwMSAxMi42OTY0IDUgMTIuODQ4NyA1QzEzLjAwMSA1IDEzLjE1MTYgNS4wMzEwMSAxMy4yOTE2IDUuMDkxMTFDMTMuNDMxNSA1LjE1MTIgMTMuNTU3OCA1LjIzOTEzIDEzLjY2MjcgNS4zNDk1OEMxMy44NzkyIDUuNTc3ODggMTQgNS44ODA2OSAxNCA2LjE5NTQ5QzE0IDYuNTEwMjkgMTMuODc5MiA2LjgxMzA5IDEzLjY2MjcgNy4wNDEzOUw5LjIyODE3IDExLjY0OTRDOS4xMjMzIDExLjc2MDIgOC45OTY5NiAxMS44NDg0IDguODU2OTIgMTEuOTA4NkM4LjcxNjg3IDExLjk2ODkgOC41NjYwNSAxMiA4LjQxMzYxIDEyQzguMjYxMTcgMTIgOC4xMTAzIDExLjk2ODkgNy45NzAyNSAxMS45MDg2QzcuODMwMjEgMTEuODQ4NCA3LjcwMzkzIDExLjc2MDIgNy41OTkwNSAxMS42NDk0TDcuNjAxMDEgMTEuNjU0NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
  background-size: cover;
  animation: show .3s;
  animation-fill-mode: forwards;
}

.checkbox-base label.txt::selection {
  background: transparent;
}

.checkbox-base input[type='checkbox']+label:after,
.checkbox-base input[type='checkbox']:checked+label:before {
  width: 20px;
  height: 20px;
}

.checkbox-base.size-2 {
  height: 16px;
  display: flex;
  align-items: center;
}

.checkbox-base.size-2 input[type='checkbox']+label,
.checkbox-base.size-2 input[type='checkbox']+label:after,
.checkbox-base.size-2 input[type='checkbox']:checked+label:before {
  width: 14px;
  height: 14px;
  min-height: auto;
}

.checkbox-base.size-2 label.txt {
  min-height: auto;
  color: #666;
  padding-left: 4px;
}

.base-input .eye {
  display: block;
  width: 17px;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: transparent;
  font-size: 0;
  background-image: url('../img/icon_eye_close.svg');
}

.base-input.open .eye {
  height: 13px;
  background-image: url('../img/icon_eye_open.svg');
}

.popup-item-handle .txt-tip {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #159E9E;
  text-decoration: underline;
}

.popup-item-handle .item-handle-body .error_tip {
  position: absolute;
  bottom: -22px;
  left: 0;
}

.popup-item-handle.ml .item-handle-body .note {
  color: #000;
  padding-left: 58px;
  background: url('../img/icon_email_sent.svg') no-repeat top left;
  font-family: Roboto, sans-serif;
}

.popup-item-handle.ml .item-handle-body .note p+p {
  margin-top: 24px;
}

.popup-item-handle.ml .item-handle-body .note a {
  color: #159E9E;
  font-weight: 500;
  margin-left: 6px;
  text-decoration: underline;
}

.popup-item-handle .item-handle-footer {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #F7F9FB;
}

.popup-item-handle .item-handle-footer>ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 32px;
}

.popup-item-handle .item-handle-footer>ul.btn-right {
  justify-content: flex-end;
}

.popup-item-handle .item-handle-footer.one-btn>ul {
  justify-content: flex-end;
}

.popup-item-handle .item-handle-footer li {
  width: 220px;
}

.popup-item-handle .item-handle-footer .right {
  justify-content: flex-end;
  padding: 16px 32px;
}

.popup-item-handle .item-handle-footer .right li {
  width: auto;
  margin-left: 8px;
}

.popup-item-handle .item-handle-footer .right .txt-tip {
  margin-right: 16px;
}

.popup-item-handle .item-handle-footer .btn-auto li {
  width: 100%;
}

.popup-item-handle .item-handle-footer .btn-auto li:not(:first-of-type) {
  margin-left: 24px;
}

.popup-item-handle .item-handle-footer .btn-alone-center {
  justify-content: center;
}

.popup-item-handle .item-handle-footer .btn-alone-center li {
  width: calc(50% - 12px);
}

.btn-cancel {
  display: block;
  width: 100%;
  background: transparent;
  border: 1px solid #333;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: #333;
  height: 42px;
  transition: .3s;
}

.btn-cancel:hover {
  color: #fff;
  background: #333;
}

.btn-cancel:disabled, .btn-cancel[disabled] {
  background: #E2E2E2;
  color: #fff;
  cursor: auto;
}
.popup-item-handle .item-handle-footer .btn-sure {
  display: block;
  width: 100%;
  background: #333333;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  height: 42px;
  color: #fff;
  transition: .3s;
}

.popup-item-handle .item-handle-footer .btn-sure:hover {
  color: #fff;
  background: #159E9E;
}

.popup-item-handle .item-handle-footer .btn-sure:disabled {
  background: #E9E9E9;
  cursor: default;
}

.popup-item-handle .item-handle-footer .btn-sure:disabled:hover {

}

.popup-item-handle .item-handle-footer .btn-gray-line {
  display: block;
  width: 100%;
  border: 1px solid #999;
  box-sizing: border-box;
  border-radius: 2px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #666666;
  height: 42px;
  transition: .3s;
}

.popup-item-handle .item-handle-footer .btn-gray-line:hover {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.popup-item-handle p.mart-17 {
  margin-top: 17px;
}

.popup-item-handle p.font-13 {
  font-size: 13px;
}
.popup-item-handle .item-handle-footer strong {
  font-weight: 700;
}

.popup-item-handle .common-ttl-1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.popup-item-handle .common-txt-1 {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.popup-item-handle .common-txt-2 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}

.popup-item-handle .common-txt-3 {
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}

.popup-item-handle .common-txt-3 a {
  text-decoration: underline;
}

.popup-item-handle .common-txt-3 strong {
  font-weight: 500;
}

.popup-item-handle .common-txt-4 {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.popup-item-handle .common-txt-5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}

.popup-item-handle .common-txt-5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}

.popup-item-handle .item-info-ttl-2 {
  font-size: 14px;
  color: #666;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  margin-top: 24px;
}

.popup-item-handle .box-text-area {
  color: #666;
  padding: 16px;
  background: #F8F8F8;
  margin-top: 12px;
}

.popup-item-handle .box-text-area .box-text {
  font-size: 14px;
  line-height: 22px;
}

.popup-item-handle .box-text-area .box-text dt {
  font-weight: 500;
  margin-bottom: 4px;
}

.popup-item-handle .box-text-area .box-text dd {
  font-weight: 400;
}

.popup-item-handle .item-info-supplement {
  color: #999;
  font-size: 12px;
  font-style: italic;
  line-height: 18px;
  margin-top: 12px;
  font-weight: 400;
}

.popup-item-handle .item-info-supplement a {
  color: #159E9E;
  text-decoration-line: underline;
}

.popup-item-handle .data-list {
  display: flex;
}

.popup-item-handle .data-list li {
  width: 100%;
}

.popup-item-handle .data-list li:not(:first-of-type) {
  margin-left: 24px;
}

.popup-item-handle .data-info {
  box-sizing: border-box;
  border: 1px solid #159E9E;
  border-radius: 2px;
  padding-bottom: 14px;
}

.popup-item-handle .data-info .ttl-h4 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 41px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  background: #159E9E;
}

.popup-item-handle .data-info .data-con {
  text-align: center;
  margin-top: 8px;
  color: #159E9E;
  font-family: Roboto, sans-serif;
}

.popup-item-handle .data-info .data {
  font-weight: 700;
  font-size: 45px;
  line-height: 68px;
}

.popup-item-handle .data-info .unit {
  margin-left: 4px;
  font-size: 25px;
}

.popup-item-handle .data-info .see {
  margin-top: 4px;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  line-height: 18px;
}

.popup-item-handle .data-info .see a {
  color: #159E9E;
  text-decoration: underline;
}

.popup-item-handle .retain-area {
  padding: 16px 24px;
  background: #F7F9FB;
}

.popup-item-handle .retain-list li {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #333;
}

.popup-item-handle .wait-txt {
  box-sizing: border-box;
  width: 100%;
  height: 56px;
  background: #FAFDFD;
  border: 1px solid #159E9E;
  border-radius: 2px;
  font-weight: 400;
  font-size: 20px;
  position: relative;
  margin: 16px 0 26px;
}

.popup-item-handle .wait-txt:after {
  content: '';
  display: block;
  width: 56px;
  height: 56px;
  background: #159E9E; url('/img/btn_page_arr_next_white.svg') no-repeat center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 1;
}

.popup-item-handle .wait-txt a {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 2;
  color: #159E9E;
  text-decoration: none;
  padding-left: 24px;
}

.popup-item-handle .base-list {
  margin-top: 16px;
}

.popup-item-handle .base-list li {
  margin-top: 4px;
}

.popup-item-handle .base-input.dp_password {
  font-family: 'password' !important;
}

.popup-item-handle .base-input.dp_password.show_pw {
  font-family: Roboto, sans-serif !important;
}

.popup-item-handle .base-input.dp_password::placeholder {
  font-family: Roboto, sans-serif !important;
}

.popup-item-handle .base-item {
  background: #F7F9FB;
  padding: 12px 16px;
}

.popup-item-handle .base-item .base-radio {
  display: flex;
}

.popup-item-handle .base-item .base-radio input[type='radio']+label.radio {
  margin-top: 6px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  border: 1px solid #DDDDDD;
  background: #fff;
  border-radius: 50%;
}

.popup-item-handle .base-item .base-radio input[type='radio']:checked+label.radio:after {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  box-sizing: border-box;
  width: 7px;
  height: 7px;
  content: '';
  background: #333;
  border-radius: 50%;
}

.popup-item-handle .base-item .base-radio label.txt {
  font-size: 14px;
  flex: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  word-break: break-word;
  letter-spacing: 0;
  line-height: 22px;
  margin-left: 8px;
  vertical-align: middle;
  color: #333;
}

.popup-item-handle .details-area {
  padding: 12px 16px 12px 38px;
  background: #fff;
  border: 2px solid #F7F9FB;
  border-top: none;
  box-sizing: border-box;
  display: none;
}

.popup-item-handle .details-area .txt-con {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  word-break: break-word;
}

.popup-item-handle .warning-message {
  padding: 16px 24px;
  background: #FFECEC;
}

.popup-item-handle .warning-message .message-txt {
  color: #FF5859;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  padding-left: 16px;
  background: url('../img/bg_prompt_error.svg') no-repeat center left;
}

.popup-item-handle .warning-message {}

.popup-item-handle .warning-message {}

.premier-day-banner-area {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 16px 24px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIyIiBoZWlnaHQ9IjgyIiB2aWV3Qm94PSIwIDAgMjIyIDgyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIG9wYWNpdHk9Ii4yNCIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl80XzE1MDU1KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUzLjM1NiAxMjYuNzI5KSI+PGNpcmNsZSBjeD0iNTMuMzU2IiBjeT0iMTI2LjcyOSIgcj0iMTQ0LjM4OSIgZmlsbD0iI0ZGOUM3RCIvPjxjaXJjbGUgY3g9IjUzLjM1NiIgY3k9IjEyNi43MjkiIHI9IjE0NC4zODkiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF80XzE1MDU1KSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNF8xNTA1NSIgeD0iLTExNS4wNTYiIHk9Ii00MS42ODQiIHdpZHRoPSIzMzYuODI2IiBoZWlnaHQ9IjMzNi44MjYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj48ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEyIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNF8xNTA1NSIvPjwvZmlsdGVyPjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF80XzE1MDU1IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KC0yMzcuNDExNjYgLTEzNC4zNjQ4MiAxMTYuMDEyMSAtMjA0Ljk4MzkgMTIzLjA0NSA2NC4wODcpIj48c3RvcCBzdG9wLWNvbG9yPSIjRkYyNDI0IiBzdG9wLW9wYWNpdHk9Ii44MyIvPjxzdG9wIG9mZnNldD0iLjMwNyIgc3RvcC1jb2xvcj0iI0Y4OEY1NSIvPjxzdG9wIG9mZnNldD0iLjUyMSIgc3RvcC1jb2xvcj0iI0ZGOTc1RSIgc3RvcC1vcGFjaXR5PSIuMjQiLz48c3RvcCBvZmZzZXQ9Ii43ODYiIHN0b3AtY29sb3I9IiNGRkI1NUUiIHN0b3Atb3BhY2l0eT0iLjU0Ii8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+') no-repeat left center, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzcyIiBoZWlnaHQ9IjgyIiB2aWV3Qm94PSIwIDAgMzcyIDgyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIG9wYWNpdHk9Ii4xMiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl80XzE1MDU2KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDE4NS45NTggLTQwLjM5MSkiPjxjaXJjbGUgY3g9IjE4NS45NTgiIGN5PSItNDAuMzkxIiByPSIxNjEuMTY4IiBmaWxsPSIjRjhDMTU1Ii8+PGNpcmNsZSBjeD0iMTg1Ljk1OCIgY3k9Ii00MC4zOTEiIHI9IjE2MS4xNjgiIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF80XzE1MDU2KSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNF8xNTA1NiIgeD0iLjc2MyIgeT0iLTIyNS41ODYiIHdpZHRoPSIzNzAuMzkiIGhlaWdodD0iMzcwLjM5MSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMTIiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80XzE1MDU2Ii8+PC9maWx0ZXI+PHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzRfMTUwNTYiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJyb3RhdGUoLTE1MC40OTIgMTE3LjM0NyAtODkuODg1KSBzY2FsZSgzMDQuNDk5IDI2Mi45MDcpIj48c3RvcCBzdG9wLWNvbG9yPSIjRkI3RTdFIiBzdG9wLW9wYWNpdHk9Ii44MyIvPjxzdG9wIG9mZnNldD0iLjMwNyIgc3RvcC1jb2xvcj0iI0Y4OEY1NSIvPjxzdG9wIG9mZnNldD0iLjUyMSIgc3RvcC1jb2xvcj0iI0ZGOTc1RSIgc3RvcC1vcGFjaXR5PSIuMjQiLz48c3RvcCBvZmZzZXQ9Ii43ODYiIHN0b3AtY29sb3I9IiNGRkI1NUUiIHN0b3Atb3BhY2l0eT0iLjU0Ii8+PC9yYWRpYWxHcmFkaWVudD48L2RlZnM+PC9zdmc+') no-repeat top left 240px, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjgyIiB2aWV3Qm94PSIwIDAgMTU2IDgyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIG9wYWNpdHk9Ii4xNiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl80XzE1MDY1KSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDExMC4zMjkgLTQuNjk2KSI+PGNpcmNsZSBjeD0iMTEwLjMyOSIgY3k9Ii00LjY5NiIgcj0iMTAxLjYxNyIgZmlsbD0iI0ZGRDc5QyIvPjxjaXJjbGUgY3g9IjExMC4zMjkiIGN5PSItNC42OTYiIHI9IjEwMS42MTciIGZpbGw9InVybCgjcGFpbnQwX3JhZGlhbF80XzE1MDY1KSIvPjwvZz48ZGVmcz48ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNF8xNTA2NSIgeD0iLjY5NSIgeT0iLTExNC4zMyIgd2lkdGg9IjIxOS4yNjgiIGhlaWdodD0iMjE5LjI2OCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+PGZlQmxlbmQgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iNCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzRfMTUwNjUiLz48L2ZpbHRlcj48cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfNF8xNTA2NSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgtMTY3LjA4Mzc4IC05NC41NjIyNSA4MS42NDYyNCAtMTQ0LjI2MjI0IDE1OS4zNzQgLTQ4Ljc4MikiPjxzdG9wIHN0b3AtY29sb3I9IiNGQjdFN0UiIHN0b3Atb3BhY2l0eT0iLjgzIi8+PHN0b3Agb2Zmc2V0PSIuMzA3IiBzdG9wLWNvbG9yPSIjRjg4RjU1Ii8+PHN0b3Agb2Zmc2V0PSIuNTIxIiBzdG9wLWNvbG9yPSIjRkY5NzVFIiBzdG9wLW9wYWNpdHk9Ii4yNCIvPjxzdG9wIG9mZnNldD0iLjc4NiIgc3RvcC1jb2xvcj0iI0ZGQjU1RSIgc3RvcC1vcGFjaXR5PSIuNTQiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48L3N2Zz4=') no-repeat right top;
  background-color: #FDF1E3;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  margin-bottom: 23px;
}

.premier-day-banner-area .premier-day-banner-ttl {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.premier-day-banner-area .premier-day-banner-ttl strong {
  color: #F88F55;
  font-weight: 700;
  margin-left: 4px;
}

.premier-day-banner-area .premier-day-banner-note {
  color: #333;
  font-size: 14px;
  line-height: 22px
}

.premier-day-banner-area .premier-day-banner-note strong {
  font-weight: 700;
}

.premier-day-banner-area .premier-day-banner-note em {
  font-style: italic;
}

.premier-free-shipping {
  padding: 2px 8px 2px 4px;
  background: #FEEDE4;
  display: inline-flex;
  align-items: center;
  margin-left: 7px;
  vertical-align: middle;
}

.premier-free-shipping .icon-diamond {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIuOTAyIiB5PSIuNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik04LjkwMiA0LjYxN2gyLjY5M2wyLjA3MSAyLjQzNE04LjkwMiA0LjYxN0g2LjIxTDQuMTM4IDcuMDUxbDQuNzY0IDUuNTNtMC03Ljk2NGgxLjI0M2wxLjAzNiAyLjQzNC0yLjI3OSA1LjUzbTAtNy45NjRINy42Nkw2LjYyNCA3LjA1MWwyLjI3OCA1LjUzbTAgMGw0Ljc2NC01LjUzbTAgMGgtOS4zMiIgc3Ryb2tlPSIjRjg4RjU1IiBzdHJva2Utd2lkdGg9Ii41OTQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg==') no-repeat center;
  background-size: contain;
  margin: 0 4px 0 0 !important;
}

.premier-free-shipping .free-shipping-txt {
  color: #F88F55;
  font-size: 10px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}

.deletion-pwd {
  position: relative;
}

.deletion-pwd .btn-show-pwd {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 17px;
  height: 12px;
  background: url("/img/icon/icon_show_pwd.svg") no-repeat center top;
  background-size: cover;
  font-size: 0;
}

.deletion-pwd .btn-show-pwd.active {
  width: 17px;
  height: 15px;
  background: url("/img/icon/icon_hide_pwd.svg") no-repeat center top;
  background-size: cover;
}

.popup-item-handle .item-handle-body .coupon-note {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  font-style: italic;
  color: #999;
  margin-bottom: 8px;
  text-align: right;
}

.popup-item-handle .coupon-area {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  min-height: 200px;
  display: flex;
}

.popup-item-handle .coupon-area>.roller {
  max-height: calc(100vh - 347px);
  overflow: hidden;
  overflow-y: auto;
  padding-right: 10px;
  margin-right: -14px;
}

.roller::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}

.roller::-webkit-scrollbar-track {
  background: #ddd;
  border-radius: 10px;
}

.roller::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 10px;
}

.popup-item-handle .coupon-swiper {
  width: 100%;
  margin: 0;
}

.popup-item-handle .coupon-swiper:not(:first-of-type) {
  margin-top: 12px;
}

/*.popup-item-handle .coupon-swiper+.coupon-swiper {*/
/*  margin-top: 12px;*/
/*}*/

/*.popup-item-handle .coupon-item+.coupon-swiper {*/
/*  margin-top: 12px;*/
/*}*/

.popup-item-handle .warning-info[style='display: block;'] + .coupon-swiper {
  margin-top: 0;
}

.popup-item-handle .coupon-swiper .swiper-slide {
  cursor: default;
}

.popup-item-handle .coupon-swiper .swiper-slide-shadow-left,
.popup-item-handle .coupon-swiper .swiper-slide-shadow-right {
  background: transparent;
}

.popup-item-handle .coupon-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background: #fff;
  border: 1px dashed #DDDDDD;
  border-radius: 4px;
  padding: 16px;
  position: relative;
  align-items: center;
}

.popup-item-handle .coupon-item:not(:first-of-type) {
  margin-top: 12px;
}

.popup-item-handle .roller>.coupon-item {
  width: 586px;
}

.popup-item-handle .coupon-item.selected-tip {
  border: 1px solid #649EF6;
}

.popup-item-handle .coupon-item.selected-tip .coupon-item-ttl {
  color: #649EF6;
}

.popup-item-handle .coupon-item.selected-tip .btn-coupon-apply{
  display: none;
}

.popup-item-handle .coupon-item.warning-tip .coupon-item-ttl {
  color: #FF5859;
}

.popup-item-handle .coupon-item.disabled .coupon-item-ttl {
  color: #cdcdcd;
}

.popup-item-handle .coupon-item.disabled .coupon-item-info {
  color: #cdcdcd;
}

.popup-item-handle .coupon-item.disabled .exp-time {
  color: #cdcdcd !important;
  background: #f7f7f7 !important;
}

.popup-item-handle .coupon-item .coupon-description {
  margin-right: 16px;
  flex: 1;
}

.popup-item-handle .coupon-item .vendor-name {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  margin-bottom: 4px;
}

.popup-item-handle .coupon-item .coupon-item-ttl {
  text-transform: capitalize;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #333;
}

.popup-item-handle .coupon-item .coupon-item-ttl.blue {
  color: #649EF6;
}

.popup-item-handle .coupon-item .coupon-item-info {
  height: auto;
  font-size: 13px;
  line-height: 20px;
  color: #666;
  margin: 8px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.popup-item-handle .coupon-item .coupon-item-info strong {
  font-weight: 700;
}

.popup-item-handle .coupon-item .view-details {
  text-decoration: underline;
  font-weight: 500;
  color: #666;
  margin-left: 4px;
}

.popup-item-handle .coupon-item .coupon-apply {
  display: flex;
  min-width: 152px;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
}

.popup-item-handle .coupon-item .coupon-apply .btn-base {
  padding: 0 24px;
}

.popup-item-handle .coupon-item .btn-coupon-apply {
  display: block;
  padding: 8px 24px;
  color: #649EF6;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: #ECF2FF;
}

.popup-item-handle .coupon-item .btn-coupon-apply:hover {
  color: #fff;
  background-color: #649EF6;
}

.popup-item-handle .coupon-item.warning-tip .btn-coupon-apply {
  color: #fff !important;
  background-color: #cdcdcd !important;
}

.popup-item-handle .coupon-item.disabled .btn-coupon-apply,
.popup-item-handle .coupon-item .btn-coupon-apply:disabled {
  color: #cdcdcd;
  background-color: #e9e9e9;
  cursor: not-allowed;
}

.popup-item-handle .coupon-item .checked-coupon-apply {
  display: none;
  padding-left: 13px;
  margin-bottom: 8px;
  color: #649EF6;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.60101 7.1544L0.33728 4.8024C0.12075 4.5741 0 4.2713 0 3.9565C0 3.6417 0.12075 3.33892 0.33728 3.11062C0.44207 2.99991 0.56827 2.91173 0.70823 2.85147C0.8482 2.79121 0.99893 2.76012 1.15129 2.76012C1.30365 2.76012 1.45445 2.79121 1.59441 2.85147C1.73437 2.91173 1.86058 2.99991 1.96536 3.11062L3.41361 4.6123L7.0346 0.84958C7.1396 0.73913 7.2658 0.6512 7.4058 0.59111C7.5457 0.53101 7.6964 0.5 7.8487 0.5C8.001 0.5 8.1516 0.53101 8.2916 0.59111C8.4315 0.6512 8.5578 0.73913 8.6627 0.84958C8.8792 1.07788 9 1.38069 9 1.69549C9 2.01029 8.8792 2.31309 8.6627 2.54139L4.2282 7.1494C4.1233 7.2602 3.99696 7.3484 3.85692 7.4086C3.71687 7.4689 3.56605 7.5 3.41361 7.5C3.26117 7.5 3.1103 7.4689 2.97025 7.4086C2.83021 7.3484 2.70393 7.2602 2.59905 7.1494L2.60101 7.1544Z' fill='%23649EF6'/%3E%3C/svg%3E") no-repeat left center;
}

.popup-item-handle .coupon-item.selected-tip .checked-coupon-apply {
  display: block;
}

.popup-item-handle .coupon-item .btn-coupon-cancel {
  display: none;
  color: #666;
  text-decoration: underline;
}

.popup-item-handle .coupon-item.selected-tip .btn-coupon-cancel {
  display: block;
}

.popup-item-handle .coupon-item .exp-time {
  display: inline-block;
  height: 24px;
  line-height: 24px;
  color: #666;
  background: #f7f7f7;
  padding: 0 8px;
  font-weight: 400;
  font-size: 12px;
  vertical-align: top;
}

.popup-item-handle .coupon-item .exp-time.fgweek_mode {
  background: #A47864;
  color: #fff;
}

.popup-item-handle .coupon-item .coupon-item-txt {
  height: 120px;
  overflow: hidden;
  overflow-y: auto;
  margin: 0 -8px 18px 0;
  padding-right: 4px;
}

.popup-item-handle .btn-back {
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  background: url('../img/icon_arrow_back.svg') no-repeat center left;
  padding-left: 14px;
  text-decoration: underline;
  color: #666;
  font-family: 'Lato';
}

.popup-item-handle .item-handle-body .warning-info {
  height: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #FF5859;
  background: url('../img/bg_prompt_error.svg') no-repeat center left;
  background-size: 12px;
  padding-left: 20px;
  margin: 4px 0 16px;
}

/*.popup-item-handle .item-handle-body .warning-wrap+.warning-info {*/
/*  margin: 12px 0 24px;*/
/*}*/

.popup-item-handle .item-handle-body .coupon-area .warning-info {
  margin: 4px 0 8px;
}

.popup-item-handle .empty {
  text-align: center;
  margin: 60px 0 48px;
}

.popup-item-handle .empty .empty-icon {
  display: block;
  width: 100px;
  height: 74px;
  margin: auto;
  background: url('/img/icon_empty.svg') no-repeat center;
  background-size: 100%;
}

.popup-item-handle .empty .empty-txt {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  margin-top: 16px;
}

/* essentials-popup */
.essentials-popup {
  width: 1100px;
}

.essentials-popup.popup-item-handle .item-handle-body {
  padding: 0;
  max-height: 100vh;
}

.essentials-popup .popup-main {
  width: 580px;
  box-sizing: border-box;
  padding: 60px 40px 0;
  text-align: center;

  &.popup3 {
    padding: 84px 40px 30px;
  }
}

.essentials-popup .popup-ttl .essentials-logo {
  padding: 4px 0;
}

.essentials-popup .popup-ttl .logo-txt {
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

.essentials-popup .popup-ttl .pipe {
  display: inline;
}

.essentials-popup .popup-ttl .ttl-txt {
  color: #666;
  font-size: 34.007px;
  font-style: normal;
  font-weight: 200;
  line-height: 40px;
  letter-spacing: 0.68px;
  margin-left: 13px;
}

.essentials-popup .popup-ttl .ttl-txt strong {
  font-weight: 500;
  color: #333;
}

.essentials-popup .popup-main .popup-txt {
  color: #333;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: 0.24px;
  margin-top: 30px;

  &.popup3 {
    margin-top: 50px;
  }

  .bold {
    font-weight: 800;
  }

  .first-line {
    font-size: 30px;
    font-style: italic;
    line-height: 38px;
    letter-spacing: 0.6px;
    margin-top: 50px;
  }
}

.essentials-popup .popup-main .popup-txt2 {
  color: #333;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 46px;
  letter-spacing: 0.36px;
  margin-top: 8px;
  display: block;

  &.popup3 {
    display: block;
    margin-top: 8px;
  }
}

.essentials-popup .popup-main .popup-txt strong {
  font-weight: 500;
}

.essentials-popup .popup-main .period-txt {
  color: #999;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-top: 24px;

  &.popup3 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.36px;
    margin-top: 36px;
  }
}

.essentials-popup .popup-main .period-txt strong {
  font-weight: 500;
}

.essentials-popup .popup-main .period-txt span {
  font-weight: 200;
}

.essentials-popup .popup-main .btn-shop-now {
  background: #333;
  width: 300px;
  height: 40px;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
  margin-top: 40px;
  display: inline-block;
  text-decoration: none;

  &.popup3 {
    margin-top: 36px;
  }
}

.essentials-popup .popup-main .hide-link {
  display: block;
  color: #999;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
  margin-top: 8px;
}

.desktop-visible {
  display: block;
  height: 100%;
  width: 520px;
}

.tablet-visible {
  display: none;
}



.popup-item-handle.fg-consolidation {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  background: #FFFFFF;
  box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.16);
  border-radius: 8px;
  z-index: 1001;
  overflow: hidden;
}

.popup-item-handle.fg-consolidation .item-handle-body {
  padding: 0;
}

.popup-item-handle.fg-consolidation .head-introducing {
  height: 112px;
  background: url('../img/introducing_fs/bg_fs_popup.png') no-repeat center top;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-item-handle.fg-consolidation .introducing-tag {
  height: 40px;
  display: flex;
}

.popup-item-handle.fg-consolidation .introducing-tag .part-1 {
  font-size: 16px;
  color: #EBE6FF;
  line-height: 32px;
  padding: 0px 16px;
  background: #988ED8;
  display: flex;
  align-items: center;
}

.popup-item-handle.fg-consolidation .introducing-tag .part-2 {
  background: #FFF;
  padding: 0 16px;
  display: flex;
  align-items: center;
}

.popup-item-handle.fg-consolidation .introducing-tag .part-2 img {
  width: 163px;
}

.popup-item-handle.fg-consolidation .free-shipping-note {
  text-align: center;
  padding: 40px 43px;
  background: linear-gradient(317deg, #EBE3FF 3.1%, #FAF7FF 70.42%);
}

.popup-item-handle.fg-consolidation .free-shipping-note .introducing-ttl {
  font-family: "Libre Caslon Text";
  color: #6457B4;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10);
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.popup-item-handle.fg-consolidation .free-shipping-note .introducing-txt {
  color: #666;
  font-size: 20px;
  line-height: 28px;
  margin-top: 32px;
}

.popup-item-handle.fg-consolidation .free-shipping-note .introducing-txt strong {
  color: #6457B4;
  font-weight: 500;
}

.popup-item-handle.fg-consolidation .free-shipping-note .introducing-supplement {
  display: block;
  color: #999;
  font-style: italic;
  line-height: 22px;
  margin-top: 4px;
}

.popup-item-handle.fg-consolidation .free-shipping-note .btn-base[class*='btn'].size-l2 {
  font-size: 18px;
  padding: 12px 52px;
  line-height: 24px;
  text-decoration: none;
}

.popup-item-handle.fg-consolidation .btn-area {
  width: fit-content;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 32px;
}

.popup-item-handle.fg-consolidation .btn-area .note-tip {
  color: #999;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
  margin-top: 16px;
}

.mode_normal {
  display:block !important;
}

.mode_forgot_pw {
  display:none !important;
}

.forgot_pw .mode_normal {
  display:none !important;
}

.forgot_pw .mode_forgot_pw {
  display:block !important;
}

.popup-item-handle .item-promotions-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.popup-item-handle .item-promotions {
  box-sizing: border-box;
  width: 264px;
  height: 156px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  border: 1px dashed #F2F2F2;
  position: relative;
}

.popup-item-handle .item-promotions:nth-child(n+3) {
  margin-top: 8px;
}

.popup-item-handle .item-promotions .item-sale {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.popup-item-handle .item-promotions .item-note {
  color: #999;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}

.popup-item-handle .item-promotions .period {
  box-sizing: border-box;
  height: 24px;
  font-size: 12px;
  line-height: 16px;
  padding: 4px 8px;
  position: absolute;
  right: 16px;
  bottom: 16px;
  color: #666;
  background: #F7F7F7;
}

.popup-item-handle .item-promotions .period.fgw-only {
  color: #fff;
  background: #A47864;
}

/* prompt message */
.prompt-message {
  line-height: 33px;
  padding: 0 16px 0 36px;
  font-family: Roboto, sans-serif;
  /*font-weight: 500;*/
  font-size: 14px;
  box-sizing: border-box;
}

.prompt-message.message-success {
  color: #5AA845;
  background: #F0F6DF url("/img/bg_prompt_success.svg") no-repeat 18.3px center;
  background-size: 12px;
}

.prompt-message.message-success strong {
  font-weight: 700;
}

.prompt-message.message-error {
  color: #FF5859;
  background: #FFECEC url("/img/bg_prompt_error.svg") no-repeat 18.3px center;
  background-size: 12px;
}

.prompt-message.message-warning {
  color: #FAA41A;
  background: #FFF8E3 url("/img/bg_prompt_warning.svg") no-repeat 18.3px center;
  background-size: 12px;
}

.prompt-message.message-warning-black {
  color: #333;
  background: #f7f7f7 url("/img/icon_info_black.svg") no-repeat 18.3px 15px;
  background-size: 12px;
}

.prompt-message a {
  font-weight: 500;
  text-decoration: underline;
}

.prompt-message.message-error a {
  color: #FF5859;
}

.tag-volume {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  background: #DDDDDD;
  padding: 0 4px;
  font-size: 10px;
  color: #333333;
  margin-top: 8px;
  font-family: 'Lato';
  font-weight: 400;
}

.view_all_link {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #333 !important;
  text-transform: capitalize !important;
  margin-left: 6px !important;
  text-decoration: none !important;
}

.view_all_link:hover {
  text-decoration: underline !important;
}

.ovh {
  overflow: hidden;
}

/* gnb redefinition */
.gnb>ul>li.normal_text a {
  color: #333;
  font-weight: 500;
}

/*.gnb>ul>li>a .icn_ss22 {*/
/*  display: inline-block;*/
/*  width: 18px;*/
/*  height: 18px;*/
/*  background: url('../img/Icon_ss.svg') no-repeat center;*/
/*  background-size: contain;*/
/*  margin-left: 4px;*/
/*  position: relative;*/
/*  top: 3px;*/
/*}*/

.gnb>ul>li>a .live {
  display: inline-block;
  font-size: 0;
  color: transparent;
  width: 43px;
  height: 22px;
  background: url('../img/icon_live.svg') no-repeat center;
  margin: 6px 0 0 5px;
  vertical-align: top;
}

.gnb>ul>li>a .new {
  display: inline-block;
  background: #DCA684;
  margin: 0 0 0 4px;
  vertical-align: 2px;
  font-weight: 500;
  font-size: 11px;
  line-height: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 0 6px;
}

.gnb>ul>li>a .fw-21 {
  display: inline-block;
  font-size: 0;
  color: transparent;
  width: 36px;
  height: 22px;
  background: url('../img/fgweek_3nd/icon_fw_21.svg') no-repeat center;
  margin: 9px 0 0 4px;
  vertical-align: top;
}

/*.gnb>ul>li>a .fg {*/
/*  display: inline-block;*/
/*  font-size: 0;*/
/*  color: transparent;*/
/*  width: 35px;*/
/*  height: 12px;*/
/*  background: url(../img/fgweek/2024/icon_fw_24.svg) no-repeat center center;*/
/*  margin: 12px 0 0 4px;*/
/*  vertical-align: top;*/
/*  background-size: cover;*/
/*}*/

.gnb>ul>li>a .fg {            /* 25-5-14 기존 스타일 수정 */
  display: inline-block;
  width: 35px;
  height: 12px;
  margin-left: 4px;
  font-size: 0;
  color: transparent;
  text-align: center;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAzNSAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjM1IiBoZWlnaHQ9IjEyIiByeD0iNiIgZmlsbD0iI0E0Nzg2NCIvPgo8cGF0aCBkPSJNNS44MjY1NiAzLjMxMjVWOUg0Ljg0NjA5VjMuMzEyNUg1LjgyNjU2Wk04LjE0Njg4IDUuODAwNzhWNi41NzgxMkg1LjU3NjU2VjUuODAwNzhIOC4xNDY4OFpNOC40NzEwOSAzLjMxMjVWNC4wOTM3NUg1LjU3NjU2VjMuMzEyNUg4LjQ3MTA5Wk0xMS43OTEzIDMuMzEyNUw5LjU3NjQxIDkuNDg4MjhIOC44MzgxM0wxMS4wNTY5IDMuMzEyNUgxMS43OTEzWk0xNC4xMjMxIDcuNzIyNjZMMTUuMjU1OSAzLjMxMjVIMTUuODQ5N0wxNS43ODMzIDQuNDQ5MjJMMTQuNTcyMyA5SDEzLjk1NTJMMTQuMTIzMSA3LjcyMjY2Wk0xMy4yNzU1IDMuMzEyNUwxNC4xOTM0IDcuNjg3NUwxNC4yNzU1IDlIMTMuNjE5MkwxMi4zMDI4IDMuMzEyNUgxMy4yNzU1Wk0xNy4xMzQ4IDcuNjc1NzhMMTguMDQxMSAzLjMxMjVIMTkuMDE3N0wxNy43MDEzIDlIMTcuMDQ1TDE3LjEzNDggNy42NzU3OFpNMTYuMDgwMiAzLjMxMjVMMTcuMjAxMyA3LjczNDM4TDE3LjM2NTMgOUgxNi43NDgxTDE1LjU1NjcgNC40NDkyMkwxNS40OTQyIDMuMzEyNUgxNi4wODAyWk0yNS43MjA1IDguMjVWOUgyMS45MDhWOC4zNTU0N0wyMy43NTk1IDYuMzM1OTRDMjMuOTYyNyA2LjEwNjc3IDI0LjEyMjggNS45MDg4NSAyNC4yNCA1Ljc0MjE5QzI0LjM1NzIgNS41NzU1MiAyNC40MzkyIDUuNDI1NzggMjQuNDg2MSA1LjI5Mjk3QzI0LjUzNTYgNS4xNTc1NSAyNC41NjAzIDUuMDI2MDQgMjQuNTYwMyA0Ljg5ODQ0QzI0LjU2MDMgNC43MTg3NSAyNC41MjY1IDQuNTYxMiAyNC40NTg3IDQuNDI1NzhDMjQuMzkzNiA0LjI4Nzc2IDI0LjI5NzMgNC4xNzk2OSAyNC4xNjk3IDQuMTAxNTZDMjQuMDQyMSA0LjAyMDgzIDIzLjg4NzEgMy45ODA0NyAyMy43MDQ4IDMuOTgwNDdDMjMuNDkzOSAzLjk4MDQ3IDIzLjMxNjggNC4wMjYwNCAyMy4xNzM2IDQuMTE3MTlDMjMuMDMwNCA0LjIwODMzIDIyLjkyMjMgNC4zMzQ2NCAyMi44NDk0IDQuNDk2MDlDMjIuNzc2NSA0LjY1NDk1IDIyLjc0IDQuODM3MjQgMjIuNzQgNS4wNDI5N0gyMS43OTg2QzIxLjc5ODYgNC43MTIyNCAyMS44NzQxIDQuNDEwMTYgMjIuMDI1MiA0LjEzNjcyQzIyLjE3NjIgMy44NjA2OCAyMi4zOTQ5IDMuNjQxOTMgMjIuNjgxNCAzLjQ4MDQ3QzIyLjk2NzkgMy4zMTY0MSAyMy4zMTI5IDMuMjM0MzggMjMuNzE2NiAzLjIzNDM4QzI0LjA5NjggMy4yMzQzOCAyNC40MTk3IDMuMjk4MTggMjQuNjg1MyAzLjQyNTc4QzI0Ljk1MDkgMy41NTMzOSAyNS4xNTI4IDMuNzM0MzggMjUuMjkwOCAzLjk2ODc1QzI1LjQzMTQgNC4yMDMxMiAyNS41MDE3IDQuNDgwNDcgMjUuNTAxNyA0LjgwMDc4QzI1LjUwMTcgNC45Nzc4NiAyNS40NzMxIDUuMTUzNjUgMjUuNDE1OCA1LjMyODEyQzI1LjM1ODUgNS41MDI2IDI1LjI3NjUgNS42NzcwOCAyNS4xNjk3IDUuODUxNTZDMjUuMDY1NSA2LjAyMzQ0IDI0Ljk0MTggNi4xOTY2MSAyNC43OTg2IDYuMzcxMDlDMjQuNjU1NCA2LjU0Mjk3IDI0LjQ5NzggNi43MTc0NSAyNC4zMjU5IDYuODk0NTNMMjMuMDk1NSA4LjI1SDI1LjcyMDVaTTI3LjYwMzEgNi4zNTU0N0wyNi44NTMxIDYuMTcxODhMMjcuMTYxNyAzLjMxMjVIMzAuMjI4MVY0LjEwOTM4SDI3Ljk0M0wyNy43ODY3IDUuNTAzOTFDMjcuODc1MyA1LjQ1MTgyIDI3Ljk5NzcgNS40MDEwNCAyOC4xNTM5IDUuMzUxNTZDMjguMzEwMiA1LjI5OTQ4IDI4LjQ4ODUgNS4yNzM0NCAyOC42ODkxIDUuMjczNDRDMjguOTU3MyA1LjI3MzQ0IDI5LjE5NjkgNS4zMTc3MSAyOS40MDc4IDUuNDA2MjVDMjkuNjIxNCA1LjQ5MjE5IDI5LjgwMjMgNS42MTg0OSAyOS45NTA4IDUuNzg1MTZDMzAuMDk5MiA1Ljk0OTIyIDMwLjIxMjUgNi4xNDk3NCAzMC4yOTA2IDYuMzg2NzJDMzAuMzY4NyA2LjYyMTA5IDMwLjQwNzggNi44ODU0MiAzMC40MDc4IDcuMTc5NjlDMzAuNDA3OCA3LjQ0MjcxIDMwLjM2ODcgNy42ODg4IDMwLjI5MDYgNy45MTc5N0MzMC4yMTUxIDguMTQ3MTQgMzAuMTAwNSA4LjM0ODk2IDI5Ljk0NjkgOC41MjM0NEMyOS43OTMyIDguNjk3OTIgMjkuNTk5MiA4LjgzNDY0IDI5LjM2NDggOC45MzM1OUMyOS4xMzMxIDkuMDI5OTUgMjguODU4MyA5LjA3ODEyIDI4LjU0MDYgOS4wNzgxMkMyOC4zMDM2IDkuMDc4MTIgMjguMDc1OCA5LjA0NDI3IDI3Ljg1NyA4Ljk3NjU2QzI3LjY0MDkgOC45MDYyNSAyNy40NDY5IDguODAzMzkgMjcuMjc1IDguNjY3OTdDMjcuMTAzMSA4LjUyOTk1IDI2Ljk2NTEgOC4zNjA2OCAyNi44NjA5IDguMTYwMTZDMjYuNzU2OCA3Ljk1NzAzIDI2LjY5NjkgNy43MjM5NiAyNi42ODEyIDcuNDYwOTRIMjcuNjAzMUMyNy42MjY2IDcuNjQ1ODMgMjcuNjc3MyA3LjgwMzM5IDI3Ljc1NTUgNy45MzM1OUMyNy44MzYyIDguMDYxMiAyNy45NDMgOC4xNTg4NSAyOC4wNzU4IDguMjI2NTZDMjguMjA4NiA4LjI5NDI3IDI4LjM2MjIgOC4zMjgxMiAyOC41MzY3IDguMzI4MTJDMjguNjk1NiA4LjMyODEyIDI4LjgzMjMgOC4zMDA3OCAyOC45NDY5IDguMjQ2MDlDMjkuMDYxNSA4LjE4ODggMjkuMTU2NSA4LjEwODA3IDI5LjIzMiA4LjAwMzkxQzI5LjMxMDIgNy44OTcxNCAyOS4zNjc0IDcuNzcyMTQgMjkuNDAzOSA3LjYyODkxQzI5LjQ0MyA3LjQ4NTY4IDI5LjQ2MjUgNy4zMjY4MiAyOS40NjI1IDcuMTUyMzRDMjkuNDYyNSA2Ljk4NTY4IDI5LjQ0MDQgNi44MzMzMyAyOS4zOTYxIDYuNjk1MzFDMjkuMzU0NCA2LjU1NzI5IDI5LjI5MDYgNi40Mzc1IDI5LjIwNDcgNi4zMzU5NEMyOS4xMjE0IDYuMjM0MzggMjkuMDE1OSA2LjE1NjI1IDI4Ljg4ODMgNi4xMDE1NkMyOC43NjA3IDYuMDQ0MjcgMjguNjEzNSA2LjAxNTYyIDI4LjQ0NjkgNi4wMTU2MkMyOC4yMjI5IDYuMDE1NjIgMjguMDUxIDYuMDQ4MTggMjcuOTMxMiA2LjExMzI4QzI3LjgxNDEgNi4xNzgzOSAyNy43MDQ3IDYuMjU5MTEgMjcuNjAzMSA2LjM1NTQ3WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==') no-repeat center;
  border-radius: 60px;
  vertical-align: 5px;
}
.gnb>ul>li.selected>a .highlight {
  color: #A47864;
}
.gnb>ul>li>a .highlight {
  color: #A47864;
}

.promo-txt-area {
  position: relative;
  z-index: 10;
}

.promo-txt-area .tip_popup {
  display: none;
  width: 204px;
  padding: 16px;
  position: absolute;
  display: none;
  z-index: 100;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
  border: 1px solid #C6C6C6;
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
}

.promo-txt-area:hover .tip_popup {
  display: block;
}

.promo-txt-area .tip_popup::before {
  content: '';
  display: block;
  width: 13px;
  height: 10px;
  background: url("../img/vector_down.svg") no-repeat center center/cover;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: rotate(-180deg);
  margin-left: -6.5px;
}

.promo-txt-area .tip_popup .tip_popup_ttl {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  text-align: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}

.promo-txt-area .tip_popup .tip_popup_txt {
  font-size: 11px;
  line-height: 16px;
  color: #333;
}

.promo-txt-area .tip_popup .fgw25 {
  color: #A47864 !important;
}

.lst_pdt .badge-promo,
.vendor-collection .badge-promo {
  margin-top: 4px;
}

/* badge-promo */
.badge-promo {
  display: flex;
  align-items: center;
}

.badge-promo .promo-tag {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 4px;
  background: #649EF6;
}

.badge-promo.fgweek_mode .promo-tag {
  background: #A47864;
}

.badge-promo .promo-tag strong {
  font-weight: 500;
}

.badge-promo .promo-txt {
  color: #649EF6 !important;
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px;
}

.badge-promo.fgweek_mode .promo-txt {
  color: #A47864 !important;
}

.badge-promo a.promo-txt {
  text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  text-decoration-skip-ink: none !important;
  text-decoration-thickness: 16% !important;
  text-underline-offset: 3px !important;
  text-underline-position: from-font;
}

.badge-promo.fgweek_mode .tip_popup .tip_popup_ttl {
  color: #A47864 !important;
}
/* 25-5-14 fg badge, 메뉴 수정 :  end */

/* 25-5-14 fg badge:  start */
.fgw-badge-25 {
  width: fit-content;
  display: flex;
  align-items: center;
  height: 24px;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 8px;
}

.fgw-badge-25>div{
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  box-sizing: border-box;
  height: 24px;
  padding: 4px 16px;
}

.fgw-badge-25 .fgw-note {
  color: #fff;
  font-size: 12px;
  background: #A47864;
  display: flex;
  align-items: center;
}

.fgw-badge-25 .fgw-note .fgw-txt {
  width: 55px;
  height: 18px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCA1NSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDkxNTEgMTMuMjcyVjUuMzI4QzEuMDkxNTEgNS4yMDggMS4xODc1MSA1LjEgMS4zMTk1MSA1LjFINi4yMDM1MUM2LjMzNTUxIDUuMSA2LjQzMTUxIDUuMjA4IDYuNDMxNTEgNS4zMjhWNi4zMTJDNi40MzE1MSA2LjQzMiA2LjMzNTUxIDYuNTQgNi4yMDM1MSA2LjU0SDIuNjUxNTFWOC43OTZINS42MTU1MUM1LjczNTUxIDguNzk2IDUuODQzNTEgOC45MDQgNS44NDM1MSA5LjAyNFYxMC4wMDhDNS44NDM1MSAxMC4xMjggNS43MzU1MSAxMC4yMzYgNS42MTU1MSAxMC4yMzZIMi42NTE1MVYxMy4yNzJDMi42NTE1MSAxMy4zOTIgMi41NDM1MSAxMy41IDIuNDIzNTEgMTMuNUgxLjMxOTUxQzEuMTg3NTEgMTMuNSAxLjA5MTUxIDEzLjM5MiAxLjA5MTUxIDEzLjI3MlpNNy44NjQ5NSA5LjMxMkM3Ljg2NDk1IDYuOTEyIDkuNzg0OTUgNC45OCAxMi4xNzI5IDQuOThDMTMuMjUyOSA0Ljk4IDE0LjI4NDkgNS40IDE1LjEwMDkgNi4wOTZDMTUuMTk2OSA2LjE5MiAxNS4yMDg5IDYuMzM2IDE1LjExMjkgNi40MzJMMTQuMzY4OSA3LjIxMkMxNC4yNzI5IDcuMzA4IDE0LjE2NDkgNy4zMDggMTQuMDU2OSA3LjIxMkMxMy41NDA5IDYuNzU2IDEyLjkwNDkgNi41MTYgMTIuMjQ0OSA2LjUxNkMxMC43NDQ5IDYuNTE2IDkuNTU2OTUgNy44IDkuNTU2OTUgOS4zQzkuNTU2OTUgMTAuNzg4IDEwLjc0NDkgMTIuMDQ4IDEyLjI1NjkgMTIuMDQ4QzEyLjkyODkgMTIuMDQ4IDEzLjQ0NDkgMTEuODQ0IDEzLjY4NDkgMTEuNzQ4VjEwLjcyOEgxMi43MjQ5QzEyLjU5MjkgMTAuNzI4IDEyLjQ5NjkgMTAuNjMyIDEyLjQ5NjkgMTAuNTEyVjkuNTY0QzEyLjQ5NjkgOS40MzIgMTIuNTkyOSA5LjMzNiAxMi43MjQ5IDkuMzM2SDE1LjAyODlDMTUuMTQ4OSA5LjMzNiAxNS4yNDQ5IDkuNDQ0IDE1LjI0NDkgOS41NjRWMTIuNjM2QzE1LjI0NDkgMTIuNzMyIDE1LjE5NjkgMTIuNzkyIDE1LjE0ODkgMTIuODI4QzE1LjE0ODkgMTIuODI4IDEzLjkxMjkgMTMuNjA4IDEyLjE3MjkgMTMuNjA4QzkuNzg0OTUgMTMuNjA4IDcuODY0OTUgMTEuNzEyIDcuODY0OTUgOS4zMTJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjIuNjE1NSAxMy40NTJMMjAuMzQ3NSA1LjM4OEMyMC4yOTk1IDUuMjIgMjAuMzk1NSA1LjEgMjAuNTYzNSA1LjFIMjEuNjY3NUMyMS43NjM1IDUuMSAyMS44NTk1IDUuMTg0IDIxLjg4MzUgNS4yNjhMMjMuMTMxNSAxMC4wNTZIMjMuMTc5NUwyNS4wODc1IDUuMTEyQzI1LjExMTUgNS4wNCAyNS4xNzE1IDQuOTggMjUuMjkxNSA0Ljk4SDI1LjUwNzVDMjUuNjI3NSA0Ljk4IDI1LjY4NzUgNS4wNCAyNS43MTE1IDUuMTEyTDI3LjYzMTUgMTAuMDU2SDI3LjY3OTVMMjguOTAzNSA1LjI2OEMyOC45Mjc1IDUuMTg0IDI5LjAyMzUgNS4xIDI5LjExOTUgNS4xSDMwLjIyMzVDMzAuMzkxNSA1LjEgMzAuNDg3NSA1LjIyIDMwLjQzOTUgNS4zODhMMjguMTcxNSAxMy40NTJDMjguMTQ3NSAxMy41NDggMjguMDUxNSAxMy42MiAyNy45NTU1IDEzLjYySDI3Ljc2MzVDMjcuNjU1NSAxMy42MiAyNy41ODM1IDEzLjU2IDI3LjU1OTUgMTMuNDg4TDI1LjQxMTUgOC4wNTJIMjUuMzUxNUwyMy4yMjc1IDEzLjQ4OEMyMy4xOTE1IDEzLjU2IDIzLjE0MzUgMTMuNjIgMjMuMDIzNSAxMy42MkgyMi44MzE1QzIyLjczNTUgMTMuNjIgMjIuNjM5NSAxMy41NDggMjIuNjE1NSAxMy40NTJaTTMyLjMyOTMgMTMuMjcyVjUuMzI4QzMyLjMyOTMgNS4yMDggMzIuNDI1MyA1LjEgMzIuNTU3MyA1LjFIMzcuNDQxM0MzNy41NzMzIDUuMSAzNy42NjkzIDUuMjA4IDM3LjY2OTMgNS4zMjhWNi4zMTJDMzcuNjY5MyA2LjQzMiAzNy41NzMzIDYuNTQgMzcuNDQxMyA2LjU0SDMzLjg4OTNWOC41MDhIMzYuODUzM0MzNi45NzMzIDguNTA4IDM3LjA4MTMgOC42MTYgMzcuMDgxMyA4LjczNlY5LjczMkMzNy4wODEzIDkuODY0IDM2Ljk3MzMgOS45NiAzNi44NTMzIDkuOTZIMzMuODg5M1YxMi4wNkgzNy40NDEzQzM3LjU3MzMgMTIuMDYgMzcuNjY5MyAxMi4xNjggMzcuNjY5MyAxMi4yODhWMTMuMjcyQzM3LjY2OTMgMTMuMzkyIDM3LjU3MzMgMTMuNSAzNy40NDEzIDEzLjVIMzIuNTU3M0MzMi40MjUzIDEzLjUgMzIuMzI5MyAxMy4zOTIgMzIuMzI5MyAxMy4yNzJaTTM5Ljg2NCAxMy4yNzJWNS4zMjhDMzkuODY0IDUuMjA4IDM5Ljk2IDUuMSA0MC4wOTIgNS4xSDQ0Ljk3NkM0NS4xMDggNS4xIDQ1LjIwNCA1LjIwOCA0NS4yMDQgNS4zMjhWNi4zMTJDNDUuMjA0IDYuNDMyIDQ1LjEwOCA2LjU0IDQ0Ljk3NiA2LjU0SDQxLjQyNFY4LjUwOEg0NC4zODhDNDQuNTA4IDguNTA4IDQ0LjYxNiA4LjYxNiA0NC42MTYgOC43MzZWOS43MzJDNDQuNjE2IDkuODY0IDQ0LjUwOCA5Ljk2IDQ0LjM4OCA5Ljk2SDQxLjQyNFYxMi4wNkg0NC45NzZDNDUuMTA4IDEyLjA2IDQ1LjIwNCAxMi4xNjggNDUuMjA0IDEyLjI4OFYxMy4yNzJDNDUuMjA0IDEzLjM5MiA0NS4xMDggMTMuNSA0NC45NzYgMTMuNUg0MC4wOTJDMzkuOTYgMTMuNSAzOS44NjQgMTMuMzkyIDM5Ljg2NCAxMy4yNzJaTTQ3LjM5ODcgMTMuMjEyVjUuMzg4QzQ3LjM5ODcgNS4yMzIgNDcuNTE4NyA1LjEgNDcuNjg2NyA1LjFINDguNzQyN0M0OC44OTg3IDUuMSA0OS4wMzA3IDUuMjMyIDQ5LjAzMDcgNS4zODhWOC42MjhMNTIuMDU0NyA1LjIyQzUyLjEwMjcgNS4xNiA1Mi4xNzQ3IDUuMSA1Mi4yODI3IDUuMUg1My40ODI3QzUzLjcxMDcgNS4xIDUzLjgzMDcgNS4zNTIgNTMuNjc0NyA1LjUzMkw1MC41NDI3IDkuMDZMNTMuOTAyNyAxMy4wOEM1NC4wMjI3IDEzLjIzNiA1My45MjY3IDEzLjUgNTMuNjg2NyAxMy41SDUyLjM3ODdDNTIuMjU4NyAxMy41IDUyLjE4NjcgMTMuNDUyIDUyLjE2MjcgMTMuNDE2TDQ5LjAzMDcgOS41NTJWMTMuMjEyQzQ5LjAzMDcgMTMuMzY4IDQ4Ljg5ODcgMTMuNSA0OC43NDI3IDEzLjVINDcuNjg2N0M0Ny41MTg3IDEzLjUgNDcuMzk4NyAxMy4zNjggNDcuMzk4NyAxMy4yMTJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat center;
  font-weight: 450;
  letter-spacing: 0.48px;
  text-transform: capitalize;
  font-size: 0;
}

.fgw-badge-25 .fgw-note .fgw-version {
  width: 36px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAzNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMxLjcxNTkgOC40MDE1TDMwLjg4MzkgOC4xODc4OEwzMS4yOTQyIDQuMTEyM0gzNS40OTM1VjUuMDczNThIMzIuMTc2OEwzMS45Mjk1IDcuMjk5NjlDMzIuMDc5NCA3LjIxMzQ5IDMyLjI2ODYgNy4xMzI5MiAzMi40OTcyIDcuMDU3OTZDMzIuNzI5NiA2Ljk4MzAxIDMyLjk5NTcgNi45NDU1MyAzMy4yOTU1IDYuOTQ1NTNDMzMuNjc0IDYuOTQ1NTMgMzQuMDEzMiA3LjAxMTEyIDM0LjMxMyA3LjE0MjI5QzM0LjYxMjggNy4yNjk3MSAzNC44Njc2IDcuNDUzMzQgMzUuMDc3NSA3LjY5MzE5QzM1LjI5MTEgNy45MzMwNCAzNS40NTQxIDguMjIxNjEgMzUuNTY2NiA4LjU1ODlDMzUuNjc5IDguODk2MTkgMzUuNzM1MiA5LjI3MjgzIDM1LjczNTIgOS42ODg4MkMzNS43MzUyIDEwLjA4MjMgMzUuNjgwOSAxMC40NDQgMzUuNTcyMiAxMC43NzM4QzM1LjQ2NzMgMTEuMTAzNiAzNS4zMDggMTEuMzkyMSAzNS4wOTQ0IDExLjYzOTVDMzQuODgwOCAxMS44ODMxIDM0LjYxMDkgMTIuMDcyMyAzNC4yODQ5IDEyLjIwNzJDMzMuOTYyNiAxMi4zNDIyIDMzLjU4MjIgMTIuNDA5NiAzMy4xNDM3IDEyLjQwOTZDMzIuODEzOSAxMi40MDk2IDMyLjUwMSAxMi4zNjQ2IDMyLjIwNDkgMTIuMjc0N0MzMS45MTI2IDEyLjE4MSAzMS42NTAzIDEyLjA0MDUgMzEuNDE3OSAxMS44NTMxQzMxLjE4OTMgMTEuNjYyIDMxLjAwMTkgMTEuNDI1OSAzMC44NTU4IDExLjE0NDhDMzAuNzEzNCAxMC44NiAzMC42MjM0IDEwLjUyNjQgMzAuNTg1OSAxMC4xNDQySDMxLjU3NTNDMzEuNjIwMyAxMC40NTE1IDMxLjcxMDIgMTAuNzEwMSAzMS44NDUyIDEwLjkxOTlDMzEuOTgwMSAxMS4xMjk4IDMyLjE1NjIgMTEuMjg5MSAzMi4zNzM2IDExLjM5NzhDMzIuNTk0NyAxMS41MDI3IDMyLjg1MTQgMTEuNTU1MiAzMy4xNDM3IDExLjU1NTJDMzMuMzkxMSAxMS41NTUyIDMzLjYxMDMgMTEuNTEyMSAzMy44MDE0IDExLjQyNTlDMzMuOTkyNiAxMS4zMzk3IDM0LjE1MzcgMTEuMjE2IDM0LjI4NDkgMTEuMDU0OEMzNC40MTYgMTAuODkzNyAzNC41MTU0IDEwLjY5ODggMzQuNTgyOCAxMC40NzAyQzM0LjY1NCAxMC4yNDE2IDM0LjY4OTYgOS45ODQ4OCAzNC42ODk2IDkuNzAwMDZDMzQuNjg5NiA5LjQ0MTQ3IDM0LjY1NCA5LjIwMTYyIDM0LjU4MjggOC45ODA1MUMzNC41MTE2IDguNzU5NCAzNC40MDQ4IDguNTY2NCAzNC4yNjI0IDguNDAxNUMzNC4xMjM3IDguMjM2NiAzMy45NTMyIDguMTA5MTggMzMuNzUwOCA4LjAxOTI0QzMzLjU0ODUgNy45MjU1NSAzMy4zMTYxIDcuODc4NyAzMy4wNTM4IDcuODc4N0MzMi43MDUyIDcuODc4NyAzMi40NDEgNy45MjU1NSAzMi4yNjExIDguMDE5MjRDMzIuMDg1IDguMTEyOTMgMzEuOTAzMiA4LjI0MDM1IDMxLjcxNTkgOC40MDE1WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTI5LjI4NzYgMTEuNDQyOFYxMi4yOTczSDIzLjkzMDRWMTEuNTQ5N0wyNi42MTE4IDguNTY0NjVDMjYuOTQxNiA4LjE5NzM4IDI3LjE5NjQgNy44ODYzMiAyNy4zNzYzIDcuNjMxNDhDMjcuNTYgNy4zNzI4OSAyNy42ODc0IDcuMTQyNDEgMjcuNzU4NiA2Ljk0MDA0QzI3LjgzMzUgNi43MzM5MiAyNy44NzEgNi41MjQwNSAyNy44NzEgNi4zMTA0M0MyNy44NzEgNi4wNDA2IDI3LjgxNDggNS43OTcgMjcuNzAyNCA1LjU3OTY0QzI3LjU5MzcgNS4zNTg1MyAyNy40MzI1IDUuMTgyMzkgMjcuMjE4OSA1LjA1MTIyQzI3LjAwNTMgNC45MjAwNSAyNi43NDY3IDQuODU0NDcgMjYuNDQzMiA0Ljg1NDQ3QzI2LjA3OTYgNC44NTQ0NyAyNS43NzYxIDQuOTI1NjcgMjUuNTMyNSA1LjA2ODA4QzI1LjI5MjYgNS4yMDY3NSAyNS4xMTI3IDUuNDAxNjIgMjQuOTkyOCA1LjY1MjcyQzI0Ljg3MjkgNS45MDM4MSAyNC44MTI5IDYuMTkyMzggMjQuODEyOSA2LjUxODQzSDIzLjc3MjlDMjMuNzcyOSA2LjA1NzQ2IDIzLjg3NDEgNS42MzU4NSAyNC4wNzY1IDUuMjUzNTlDMjQuMjc4OSA0Ljg3MTMzIDI0LjU3ODcgNC41Njc3NyAyNC45NzU5IDQuMzQyOTFDMjUuMzczMiA0LjExNDMgMjUuODYyMyA0IDI2LjQ0MzIgNEMyNi45NjAzIDQgMjcuNDAyNiA0LjA5MTgyIDI3Ljc2OTggNC4yNzU0NUMyOC4xMzcxIDQuNDU1MzQgMjguNDE4MiA0LjcxMDE4IDI4LjYxMyA1LjAzOTk4QzI4LjgxMTcgNS4zNjYwMiAyOC45MTEgNS43NDgyOCAyOC45MTEgNi4xODY3NkMyOC45MTEgNi40MjY2MSAyOC44Njk4IDYuNjcwMjEgMjguNzg3MyA2LjkxNzU1QzI4LjcwODYgNy4xNjExNSAyOC41OTgxIDcuNDA0NzUgMjguNDU1NiA3LjY0ODM0QzI4LjMxNyA3Ljg5MTk0IDI4LjE1NCA4LjEzMTc5IDI3Ljk2NjYgOC4zNjc5QzI3Ljc4MjkgOC42MDQgMjcuNTg2MiA4LjgzNjM1IDI3LjM3NjMgOS4wNjQ5NkwyNS4xODM5IDExLjQ0MjhIMjkuMjg3NloiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xMy4yNzE5IDkuODIzNzNMMTQuODk2NSA0LjExMjNIMTUuNjgzNUwxNS4yMjgxIDYuMzMyNzlMMTMuNDc5OSAxMi4yOTcySDEyLjY5ODVMMTMuMjcxOSA5LjgyMzczWk0xMS41OTEgNC4xMTIzTDEyLjg4NCA5LjcxMTMxTDEzLjI3MTkgMTIuMjk3MkgxMi40OTYxTDEwLjUxMTcgNC4xMTIzSDExLjU5MVpNMTcuNzg1OSA5LjcwNTY4TDE5LjA1MDggNC4xMTIzSDIwLjEzNTdMMTguMTU2OSAxMi4yOTcySDE3LjM4MTJMMTcuNzg1OSA5LjcwNTY4Wk0xNS44MDE1IDQuMTEyM0wxNy4zODEyIDkuODIzNzNMMTcuOTU0NiAxMi4yOTcySDE3LjE3MzJMMTUuNDg2NyA2LjMzMjc5TDE1LjAyNTggNC4xMTIzSDE1LjgwMTVaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNOS44MjYwOCA0LjExMjNMNi40MTM4NCAxMi45OTk5SDUuNTIwMDJMOC45Mzc4OCA0LjExMjNIOS44MjYwOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xLjA4NDQ2IDQuMTEyM1YxMi4yOTcySC0wLjAwMDQ4ODI4MVY0LjExMjNIMS4wODQ0NlpNNC41MTM1NyA3Ljc5NDM4VjguNjgyNTdIMC44NDgzNTZWNy43OTQzOEg0LjUxMzU3Wk01LjA3MDA5IDQuMTEyM1Y1LjAwMDVIMC44NDgzNTZWNC4xMTIzSDUuMDcwMDlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat center;
  font-size: 0;
  margin-left: 6px;
}

.fgw-badge-25 .fgw-time {
  text-transform: uppercase;
  background: #A47864;
  margin-left: 1px;
}

.fgw-badge-25 .fgw-category {
  background: #333;
  margin-left: 1px;
}

.fgw-badge-25-promo {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

.fgw-badge-25-light {
  color: #A47864;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}

.purchase {
  color: #159E9E;
  font-size: 14px;
  line-height: 20px;
  margin-top: 4px;
}

.fgw-promo-txt-area {
  position: relative;
  z-index: 10;
}

.fgw-promo-txt-area .tip_popup {
  display: none;
  width: 204px;
  padding: 16px;
  position: absolute;
  display: none;
  z-index: 100;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: #fff;
  border: 1px solid #C6C6C6;
  box-sizing: border-box;
  border-radius: 2px;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translate(-50%, 0);
}

.fgw-promo-txt-area:hover .tip_popup {
  display: block;
}

.fgw-promo-txt-area .tip_popup::before {
  content: '';
  display: block;
  width: 13px;
  height: 10px;
  background: url("/img/vector_down.svg") no-repeat center center/cover;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: rotate(-180deg);
  margin-left: -6.5px;
}

.fgw-promo-txt-area .tip_popup .tip_popup_ttl {
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #333;
  text-align: center;
  padding-bottom: 8px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #ddd;
}

.fgw-promo-txt-area .tip_popup .tip_popup_txt {
  font-size: 11px;
  line-height: 16px;
  color: #333;
}

.fgw-promo-txt-area .tip_popup .fgw25 {
  color: #A47864 !important;
}

.fgw-badge-25-promo .fgw-promo-tag {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 4px;
  background: #A47864;
}

.fgw-badge-25-promo .fgw-promo-tag strong {
  font-weight: 500;
}

.fgw-badge-25-promo .fgw-promo-txt {
  color: #A47864 !important;
  font-size: 12px;
  line-height: 16px;
  margin-left: 4px;
}

.fgw-badge-25-promo a.fgw-promo-txt {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 16%; /* 1.92px */
  text-underline-offset: 3px; /* 25% */
  text-underline-position: from-font;
}

.fgw-badge-25-min {
  width: 57px;
  height: 22px;
  display: flex;
  align-items: center;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCA1NyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjU3IiBoZWlnaHQ9IjIyIiBmaWxsPSIjQTQ3ODY0Ii8+CjxwYXRoIGQ9Ik05LjE5MzE3IDE1LjI3MlY3LjMyOEM5LjE5MzE3IDcuMjA4IDkuMjg5MTcgNy4xIDkuNDIxMTcgNy4xSDE0LjMwNTJDMTQuNDM3MiA3LjEgMTQuNTMzMiA3LjIwOCAxNC41MzMyIDcuMzI4VjguMzEyQzE0LjUzMzIgOC40MzIgMTQuNDM3MiA4LjU0IDE0LjMwNTIgOC41NEgxMC43NTMyVjEwLjc5NkgxMy43MTcyQzEzLjgzNzIgMTAuNzk2IDEzLjk0NTIgMTAuOTA0IDEzLjk0NTIgMTEuMDI0VjEyLjAwOEMxMy45NDUyIDEyLjEyOCAxMy44MzcyIDEyLjIzNiAxMy43MTcyIDEyLjIzNkgxMC43NTMyVjE1LjI3MkMxMC43NTMyIDE1LjM5MiAxMC42NDUyIDE1LjUgMTAuNTI1MiAxNS41SDkuNDIxMTdDOS4yODkxNyAxNS41IDkuMTkzMTcgMTUuMzkyIDkuMTkzMTcgMTUuMjcyWk0xNS42MjM0IDE1LjJMMTcuOTc1NCA3LjI1NkMxNy45OTk0IDcuMTcyIDE4LjA5NTQgNy4xIDE4LjE5MTQgNy4xSDE5LjA1NTRDMTkuMjIzNCA3LjEgMTkuMzE5NCA3LjIzMiAxOS4yNzE0IDcuNEwxNi45MzE0IDE1LjM0NEMxNi45MDc0IDE1LjQyOCAxNi43OTk0IDE1LjUgMTYuNzE1NCAxNS41SDE1LjgzOTRDMTUuNjgzNCAxNS41IDE1LjU3NTQgMTUuMzY4IDE1LjYyMzQgMTUuMlpNMjIuNzIxOSAxNS40NTJMMjAuNDUzOSA3LjM4OEMyMC40MDU5IDcuMjIgMjAuNTAxOSA3LjEgMjAuNjY5OSA3LjFIMjEuNzczOUMyMS44Njk5IDcuMSAyMS45NjU5IDcuMTg0IDIxLjk4OTkgNy4yNjhMMjMuMjM3OSAxMi4wNTZIMjMuMjg1OUwyNS4xOTM5IDcuMTEyQzI1LjIxNzkgNy4wNCAyNS4yNzc5IDYuOTggMjUuMzk3OSA2Ljk4SDI1LjYxMzlDMjUuNzMzOSA2Ljk4IDI1Ljc5MzkgNy4wNCAyNS44MTc5IDcuMTEyTDI3LjczNzkgMTIuMDU2SDI3Ljc4NTlMMjkuMDA5OSA3LjI2OEMyOS4wMzM5IDcuMTg0IDI5LjEyOTkgNy4xIDI5LjIyNTkgNy4xSDMwLjMyOTlDMzAuNDk3OSA3LjEgMzAuNTkzOSA3LjIyIDMwLjU0NTkgNy4zODhMMjguMjc3OSAxNS40NTJDMjguMjUzOSAxNS41NDggMjguMTU3OSAxNS42MiAyOC4wNjE5IDE1LjYySDI3Ljg2OTlDMjcuNzYxOSAxNS42MiAyNy42ODk5IDE1LjU2IDI3LjY2NTkgMTUuNDg4TDI1LjUxNzkgMTAuMDUySDI1LjQ1NzlMMjMuMzMzOSAxNS40ODhDMjMuMjk3OSAxNS41NiAyMy4yNDk5IDE1LjYyIDIzLjEyOTkgMTUuNjJIMjIuOTM3OUMyMi44NDE5IDE1LjYyIDIyLjc0NTkgMTUuNTQ4IDIyLjcyMTkgMTUuNDUyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTM1Ljg1NjYgMTUuMjcyVjE0Ljk5NkMzNi42NDg2IDE0LjAzNiAzOC4xNjA2IDEyLjA2OCAzOC45NjQ2IDExQzM5LjMzNjYgMTAuNTQ0IDM5LjU3NjYgMTAuMDc2IDM5LjU3NjYgOS42NjhDMzkuNTc2NiA5LjEyOCAzOS4xNjg2IDguNTc2IDM4LjMwNDYgOC41NzZDMzcuNzI4NiA4LjU3NiAzNy4yMzY2IDguOTg0IDM2Ljk2MDYgOS4yODRDMzYuODY0NiA5LjM4IDM2LjczMjYgOS4zOCAzNi42MzY2IDkuMjg0TDM2LjA2MDYgOC43MDhDMzUuOTg4NiA4LjYzNiAzNS45NjQ2IDguNDkyIDM2LjA0ODYgOC4zOTZDMzYuMDQ4NiA4LjM5NiAzNi45ODQ2IDcuMjIgMzguNDEyNiA3LjIyQzQwLjEyODYgNy4yMiA0MS4wODg2IDguMzEyIDQxLjA4ODYgOS42MDhDNDEuMDg4NiAxMC4zODggNDAuNzUyNiAxMC44OCA0MC4yODQ2IDExLjU1MkMzOS43Njg2IDEyLjI4NCAzOC44NTY2IDEzLjQxMiAzOC4yMjA2IDE0LjIxNkg0MC44MTI2QzQwLjkzMjYgMTQuMjE2IDQxLjA0MDYgMTQuMzI0IDQxLjA0MDYgMTQuNDQ0VjE1LjI3MkM0MS4wNDA2IDE1LjM5MiA0MC45MzI2IDE1LjUgNDAuODEyNiAxNS41SDM2LjA4NDZDMzUuOTUyNiAxNS41IDM1Ljg1NjYgMTUuMzkyIDM1Ljg1NjYgMTUuMjcyWk00Mi44NTk1IDE0LjYyNEM0Mi43MDM1IDE0LjQ0NCA0Mi42OTE1IDE0LjM2IDQyLjgzNTUgMTQuMjE2TDQzLjQzNTUgMTMuNjI4QzQzLjUxOTUgMTMuNTU2IDQzLjYyNzUgMTMuNTMyIDQzLjcyMzUgMTMuNjE2QzQzLjc3MTUgMTMuNjY0IDQ0LjQ2NzUgMTQuMjg4IDQ1LjI3MTUgMTQuMjg4QzQ2LjA4NzUgMTQuMjg4IDQ2LjY2MzUgMTMuNjI4IDQ2LjY2MzUgMTIuODcyQzQ2LjY2MzUgMTIuMTI4IDQ2LjE1OTUgMTEuNTI4IDQ1LjIxMTUgMTEuNTI4SDQzLjM2MzVDNDMuMTIzNSAxMS41MjggNDIuOTkxNSAxMS4zIDQyLjk5MTUgMTEuMTA4VjcuNTY4QzQyLjk5MTUgNy40NDggNDMuMDg3NSA3LjM0IDQzLjIxOTUgNy4zNEg0Ny4wMTE1QzQ3LjE0MzUgNy4zNCA0Ny4yMzk1IDcuNDQ4IDQ3LjIzOTUgNy41NjhWOC4zODRDNDcuMjM5NSA4LjUwNCA0Ny4xNDM1IDguNjEyIDQ3LjAxMTUgOC42MTJINDQuMzQ3NVYxMC4yMDhINDUuMzc5NUM0Ny4wODM1IDEwLjIwOCA0OC4xMjc1IDExLjMgNDguMTI3NSAxMi44NzJDNDguMTI3NSAxNC4zNzIgNDYuODc5NSAxNS42MiA0NS4yMjM1IDE1LjYyQzQzLjkzOTUgMTUuNjIgNDMuMTU5NSAxNC45ODQgNDIuODU5NSAxNC42MjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat center;
  font-size: 0;
}

.fgw-badge-25-max {
  width: 69px;
  height: 27px;
  display: flex;
  align-items: center;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjkiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCA2OSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjY5IiBoZWlnaHQ9IjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuNSkiIGZpbGw9IiNBNDc4NjQiLz4KPHBhdGggZD0iTTkuNzU3NTYgMTkuMTk2VjguNjA0QzkuNzU3NTYgOC40NDQgOS44ODU1NiA4LjMgMTAuMDYxNiA4LjNIMTYuNTczNkMxNi43NDk2IDguMyAxNi44Nzc2IDguNDQ0IDE2Ljg3NzYgOC42MDRWOS45MTZDMTYuODc3NiAxMC4wNzYgMTYuNzQ5NiAxMC4yMiAxNi41NzM2IDEwLjIySDExLjgzNzZWMTMuMjI4SDE1Ljc4OTZDMTUuOTQ5NiAxMy4yMjggMTYuMDkzNiAxMy4zNzIgMTYuMDkzNiAxMy41MzJWMTQuODQ0QzE2LjA5MzYgMTUuMDA0IDE1Ljk0OTYgMTUuMTQ4IDE1Ljc4OTYgMTUuMTQ4SDExLjgzNzZWMTkuMTk2QzExLjgzNzYgMTkuMzU2IDExLjY5MzYgMTkuNSAxMS41MzM2IDE5LjVIMTAuMDYxNkM5Ljg4NTU2IDE5LjUgOS43NTc1NiAxOS4zNTYgOS43NTc1NiAxOS4xOTZaTTE4LjMzMTIgMTkuMUwyMS40NjcyIDguNTA4QzIxLjQ5OTIgOC4zOTYgMjEuNjI3MiA4LjMgMjEuNzU1MiA4LjNIMjIuOTA3MkMyMy4xMzEyIDguMyAyMy4yNTkyIDguNDc2IDIzLjE5NTIgOC43TDIwLjA3NTIgMTkuMjkyQzIwLjA0MzIgMTkuNDA0IDE5Ljg5OTIgMTkuNSAxOS43ODcyIDE5LjVIMTguNjE5MkMxOC40MTEyIDE5LjUgMTguMjY3MiAxOS4zMjQgMTguMzMxMiAxOS4xWk0yNy43OTU4IDE5LjQzNkwyNC43NzE4IDguNjg0QzI0LjcwNzggOC40NiAyNC44MzU4IDguMyAyNS4wNTk4IDguM0gyNi41MzE4QzI2LjY1OTggOC4zIDI2Ljc4NzggOC40MTIgMjYuODE5OCA4LjUyNEwyOC40ODM4IDE0LjkwOEgyOC41NDc4TDMxLjA5MTggOC4zMTZDMzEuMTIzOCA4LjIyIDMxLjIwMzggOC4xNCAzMS4zNjM4IDguMTRIMzEuNjUxOEMzMS44MTE4IDguMTQgMzEuODkxOCA4LjIyIDMxLjkyMzggOC4zMTZMMzQuNDgzOCAxNC45MDhIMzQuNTQ3OEwzNi4xNzk4IDguNTI0QzM2LjIxMTggOC40MTIgMzYuMzM5OCA4LjMgMzYuNDY3OCA4LjNIMzcuOTM5OEMzOC4xNjM4IDguMyAzOC4yOTE4IDguNDYgMzguMjI3OCA4LjY4NEwzNS4yMDM4IDE5LjQzNkMzNS4xNzE4IDE5LjU2NCAzNS4wNDM4IDE5LjY2IDM0LjkxNTggMTkuNjZIMzQuNjU5OEMzNC41MTU4IDE5LjY2IDM0LjQxOTggMTkuNTggMzQuMzg3OCAxOS40ODRMMzEuNTIzOCAxMi4yMzZIMzEuNDQzOEwyOC42MTE4IDE5LjQ4NEMyOC41NjM4IDE5LjU4IDI4LjQ5OTggMTkuNjYgMjguMzM5OCAxOS42NkgyOC4wODM4QzI3Ljk1NTggMTkuNjYgMjcuODI3OCAxOS41NjQgMjcuNzk1OCAxOS40MzZaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNNDMuODA4OCAxOS4xOTZWMTguODI4QzQ0Ljg2NDggMTcuNTQ4IDQ2Ljg4MDggMTQuOTI0IDQ3Ljk1MjggMTMuNUM0OC40NDg4IDEyLjg5MiA0OC43Njg4IDEyLjI2OCA0OC43Njg4IDExLjcyNEM0OC43Njg4IDExLjAwNCA0OC4yMjQ4IDEwLjI2OCA0Ny4wNzI4IDEwLjI2OEM0Ni4zMDQ4IDEwLjI2OCA0NS42NDg4IDEwLjgxMiA0NS4yODA4IDExLjIxMkM0NS4xNTI4IDExLjM0IDQ0Ljk3NjggMTEuMzQgNDQuODQ4OCAxMS4yMTJMNDQuMDgwOCAxMC40NDRDNDMuOTg0OCAxMC4zNDggNDMuOTUyOCAxMC4xNTYgNDQuMDY0OCAxMC4wMjhDNDQuMDY0OCAxMC4wMjggNDUuMzEyOCA4LjQ2IDQ3LjIxNjggOC40NkM0OS41MDQ4IDguNDYgNTAuNzg0OCA5LjkxNiA1MC43ODQ4IDExLjY0NEM1MC43ODQ4IDEyLjY4NCA1MC4zMzY4IDEzLjM0IDQ5LjcxMjggMTQuMjM2QzQ5LjAyNDggMTUuMjEyIDQ3LjgwODggMTYuNzE2IDQ2Ljk2MDggMTcuNzg4SDUwLjQxNjhDNTAuNTc2OCAxNy43ODggNTAuNzIwOCAxNy45MzIgNTAuNzIwOCAxOC4wOTJWMTkuMTk2QzUwLjcyMDggMTkuMzU2IDUwLjU3NjggMTkuNSA1MC40MTY4IDE5LjVINDQuMTEyOEM0My45MzY4IDE5LjUgNDMuODA4OCAxOS4zNTYgNDMuODA4OCAxOS4xOTZaTTUzLjE0NjEgMTguMzMyQzUyLjkzODEgMTguMDkyIDUyLjkyMjEgMTcuOTggNTMuMTE0MSAxNy43ODhMNTMuOTE0MSAxNy4wMDRDNTQuMDI2MSAxNi45MDggNTQuMTcwMSAxNi44NzYgNTQuMjk4MSAxNi45ODhDNTQuMzYyMSAxNy4wNTIgNTUuMjkwMSAxNy44ODQgNTYuMzYyMSAxNy44ODRDNTcuNDUwMSAxNy44ODQgNTguMjE4MSAxNy4wMDQgNTguMjE4MSAxNS45OTZDNTguMjE4MSAxNS4wMDQgNTcuNTQ2MSAxNC4yMDQgNTYuMjgyMSAxNC4yMDRINTMuODE4MUM1My40OTgxIDE0LjIwNCA1My4zMjIxIDEzLjkgNTMuMzIyMSAxMy42NDRWOC45MjRDNTMuMzIyMSA4Ljc2NCA1My40NTAxIDguNjIgNTMuNjI2MSA4LjYySDU4LjY4MjFDNTguODU4MSA4LjYyIDU4Ljk4NjEgOC43NjQgNTguOTg2MSA4LjkyNFYxMC4wMTJDNTguOTg2MSAxMC4xNzIgNTguODU4MSAxMC4zMTYgNTguNjgyMSAxMC4zMTZINTUuMTMwMVYxMi40NDRINTYuNTA2MUM1OC43NzgxIDEyLjQ0NCA2MC4xNzAxIDEzLjkgNjAuMTcwMSAxNS45OTZDNjAuMTcwMSAxNy45OTYgNTguNTA2MSAxOS42NiA1Ni4yOTgxIDE5LjY2QzU0LjU4NjEgMTkuNjYgNTMuNTQ2MSAxOC44MTIgNTMuMTQ2MSAxOC4zMzJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat center;
  font-size: 0;
}

.fgw-badge-25-min strong {
  margin-left: 4px;
}

.fgw-badge-time {
  color: #FFF;
  font-size: 8px;
  font-weight: 500;
  line-height: 10px;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  border-radius: 20px;
  background: #A47864;
  padding: 1px 4px;
  margin: -2px 0 0 4px;
}

.badge-fgwad {
  width: 440px;
  display: flex;
  align-items: center;
  background: #A47864;
  overflow: hidden;
}

.badge-fgwad .badge-fgwad-logo {
  padding-left: 16px;
  display: flex;
  align-items: center;
}

.badge-fgwad .badge-fgwad-logo .inner {
  width: 171px;
  height: 10px;
  width: 155px;
  height: 10px;
  background: url('/img/fgweek/2025/fw/fgweek_25.svg') no-repeat center;
  margin-left: 16px;
}

.badge-fgwad .badge-fgwad-fw25 {
  width: 38px;
  height: 10px;
  background: url('/img/fgweek/2025/fw/fw_25.svg') no-repeat center;
  margin-left: 8px;
}

.badge-fgwad .badge-fgwad-note {
  flex: none;
  font-size: 12px;
  color: #FDE8D4;
  font-weight: 500;
  line-height: 16px;
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 16px;
}

.badge-fgwad .badge-fgwad-note .inner {
  margin-left: 16px;
}

.badge-fgwad .line::before {
  content: '';
  display: block;
  width: 1px;
  height: 11px;
  background: #BB8E79;
}

.badge-fgwad-inner {
  padding: 4px 0px;
  display: flex;
  align-items: center;
}

.badge-fgwad-inner .group {
  flex: none;
  display: flex;
  align-items: center;
  animation: scrolling 10s linear infinite;
}

.badge-fgwad-inner:hover .group {
  animation-play-state: paused;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}
/* 25-5-14 fg badge:  end */

.gnb>ul>li>a .icon-new {
  width: 26px;
  height: 12px;
  background-size: contain;
  margin: 12px 0 0 4px;
  vertical-align: top;
  display: inline-block;
  font-size: 0;
  color: transparent;
  background: url(/img/icon/icon_header_new.svg) no-repeat center;
}

.gnb .icon_new {
  display: inline-block;
  font-family: 'Cormorant';
  font-style: italic;
  background: #FFA800;
  border-radius: 60px;
  color: #fff;
  font-size: 15.5px;
  padding: 0 10px;
  line-height: 25px;
  margin: 0 0 0 8px;
  vertical-align: 2px;
  width: 61px;
  height: 25px;
  box-sizing: border-box;
  text-align: center;
}

.gnb .icon_new em {
  font-size: 25px;
  font-style: italic;
  font-weight: 400;
  line-height: 0;
  margin-left: 4px;
}

_::-webkit-full-page-media,
_:future,
:root .gnb .icon_new em {
  font-size: 15.5px;
}
/* fg-live-video */
.fg-live-video {
  position: relative;
}

.fg-live-bar {
  height: 40px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 24px;
  display: flex;
  align-items: flex-end;
}

.fg-live-video button {
  transition: .3s;
}

.fg-live-video .btn-live-play {
  width: 65px;
  height: 40px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.7);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px 20px;
}

.fg-live-video .btn-live-play:hover {
  background-color: #00ADEF;
}

.fg-live-video .btn-live-play {
  background-image: url('../img/icon_live_play.svg');
}

.fg-live-video .btn-live-play.suspend {
  background-image: url('../img/icon_live_suspend.svg');
}

.fg-live-video .bg-shadow {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.fg-live-video .btn-live-play.centre {
  width: 144px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-size: 38px 40px;
}

.fg-live-bar .control-bar-area {
  box-sizing: border-box;
  width: calc(100% - 74px);
  height: 32px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.7);
  margin-left: 9px;
  padding: 10px;
  display: flex;
  align-items: center;
}

.fg-live-bar .progress-bar {
  width: calc(100% - 66px);
  box-sizing: border-box;
  height: 12px;
  border: 1px solid #666666;
  padding: 1px;
  cursor: pointer;
}

.fg-live-bar .progress-bar-inner {
  width: 100%;
  position: relative;
  height: 8px;
}

.fg-live-bar .progress-bar-buffer {
  height: 8px;
  background: #666;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.fg-live-bar .progress-bar-now {
  height: 8px;
  background: #00ADEF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.fg-live-bar .progress-bar-now .progress-time {
  box-sizing: border-box;
  min-width: 34px;
  height: 18px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #000;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  padding: 0 2px;
  position: absolute;
  top: -25px;
  right: 0;
  transform: translateX(50%);
}

.fg-live-bar .progress-bar-now .progress-time:after {
  content: '';
  display: block;
  width: 12px;
  height: 6px;
  background: url('../img/icon_polygon.svg') no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.fg-live-bar .btn-control {
  display: flex;
  height: 32px;
  margin-left: 5px;
  position: relative;
  right: -5px;
}

.fg-live-bar .btn-control li {
  position: relative;
}

.fg-live-bar .btn-volume {
  width: 32px;
  height: 32px;
  background: url('../img/icon_sound.svg') no-repeat center;
  background-size: 13px 12px;
}

.fg-live-bar .btn-volume:hover {
  background: url('../img/icon_sound_active.svg') no-repeat center;
  background-size: 13px 12px;
}

.fg-live-bar .btn-volume.off {
  background: url('../img/icon_sound_off.svg') no-repeat center;
  background-size: 13px 12px;
}

.fg-live-bar .btn-volume.off:hover {
  background: url('../img/icon_sound_off_active.svg') no-repeat center;
  background-size: 13px 12px;
}

.fg-live-bar .btn-zoom {
  width: 32px;
  height: 32px;
  background: url('../img/icon_expansion.svg') no-repeat center;
  background-size: 12px 12px;
}

.fg-live-bar .btn-zoom:hover {
  background: url('../img/icon_expansion_active.svg') no-repeat center;
  background-size: 12px 12px;
}

.fg-live-bar .btn-zoom.reduce {
  background: url('../img/icon_reduce.svg') no-repeat center;
  background-size: 12px 12px;
}

.fg-live-bar .btn-zoom.reduce {
  background: url('../img/icon_reduce_active.svg') no-repeat center;
  background-size: 12px 12px;
}

.fg-live-bar .volume-adjust-wrap {
  padding-bottom: 5px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}

.fg-live-bar .volume-adjust {
  box-sizing: border-box;
  width: 20px;
  height: 92px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 2px;
  padding: 12px 8px;
}

.fg-live-bar .volume-scope {
  width: 4px;
  height: 68px;
  background: #000;
  border-radius: 20px;
  display: flex;
  align-items: flex-end;
}

.fg-live-bar .volume-now {
  width: 4px;
  background: #00ADEF;
  border-radius: 20px;
  position: relative;
}

.fg-live-bar .volume-icon {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
}
.popup-item-handle.spacing .item-handle-body.shop-area {
  padding-top: 16px;
}

.popup-item-handle .shop-list-area {
  max-height: calc(100% - 220px);
  min-height: 200px;
}

.popup-item-handle .shop-list-area.roller {
  overflow: hidden;
  overflow-y: auto;
  margin-right: -20px;
}

.popup-item-handle .shop-list {
  margin-right: 20px;
}

.popup-item-handle .shop-list-area .shop-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #ECECEC;
;
}

.popup-item-handle .shop-item .vendor-name,
.popup-item-handle .shop-item .category {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}

.popup-item-handle .shop-item .vendor-name {
  color: #333;
  max-width: 360px;
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-item-handle .shop-item .vendor-name:after {
  content: '';
  display: block;
  width: 1px;
  height: 12px;
  background: #333;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.popup-item-handle .shop-item .category {
  color: #999;
  margin-right: auto;
}

.popup-item-handle .shop-item .icon-favorite {
  width: 14px;
  height: 12px;
  background: url('../img/ico_like_live.svg') no-repeat center;
  background-size: 100%;
}

.popup-item-handle .shop-item .icon-favorite.active {
  background: url('../img/ico_like_on_live.svg') no-repeat center;
  background-size: 100%;
}

.tip-info:hover .tip-info-popup {
    display: block;
}

.tip-info-popup {
    display: none;
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 2px;
    padding: 16px;
    box-sizing: border-box;
}

.tip-info-popup:before {
    content: '';
    display: block;
    width: 13px;
    height: 9px;
    background: url('../img/newin_popup_polygon.svg') no-repeat center;
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
}

.tip-info-popup .tip-con {
    color: #333;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.extra-off {
  color: #649EF6 !important;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 18px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.extra-off .with-coupon {
  color: #649EF6;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: none;
}

.extra-off .icon-tooltip-wrap {
  position: relative;
}

.extra-off .icon-tooltip {
  width: 10px;
  height: 10px;
  display: block;
  background: url("/img/icon/icon_coupon_tooltip.svg") no-repeat center;
  background-size: cover;
}

.extra-off .icon-tooltip-con {
  position: absolute;
  padding: 14px;
  box-sizing: border-box;
  box-shadow: none;
  background: #FFFFFF;
  border: 1px solid #DDD;
  border-radius: 2px;
  top: calc(100% + 5px);
  z-index: 15;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 16px;
  display: none;
  cursor: default;
  font-family: 'Roboto';
}

.extra-off .icon-tooltip:hover .icon-tooltip-con {
  display: block;
}

.extra-off .icon-tooltip-con:before {
  position: absolute;
  content: '';
  left: 50%;
  background: white;
  width: 10px;
  height: 10px;
  border-top: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6;
  transform: translateX(-50%) rotate(-45deg);
  top: -6px;
}

.extra-off .icon-tooltip-con.w-204 {
  width: 204px;
}

.extra-off .icon-tooltip-con .tooltip-ttl {
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  color: #333333;
  padding-bottom: 8px;
  border-bottom: 1px dashed #CDCDCD;
}

.extra-off .icon-tooltip-con .tooltip-txt {
  color: #666;
  font-family: Titillium Web;
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  text-transform: none;
  margin-top: 12px;
}

.review-rewards {
  color: #3CB0B4;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.24px;
  text-transform: uppercase;
}

.h-18 {
  height: 18px !important;
}

.w-200 {
  width: 200px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.badge-fgw-24 {
  display: inline-block;
  font-style: italic;
  font-size: 10px;
  font-weight: 500;
  background: #F88F55;
  border-radius: 16px;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
  font-family: "Roboto";
  line-height: 20px;
  padding: 0 8px;
}

.header-wrapper .tool-area .user .user-menu .the-premier-menu a {
  background-image: url(/img/premier/icon_premier_header.svg);
}

.location {
  border: none;
  padding: 12px 0 16px;
}

.aside .tit:before {
  display: none;
}

/* */

.icon-beta {
  display: inline-block;
  padding: 1px 4px;
  border-radius: 20px;
  background: #333;
  color: #FFF !important;
  text-align: center;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 10px !important;
  letter-spacing: 0.18px;
}

.icon-beta-l {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 20px;
  background: #333 !important;
  color: #FFF !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 10px !important;
  letter-spacing: 0.24px;
  position: relative;
  font-family: 'Roboto' !important;
}

.va-2 {
  vertical-align: 2px;
}

.va-6 {
  vertical-align: 6px;
}

.va-7 {
  vertical-align: 7px;
}

.va-10 {
  vertical-align: 10px;
}

.va-22 {
  vertical-align: 22px;
}

.va-35 {
  vertical-align: 35px;
}

/* Mobile number collection popup */
.mo-num-col-popup{
  display: flex;
  justify-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 1100px;
}

.mo-num-col-popup .mo-num-col-l{
  width: 520px;
}

.mo-num-col-popup .mo-num-col-r{
  position: relative;
  width: 500px;
  padding: 40px;
  border-radius: 0px 8px 8px 0px;
  background: #FFF;
}

.mo-num-col-popup .mo-num-col-ttl{
  color: #333;
  font-family: Roboto;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px;
  margin-bottom: 16px;
}

.mo-num-col-popup .mo-num-col-close{
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 12px;
  height: 12px;
  font-size: 0;
  color: transparent;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAxTDEgMTAiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEgMUwxMCAxMCIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0;
  background-size: 12px;
}

.mo-num-col-popup .mo-num-col-info{
  color: #333;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}

.mo-num-col-popup .mo-num-col-info a.active{
  color: #159E9E;
  font-weight: 500;
  text-decoration-line: underline;
}

.mo-num-col-popup .mo-num-col-input{
  display: flex;
  position: relative;
}

.mo-num-col-popup .step1 .mo-num-col-input:before {
  content: '+1';
  display: inline-block;
  border-right: 1px solid #ddd;
  position: absolute;
  height: 100%;
  width: 44px;
  text-align: center;
  line-height: 40px;
}

.mo-num-col-popup .mo-num-col-input input{
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  padding: 9px 16px 9px 50px;
  border: 1px solid #DDD;
  border-right:none;
  background: #FFF;
  color: #999;
  height: 40px;
  box-sizing: border-box;
  flex: 1;
  color: #333;
}

.mo-num-col-popup .step2 .mo-num-col-input input {
  padding: 9px 16px;
}

.mo-num-col-popup .mo-num-col-input button{
  width: 200px;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  cursor:auto;
  background: #333;
  color: #FFF;
}

.mo-num-col-popup .mo-num-col-input button:disabled {
  background: #E9E9E9;
  color: #B3B3B3;
}

.mo-num-col-popup .mo-num-col-input button:hover{
  background: #3CB0B4;
  color: #FFFFFF;
}

.mo-num-col-popup .mo-num-col-input button:disabled{
  background: #E9E9E9;
  color: #B3B3B3;
}

.mo-num-col-popup .mo-num-col-input.error{
  margin-bottom: 26px;
}

.mo-num-col-popup .mo-num-col-input.error input{
  border: 1px solid #FF5859;
  border-right:none;
}

.mo-num-col-popup .mo-num-col-input .input-warning {
  display: none;
}

.mo-num-col-popup .mo-num-col-input.error .input-warning {
  display: block;
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  color: #FF5859;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  background: url(/img/icon_warning_pop.svg) no-repeat left center;
  background-size: 12px 12px;
  padding-left: 20px;
}


.mo-num-col-popup .mo-num-col-resend-code{
  color: #666;
  font-family: Roboto;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 12px;
}

.mo-num-col-popup .mo-num-col-resend-code a.active{
  font-weight: 500;
  color: #159E9E;
  text-decoration-line: underline;
}

.mo-num-col-popup .mo-num-col-details{
  color: #999;
  padding-top: 16px;
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.mo-num-col-popup .mo-num-col-details a.active{
  color: #999;
  font-weight: 500;
  text-decoration-line: underline;
}

.mo-num-col-popup .mo-num-col-no-thx{
  position: absolute;
  bottom: 40px;
  right: 40px;
  color: #999;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-decoration-line: underline;
}


/* Net Terms popup */
.left-image-popup {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  width: 1100px;
}

.left-image-popup .popup-l{
  width: 520px;
}

.left-image-popup .popup-r {
  position: relative;
  width: 400px;
  padding: 40px;
  border-radius: 0px 8px 8px 0px;
  background: #FFF;
  text-align: center;
}

.left-image-popup .popup-close {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 12px;
  height: 12px;
  font-size: 0;
  color: transparent;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMCAxTDEgMTAiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPHBhdGggZD0iTTEgMUwxMCAxMCIgc3Ryb2tlPSIjOTk5OTk5IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==) no-repeat 0 0;
  background-size: 12px;
}

.left-image-popup .popup-r > h1 {
  font-size: 40px;
  line-height: 60px;
  text-align: center;
  font-family: 'Libre Caslon Text';
}

.left-image-popup .popup-r > p {
  font-size: 16px;
  line-height: 24px;
  color: #666;
  text-align: center;
  margin: 16px 0 40px;
}

.left-image-popup .popup-r > a {
  display: block;
  font-size: 16px;
  color: #fff !important;
  background: #333;
  margin: 0 auto 20px;
  line-height: 42px;
  width: 300px;
  text-decoration: none;
}

.left-image-popup .popup-r > button:not(.popup-close) {
  font-size: 14px;
  color: #666;
  text-decoration: underline;
}


.view_more:after {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTZ2MTUuOTNIMHoiLz48L2RlZnM+PGNsaXBQYXRoIGlkPSJiIj48dXNlIHhsaW5rOmhyZWY9IiNhIiBvdmVyZmxvdz0idmlzaWJsZSIvPjwvY2xpcFBhdGg+PGcgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cGF0aCBmaWxsPSIjMzMzIiBkPSJNOCAxNS45M2M0LjMxNCAwIDcuODEzLTMuNTY1IDcuODEzLTcuOTY1QzE1LjgxMyAzLjU2NiAxMi4zMTQgMCA4IDBTLjE4NyAzLjU2Ni4xODcgNy45NjRjMCA0LjM5OSAzLjQ5OCA3Ljk2NiA3LjgxMyA3Ljk2NnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNy4wMjggMTIuNzQ0bC0uNTkxLS42ODkgMy41MDQtNC4wOS0zLjUwNC00LjA5LjU5MS0uNjg5IDQuMDk3IDQuNzc4LTQuMDk3IDQuNzh6Ii8+PC9nPjwvc3ZnPg==') no-repeat center;
}

.view_more:hover:after {
  background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSIjM0NCMEI0IiBkPSJNOCAxNmM0LjM1IDAgNy44NzUtMy41ODIgNy44NzUtOFMxMi4zNSAwIDggMCAuMTI0IDMuNTgyLjEyNCA4IDMuNjUgMTYgOCAxNnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNy4wMjEgMTIuNzk5bC0uNTk2LS42OTFMOS45NTkgOCA2LjQyNSAzLjg5M2wuNTk2LS42OTNMMTEuMTQ4IDhsLTQuMTI3IDQuNzk5eiIvPjwvc3ZnPg==') no-repeat center;
}

.final-sale {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  color: #666;
}

.final-sale-sub {
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  color: #666;
}

.final-sale-sub a{
  text-decoration: underline;
}

.final-sale.inline {
  display: inline-block;
}

.final-sale.left-border {
  position: relative;
  padding-left: 8px;
}

.final-sale.left-border:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background-color: #DDD;
}
/* free-shipping-excess */
.free-shipping-excess {
  width: fit-content;
  display: flex;
  align-items: center;
  margin-top: 8px;
  padding: 4px 6px 4px 4px;
  font-size: 12px !important;
  line-height: 18px !important;
  color: #6457B4 !important;
  background-color: #F7F6FF;
  letter-spacing: -.1px;
}

.free-shipping-excess:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS42MDk0MSA0Ljk2MzU2QzkuNjA5ODIgNC45NjM1OCA5LjYxMzQ2IDQuOTYzNyA5LjYxOTc2IDQuOTY0NzVDOS42MjY1OCA0Ljk2NTg5IDkuNjM0ODYgNC45Njc4NCA5LjY0Mzg1IDQuOTcwOUM5LjY2MjA4IDQuOTc3MSA5LjY3ODkzIDQuOTg2MzIgOS42OTI4MSA0Ljk5ODIyQzkuNzA1NDkgNS4wMDkwOSA5LjcxOTg2IDUuMDI1NiA5LjczMjIyIDUuMDU0MTJDOS43NDQ4OSA1LjA4MzM3IDkuNzU5NDMgNS4xMzQ2NSA5Ljc1OTQzIDUuMjE4NlYxMC4zOTI4SDYuMjYwNjlDNi4wNDk1NiAxMC4wMDIzIDUuNjM1NTEgOS43MzcyMyA1LjE1OTQzIDkuNzM3MjNDNC42ODMzNiA5LjczNzIzIDQuMjY5MyAxMC4wMDIzIDQuMDU4MTcgMTAuMzkyOEgzLjk0NjkzQzMuODk2NzQgMTAuMzkyOCAzLjgxNDE0IDEwLjM3NDkgMy43NTYxOCAxMC4zMzQyQzMuNzMxMzQgMTAuMzE2OCAzLjcxMzc3IDEwLjI5NzMgMy43MDEzOCAxMC4yNzM5QzMuNjg5MjkgMTAuMjUxMSAzLjY3NDM1IDEwLjIxIDMuNjc0MzUgMTAuMTM3N1Y1LjI0MTY2QzMuNjgxOTkgNS4xOTAxNSAzLjcwNzA0IDUuMTExNzUgMy43NTI1MyA1LjA1MjMxQzMuNzc0ODggNS4wMjMxMSAzLjc5ODc5IDUuMDAyNzcgMy44MjQ0NyA0Ljk4OTI4QzMuODQ4ODQgNC45NzY0NyAzLjg4NjQ2IDQuOTYzNTYgMy45NDY5MyA0Ljk2MzU2SDQuODM4OTdWNi44NTgzNEM0LjgzODk3IDcuMDAwOTIgNC45MTQ3IDcuMTMyNzYgNS4wMzc4NiA3LjIwNDZDNS4xNjEwMiA3LjI3NjQzIDUuMzEzMDcgNy4yNzc0MyA1LjQzNzE3IDcuMjA3MjRMNi43MTU1NSA2LjQ4NDExTDcuOTkzOTQgNy4yMDcyNEM4LjExODA0IDcuMjc3NDMgOC4yNzAwOCA3LjI3NjQzIDguMzkzMjUgNy4yMDQ2QzguNTE2NDEgNy4xMzI3NiA4LjU5MjE0IDcuMDAwOTIgOC41OTIxNCA2Ljg1ODM0VjQuOTYzNTZIOS42MDk0TDkuNjA5MzggNC45NjM1Nkw5LjYwOTQxIDQuOTYzNTZaTTEwLjE2MDMgMTEuMTk0NUg2LjM5MTY5QzYuMjkxMDEgMTEuNzgyMyA1Ljc3NzQ4IDEyLjIyOTEgNS4xNTk0MyAxMi4yMjkxQzQuNTQxMzEgMTIuMjI5MSA0LjAyNzczIDExLjc4MjIgMy45MjcxNCAxMS4xOTQzQzMuNzUzNzcgMTEuMTkwOCAzLjUxMDI0IDExLjE0MDkgMy4yOTU4OSAxMC45OTA2QzMuMDUyMzEgMTAuODE5OCAyLjg3MjY1IDEwLjUzNTIgMi44NzI2NSAxMC4xMzc3VjUuMjE4NlY1LjE5OTkxTDIuODc0MzkgNS4xODEzMUMyLjg5MDExIDUuMDEyOTkgMi45NTY2NiA0Ljc3MzEgMy4xMTU5MiA0LjU2NTAzQzMuMjg3MDEgNC4zNDE1IDMuNTYyNjcgNC4xNjE4NyAzLjk0NjkzIDQuMTYxODdIOS42MDk0QzkuNzgxMyA0LjE2MTg3IDEwLjAxNjEgNC4yMTk0NCAxMC4yMTQ2IDQuMzg5NTZDMTAuNDI3OSA0LjU3MjM4IDEwLjU2MTEgNC44NTI2IDEwLjU2MTEgNS4yMTg2VjYuNjU0MDhIMTEuODk0MUMxMi4xNjY5IDYuNjU0MDggMTIuNDIxNiA2Ljc4OTggMTIuNTc0MyA3LjAxMjYyTDEyLjU4NSA3LjAyODIzTDEyLjU5NDEgNy4wNDQ3N0wxMy4xOTk5IDguMTM2OThDMTMuNCA4LjE0MjMgMTMuNjA1NiA4LjIxMzQzIDEzLjc2MzEgOC4zNzQ3N0MxMy45Mjc1IDguNTQzMTUgMTMuOTk5OSA4Ljc2ODk2IDEzLjk5OTkgOS4wMDU1N1YxMC40NDM3QzEzLjk5OTkgMTAuODk4IDEzLjYyOTkgMTEuMjY4MSAxMy4xNzU1IDExLjI2ODFIMTMuMTIxOUMxMi45OTI2IDExLjgxOTIgMTIuNDk2NSAxMi4yMjkxIDExLjkwNDUgMTIuMjI5MUMxMS4yODY3IDEyLjIyOTEgMTAuNzczNCAxMS43ODI2IDEwLjY3MjQgMTEuMTk1MkgxMC4zODgzVjExLjE5NDVIMTAuMTYwM1pNMTEuOTA0NSA5LjczNzIzQzExLjQyODIgOS43MzcyMyAxMS4wMTM5IDEwLjAwMjYgMTAuODAyOSAxMC4zOTM1SDEwLjU2MTFWOS4xNTEzOUgxMi4xMTc2SDEyLjIxMjJMMTIuMjk2OCA5LjEwOTA3TDEyLjYzNTggOC45Mzk2SDEyLjk2NDhWOC45MzgzNUgxMy4xNzU1QzEzLjE4MTcgOC45MzgzNSAxMy4xODY0IDguOTM4NzYgMTMuMTg5OSA4LjkzOTI1QzEzLjE5MzIgOC45NDg4OCAxMy4xOTgyIDguOTY5NzMgMTMuMTk4MiA5LjAwNTU3VjEwLjQ0MzdDMTMuMTk4MiAxMC40NDg3IDEzLjE5NjYgMTAuNDU0IDEzLjE5MTIgMTAuNDU5NEMxMy4xODU5IDEwLjQ2NDcgMTMuMTgwNSAxMC40NjY0IDEzLjE3NTUgMTAuNDY2NEgxMy4wNDI1QzEyLjg0NTUgMTAuMDM2IDEyLjQxIDkuNzM3MjMgMTEuOTA0NSA5LjczNzIzWk0xMi4zMTkgOC4yMDE2NUwxMi4wMjMgOC4zNDk3SDEwLjU2MTFWNy40NTU3OEgxMS44OTQxQzExLjg5NzEgNy40NTU3OCAxMS45MDA3IDcuNDU2NTIgMTEuOTA0NiA3LjQ1ODU1TDExLjkwNjYgNy40NTk3NkwxMS45MDgyIDcuNDYwODRMMTIuMzE5IDguMjAxNjVaTTUuNjQwNjYgNC45NjM1OVY2LjE3MTA2TDYuNTE4MiA1LjY3NDY4QzYuNjQwNjUgNS42MDU0MSA2Ljc5MDQ2IDUuNjA1NDEgNi45MTI5MSA1LjY3NDY4TDcuNzkwNDUgNi4xNzEwNlY0Ljk2MzU5SDUuNjQwNjZaTTExLjQ1NjEgMTAuOTgzMUMxMS40NTYxIDEwLjczOTkgMTEuNjU0NCAxMC41Mzg5IDExLjkwNDUgMTAuNTM4OUMxMi4xNTQ3IDEwLjUzODkgMTIuMzUzIDEwLjczOTkgMTIuMzUzIDEwLjk4MzFDMTIuMzUzIDExLjIyNjQgMTIuMTU0NyAxMS40Mjc0IDExLjkwNDUgMTEuNDI3NEMxMS42NTQ0IDExLjQyNzQgMTEuNDU2MSAxMS4yMjY0IDExLjQ1NjEgMTAuOTgzMVpNNS4xNTk0MyAxMC41Mzg5QzQuOTA5MzIgMTAuNTM4OSA0LjcxMDk4IDEwLjczOTkgNC43MTA5OCAxMC45ODMxQzQuNzEwOTggMTEuMjI2NCA0LjkwOTMyIDExLjQyNzQgNS4xNTk0MyAxMS40Mjc0QzUuNDA5NTQgMTEuNDI3NCA1LjYwNzg4IDExLjIyNjQgNS42MDc4OCAxMC45ODMxQzUuNjA3ODggMTAuNzM5OSA1LjQwOTU0IDEwLjUzODkgNS4xNTk0MyAxMC41Mzg5WiIgZmlsbD0iIzY0NTdCNCIvPgo8L3N2Zz4K') no-repeat center;
  background-size: cover;
  margin-right: 4px;
  vertical-align: middle;
}

.free-shipping-excess.no-icon {
  padding-left: 6px;
  letter-spacing: 0.015em;
}

.free-shipping-excess.sm-font {
  font-size: 10px !important;
  line-height: 16px !important;
}

.free-shipping-excess.sm-font:before {
  width: 14px;
  height: 14px;
}

.free-shipping-excess.no-icon:before {
  content: none;
}

.free-shipping-excess .txt {
  font-weight: 500;
  text-transform: capitalize;
  margin-right: 2px;
  margin-top: 0 !important;
  color: #6457B4 !important;
}

.free-shipping-excess .icon-fs {
  width: 16px;
  height: 16px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIzMiIgY3k9IjMyIiByPSIzMiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzYuMjgyIDIyLjIzYy4wNzkgMCAuMjU1LjAzOS4zOTUuMTU5LjEwMy4wODguMjc5LjI5Ni4yNzkuODM1djE1LjkzOEgyNS45NzRhMy41ODEgMy41ODEgMCAwIDAtMy4yMTMtMS45OTJjLTEuNDEgMC0yLjYzLjgxMS0zLjIxNCAxLjk5MmgtLjQ3Yy0uMTg2IDAtLjQ4NC0uMDYyLS43MDQtLjIxNy0uMTY5LS4xMTgtLjM0Mi0uMzE2LS4zNDItLjc3NlYyMy4yOGMuMDI1LS4xODguMTEzLS40NzIuMjgzLS42OTMuMTUyLS4xOTguMzY3LS4zNTUuNzYzLS4zNTVoMi45MzJ2NS45NzVhMSAxIDAgMCAwIDEuNDkzLjg3bDMuOTkxLTIuMjU4IDMuOTkxIDIuMjU4YTEgMSAwIDAgMCAxLjQ5My0uODdWMjIuMjNoMy4zMDV6bTEuNjc0IDE4LjkzMmgtMTEuNjRhMy41NzYgMy41NzYgMCAwIDEtMy41NTUgMy4xNDMgMy41NzYgMy41NzYgMCAwIDEtMy41NTYtMy4xNDNoLS4xMjhhMy4zMjcgMy4zMjcgMCAwIDEtMS44NTMtLjU4Yy0uNjgzLS40OC0xLjE5My0xLjI3OC0xLjE5My0yLjQxM1YyMy4xNzdsLjAwNS0uMDQ2YTMuNTQgMy41NCAwIDAgMSAuNjktMS43NmMuNDgzLS42MzMgMS4yNi0xLjE0IDIuMzUxLTEuMTRIMzYuMjgyYy40NzkgMCAxLjE0LjE2MSAxLjY5Ny42NC41OTQuNTA5Ljk3NyAxLjI5Ny45NzcgMi4zNTN2NC41OGg0LjI3Yy43NTYgMCAxLjQ2Mi4zNzYgMS44ODYuOTk0bC4wMjYuMDM5LjAyMy4wNDEgMS45MDMgMy40M2guMDU0Yy41ODMgMCAxLjE4LjE5NiAxLjYzLjY1OC40NTEuNDYyLjY1NyAxLjA5LjY1NyAxLjc2NHY0LjM3YTIuMjkgMi4yOSAwIDAgMS0yLjI4NyAyLjI4NmgtLjM0YTMuNTc3IDMuNTc3IDAgMCAxLTMuNTIgMi45MTkgMy41NzYgMy41NzYgMCAwIDEtMy41NTYtMy4xNDNIMzcuOTU1em01LjMwMS0zLjk5MmMtMS40MSAwLTIuNjMuODExLTMuMjE0IDEuOTkyaC0xLjA4N3YtNC4yMUg0NC4xNDJsLjIxMS0uMTA2IDEuMDc2LS41MzhoMS42ODhjLjEzOCAwIC4xODYuMDQyLjE5OC4wNTUuMDEyLjAxMi4wOS4wOTYuMDkuMzY3djQuMzdhLjI5LjI5IDAgMCAxLS4yODguMjg2aC0uNTQ2YTMuNTggMy41OCAwIDAgMC0zLjMxNS0yLjIxNnptMS41NTktNC43OTFsLS4wNy4wMzUtMS4wNzUuNTM4aC00LjcxNXYtMy4xNDloNC4yN2MuMDgyIDAgLjE2NC4wMzkuMjE4LjEwMmwxLjM3MiAyLjQ3NHptLTIwLjgwNy01Ljg4OHYtNC4yNmg2Ljk2OHY0LjI2bC0yLjk5Mi0xLjY5MmExIDEgMCAwIDAtLjk4NCAwbC0yLjk5MiAxLjY5MnptMTcuNjY4IDE0LjI0NmMwLS44Ni43LTEuNTY3IDEuNTgtMS41NjcuODggMCAxLjU4LjcwNyAxLjU4IDEuNTY3cy0uNyAxLjU2OC0xLjU4IDEuNTY4Yy0uODggMC0xLjU4LS43MDgtMS41OC0xLjU2OHpNMjIuNzYgMzkuMTdjLS44OCAwLTEuNTguNzA3LTEuNTggMS41NjdzLjcgMS41NjggMS41OCAxLjU2OGMuODggMCAxLjU4LS43MDggMS41OC0xLjU2OCAwLS44Ni0uNy0xLjU2Ny0xLjU4LTEuNTY3eiIgZmlsbD0iIzY0NTdCNCIvPjwvc3ZnPg==') no-repeat center;
  background-size: 100%;
  margin-right: 4px;
}

/*!* fg-consolidation-banner *!*/
/*.fg-consolidation-banner {*/
/*  background: url('/img/fs/bg_fs_wrap.svg') no-repeat center;*/
/*  background-size: cover;*/
/*  position: relative;*/
/*  padding: 0 40px 0 160px;*/
/*  box-sizing: border-box;*/
/*  height: 130px;*/
/*  display: flex;*/
/*}*/

/*.fg-consolidation-banner .fs-bnr-content {*/
/*  margin-left: 24px;*/
/*}*/

/*.fg-consolidation-banner .ttl-fs-bnr {*/
/*  color: #FFF;*/
/*  font-size: 24px;*/
/*  font-weight: 700;*/
/*  line-height: 32px;*/
/*  text-transform: uppercase;*/
/*  padding-top: 2px;*/
/*}*/

/*.fg-consolidation-banner .ttl-fs-bnr span {*/
/*  color: #69FFD9;*/
/*  font-family: "Libre Caslon Text";*/
/*  font-size: 16px;*/
/*  font-style: italic;*/
/*  font-weight: 400;*/
/*  line-height: 32px;*/
/*  text-transform: lowercase;*/
/*  height: 32px;*/
/*}*/

/*.fg-consolidation-banner .fs-bnr-txt {*/
/*  color: #FFF;*/
/*  font-size: 16px;*/
/*  font-weight: 400;*/
/*  line-height: 24px;*/
/*  letter-spacing: -0.176px;*/
/*}*/

/*.fg-consolidation-banner .icon-fs-info {*/
/*  display: block;*/
/*  width: 16px;*/
/*  height: 16px;*/
/*  background: url('../img/fs/icon_fs_info.svg') no-repeat center;*/
/*  margin-left: 8px;*/
/*  cursor: pointer;*/
/*}*/

/*.fg-consolidation-banner .btn-fs-bnr {*/
/*  display: block;*/
/*  background-color: #fff;*/
/*  color: #6453C3;*/
/*  text-align: center;*/
/*  font-size: 18px;*/
/*  font-weight: 500;*/
/*  line-height: 48px;*/
/*  width: 304px;*/
/*  height: 48px;*/
/*  margin-left: auto;*/
/*}*/

.icon-com-consolidation {
  width: 16px;
  height: 12px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNjMyIDEuMjY0Yy4wMzMgMCAuMTEuMDE2LjE3MS4wNjkuMDQzLjAzNi4xMjQuMTI4LjEyNC4zNzZ2Ny41MzZINC43NThhMS43MjUgMS43MjUgMCAwIDAtMS41NC0uOTQ1Yy0uNjc0IDAtMS4yNTcuMzg0LTEuNTQuOTQ1SDEuNDdhLjYwNy42MDcgMCAwIDEtLjMyLS4wOTguMzIyLjMyMiAwIDAgMS0uMTAzLS4xMTRBLjQ4Ny40ODcgMCAwIDEgMSA4LjhWMS43MzdhLjcxMi43MTIgMCAwIDEgLjEyOS0uMzE1Yy4wNjgtLjA4OC4xNjMtLjE1OC4zNDItLjE1OGgxLjM2NXYyLjgwOWEuNS41IDAgMCAwIC43NDYuNDM1bDEuODgxLTEuMDY0IDEuODgxIDEuMDY0YS41LjUgMCAwIDAgLjc0Ni0uNDM1VjEuMjY0aDEuNTQyem0uNzk1IDguOTgxaC01LjVhMS43MjIgMS43MjIgMCAwIDEtMS43MSAxLjQ5MSAxLjcyMiAxLjcyMiAwIDAgMS0xLjcwOS0xLjQ5aC0uMDM3Yy0uMjQgMC0uNTktLjA2Ny0uODk0LS4yOEMuMjQ2IDkuNzMyIDAgOS4zNDUgMCA4LjhWMS42ODZsLjAwMi0uMDIzQy4wMjQgMS40MzIuMTE2IDEuMS4zMzUuODE1LjU2OC41MDkuOTQ0LjI2NCAxLjQ3LjI2NGg4LjE2MWMuMjMzIDAgLjU1Mi4wNzguODIyLjMxLjI4OC4yNDcuNDczLjYyOC40NzMgMS4xMzV2Mi4xNDdoMS45OTljLjM2NyAwIC43MS4xODMuOTE2LjQ4M2wuMDEzLjAyLjAxMi4wMi44OTUgMS42MTRoLjAxYy4yODMgMCAuNTczLjA5Ni43OTIuMzIuMjIuMjI1LjMyLjUzLjMyLjg1NXYyLjA3M2MwIC42MTItLjUgMS4xMS0xLjExMSAxLjExaC0uMTRhMS43MjMgMS43MjMgMCAwIDEtMS42OTIgMS4zODUgMS43MjIgMS43MjIgMCAwIDEtMS43MS0xLjQ5aC0uODA0ek0xMi45NCA4LjNjLS42NzQgMC0xLjI1Ny4zODQtMS41NC45NDVoLS40NzRWNy4zaDIuNDRsLjEwNi0uMDUzLjUwNS0uMjUzSDE0Ljc3M2MuMDU4IDAgLjA3NC4wMTcuMDc1LjAxOS4wMDIuMDAyLjAxLjAxLjAxOC4wMzJhLjM3LjM3IDAgMCAxIC4wMTcuMTI0djIuMDczYzAgLjA2LS4wNS4xMS0uMTEuMTFoLS4yNDJBMS43MjQgMS43MjQgMCAwIDAgMTIuOTQgOC4zem0uNzA0LTIuMjU4bC0uMDA5LjAwNC0uNTA1LjI1M2gtMi4yMDRWNC44NTZoMS45OTljLjAzIDAgLjA2Mi4wMTUuMDgyLjAzOGwuNjM3IDEuMTQ4ek0zLjgzNiAzLjIxNlYxLjI2NEg3LjA5djEuOTUybC0xLjM4LS43ODJhLjUuNSAwIDAgMC0uNDkzIDBsLTEuMzgxLjc4MnptOC4zOCA2LjgwMmEuNzIuNzIgMCAwIDEgLjcyNS0uNzE4LjcyLjcyIDAgMCAxIC43MjQuNzE4LjcyLjcyIDAgMCAxLS43MjQuNzE4LjcyLjcyIDAgMCAxLS43MjQtLjcxOHpNMy4yMTkgOS4zYS43Mi43MiAwIDAgMC0uNzI1LjcxOC43Mi43MiAwIDAgMCAuNzI1LjcxOC43Mi43MiAwIDAgMCAuNzI0LS43MTguNzIuNzIgMCAwIDAtLjcyNC0uNzE4eiIgZmlsbD0iIzY0NTdCNCIvPjwvc3ZnPg==') no-repeat center;
  margin-left: 4px;
  position: relative;
}

.icon-com-consolidation:hover .tip-popup {
  display: block;
}

.icon-com-consolidation .tip-popup {
  display: none;
  background: #fff;
  padding: 16px;
  width: 204px;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  top: 24px;
  transform: translateX(-50%);
  z-index: 10;
}

.icon-com-consolidation .tip-popup:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: -6px;
  background: white;
  width: 10px;
  height: 10px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  transform: translateX(-50%) rotate(-45deg);
}

.icon-com-consolidation .tip-popup .txt-ttl {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  padding-bottom: 8px;
  border-bottom: 1px dotted #cdcdcd;
}

.icon-com-consolidation .tip-popup .txt-con {
  color: #666;
  font-size: 10px;
  line-height: 140%;
  margin-top: 12px;
}



.popup-item-handle em {
  font-style: italic;
}

.popup-item-handle.line-sheet {
  font-size: 14px;
}

.popup-item-handle.line-sheet .line-sheet-txt {
  color: #666;
  line-height: 22px;
}

.popup-item-handle.line-sheet .line-sheet-txt strong {
  font-weight: 500;
  color: #333;
}

.popup-item-handle.line-sheet .line-sheet-ttl {
  color: #666;
  margin-top: 22px;
}

.popup-item-handle.line-sheet .line-sheet-box {
  padding: 24px;
  background: #F7F7F7;
  margin-top: 8px;
}

.popup-item-handle.line-sheet .line-sheet-list {}

.popup-item-handle.line-sheet .line-sheet-list li {
  padding-left: 25px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy40NjggOS4wNzNMLjQ1IDUuOTM3YTEuNjM5IDEuNjM5IDAgMCAxIDAtMi4yNTYgMS40OTUgMS40OTUgMCAwIDEgMi4xNyAwbDEuOTMxIDIuMDAyTDkuMzguNjY2YTEuNDk4IDEuNDk4IDAgMCAxIDIuMTcgMCAxLjY0IDEuNjQgMCAwIDEgMCAyLjI1Nkw1LjYzOCA5LjA2NmExLjQ5NyAxLjQ5NyAwIDAgMS0yLjE3MyAwbC4wMDMuMDA3eiIgZmlsbD0iIzNDQjBCNCIvPjwvc3ZnPg==') no-repeat top 7px left;
}

.popup-item-handle.line-sheet .line-sheet-list li+li {
  margin-top: 16px;
}

.popup-item-handle.line-sheet .line-sheet-list strong {
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.popup-item-handle.line-sheet .line-sheet-list span {
  color: #999;
  line-height: 22px;
  display: block;
}

.popup-item-handle.line-sheet .line-sheet-note {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  margin-top: 16px;
}

.popup-item-handle.line-sheet .line-sheet-note a {
  color: #159E9E;
  text-decoration-line: underline;
  margin-left: 4px;
}

.popup-item-handle.line-sheet .line-sheet-login {
  color: #666;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-top: 8px;
}

.popup-item-handle.line-sheet .line-sheet-login a {
  color: #333;
  font-weight: 500;
  text-decoration-line: underline;
  margin-left: 4px;
}

.popup-item-handle.line-sheet .item-handle-footer {
  text-align: center;
  padding: 24px 32px;
}

.popup-item-handle.line-sheet .item-handle-footer button {
  height: 40px;
  margin: auto;
}

.ly_expiringPoints {
  position: relative;
  width: 664px;
  max-height: 95vh;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.29);
  border-radius: 8px;
  z-index: 200;
  display: flex;
  flex-direction: column
}

.ly_expiringPoints h3 {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 0;
  border-bottom: #e5e5e5 1px solid
}

.ly_expiringPoints h3 a:hover {
  text-decoration: none;
  color: #3992e1
}

.ly_expiringPoints .btn_close {
  position: absolute;
  top: 17px;
  right: 17px;
  width: 15px;
  height: 15px;
  background: url(/img/btn_x.svg) no-repeat
}

.ly_expiringPoints .tbl_container {
  padding: 10px 20px 40px;
  overflow: auto;
  flex: 1
}

.ly_expiringPoints .tbl_container td {
  border-bottom: #f4f4f4 1px solid;
  text-align: right;
  font-weight: bold;
  font-size: 13px
}

.ly_expiringPoints .tbl_container td:first-child {
  text-align: left;
  padding-left: 28px
}

.ly_expiringPoints .tbl_container td:last-child {
  padding-right: 16px
}

.ly_expiringPoints .tbl_container thead td {
  padding: 15px 0;
  color: #666
}

.ly_expiringPoints .tbl_container thead td:last-child {
  color: #ff5758
}

.ly_expiringPoints .tbl_container tbody td {
  position: relative;
  padding: 10px 0;
  color: #333
}

.ly_expiringPoints .tbl_container tbody td:first-child {
  color: #666
}

.ly_expiringPoints .tbl_container tbody td:last-child {
  color: #ff5758
}

.ly_expiringPoints tbody tr:nth-of-type(4) td:first-child:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 14px;
  display: block;
  width: 10px;
  height: 12px;
  background: url(/img/ico_arrow_red.svg) center center no-repeat;
  background-size: cover
}

.ly_expiringPoints .tbl_container tbody tr:nth-of-type(4) ~ tr td {
  color: #cdcdcd!important
}

.ly_expiringPoints .md_footer {
  border-radius: 0 0 8px 8px;
  background: #f7f9fb;
  padding: 16px;
  text-align: right;
  border-top: 1px solid #efefef
}

.ly_expiringPoints .md_footer a {
  display: inline-block;
  font-size: 14px;
  border-radius: 2px;
  background: #5c9fea;
  width: 234px;
  line-height: 38px;
  text-align: center;
  color: white;
  border-top: 1px solid #efefef
}

.ly_expiringPoints .md_footer a:hover {
  text-decoration: none
}

.badge-new {
  display: inline-block;
  padding: 0 4px;
  color: #FFF;
  text-align: center;
  font-size: 8px;
  font-weight: 500;
  line-height: 13px;
  letter-spacing: 0.16px;
  border-radius: 20px;
  background: #3CB0B4;
  vertical-align: text-bottom;
}

.tooltip-type1-wrap {
  display: none;
  padding: 12px 16px;
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  border-radius: 2px;
  transform: translateX(-50%);
  box-sizing: border-box;
  cursor: default;
  z-index: 11;
}

.tooltip-type1-wrap:before {
  position: absolute;
  left: 50%;
  top: -10px;
  background: white;
  border-style: solid;
  border-width: 0px 7px 9px 7px;
  border-color: transparent transparent #c6c6c6 transparent;
  transform: translateX(-50%);
  content: '';
}

.tooltip-type1-wrap:after {
  position: absolute;
  left: 50%;
  top: -8.5px;
  background: transparent;
  border-style: solid;
  border-width: 0px 7px 9px 7px;
  border-color: transparent transparent #ffffff transparent;
  transform: translateX(-50%);
  content: '';
}

.tooltip-type1-wrap .tooltip-ttl {
  display: block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #333;
}

.tooltip-type1-wrap .tooltip-txt {
  font-size: 12px;
  line-height: 18px;
  color: #333;
}

.title-section-badge {
  display: inline-block;
  margin-bottom: 2px;
  position: relative;
  vertical-align: top;
}

.title-section-badge .badge-ai {
  position: relative;
  display: inline-block;
  padding: 4px 11px 0 0;
  font-size: 10px;
  line-height: 18px;
  color: #333;
  vertical-align: top;
  letter-spacing: -0.03em;
  cursor: default;
}

.title-section-badge .badge-ai:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.57695 0.108806C1.31417 1.25761 1.00609 1.64271 0.0870451 1.97119C-0.029015 2.01248 -0.029015 2.21829 0.0870451 2.25958C1.00609 2.58806 1.31417 2.97316 1.57695 4.12196C1.60998 4.26704 1.77464 4.26704 1.80766 4.12196C2.07045 2.97316 2.37853 2.58806 3.29757 2.25958C3.41363 2.21829 3.41363 2.01248 3.29757 1.97119C2.37853 1.64271 2.07045 1.25761 1.80766 0.108806C1.77464 -0.0362688 1.60998 -0.0362688 1.57695 0.108806ZM7.6446 0.99561C6.90685 4.07696 6.12969 4.92448 3.30512 5.72958C3.12245 5.78177 3.12245 6.06438 3.30512 6.11657C6.12969 6.92138 6.90658 7.76919 7.6446 10.8505C7.69244 11.0498 7.95149 11.0498 7.99933 10.8505C8.73708 7.76919 9.51424 6.92168 12.3388 6.11657C12.5215 6.06438 12.5215 5.78177 12.3388 5.72958C9.51424 4.92477 8.73735 4.07696 7.99933 0.99561C7.95149 0.796335 7.69244 0.796335 7.6446 0.99561Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat;
  content: ''
}

.title-section-badge .badge-ai em {
  font-size: 12px;
  font-weight: 900;
}

.title-section-badge .badge-ai:hover + .tooltip-type1-wrap {
  display: block;
}

.title-section-badge .badge-ai + .tooltip-type1-wrap {
  top: calc(100% + 10px);
}

.title-section-badge .badge-ai.light {
  color: #FFF1E3;
}

.title-section-badge .badge-ai.light:after {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNjQ0NSAwLjk5NjA4OEM3LjY5MjM0IDAuNzk2ODEzIDcuOTUxMTUgMC43OTY4MTMgNy45OTg5OSAwLjk5NjA4OEM4LjczNjk4IDQuMDc3MTMgOS41MTQzOCA0LjkyNDcxIDEyLjMzODggNS43Mjk0OUMxMi41MjE0IDUuNzgxNjggMTIuNTIxMyA2LjA2MzkxIDEyLjMzODggNi4xMTYyMUM5LjUxNDI2IDYuOTIxMzEgOC43MzY3MyA3Ljc2OTIzIDcuOTk4OTkgMTAuODUwNkM3Ljk1MTA4IDExLjA0OTcgNy42OTIzNSAxMS4wNDk4IDcuNjQ0NSAxMC44NTA2QzYuOTA2NDggNy43NjkyMyA2LjEyOTIzIDYuOTIxMDIgMy4zMDQ2NiA2LjExNjIxQzMuMTIyNjEgNi4wNjM2OCAzLjEyMjUzIDUuNzgxOTEgMy4zMDQ2NiA1LjcyOTQ5QzYuMTI5MDggNC45MjQ0MiA2LjkwNjc5IDQuMDc3MDYgNy42NDQ1IDAuOTk2MDg4Wk0xLjU3NzEyIDAuMTA4MzkzQzEuNjEwMzQgLTAuMDM2MTIwMSAxLjc3NDM4IC0wLjAzNjE0MTkgMS44MDc1OCAwLjEwODM5M0MyLjA3MDM3IDEuMjU3MiAyLjM3ODc3IDEuNjQzMTkgMy4yOTc4MiAxLjk3MTY3QzMuNDEzNDEgMi4wMTMyNyAzLjQxMzU2IDIuMjE4MzcgMy4yOTc4MiAyLjI1OTc2QzIuMzc4NzcgMi41ODgyNCAyLjA3MDM3IDIuOTczMjYgMS44MDc1OCA0LjEyMjA2QzEuNzc0NTEgNC4yNjY5OCAxLjYxMDIxIDQuMjY2OTYgMS41NzcxMiA0LjEyMjA2QzEuMzE0MzMgMi45NzMyNiAxLjAwNTkzIDIuNTg4MjQgMC4wODY4ODE4IDIuMjU5NzZDLTAuMDI5MDMyIDIuMjE4NDYgLTAuMDI4ODg5MiAyLjAxMzE3IDAuMDg2ODgxOCAxLjk3MTY3QzEuMDA1OTMgMS42NDMxOSAxLjMxNDMzIDEuMjU3MiAxLjU3NzEyIDAuMTA4MzkzWiIgZmlsbD0iI0ZGRjFFMyIvPgo8L3N2Zz4K');
}

.members-only {
  height: auto;
  color: #333;
  text-transform: none;
}

.members-only.min {

  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 4px;
}

.members-only.med {

  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
}

.members-only.max {

  font-size: 26px;
  font-weight: 700;
  line-height: normal;
  margin-top: 8px;
}

/* fgweek-popup */
.fgweek-popup {
  width: 1100px;
}

.fgweek-popup.popup-item-handle .item-handle-body {
  padding: 0;
  width: 100%;
  max-height: 100vh;
}

.fgweek-popup .img-area {
  flex-shrink: 0;
  width: 520px;
}

.fgweek-popup .img-area img {
  width: 100%;
}

.fgweek-popup .popup-main {
  width: 100%;
  min-height: 450px;
  padding: 60px 0 0;
  text-align: center;
  box-sizing: border-box;
}

.fgweek-popup .popup-sub-txt {
  display: inline-block;
  width: 186px;
  height: 15px;
}

.fgweek-popup .popup-sub-txt img {
  width: 100%;
}

.fgweek-popup .popup-logo {
  display: block;
  height: 21px;
  margin-top: 13px;
}

.fgweek-popup .popup-logo img {
  display: inline-block;
  width: 320px;
}

.fgweek-popup .popup-logo .fgw-badge-50 {
  display: inline-block;
  width: 37px;
  height: 13px;
  margin-left: 9px;
  background: #899F6B url(../img/fgweek/fgweek_popup_badge_ss.svg) no-repeat center;
  border-radius: 60px;
  vertical-align: 10px;
}

.fgweek-popup .popup-scheduled-area {
  margin-top: 22px;
}

.fgweek-popup .popup-scheduled-area .popup-scheduled-box {
  display: inline-block;
  width: 190px;
  padding: 3px 0;
  color: #A47764;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.05em;
  border: 1px solid #A47764;
  box-sizing: border-box;
}

.fgweek-popup .popup-main .popup-txt {
  margin-top: 46px;
  color: #333;
  font-size: 26px;
  font-family: 'Libre Caslon Text';
  text-align: center;
  line-height: 38px;
}

.fgweek-popup .btn-area {
  margin-top: 48px;
}

.fgweek-popup .btn-area .btn-popup-primary {
  display: inline-block;
  width: 300px;
  padding: 8px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  background-color: #899F6B;
  transition: all .2s;
}

.fgweek-popup .btn-area .btn-popup-primary:hover {
  background-color: #333;
  text-decoration: none;
}

.fgweek-popup .popup-main .hide-link {
  display: block;
  margin-top: 16px;
  color: #999;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-decoration: underline;
}

.fgweek-popup .desktop-visible {
  display: block;
}

.fgweek-popup .tablet-visible {
  display: none;
}

@media screen and (max-width: 1100px) {
  .fgweek-popup {
    width: 800px;
  }
  .fgweek-popup .img-area {
    width: 436px;
  }
  .fgweek-popup .popup-main {
    padding-top: 60px;
    min-height: 438px;
  }
  .fgweek-popup .popup-logo {
    height: 16px;
    margin-top: 9px;
  }
  .fgweek-popup .popup-logo img {
    width: 245px;
  }
  .fgweek-popup .popup-sub-txt {
    width: 166px;
    height: 15px;
  }
  .fgweek-popup .popup-scheduled-area {
    margin-top: 18px
  }
  .fgweek-popup .popup-scheduled-area .popup-scheduled-box {
    padding: 3px 0;
    width: 171px;
    font-size: 14px;
    line-height: 24px
  }
  .fgweek-popup.popup-item-handle .item-handle-body .popup-txt {
    margin-top: 50px;
    font-size: 20px;
    line-height: 32px;
  }
  .fgweek-popup .btn-area {
    margin-top: 52px
  }
  .fgweek-popup .fgw-badge-50 {
    width: 29px;
    height: 10px;
    margin-left: 6px;
    background-size: 19px;
    background-position-y: 3px;
  }

  .fgweek-popup .tablet-visible {
    display: block;
  }

  .fgweek-popup .desktop-visible {
    display: none;
  }
}

.flat_notification_area .flat_notification_link {
  display: flex;
  padding: 4px 16px;
  background-color: #ECF2FF;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}

.flat_notification_area .flat_notification_link:hover {
  text-decoration: none;
}

.flat_notification_area .flat_notification_dsc {
  color: #649EF6;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.flat_notification_area .flat_notification_view {
  color: #649EF6;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}

.shipping_notification_area .shipping_notification_link {
  display: flex;
  padding: 4px 16px;
  background-color: #EFEDFD;
  border-radius: 4px;
  align-items: center;
  justify-content: space-between;
  cursor: default;
}

.shipping_notification_area .shipping_notification_link:hover {
  text-decoration: none;
}

.shipping_notification_area .shipping_notification_dsc {
  color: #6457B4;
  font-size: 14px;
  line-height: 22px;
}

.shipping_notification_area .shipping_notification_dsc em {
  font-weight: 500;
}

.shipping_notification_area .shipping_notification_view {
  color: #6457B4;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}

.fgw-sale-area .fgw-sale-link {
  box-sizing: border-box;
  padding: 5px 16px;
  border-radius: 4px;
  background: #A47864;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fgw-sale-area .fgw-sale-link .fgw-sale-dsc {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.fgw-sale-area .fgw-sale-link .fgw-sale-dsc strong {
  font-weight: 500;
}

.fgw-sale-area .fgw-sale-link .fgw-sale-view {
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: underline;
}

.live_detailed .fgw-sale-area .fgw-sale-link {
  padding: 4px 8px;
}

.live_detailed .fgw-sale-area .fgw-sale-link .fgw-sale-dsc {
  font-size: 12px;
  line-height: 16px;
}

.live_detailed .fgw-sale-area .fgw-sale-link .fgw-sale-dsc strong {
  margin-right: 4px;
}

.live_detailed .fgw-sale-area .fgw-sale-link .fgw-sale-view {
  font-size: 10px;
}

.selected-coupon {
  display: flex;
  min-width: 240px;
  max-width: 451px;
  padding: 6px 8px 6px 10px;
  border: 1px solid #649EF6;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  box-sizing: border-box;
}

.selected-coupon .selected-coupon-dsc {
  display: -webkit-box;
  overflow: hidden;
  color: #666;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  -Webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
}

.selected-coupon .selected-coupon-dsc:before {
  display: inline-block;
  width: 9px;
  height: 8px;
  margin-right: 4px;
  background: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.60101 7.1544L0.33728 4.8024C0.12075 4.5741 0 4.2713 0 3.9565C0 3.6417 0.12075 3.33892 0.33728 3.11062C0.44207 2.99991 0.56827 2.91173 0.70823 2.85147C0.8482 2.79121 0.99893 2.76012 1.15129 2.76012C1.30365 2.76012 1.45445 2.79121 1.59441 2.85147C1.73437 2.91173 1.86058 2.99991 1.96536 3.11062L3.41361 4.6123L7.0346 0.84958C7.1396 0.73913 7.2658 0.6512 7.4058 0.59111C7.5457 0.53101 7.6964 0.5 7.8487 0.5C8.001 0.5 8.1516 0.53101 8.2916 0.59111C8.4315 0.6512 8.5578 0.73913 8.6627 0.84958C8.8792 1.07788 9 1.38069 9 1.69549C9 2.01029 8.8792 2.31309 8.6627 2.54139L4.2282 7.1494C4.1233 7.2602 3.99696 7.3484 3.85692 7.4086C3.71687 7.4689 3.56605 7.5 3.41361 7.5C3.26117 7.5 3.1103 7.4689 2.97025 7.4086C2.83021 7.3484 2.70393 7.2602 2.59905 7.1494L2.60101 7.1544Z' fill='%23649EF6'/%3E%3C/svg%3E") no-repeat 0 0;
  content:'';
}

.selected-coupon .selected-coupon-txt {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
}

.selected-coupon .selected-coupon-remove {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  font-size: 0;
  line-height: 0;
  flex-shrink: 0;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 4.67L0.67 8L0 7.33L3.33 4L0 0.67L0.67 0L4 3.33L7.33 0L8 0.67L4.67 4L8 7.33L7.33 8L4 4.67Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center center;
}

.summary-detail-box {
  display: none;
  padding: 8px;
  margin-top: 8px;
  background-color: #f7f7f7;
}

.order-summary .order-summary_list dl:has(button.active) + .summary-detail-box {
  display: block;
}

.order-summary .order-summary_list .btn-summary-detail {
  position: relative;
  padding-right: 17px;
  color: #333;
  font-size: 14px;
  line-height: 28px;
}

.order-summary .order-summary_list .btn-summary-detail:after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 6px;
  margin-top: -4px;
  transform: rotate(0deg);
  transition: transform ease-in .2s;
  background: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0360841 1.52753L4.42799 5.46763C4.45445 5.48849 4.48847 5.5 4.52369 5.5C4.55892 5.5 4.59294 5.48849 4.61939 5.46763L8.96392 1.52753C8.98717 1.5038 9 1.47329 9 1.44169C9 1.4101 8.98717 1.37958 8.96392 1.35586L8.00972 0.5L4.57201 3.58342C4.54538 3.60497 4.51078 3.6169 4.47491 3.6169C4.43905 3.6169 4.40445 3.60497 4.37782 3.58342L0.990282 0.499999L0.0360841 1.35669C0.0128268 1.38042 -7.96362e-08 1.41093 -8.23982e-08 1.44252C-8.51603e-08 1.47412 0.0128268 1.5038 0.0360841 1.52753Z' fill='%23333333'/%3E%3C/svg%3E") no-repeat center center;
  content:''
}

.order-summary .order-summary_list .btn-summary-detail.active:after {
  transform: rotate(-180deg);
}

.order-summary .order-summary_list .summary-detail-box .summary-detail-list + .summary-detail-list {
  margin-top: 4px;
}

.order-summary .order-summary_list .summary-detail-box .summary-detail-list dt,
.order-summary .order-summary_list .summary-detail-box .summary-detail-list dd {
  font-size: 12px;
  line-height: 18px;
}

.order-summary .order-summary_list .summary-detail-box .summary-detail-list dd {
  letter-spacing: -0.02em;
}

.shipping-detail-wrap .message-box {
  width: 100%;
}

.message-box .message-information {
  padding: 8px 14px 8px 32px;
  margin-bottom: 12px;
  color: #333;
  font-size: 14px;
  line-height: 18px;
  background: #ddd 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='M5.99994 11.9999C9.31362 11.9999 11.9999 9.31362 11.9999 5.99994C11.9999 2.68627 9.31362 0 5.99994 0C2.68627 0 0 2.68627 0 5.99994C0 9.31362 2.68627 11.9999 5.99994 11.9999Z' fill='%23333333'/%3E%3Cpath d='M6.87042 4.37695L5.10773 4.59787L5.04461 4.89037L5.39099 4.95426C5.61729 5.00814 5.66194 5.08973 5.61267 5.31526L5.04461 7.98471C4.89528 8.67517 5.12543 8.99999 5.66656 8.99999C6.08606 8.99999 6.57331 8.80602 6.79422 8.53969L6.86196 8.21948C6.70801 8.35495 6.48325 8.40884 6.33392 8.40884C6.12224 8.40884 6.04527 8.26028 6.09992 7.99857L6.87042 4.37695Z' fill='%23F7F7F7'/%3E%3Cpath d='M6.1545 3.53947C6.57962 3.53947 6.92424 3.19485 6.92424 2.76974C6.92424 2.34462 6.57962 2 6.1545 2C5.72939 2 5.38477 2.34462 5.38477 2.76974C5.38477 3.19485 5.72939 3.53947 6.1545 3.53947Z' fill='%23F7F7F7'/%3E%3C/svg%3E") no-repeat 12px 11px;
}

.message-box .message-information em {
  font-weight: 500;
  font-style: normal;
}

.message-box .message-information.light-gray {
  background-color: #f2f2f2;
}

.icon-fg-circle {
  display: inline-block;
  width: 17px;
  height: 18px;
  font-size: 0;
  line-height: 0;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='17' height='17' rx='8.5' fill='%23333333'/%3E%3Cpath d='M5.12891 6.3125V12H4.14844V6.3125H5.12891ZM7.44922 8.80078V9.57812H4.87891V8.80078H7.44922ZM7.77344 6.3125V7.09375H4.87891V6.3125H7.77344ZM12.9219 9.09375V11.2656C12.8411 11.3724 12.7148 11.4896 12.543 11.6172C12.3737 11.7422 12.1484 11.8503 11.8672 11.9414C11.5859 12.0326 11.2357 12.0781 10.8164 12.0781C10.4596 12.0781 10.1328 12.0182 9.83594 11.8984C9.53906 11.776 9.28255 11.5977 9.06641 11.3633C8.85286 11.1289 8.6875 10.8438 8.57031 10.5078C8.45312 10.1693 8.39453 9.78385 8.39453 9.35156V8.95703C8.39453 8.52734 8.44792 8.14453 8.55469 7.80859C8.66406 7.47005 8.82031 7.18359 9.02344 6.94922C9.22656 6.71484 9.47135 6.53776 9.75781 6.41797C10.0469 6.29557 10.3737 6.23438 10.7383 6.23438C11.2044 6.23438 11.5898 6.3125 11.8945 6.46875C12.2018 6.6224 12.4388 6.83594 12.6055 7.10938C12.7721 7.38281 12.8776 7.69531 12.9219 8.04688H11.9609C11.9297 7.84896 11.8685 7.67188 11.7773 7.51562C11.6888 7.35938 11.5612 7.23698 11.3945 7.14844C11.2305 7.05729 11.0169 7.01172 10.7539 7.01172C10.5273 7.01172 10.3281 7.05469 10.1562 7.14062C9.98438 7.22656 9.84115 7.35286 9.72656 7.51953C9.61458 7.6862 9.52995 7.88932 9.47266 8.12891C9.41536 8.36849 9.38672 8.64193 9.38672 8.94922V9.35156C9.38672 9.66406 9.41927 9.94141 9.48438 10.1836C9.55208 10.4258 9.64844 10.6302 9.77344 10.7969C9.90104 10.9635 10.056 11.0898 10.2383 11.1758C10.4206 11.2591 10.6263 11.3008 10.8555 11.3008C11.0794 11.3008 11.263 11.2826 11.4062 11.2461C11.5495 11.207 11.6628 11.1615 11.7461 11.1094C11.832 11.0547 11.8984 11.0026 11.9453 10.9531V9.82422H10.7617V9.09375H12.9219Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
}

.base-select_arrow .base-select-main .tag-fg-free,
.base-select_arrow .base-select-menu li .tag-fg-free {
  margin-left: 4px;
}

.tag-fg-free {
  display: none;
  font-size: 14px;
  color: #649EF6;
  line-height: 18px;
  font-weight: 400 !important;
  vertical-align: middle;
}

.tag-fg-free.fg-freeShipping-label {
  color: #6457B4 !important;
  font-size: 12px !important;
  background-color: #efedfd;
  border-radius: 4px;
  padding: 2px 8px;
}

.tag-fg-free em {
  font-weight: 500;
  font-style: normal;
  display: none;
}

.tag-freeShippig {
  display: inline-block;
  margin-left: 4px;
  color: #6457B4;
  font-size: 12px;
  background-color: #efedfd;
  border-radius: 4px;
  padding: 2px 8px;
  line-height: 18px;
  vertical-align: middle;
}

.tag-fg-free.fg-freeShipping-label em {
  display: inline-block;
}

#main_content .section.fg_rolling_banner {
  padding: 60px 0 16px;
}

#main_content .section.fg_rolling_banner .swiper-container {
  border-radius: 4px;
}

#main_content .section.fg_rolling_banner .swiper-pagination {
  width: 100%;
  bottom: 0;
}

#main_content .section.fg_rolling_banner .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  vertical-align: bottom;
  background-color: #666;
}
#main_content .section.fg_rolling_banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #666;
}

.popup-snackbar-middle {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 24px 32px;
  min-width: 405px;
  white-space: nowrap;
  background-color: #ECFBFC;
  border-radius: 4px;
  z-index: 91;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.popup-snackbar-middle .snackbar-txt {
  padding-left: 26px;
  color: #333;
  font-size: 16px;
  line-height: 24px;
  background: 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%3Cpath d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z' fill='%23333333'/%3E%3Cpath d='M9.1614 5.83594L6.81112 6.13049L6.72696 6.5205L7.1888 6.60568C7.49054 6.67752 7.55007 6.78632 7.48439 7.08703L6.72696 10.6463C6.52785 11.5669 6.83472 12 7.55623 12C8.11558 12 8.76524 11.7414 9.0598 11.3863L9.15011 10.9594C8.94485 11.14 8.64516 11.2118 8.44605 11.2118C8.16381 11.2118 8.06118 11.0138 8.13405 10.6648L9.1614 5.83594Z' fill='%23F7F7F7'/%3E%3Cpath d='M8.20699 4.71928C8.77381 4.71928 9.23332 4.25978 9.23332 3.69295C9.23332 3.12613 8.77381 2.66663 8.20699 2.66663C7.64017 2.66663 7.18066 3.12613 7.18066 3.69295C7.18066 4.25978 7.64017 4.71928 8.20699 4.71928Z' fill='%23F7F7F7'/%3E%3C/svg%3E") no-repeat left center;
}

.popup-snackbar-middle .snackbar-txt.check {
  color: #159E9E;
  background-image: 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%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0C12.4183 0 16 3.58166 16 8C16 12.4183 12.4183 16 8 16C3.58166 16 0 12.4183 0 8C0 3.58166 3.58166 0 8 0Z' fill='%23159E9E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.99343 7.36083C3.3572 6.99707 3.97448 6.97629 4.31637 7.36083L6.46047 9.77223L11.6792 4.24837C12.0324 3.87433 12.6384 3.88461 13.0021 4.24837C13.3659 4.61214 13.3567 5.19858 13.0021 5.57132L7.12172 11.7566C7.11603 11.7623 7.11035 11.768 7.10444 11.7735C7.09854 11.779 7.09285 11.7844 7.08694 11.7897C7.08104 11.7949 7.07513 11.8002 7.06901 11.8054C7.0631 11.8107 7.05697 11.8157 7.05085 11.8205C7.04472 11.8255 7.0386 11.8304 7.03248 11.8352C7.02635 11.84 7.02001 11.8446 7.01366 11.8494C7.00732 11.854 7.00098 11.8586 6.99463 11.863C6.98829 11.8673 6.98173 11.8717 6.97538 11.8761C6.96882 11.8805 6.96248 11.8846 6.95592 11.8885C6.94935 11.8927 6.94279 11.8966 6.93601 11.9006C6.92945 11.9045 6.92267 11.9082 6.91589 11.912C6.90911 11.9157 6.90232 11.9194 6.89554 11.9229C6.88876 11.9264 6.88198 11.9299 6.87498 11.9334C6.8682 11.9367 6.8612 11.9399 6.85442 11.9432C6.84742 11.9465 6.84064 11.9496 6.83364 11.9526C6.82664 11.9557 6.81964 11.9585 6.81264 11.9614C6.80564 11.9642 6.79842 11.9671 6.79142 11.9697C6.78442 11.9723 6.77721 11.9749 6.76999 11.9774C6.76277 11.9798 6.75577 11.9822 6.74855 11.9846C6.74133 11.987 6.73411 11.9892 6.7269 11.9911C6.71968 11.9933 6.71246 11.9953 6.70502 11.9973C6.6978 11.9992 6.69037 12.001 6.68315 12.0029C6.67593 12.0047 6.66849 12.0064 6.66105 12.008C6.65362 12.0095 6.6464 12.011 6.63896 12.0126C6.63152 12.0139 6.62431 12.0154 6.61687 12.0165C6.60943 12.0178 6.60199 12.0189 6.59456 12.02C6.58712 12.0211 6.57968 12.022 6.57225 12.0229C6.56481 12.0237 6.55737 12.0246 6.54993 12.0253C6.5425 12.0259 6.53506 12.0266 6.52762 12.027C6.52019 12.0274 6.51275 12.0279 6.50509 12.0283C6.49766 12.0288 6.49 12.029 6.48256 12.0292C6.47513 12.0292 6.46769 12.0294 6.46003 12.0294C6.45238 12.0294 6.44494 12.0294 6.4375 12.0292C6.43006 12.0292 6.42241 12.0288 6.41497 12.0283C6.40753 12.0279 6.4001 12.0274 6.39244 12.027C6.385 12.0266 6.37757 12.0259 6.37013 12.0253C6.36269 12.0246 6.35526 12.0237 6.34782 12.0229C6.34038 12.022 6.33294 12.0211 6.32551 12.02C6.31807 12.0189 6.31063 12.0178 6.30319 12.0165C6.29576 12.0152 6.28832 12.0139 6.2811 12.0126C6.27366 12.011 6.26645 12.0097 6.25901 12.008C6.25157 12.0064 6.24435 12.0047 6.23692 12.0029C6.2297 12.0012 6.22226 11.9992 6.21504 11.9973C6.20782 11.9953 6.20061 11.9933 6.19317 11.9911C6.18595 11.9889 6.17873 11.9868 6.17151 11.9846C6.16429 11.9822 6.15708 11.98 6.15008 11.9774C6.14286 11.9749 6.13586 11.9723 6.12864 11.9697C6.12164 11.9671 6.11442 11.9642 6.10742 11.9614C6.10042 11.9585 6.09342 11.9557 6.08642 11.9526C6.07942 11.9496 6.07242 11.9465 6.06564 11.9432C6.05864 11.9399 6.05186 11.9367 6.04508 11.9334C6.0383 11.9301 6.0313 11.9266 6.02452 11.9229C6.01774 11.9194 6.01096 11.9157 6.00418 11.912C5.9974 11.9082 5.99083 11.9045 5.98405 11.9006C5.97749 11.8966 5.97093 11.8927 5.96437 11.8885C5.9578 11.8844 5.95124 11.8802 5.9449 11.8761C5.93833 11.8717 5.93199 11.8675 5.92565 11.863C5.9193 11.8586 5.91296 11.854 5.90662 11.8494C5.90027 11.8448 5.89415 11.84 5.88781 11.8352C5.88168 11.8304 5.87556 11.8255 5.86943 11.8205C5.86331 11.8155 5.85718 11.8105 5.85128 11.8054C5.84537 11.8002 5.83925 11.7951 5.83334 11.7897C5.82743 11.7844 5.82153 11.779 5.81584 11.7735C5.80993 11.768 5.80425 11.7623 5.79856 11.7566L2.99277 8.68378C2.64585 8.30382 2.62966 7.7246 2.99343 7.36083Z' fill='white'/%3E%3C/svg%3E");
}

/* fgw 2025 f/w popup start */
.popup-item-handle.fw25-popup {
  width: 1100px;
}
.fw25-popup.popup-item-handle .item-handle-body {
  padding: 0;
  max-height: 100vh;
}
.fw25-popup .img-area {
  flex-shrink: 0;
  width:520px;
}
.fw25-popup .img-area img {
  width: 100%;
}
.fw25-popup .popup-main {
  width: 100%;
  min-height: 450px;
  padding: 54px 0 0;
  text-align: center;
  box-sizing: border-box;
}

.fw25-popup.popup-item-handle .item-handle-body p.popup-ttl-txt {
  color: #666;
  text-align: center;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: #333;
  font-family: "Libre Caslon Text";
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.4px;
  padding-bottom: 4px;
}
.fw25-popup.popup-item-handle .item-handle-body p.popup-ttl {
  margin-top: 16px;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
.fw25-popup .popup-sub-txt {
  display:inline-block;
  margin-top: 20px;
  width: 285px;
}

.fw25-popup.popup-item-handle .item-handle-body .hide-link {
  margin-top: 16px;
}
.fw25-popup .hide-link a {
  color: #555;
  font-size: 14px;
  line-height: 22px;
  text-decoration: underline;
}
.fw25-popup .btn-popup-primary {
  display:inline-block;
  width:300px;
  padding:8px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  background-color: #333;
  transition: all .2s;
  text-decoration: none;
}
.fw25-popup .btn-popup-primary:hover {
  background-color: #333;
  text-decoration: none;
}
.fw25-popup .btn-popup-primary:active {
  background-color: #333;
  text-decoration: none;
}
.fw25-popup .popup-contents {
  padding: 14px 0;
  margin: 34px 47px;
  background: rgba(250, 242, 227, 0.30);
}
.fw25-popup .popup-contents .contents-main-txt {
  color: #6E4532;
  text-align: center;
  -webkit-text-stroke-width: 0.01px;
  -webkit-text-stroke-color: #6E4532;
  font-family: "Libre Caslon Text";
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
}
.fw25-popup .popup-contents .contents-period {
  color: #333;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  margin-top: 16px;
}
.fw25-popup .popup-contents .contents-period span {
  color: #AFA59B;
}

.fw25-popup .ends-today-txt {
  position: relative;
  color: #9B5F3D;
  text-align: center;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #9B5F3D;
  font-family: "Libre Caslon Text";
  font-size: 26px;
  line-height: normal;
  margin: 52px auto 0;
  padding: 0 10px;
  width: fit-content;
}

.fw25-popup .ends-today-txt:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 23px;
  left: 0;
  bottom: 0;
  background: #FFF5E8;
  z-index: -1;
}

.fw25-popup.popup-item-handle .item-handle-body p.ends-txt {
  color: #333;
  text-align: center;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #333;
  font-family: "Libre Caslon Text";
  font-size: 34px;
  line-height: 52px;
  margin: 8px 0 56px;
}
/* fgw 2025 f/w popup end */


/* fgw 2025 s/s : start */
.fgw-badge-25-ss {
  --primary-color: #899F6B;

  position: relative;
  display: inline-block;
  width: max-content;
  height: max-content
}

.fgw-badge-25-ss .inner{
  display: inline-flex;
  gap: 1px;
  overflow: hidden;
  vertical-align: top;
}

.fgw-badge-25-ss .inner >*:first-child {
  border-radius: 4px 0 0 4px;
}

.fgw-badge-25-ss .inner >*:last-child {
  border-radius: 0 4px 4px 0;
}

.fgw-badge-25-ss.icon-live .inner{
  padding: 5px 0 4px 34px;
}

.fgw-badge-25-ss.icon-live .inner:before {
  content:'';
  position: absolute;
  left: 15px;
  top: 5px;
  bottom: 4px;
  width: 25px;
  height: 24px;
  background-color: var(--primary-color);
}

.fgw-badge-25-ss.icon-live .inner:after {
  content:'';
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 33px;
  background: #fff url('/img/fgweek/2025/icon_live.svg') no-repeat center / 100%;
  border-radius: 100px;
}

.fgw-badge-25-ss .fgw-badge-120 {
  width: 120px;
  height: 24px;
  background:var(--primary-color) url('/img/fgweek/2025/img_badge_fg_week_120.svg') no-repeat center / 100%;
}

.fgw-badge-25-ss .fgw-badge-70 {
  display: inline-block;
  width: 71px;
  height: 22px;
  background:var(--primary-color) url('/img/fgweek/2025/img_badge_fg_week_70.svg') no-repeat center / 100%;
  vertical-align: top;
}

.fgw-badge-25-ss .fgw-badge-contents {
  padding: 4px 16px 2px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  font-weight: 400;
  background-color: var(--primary-color);
  box-sizing: border-box;
}

.fgw-badge-25-ss .fgw-badge-contents.wide {
  min-width: 120px;
}

.fgw-badge-25-ss .fg-badge {
  width: 94px;
  height: 24px;
  background: url('/img/fgweek/2025/img_badge_only_fg.svg') no-repeat center / 100%;
}

.fgw-badge-25-ss-area a:hover {
  text-decoration: none;
}

.fgw-badge-25-ss-area .link-live_gray {
  display:inline-block;
  padding: 8px 15px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  background-color: #EAEAEA;
}

.fgw-badge-25-ss-area .link-live_gray:after {
  content:'';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 8px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5.5' stroke='%23333'/%3E%3Cpath d='M4.615 8.769l4.452-2.77L4.615 3.23V8.77z' fill='%23333'/%3E%3C/svg%3E") no-repeat 100%;
  vertical-align: -1px;
}

.fgw-badge-25-ss-area .link-live_gray:hover {
  background-color: #ddd;
}

.fgw-badge-25-ss-area .link-live_gray:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='6' r='5.5' fill='%23333' stroke='%23333'/%3E%3Cpath d='M4.615 8.769l4.452-2.77L4.615 3.23V8.77z' fill='%23fff'/%3E%3C/svg%3E")
}

.fgw-bnr-25-ss-area  {
  --bg-color: #EEF3E8;;
}

.fgw-bnr-25-ss-area .bnr-page-top {
  position: relative;
  padding: 60px 0;
  background-color: var(--bg-color);
}

.fgw-bnr-25-ss-area .bnr-page-top:before {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  content:'';
  display:block;
  width:100vw;
  background-color: var(--bg-color);
}

.fgw-bnr-25-ss-area .bnr-page-top:after {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  content:'';
  display:block;
  width:100vw;
  background-color: var(--bg-color);
}

.fgw-bnr-25-ss-area .bnr-page-top .fgw-bnr-date {
  color: #A47764;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
}

.fgw-bnr-25-ss-area .bnr-page-top .fgw-bnr-title {
  color: #333;
  display: block;
  margin-top: 12px;
  font-size: 40px;
  font-weight: 500;
  line-height: 60px;
}
/* fgw 2025 s/s : end */


/* 2025-02 dark-tooltip - left bottom START */
.base-switch.with-tooltip {
  position: relative;
}

.dark-tooltip {
  position: absolute;
  top: calc(100% + 18px);
  left: -17px;
  width: 276px;
  padding: 16px;
  border-radius: 4px;
  background-color: #333;
  box-sizing: border-box;
  box-shadow: 0px 2px 12px 0px #00000014;
  z-index: 1;
  cursor: default;
}

.dark-tooltip:after {
  display: block;
  position: absolute;
  top: -9px;
  left: 23px;
  border-style: solid;
  border-width: 0 6.5px 9px 6.5px;
  border-color: transparent transparent #333 transparent;
  filter: drop-shadow(0px 2px 12px rgba(0, 0, 0, 0.14));
  content:'';
}

/* right */
.dark-tooltip.right {
  right: unset;
  left: -13px;
}

.dark-tooltip.right:after {
  right: unset;
  left: 20px;
}

/* top */
.dark-tooltip.top {
  top: unset;
  bottom: calc(100% + 18px);
}

.dark-tooltip.top:after {
  top: unset;
  border-width: 9px 6.5px 0 6.5px;
  border-color: #333 transparent transparent transparent;
  bottom: -9px;
}
/* perfect left */
.dark-tooltip.perfect-left {
  right: calc(100% + 10px);
  left: unset;
  top: 50%;
  transform: translateY(-50%);
}

.dark-tooltip.perfect-left:after {
  top: 50%;
  transform: translateY(-50%);
  right: -9px;
  border-width: 6.5px 0 6.5px 9px;
  border-color: transparent transparent transparent #333;
}

/* perfect right */
.dark-tooltip.perfect-right {
  right: unset;
  left: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%);
}

.dark-tooltip.perfect-right:after {
  top: 50%;
  transform: translateY(-50%);
  right: unset;
  left: -9px;
  border-width: 6.5px 9px 6.5px 0;
  border-color: transparent #333 transparent transparent;
}

.dark-tooltip .dark-tooltip-inner {
  display: flex;
  flex-direction: column;
}

.dark-tooltip .tooltip-tag-area {
  margin-bottom: 8px;
}

.dark-tooltip .tooltip-tag-area .tooltip-tag {
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  font-size: 10px;
  line-height: 20px;
  color: #159E9E;
  background-color: #fafdfd;
  border-radius: 2px;
  font-weight: 700;
}

.dark-tooltip .dark-tooltip-ttl {
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
}

.dark-tooltip .dark-tooltip-ttl + .dark-tooltip-dsc {
  margin-top: 6px;
}

.dark-tooltip .dark-tooltip-dsc {
  margin-bottom: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.dark-tooltip .got-it-btn {
  margin-left: auto;
  color: #3CB0B4;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  text-decoration: underline;
}

.dark-tooltip .tooltip-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  font-size: 0;
  color: transparent;
  background: 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%3Cpath d='M12 4L4 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4L12 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* 2025-02 dark-tooltip END */


/* 2025-03 marketing banner START */
.category-mkt-bnr-area {
  --bg-color: #50406B
}

.category-mkt-bnr-area .inner-mkt-bnr {
  position: relative;
  display: flex;
  justify-content: space-between;
  background-color: var(--bg-color);
}

.category-mkt-bnr-area .inner-mkt-bnr:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: var(--bg-color);
}

.category-mkt-bnr-area .inner-mkt-bnr:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: var(--bg-color);
}

.category-mkt-bnr-area .mkt-bnr-info {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.category-mkt-bnr-area .mkt-bnr-info .mkt-bnr-ttl {
  margin-bottom: 20px;
  color: #fff;
  font-size: 38px;
  line-height: 60px;
  font-weight: 500;
  font-family: "Libre Caslon Text", sans-serif;
}

.category-mkt-bnr-area .mkt-bnr-info .group-go-to {
  display: flex;
  margin-top: 12px;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.category-mkt-bnr-area .mkt-bnr-info .group-go-to .btn-sign-up {
  padding: 12px 48px;
  color: #5C49C7;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 2px;
}

.category-mkt-bnr-area .mkt-bnr-info .group-go-to .btn-sign-up:hover {
  color: #fff;
  background-color: #333333;
  text-decoration: none;
}

.category-mkt-bnr-area .mkt-bnr-info .group-go-to .link-sign-in {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-decoration: underline;
}

.category-mkt-bnr-area .mkt-bnr-visual {
  position: relative;
  z-index: 1;
  width: 520px;
}


.category-mkt-bnr-area .mkt-bnr-visual img {
  width: 520px;
}
/* 2025-03 marketing banner END */


.catalog-bnr-area {
  background-color: #2B2B2B;
  justify-content: center;
  display: flex;
}

.catalog-bnr-area .catalog-bnr-area-inner {
  width: 1200px;
  position: relative;
}

.catalog-bnr-area .catalog-bnr-area-inner:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: #2B2B2B;
}

.catalog-bnr-area .catalog-bnr-area-inner:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: #2B2B2B;
}

.catalog-bnr-area .catalog-bnr-area-inner img {
  width: 100%;
  position: relative;
  z-index: 1;
}


/* Coupon Flash Message START */
.popup-flash-msg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 23px 10px 16px;
  min-width: 305px;
  white-space: nowrap;
  background: #599AFC;
  border-radius: 8px;
  z-index: 91;
  box-sizing: border-box;
  text-align: center;
}

.popup-flash-msg .icon-flash-check {
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  padding: 6px;
  background: #599AFC url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='30' height='30' rx='15' stroke='white' stroke-width='2'/%3E%3Cpath d='M10.8077 15.4435L14.6338 19.3379L21.1927 12.6619' stroke='white' stroke-width='2.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
  border-radius: 50%;
  box-sizing: border-box;
}

.popup-flash-msg .ttl-flash-msg {
  color: #fff;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.02em;
  font-weight: 700;
}

.popup-flash-msg .dsc-flash-msg {
  padding-top: 6px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.02em;
}
/* Coupon Flash Message END */

/* Coupon Floating Banner START */
.btn-floating-bnr {
  position: fixed;
  bottom: 0;
  right: 50%;
  transform: translateX(50%);
  display: flex;
  width: 520px;
  min-height: 48px;
  padding: 4px 10px;
  background: #599AFC;
  border-radius: 4px 4px 0 0;
  z-index: 25;
  align-items: center;
  justify-content: center;
  transition: all .3s ease-in-out;
  text-align: center;
}

.btn-floating-bnr.small {
  right: 24px;
  transform: translateX(0);
  width: 300px;
  flex-direction: column;
  align-items: flex-start;
}

.btn-floating-bnr .icon-circle-check {
  display: none;
  margin-right: 8px;
  width: 23px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.35' y='0.85' width='20.3' height='20.3' rx='10.15' stroke='%23649EF6' stroke-width='1.7'/%3E%3Cpath d='M8 10.6667L10.5789 13L15 9' stroke='%23649EF6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.btn-floating-bnr .icon-time {
  margin-right: 8px;
  width: 22px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='24' viewBox='0 0 22 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_283_8104)'%3E%3Cpath d='M4.30026 19.8346C7.99879 23.5331 14.0013 23.5331 17.6998 19.8346C21.3984 16.1361 21.3984 10.1336 17.6998 6.43503C14.0013 2.7365 7.99879 2.7365 4.30026 6.43503C2.451 8.28429 1.52637 10.7096 1.52637 13.1348' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.52637 13.1372C1.52637 14.3498 1.76131 15.5625 2.22363 16.6993' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2637 13.1378V7.64307' stroke='white' stroke-width='1.51579' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.4856 1.39136H12.5172' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.65001 19.5024L4.30054 19.8359L4.63401 22.1778' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.2637 14C11.816 14 12.2637 13.5523 12.2637 13C12.2637 12.4477 11.816 12 11.2637 12C10.7114 12 10.2637 12.4477 10.2637 13C10.2637 13.5523 10.7114 14 11.2637 14Z' stroke='white' stroke-width='1.51579' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_283_8104'%3E%3Crect width='22' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.btn-floating-bnr .dsc-float-bnr {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.btn-floating-bnr .dsc-float-bnr .sub-dsc-bnr {
  margin-left: 8px;
  margin-right: 12px;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: 0;
}

.btn-floating-bnr.small .dsc-float-bnr .sub-dsc-bnr {
  display: block;
  margin-left: 0;
}

.btn-floating-bnr .time-float-bnr {
  padding-right: 34px;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}

.btn-floating-bnr .time-float-bnr .time {
  letter-spacing: 0.02em;
  font-style: normal;
  font-size: 12px;
  line-height: 18px;
}

.btn-floating-bnr .icon-arrow-up {
  width: 13px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.95641 2.71183L6.94731 2.70279L6.93775 2.69422C6.80726 2.57725 6.63835 2.51297 6.46376 2.51297C6.28918 2.51297 6.12027 2.57725 5.98978 2.69422L5.97885 2.70401L5.96852 2.71443L1.42798 7.29242L0.623844 6.49271L6.53305 0.620476L12.3779 6.4921L11.5696 7.29518L6.95641 2.71183Z' fill='white' stroke='white'/%3E%3C/svg%3E");
}

.btn-floating-bnr.bg-light-blue {
  background-color: #ECF2FF;
}

.btn-floating-bnr.bg-light-blue .icon-time {
  display: none;
}

.btn-floating-bnr.bg-light-blue .icon-circle-check {
  display: block;
}

.btn-floating-bnr.bg-light-blue .dsc-float-bnr {
  color: #649EF6;
}

.btn-floating-bnr.bg-light-blue .dsc-float-bnr .sub-dsc-bnr {
  color: #666;
}

.btn-floating-bnr.bg-light-blue .icon-arrow-up {
  background-image: 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='M7.45641 2.71183L7.44731 2.70279L7.43775 2.69422C7.30726 2.57725 7.13835 2.51297 6.96376 2.51297C6.78918 2.51297 6.62027 2.57725 6.48978 2.69422L6.47885 2.70401L6.46852 2.71443L1.92798 7.29242L1.12384 6.49271L7.03305 0.620476L12.8779 6.4921L12.0696 7.29518L7.45641 2.71183Z' fill='%23649EF6' stroke='%23649EF6'/%3E%3C/svg%3E");
}
/* Coupon Floating Banner END */

/* popup total saving START */
.popup-item-handle .ttl-saving-info {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.box-saving-info {
  margin: 8px 0 16px;
  padding: 8px;
  background-color: #F7F7F7;
  border-radius: 8px;
}

.box-saving-info .inner-box-saving-info {
  max-height: 142px;
  padding-right: 8px;
  overflow-y: auto;
}

.box-saving-info .row-saving-info {
  display: flex;
  padding-bottom: 8px;
  justify-content: space-between;
  gap: 8px;
}

.box-saving-info .row-saving-info:last-child {
  padding-bottom: 0;
}

.box-saving-info .save-number {
  width: 46px;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
  flex-shrink: 0;
  font-weight: 500;
}

.box-saving-info .dsc-saving-info {
  display: -webkit-box;
  overflow: hidden;
  font-size: 14px;
  line-height: 22px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
}

.box-saving-info .discount-price {
  color: #FF5859;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.total-saving-info {
  display: flex;
  padding: 12px 16px 0 0;
  border-top: 1px solid #cdcdcd;
  justify-content: space-between;
}

.total-saving-info .ttl-total-saving {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.total-saving-info .price-total-saving {
  color: #FF5859;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
/* popup total saving START */

/* Order Summery FG Coupon START */
.add-fg-coupon {
  position: relative;
  padding: 12px 12px 12px 24px;
  border-bottom: 1px solid #ececec;
}

.add-fg-coupon .ttl-add-coupon {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 28px;
  font-weight: 500;
}

.add-fg-coupon .dsc-add-coupon {
  margin-top: 4px;
  padding-left: 20px;
  color: #333;
  font-size: 12px;
  line-height: 18px;
  background: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.90549 0C0.414571 0 0.0166016 0.402944 0.0166016 0.9V11.1C0.0166016 11.5971 0.414571 12 0.905491 12H15.1277C15.6186 12 16.0166 11.5971 16.0166 11.1V9.17578C14.6486 8.78402 13.6462 7.51053 13.6462 6C13.6462 4.48947 14.6486 3.21598 16.0166 2.82422V0.9C16.0166 0.402944 15.6186 0 15.1277 0H0.90549Z' fill='%23599AFC'/%3E%3Cpath d='M7.00391 6.11033C7.00391 4.57757 8.23012 3.34369 9.75522 3.34369C10.445 3.34369 11.1041 3.61192 11.6252 4.05643C11.6865 4.11774 11.6942 4.2097 11.6329 4.27101L11.1577 4.76916C11.0964 4.83047 11.0274 4.83047 10.9584 4.76916C10.6289 4.47794 10.2227 4.32466 9.80121 4.32466C8.84323 4.32466 8.08451 5.14469 8.08451 6.10267C8.08451 7.05298 8.84323 7.85769 9.80887 7.85769C10.238 7.85769 10.5676 7.7274 10.7209 7.66609V7.01466H10.1078C10.0235 7.01466 9.96215 6.95335 9.96215 6.87672V6.27127C9.96215 6.18697 10.0235 6.12566 10.1078 6.12566H11.5792C11.6559 6.12566 11.7172 6.19463 11.7172 6.27127V8.23321C11.7172 8.29452 11.6865 8.33284 11.6559 8.35584C11.6559 8.35584 10.8665 8.85398 9.75522 8.85398C8.23012 8.85398 7.00391 7.6431 7.00391 6.11033Z' fill='white'/%3E%3Cpath d='M2.1416 8.63899V3.56553C2.1416 3.4889 2.20291 3.41992 2.28721 3.41992H5.40639C5.4907 3.41992 5.55201 3.4889 5.55201 3.56553V4.19397C5.55201 4.27061 5.4907 4.33958 5.40639 4.33958H3.1379V5.78038H5.03087C5.1075 5.78038 5.17648 5.84936 5.17648 5.926V6.55443C5.17648 6.63107 5.1075 6.70004 5.03087 6.70004H3.1379V8.63899C3.1379 8.71563 3.06893 8.7846 2.99229 8.7846H2.28721C2.20291 8.7846 2.1416 8.71563 2.1416 8.63899Z' fill='white'/%3E%3C/svg%3E") left center no-repeat;
}

.add-fg-coupon .dsc-add-coupon.applied {
  padding-left: 18px;
  font-weight: 500;
  color: #649EF6;
  background: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.516602' y='0.5' width='13' height='13' rx='6.5' stroke='%23649EF6'/%3E%3Cpath d='M5.75061 9.05496L4.24145 7.5228C4.0971 7.37408 4.0166 7.17683 4.0166 6.97176C4.0166 6.76669 4.0971 6.56945 4.24145 6.42072C4.31131 6.34861 4.39545 6.29116 4.48875 6.25191C4.58207 6.21265 4.68255 6.1924 4.78413 6.1924C4.8857 6.1924 4.98623 6.21265 5.07954 6.25191C5.17285 6.29116 5.25699 6.34861 5.32684 6.42072L6.29234 7.39896L8.70633 4.94782C8.77633 4.87587 8.86047 4.81859 8.9538 4.77944C9.04707 4.74029 9.14753 4.72009 9.24907 4.72009C9.3506 4.72009 9.451 4.74029 9.54433 4.77944C9.6376 4.81859 9.7218 4.87587 9.79173 4.94782C9.93607 5.09654 10.0166 5.2938 10.0166 5.49887C10.0166 5.70394 9.93607 5.90119 9.79173 6.04991L6.8354 9.0517C6.76547 9.12388 6.68124 9.18134 6.58788 9.22055C6.49451 9.25983 6.39397 9.28009 6.29234 9.28009C6.19071 9.28009 6.09013 9.25983 5.99677 9.22055C5.90341 9.18134 5.81922 9.12388 5.7493 9.0517L5.75061 9.05496Z' fill='%23649EF6'/%3E%3C/svg%3E") left center no-repeat;
}

.add-fg-coupon .pouch-fg-coupon {
  position: relative;
  cursor: pointer;
}

.add-fg-coupon .coupon-alert-msg {
  padding: 8px 12px;
  margin-top: 8px;
  background-color: #FFF8E3
}

.add-fg-coupon .coupon-alert-msg .dsc-alert-msg {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #FAA41A;
}

.add-fg-coupon .coupon-alert-msg .dsc-alert-msg:before {
  position: absolute;
  top: 3px;
  left: 0;
  width: 13px;
  height: 12px;
  background-image: 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%3Cg clip-path='url(%23clip0_141_2722)'%3E%3Cpath d='M6.98432 11.9999C10.298 11.9999 12.9843 9.31362 12.9843 5.99994C12.9843 2.68627 10.298 0 6.98432 0C3.67064 0 0.984375 2.68627 0.984375 5.99994C0.984375 9.31362 3.67064 11.9999 6.98432 11.9999Z' fill='%23FAA41A'/%3E%3Cpath d='M7.85719 2.47869V3.15565C7.85719 3.16992 7.85663 3.1842 7.85551 3.19837L7.51383 7.43257C7.49156 7.70847 7.26119 7.92108 6.98438 7.92108C6.70757 7.92108 6.4772 7.70847 6.45494 7.43257L6.11326 3.19837C6.11213 3.1842 6.11157 3.16992 6.11157 3.15565V2.47869C6.11157 2.18536 6.34937 1.94745 6.64281 1.94745H7.32606C7.6194 1.94745 7.85731 2.18524 7.85731 2.47869H7.85719Z' fill='white'/%3E%3Cpath d='M7.7759 9.21449C7.7759 8.77728 7.42147 8.42285 6.98426 8.42285C6.54705 8.42285 6.19263 8.77728 6.19263 9.21449V9.26092C6.19263 9.69813 6.54705 10.0526 6.98426 10.0526C7.42147 10.0526 7.7759 9.69813 7.7759 9.26092V9.21449Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_141_2722'%3E%3Crect width='12' height='12' fill='white' transform='translate(0.984375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  content:'';
}

.add-fg-coupon .dsc-fg-coupon {
  margin-top: 2px;
  color: #666;
  font-size: 12px;
  line-height: 18px;
}

.add-fg-coupon .dsc-fg-coupon .emph-price {
  color: #333;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}

.add-fg-coupon .btn-fg-coupon {
  position: absolute;
  right: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0758 12.4279L13.0847 12.4187L13.0932 12.409C13.1999 12.2869 13.2569 12.1311 13.2569 11.9721C13.2569 11.8131 13.1999 11.6573 13.0932 11.5352L13.0835 11.5242L13.0733 11.5137L9.71538 8.09792L10.147 7.65275L14.3833 12.025L10.148 16.3491L9.71273 15.8997L13.0758 12.4279Z' stroke='%23333333'/%3E%3C/svg%3E") center center no-repeat;
  transform: translateY(-50%);
  transition: all .3s;
}

.add-fg-coupon .btn-fg-coupon:hover {
  background-color: #f7f7f7;
}

.order-summary .summary-tag {
  display: inline-block;
  padding: 1px 6px;
  color: #649EF6;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  background-color: #F4F7FF;
  vertical-align: middle;
  border-radius: 2px;
}

.order-summary .totalSavedAmount .summary-tag {
  color: #fff;
  background-color: #649EF6;
}
/* Order Summery FG Coupon END */

/* Exclusive FG Coupon Popup - START */
.cover-ex-coupon {
  text-align: center;
}

.frame-ex-coupon {
  margin-top: 8px;
  margin-bottom: 24px;
  padding: 23px 0 36px;
  display: flex;
  width: 100%;
  height: 300px;
  background:url(../img/img_fg_coupon_popup_bg.jpg) no-repeat;
  background-size: contain;
  text-align: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.frame-ex-coupon .ttl-ex-coupon {
  display: block;
  color: #3082FF;
  font-size: 30px;
  line-height: 40px;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.frame-ex-coupon .box-ex-coupon {
  margin-top: 12px;
  padding-bottom:8px;
  width: 330px;
  height: 190px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.frame-ex-coupon .box-ex-coupon .price-coupon {
  color: #fff;
  font-size: 48px;
  line-height: 58px;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: "Inter", sans-serif;
}

.frame-ex-coupon .box-ex-coupon .price-coupon em {
  color: #fff;
  font-size: 48px;
  line-height: 58px;
  letter-spacing: 0.02em;
  font-weight: 800;
  font-style: normal;
  font-family: 'Roboto';
}

.frame-ex-coupon .box-ex-coupon .on-price-coupon {
  margin-top: -8px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 34px;
  line-height: 44px;
  font-weight: 800;
  letter-spacing: 0.04em;
  font-family: "Inter", sans-serif;
}

.frame-ex-coupon .box-ex-coupon .on-price-coupon em {
  color: #fff;
  font-size: 34px;
  line-height: 44px;
  letter-spacing: 0.02em;
  font-style: normal;
  font-weight: 700;
  font-family: 'Roboto';
}

.frame-ex-coupon .box-ex-coupon .date-ex-coupoon {
  margin-top: 16px;
  color: #fff;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.frame-ex-coupon .box-ex-coupon .tag-ex-coupon {
  padding: 2px 7px 0;
  margin-top: -4px;
  margin-bottom: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.02em;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  background-color: #599AFC;
}

.ex-fg-coupon .cover-ex-coupon .txt-ex-coupon {
  color: #333;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.ex-fg-coupon .cover-ex-coupon .subtxt-ex-coupon {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #333;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}

.ex-fg-coupon .cover-ex-coupon .subtxt-ex-coupon_style2 {
  margin-top: 16px;
  margin-bottom: 16px;
  color: #333;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}

.ex-fg-coupon .item-handle-footer {
  text-align: center;
  padding: 24px 32px;
}

.ex-fg-coupon .item-handle-footer .btn-base.btn-black {
  margin: 0 auto;
  font-size: 16px;
}

.ex-fg-coupon .item-handle-footer .footer-sub {
  margin-top: 8px;
}

.ex-fg-coupon .item-handle-footer .footer-sub .link-footer-sub {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}

.ex-fg-coupon.popup-item-handle .common-txt-2 {
  font-weight: 500;
  letter-spacing: 0.04em;
}

.ex-fg-coupon.loginMode .frame-ex-coupon .box-ex-coupon .date-ex-coupoon {
  margin-top: 0;
}

/* Exclusive FG Coupon Popup : pc small size START */
@media all and (max-height: 760px) {
  .ex-fg-coupon.popup-item-handle .item-handle-body {
    padding: 18px 24px 24px;
  }
  .frame-ex-coupon {
    margin-top: 0;
    padding: 12px 0 22px;
    height: 200px;
    background-image:url(/img/img_fg_coupon_popup_bg_sm.jpg);
    margin-bottom: 18px;
  }
  .frame-ex-coupon .ttl-ex-coupon {
    font-size: 24px;
    line-height: 34px;
  }
  .frame-ex-coupon .box-ex-coupon {
    width: 210px;
    height: 130px;
    margin-top: 2px;
    padding-bottom: 6px;
  }
  .frame-ex-coupon .box-ex-coupon .tag-ex-coupon {
    margin-top: 5px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
    line-height: 16px;
  }
  .frame-ex-coupon .box-ex-coupon .price-coupon,
  .frame-ex-coupon .box-ex-coupon .price-coupon em {
    font-size: 36px;
    line-height: 46px;
  }
  .frame-ex-coupon .box-ex-coupon .on-price-coupon,
  .frame-ex-coupon .box-ex-coupon .on-price-coupon em {
    padding-bottom: 8px;
    font-size: 24px;
    line-height: 34px;;
  }
  .frame-ex-coupon .box-ex-coupon .date-ex-coupoon {
    margin-top:5px;
    font-size: 12px;
    line-height: 18px;
  }
  .ex-fg-coupon .cover-ex-coupon .subtxt-ex-coupon {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 24px;
  }
  .ex-fg-coupon .cover-ex-coupon .subtxt-ex-coupon_style2 {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 24px
  }
  .ex-fg-coupon .item-handle-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding: 24px;
  }
  .ex-fg-coupon .item-handle-footer .btn-base.btn-black {
    margin: 0 0 0 16px;
  }
  .ex-fg-coupon.loginMode .frame-ex-coupon .box-ex-coupon .date-ex-coupoon {
    margin-top: 0;
  }
}
/* Exclusive FG Coupon Popup : pc small size END */
/* Exclusive FG Coupon Popup - END */


/* Expanding FG Free Shipping Popup - START */
.popup-item-handle.ex-free-shipping-popup .item-handle-body {
  padding: 32px;
}

.cover-ex-free-shipping {
  text-align: center;
}

.frame-ex-free-shipping {
  padding: 0 0 36px;
  display: flex;
  width: 100%;
  height: 406px;
  background: url(/img/bg_ex_free_shipping.png) no-repeat;
  background-size: cover;
  text-align: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-end;
}

.frame-expansion-free-shipping {
  padding: 32px 0 0;
  display: flex;
  width: 100%;
  height: 406px;
  background: url(/img/bg_expansion_free_shipping.png) no-repeat;
  background-size: cover;
  text-align: center;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-start;
}

.badge-ex-free-shipping {
  width: 194px;
  height: 24px;
  background: url(/img/img_ex_free_shipping.svg) no-repeat;
  background-size: cover;
  display: block;
}

.popup-item-handle .item-handle-body .ex-free-shipping-ttl {
  color: #FFF;
  font-size: 34px;
  font-weight: 400;
  line-height: 42px;
  margin-top: 16px;
}

.popup-item-handle .item-handle-body .ex-free-shipping-ttl strong {
  color: #47E9C6;
  font-size: 34px;
  font-weight: 500;
  line-height: 42px;
}

.popup-item-handle .item-handle-body .ex-free-shipping-txt {
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  margin-top: 16px;
}

.ex-free-shipping-popup .item-handle-footer {
  text-align: center;
  padding: 24px 32px;
}

.ex-free-shipping-popup .item-handle-footer .btn-base.btn-black {
  margin: 0 auto;
  font-size: 16px;
}

.ex-free-shipping-popup .item-handle-footer .footer-sub {
  margin-top: 8px;
}

.ex-free-shipping-popup .item-handle-footer .footer-sub .link-footer-sub {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}

.expansion-free-shipping-popup.popup-item-handle {
  height: 576px;
}

.expansion-free-shipping-popup.popup-item-handle .item-handle-body {
  padding: 0 !important;
}

.popup-item-handle .item-handle-body .expansion-free-shipping-ttl {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.52px;
  margin-top: 170px;
}

.popup-item-handle .item-handle-body .expansion-free-shipping-ttl span {
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.44px;
}

.popup-item-handle .item-handle-body .expansion-free-shipping-ttl strong {
  color: #fff;
  font-family: Inter;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: 0.76px;
}

.popup-item-handle .item-handle-body .expansion-free-shipping-ttl em {
  color: #DACEF8;
  font-family: Inter;
  font-size: 38px;
  font-weight: 700;
  font-style: normal;
  line-height: 44px;
  letter-spacing: 0.76px;
}

.popup-item-handle .item-handle-body .expansion-free-shipping-txt {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
  margin-top: 16px;
}

.expansion-free-shipping-popup .item-handle-footer {
  text-align: center;
  padding: 24px 32px;
}

.expansion-free-shipping-popup .item-handle-footer .btn-base.btn-purple {
  margin: 0 auto;
  font-size: 16px;
}

.expansion-free-shipping-popup .item-handle-footer .footer-sub {
  margin-top: 8px;
}

.expansion-free-shipping-popup .item-handle-footer .footer-sub .link-footer-sub {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}

/* Exclusive FG Coupon Popup : pc small size START */
@media all and (max-height: 760px) {
  .ex-free-shipping-popup.popup-item-handle .item-handle-body {
    padding: 24px;
  }

  .frame-ex-free-shipping {
    height: 298px;
    background-image: url(/img/bg_ex_free_shipping_s.png);
  }

  .popup-item-handle .item-handle-body .ex-free-shipping-ttl {
    margin-top: 8px;
  }

  .popup-item-handle .item-handle-body .ex-free-shipping-txt {
    margin-top: 8px;
  }


  .ex-free-shipping-popup .item-handle-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding: 24px;
  }

  .ex-free-shipping-popup .item-handle-footer .btn-base.btn-black {
    margin: 0 0 0 16px;
  }

  .expansion-free-shipping-popup.popup-item-handle {
    height: 480px;
  }

  .frame-expansion-free-shipping {
    height: 336px;
    padding: 24px 0 0;
    background-image: url(/img/bg_expansion_free_shipping_s.png);
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-txt {
    margin-top: 8px;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
  }


  .expansion-free-shipping-popup .item-handle-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
  }

  .expansion-free-shipping-popup .item-handle-footer .btn-base.btn-purple {
    margin: 0 0 0 16px;
  }

  .expansion-free-shipping-popup .item-handle-footer .footer-sub {
    margin-top: 0;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.48px;
    margin-top: 131px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl span {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.4px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl strong {
    color: #FFF;
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.72px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl em {
    color: #DACEF8;
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.72px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-txt {
    margin-top: 8px;
    color: #FFF;
    text-align: center;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
  }


  .expansion-free-shipping-popup .item-handle-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
  }

  .expansion-free-shipping-popup .item-handle-footer .btn-base.btn-purple {
    margin: 0 0 0 16px;
  }

  .expansion-free-shipping-popup .item-handle-footer .footer-sub {
    margin-top: 0;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.48px;
    margin-top: 131px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl span {
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.4px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl strong {
    color: #FFF;
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.72px;
  }

  .popup-item-handle .item-handle-body .expansion-free-shipping-ttl em {
    color: #DACEF8;
    font-family: Inter;
    font-size: 36px;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: 0.72px;
  }

}
/* Expanding FG Free Shipping Popup - END */



.btn-base.btn-white {
  box-sizing: border-box;
  color: #333;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  background: #fff;
  text-align: center;
  border: none;
  text-decoration: none;
}

.btn-base.btn-white--outline {
  box-sizing: border-box;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 12px 24px;
  border: 1px solid #fff;
  text-align: center;
  text-decoration: none;
}

.btn-base.btn-white--outline:active {
  color: #333;
  background: #fff;
  border: 1px solid transparent;
}
.btn-base.btn-black--outline {
  display: block;
  width: fit-content;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  border: 1px solid #333;
  background: transparent;
  padding: 9px 24px;
  text-decoration: none;
  transition: .3s;
}

.btn-base.btn-black--outline:hover {
  color: #fff;
  background: #333;
  border: 1px solid transparent;
}

/* Expanding LA showroom - START */
.popup-item-handle.la-showroom-popup .item-handle-body {
  padding: 0;
}

.la-showroom-contents {
  padding: 22px 60px 0;
  width: 100%;
  height: 406px;
  box-sizing: border-box;
  background: url(/img/bg_showroom_popup.jpg) no-repeat;
  background-size: cover;
  text-align: center;
}

.la-showroom-contents .ttl-la-showroom {
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 12px;
  padding: 0 32px;
}

.la-showroom-contents .ttl-la-showroom strong {
  color: #333;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.la-showroom-contents .offers-wrap {
  padding: 20px 0;
  margin-top: 16px;
  background: rgba(255, 250, 246, 0.80)
}

.la-showroom-contents .offers-wrap .ttl-offers {
  padding: 0 0 10px;
  border-bottom: 1px solid #EEE0D4;
  font-size: 0;
  line-height: 0;
}

.la-showroom-contents .offers-wrap .offers-list {
  margin: 12px 0 0 61px;
  text-align: left;

}

.la-showroom-contents .offers-wrap .offers-list li {
  padding-left: 18px;
  background: url('/img/icon_offers_list.svg') no-repeat center left;
  color: #333;
  font-size: 16px;
  line-height: 24px;
}

.la-showroom-contents .offers-wrap .offers-list li:not(:last-child) {
  margin-bottom: 2px;
}

.la-showroom-contents .offers-wrap .offers-list li strong {
  color: #333;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.la-showroom-contents .mail-txt {
  color: #666;
  text-align: center;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  margin-top: 16px;
}

.la-showroom-contents .mail-txt a {
  color: #666;
  font-size: 14px;
  font-style: italic;
  line-height: 22px;
  text-decoration: underline;
}

.popup-item-handle.la-showroom-popup .item-handle-footer {
  text-align: center;
  padding: 24px 32px;
}

.popup-item-handle.la-showroom-popup .item-handle-footer .btn-base.btn-black {
  margin: 0 auto;
  font-size: 16px;
  height: 40px;
  padding: 0;
}

.popup-item-handle.la-showroom-popup .item-handle-footer .footer-sub {
  margin-top: 8px;
}

.popup-item-handle.la-showroom-popup .item-handle-footer .footer-sub .link-footer-sub {
  color: #666;
  font-size: 12px;
  line-height: 18px;
  text-decoration: underline;
}

.popup-item-handle.la-showroom-popup .item-close {
  top: 22px;
  right: 16px;
  background-size: cover;
}

@media all and (max-height: 760px) {

  .la-showroom-contents {
    padding: 16px 60px 0;
    height: 340px;
    background-image: url(/img/bg_showroom_popup_s.jpg);
  }

  .la-showroom-logo img {
    width: 39px;
  }

  .la-showroom-contents .ttl-la-showroom {
    font-size: 14px;
    line-height: 22px;
    margin-top: 6px;
  }

  .la-showroom-contents .ttl-la-showroom strong {
    font-size: 14px;
    line-height: 22px;
  }

  .la-showroom-contents .offers-wrap {
    margin-top: 12px;
    padding: 18px 0;
  }

  .la-showroom-contents .offers-wrap .ttl-offers img {
    width: 254px;
  }

  .la-showroom-contents .offers-wrap .offers-list {
    margin: 10px 0 0 83px;
  }

  .la-showroom-contents .offers-wrap .offers-list li {
    font-size: 14px;
    line-height: 22px;
    background-size: 8px;
    padding-left: 16px;
  }

  .la-showroom-contents .mail-txt {
    font-size: 12px;
    line-height: 18px;
    margin-top: 12px;
  }

  .la-showroom-contents .mail-txt a {
    font-size: 12px;
    line-height: 18px;
  }

  .popup-item-handle.la-showroom-popup .item-handle-footer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
    padding: 24px;
  }

  .popup-item-handle.la-showroom-popup .item-handle-footer .footer-sub {
    margin: 0;
  }

  .popup-item-handle.la-showroom-popup .item-handle-footer .btn-base.btn-black {
    margin: 0 0 0 16px;
  }
}
/* Expanding LA showroom - END */

.live_area_bnr {
  box-sizing: border-box;
  position: relative;
  background-color: #A47864;
  z-index: 1;
}

.live_area_bnr.category-banner {
  height: 272px;
  padding: 16px 0;
}

.live_area_bnr:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: #9E685B;
}

.live_area_bnr.category-banner:before {
  background-color: #F7F1EC;
}

.live_area_bnr.nc-banner:before {
  background-color: #A47864;
}

.live_area_bnr:after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: '';
  display: block;
  width: 500vw;
  min-width: 1500px;
  background-color: #9E685B;
}

.live_area_bnr.category-banner:after {
  background-color: #F7F1EC;
}

.live_area_bnr.nc-banner:after {
  background-color: #A47864;
}

.live_area_bnr .live_area {
  box-sizing: border-box;
  width: 1200px;
  height: 100%;
  margin: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 1;
  position: relative;
}

.live_area_bnr .live_area .bnr-img {
  height: 100%;
}

.live_area_bnr .live_area .bnr-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lst_pdt .pic img {
/*  max-height: 100%;*/
/*  object-fit: cover;*/
/*  width: 100%;*/
/*  height: 100%;*/
}

.lst_pdt .fgw-badge-25-min {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 10;
}

.lst_pdt .fgw-badge-25-min ~.tag_txt {
  top: 30px !important;
}

#container.renewal_list .lst_pdt .d_info .tag_txt {
  left: 4px;
}


.fgw-25-bg .item-ttl {
  font-size: 24px;
  line-height: 32px;
  color: #FDE8D4;
  font-weight: 400;
  font-family: "Libre Caslon Text";
  position: relative;
  z-index: 2;
}

/* new-item-area */
.new-item-area.hide {
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.new-item-area {
  width: 1200px;
  margin: auto;
  padding: 40px 0;
  position: relative;
  margin-bottom: 12px;
}

.new-item-area:after {
  content: '';
  display: block;
  width: 200vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.new-item-area.bg-color-1:after {
  background: #F7F7F7;
}

.new-item-area.fgw-25-bg:after {
  background: #A47864;
}

.new-item-area .title-section-badge {
  position: relative;
  z-index: 5;
}

.new-item-area .main_title {
  color: #333;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  text-transform: capitalize;
  padding: 0;
  margin-bottom: 24px;
  border: none;
  position: relative;
  z-index: 2;
}

.renewal_list .new-item-area .lst_pdt {
  margin: 0;
  position: relative;
  z-index: 2;
}

.renewal_list .new-item-area .lst_pdt li {
  width: 180px;
  height: 460px;
  background: #fff;
  margin: 0;
}

.renewal_list .new-item-area .lst_pdt li+li {
  margin-left: 24px;
}

.renewal_list .new-item-area .lst_pdt li .pic {
  width: 100%;
  height: 265px;
  border: none;
}

.renewal_list .new-item-area .lst_pdt li .pic a {
  display: block;
  width: 100%;
  height: 100%;
}

.renewal_list .new-item-area .lst_pdt li .info {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  padding: 10px;
  font-size: 0;
  margin-top: 0;
}

.renewal_list .new-item-area .lst_pdt .info .name_vd {
  height: 22px;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.renewal_list .new-item-area .lst_pdt .info .item {
  max-height: none;
  height: 44px;
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  margin-top: 4px;
}

.renewal_list .new-item-area .lst_pdt .info .item a {
  color: #666;
  font-weight: 400;
}

.renewal_list .new-item-area .lst_pdt .info .price {
  position: static;
  margin-top: 8px;
}

.renewal_list .new-item-area .lst_pdt .info .price>* {
  display: block;
  font-size: 12px;
  line-height: 18px;
}

.renewal_list .new-item-area .lst_pdt .info .price .colo_red {
  color: #FF5859;
}

.renewal_list .new-item-area .lst_pdt .info .price .origin_price {
  color: #333;
  text-decoration: line-through;
}

.renewal_list .new-item-area .lst_pdt .info .free-shipping-excess {
  margin-top: 4px;
}

.fgweek-top {
  margin: 24px 0 32px;
  position: relative;
}

.fgweek-top-swiper {
  overflow: hidden;
  /*padding-bottom: 104px;*/
  margin-top: 24px;
  /*margin-bottom: -104px;*/
}

.fgweek-top .swiper-button-next,
.fgweek-top .swiper-button-prev {
  width: 20px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
}

.fgweek-top .swiper-button-prev {
  left: -36px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS42ODc3IDAuMjc0MDVDMTkuMjg2OCAtMC4xMDU3ODEgMTguNjUzOSAtMC4wODg2NzUgMTguMjc0IDAuMzEyMjU4TDAuMjc0MDQ2IDE5LjMxMjNDLTAuMDkxMzUwNiAxOS42OTggLTAuMDkxMzUwNiAyMC4zMDIgMC4yNzQwNDYgMjAuNjg3N0wxOC4yNzQgMzkuNjg3N0MxOC42NTM5IDQwLjA4ODcgMTkuMjg2OCA0MC4xMDU4IDE5LjY4NzcgMzkuNzI2QzIwLjA4ODcgMzkuMzQ2MSAyMC4xMDU4IDM4LjcxMzIgMTkuNzI2IDM4LjMxMjNMMi4zNzc1IDIwTDE5LjcyNiAxLjY4Nzc1QzIwLjEwNTggMS4yODY4MSAyMC4wODg3IDAuNjUzODggMTkuNjg3NyAwLjI3NDA1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.fgweek-top .swiper-button-next {
  right: -36px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCAyMCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjMxMjI1OCAwLjI3NDA1QzAuNzEzMTkgLTAuMTA1NzgxIDEuMzQ2MTIgLTAuMDg4Njc1IDEuNzI1OTYgMC4zMTIyNThMMTkuNzI2IDE5LjMxMjNDMjAuMDkxNCAxOS42OTggMjAuMDkxNCAyMC4zMDIgMTkuNzI2IDIwLjY4NzdMMS43MjU5NiAzOS42ODc3QzEuMzQ2MTIgNDAuMDg4NyAwLjcxMzE5IDQwLjEwNTggMC4zMTIyNTggMzkuNzI2Qy0wLjA4ODY3NSAzOS4zNDYxIC0wLjEwNTc4MSAzOC43MTMyIDAuMjc0MDUgMzguMzEyM0wxNy42MjI1IDIwTDAuMjc0MDUgMS42ODc3NUMtMC4xMDU3ODEgMS4yODY4MSAtMC4wODg2NzUgMC42NTM4OCAwLjMxMjI1OCAwLjI3NDA1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==');
}

.fgweek-top .swiper-button-disabled {
  cursor: default;
}

.renewal_list .new-item-area.fgweek-top .lst_pdt li+li {
  margin-left: 0;
}

.view_more {
  font-size: 16px !important;
  height: 20px !important;
  line-height: 20px !important;
  font-family: 'Roboto';
  font-weight: 400;
  border: none;
}

.view_more:after {
  margin-top: 2px !important;
}

.view_more.light {
  color: #FDE8D4 !important;
  /*margin: 10px 0 0 0 !important;*/
  border-bottom: 1px solid #FDE8D4 !important;
  position: relative;
}

.view_more.light:hover {
  border-bottom: 1px solid #FDE8D4 !important;
}

.view_more.light:after {
  top: 0 !important;
  right: -22px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiNGRkYxRTMiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjAyNzUzIDQuMDMyMDdMMTAuOTY3NiA3LjkzNTk5QzEwLjk4ODUgNy45NTk1MSAxMSA3Ljk4OTc1IDExIDguMDIxMDZDMTEgOC4wNTIzNyAxMC45ODg1IDguMDgyNjEgMTAuOTY3NiA4LjEwNjEyTDcuMDI3NTMgMTEuOTY3OUM3LjAwMzggMTEuOTg4NiA2Ljk3MzI5IDEyIDYuOTQxNjkgMTJDNi45MTAxIDEyIDYuODc5NTggMTEuOTg4NiA2Ljg1NTg2IDExLjk2NzlMNiAxMS4xMTk3TDkuMDgzNDIgOC4wNjQwMUM5LjEwNDk3IDguMDQwMzMgOS4xMTY5IDguMDA5NTggOS4xMTY5IDcuOTc3N0M5LjExNjkgNy45NDU4MiA5LjEwNDk3IDcuOTE1MDcgOS4wODM0MiA3Ljg5MTRMNiA0Ljg4MDI1TDYuODU2NjkgNC4wMzIwN0M2Ljg4MDQyIDQuMDExNCA2LjkxMDkzIDQgNi45NDI1MyA0QzYuOTc0MTIgNCA3LjAwMzggNC4wMTE0IDcuMDI3NTMgNC4wMzIwN1oiIGZpbGw9IiNBNDc4NjQiLz4KPC9zdmc+Cg==') no-repeat center !important;
  background-size: 100%;
}

.chat-link {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  font-weight: 500;
  font-size: 13px;
  color: #333333;
  padding: 0 12px 0 40px;
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  border-radius: 2px;
  text-decoration: none;
  text-transform: none;
  z-index: 9;
}

.chat-link:after {
  content: "";
  position: absolute;
  display: block;
  width: 17px;
  height: 16px;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDM2MDcxIj4KPGcgaWQ9Ikdyb3VwIDI2ODU2Ij4KPHBhdGggaWQ9IlN1YnRyYWN0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNDU5NTcgMTQuOTIzOEM1LjcyNTQ5IDE1LjI0ODQgNC40ODk0MiAxNS42ODMzIDIuNjcwMjggMTUuOTgwOEwyLjY2NTk2IDE1Ljk4MTVDMS41NTQzOSAxNi4xNTg5IDAuNzkwNjc1IDE1LjAyMzcgMS4xOTU1MyAxNC4wNzA2QzEuNDI1OTggMTMuNTI3OCAxLjYzNzM0IDEyLjgzOTggMS43NTE1NSAxMi4xNzk4QzAuNjY2NjIyIDEwLjkxODUgMCA5LjMyMjgxIDAgNy41NzE2NEMwIDMuMjQwNTQgMy45NjUwNyAwIDguNSAwQzEzLjAzNDkgMCAxNyAzLjI0MDU0IDE3IDcuNTcxNjRDMTcgMTEuOTAyMyAxMy4wMzU4IDE1LjE0MjYgOC41MDE1MSAxNS4xNDMzTDYuNDU5NTcgMTQuOTIzOFpNMi41NDUxNSAxMy42ODQ0QzIuNzM2MjIgMTMuMDgzNSAyLjg4NzM4IDEyLjQxOTkgMi45NDY0NSAxMS43OTYzQzEuODE4NDMgMTAuNjY2NyAxLjEzMzMzIDkuMTg4MDUgMS4xMzMzMyA3LjU3MTY0QzEuMTMzMzMgNC4wMjEwNiA0LjQzMTc2IDEuMTQyNzYgOC41IDEuMTQyNzZDMTIuNTY4MiAxLjE0Mjc2IDE1Ljg2NjcgNC4wMjEwNiAxNS44NjY3IDcuNTcxNjRDMTUuODY2NyAxMS4xMjIyIDEyLjU2ODIgMTQuMDAwNSA4LjUgMTQuMDAwNUM3Ljc3MDM4IDE0LjAwMTUgNy4wNDM3OCAxMy45MDcgNi4zMzg4IDEzLjcxOTVDNS44ODQ1IDEzLjk0OTIgNC45MzI3MiAxNC4zNTcxIDMuMzk1NzMgMTQuNjgzMUwzLjM0NzEzIDE0LjY5MzNDMy4xOTA1MiAxNC43MjYxIDMuMDI3OTIgMTQuNzU4IDIuODU5MjQgMTQuNzg4OEwyLjg1NzkxIDE0Ljc4OUMyLjczNzk2IDE0LjgxMDkgMi42MTQ5MyAxNC44MzIyIDIuNDg4OCAxNC44NTI4QzIuMzA0NjMgMTQuODgyMiAyLjE2NDY3IDE0LjY5MTIgMi4yMzc0MSAxNC41MjAzQzIuMjg1MjcgMTQuNDA3NiAyLjMzMjQ2IDE0LjI4OTQgMi4zNzg0MiAxNC4xNjY3TDIuMzgwMzIgMTQuMTYxN0MyLjQzNDA2IDE0LjAxOCAyLjQ4NjExIDEzLjg2ODMgMi41MzU1OCAxMy43MTQzTDIuNTQ1MTUgMTMuNjg0NFoiIGZpbGw9IiMzMzMzMzMiLz4KPGcgaWQ9Ikdyb3VwIDIwNTk0Ij4KPGVsbGlwc2UgaWQ9IkVsbGlwc2UgNDUxIiBjeD0iNS4xMDExMSIgY3k9IjcuOTk2MDMiIHJ4PSIxLjEzMzMzIiByeT0iMS4xNDI3NSIgZmlsbD0iIzMzMzMzMyIvPgo8ZWxsaXBzZSBpZD0iRWxsaXBzZSA0NTIiIGN4PSI4LjUwMDUyIiBjeT0iNy45OTYwMyIgcng9IjEuMTMzMzMiIHJ5PSIxLjE0Mjc1IiBmaWxsPSIjMzMzMzMzIi8+CjxlbGxpcHNlIGlkPSJFbGxpcHNlIDQ1MyIgY3g9IjExLjkwMTQiIGN5PSI3Ljk5NjAzIiByeD0iMS4xMzMzMyIgcnk9IjEuMTQyNzUiIGZpbGw9IiMzMzMzMzMiLz4KPC9nPgo8L2c+CjwvZz4KPC9zdmc+Cg==') no-repeat center center/100%;
}

.chat-link.position-1 {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 1;
}

.chat-link.h-36 {
  height: 36px;
}

.chat-link.size-s {
  height: auto;
  font-size: 10px;
  line-height: 16px;
  padding: 0 22px 0 8px;
}

.chat-link.size-s:after {
  width: 10px;
  height: 10px;
  background: url('../img/icon/icon_chat_size_10.svg') no-repeat center;
  background-size: 10px;
  right: 8px;
  left: auto;
}

.badge-area {
  position: relative;
  margin-left: 4px;
}

.badge-area:hover .badge-adp-info {
  display: block;
}

.badge-area .badge-adp-info {
  display: none;
  width: 350px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 30;
  padding-top: 21px;
}

.badge-area .badge-adp-info .badge-adp-info-inner {
  box-sizing: border-box;
  width: 100%;
  border-radius: 2px;
  border: 1px solid #C6C6C6;
  background: #fff;
  padding: 10px 16px 16px;
  position: relative;
  z-index: 1;
}

.badge-area .badge-adp-info .badge-adp-info-inner:before {
  content: '';
  display: block;
  width: 14px;
  height: 9px;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMS44NDQxNSA4LjVMNy40MyAwLjg0ODAyNUwxMy4wMTU5IDguNUwxLjg0NDE1IDguNVoiIGZpbGw9IndoaXRlIiBzdHJva2U9IiNDNkM2QzYiLz4NCjxwYXRoIGQ9Ik03LjQ5OTc2IDEuNUwxMi45OTk4IDlMNy40OTk3NiA5TDEuOTk5NzYgOUw3LjQ5OTc2IDEuNVoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==') no-repeat center;
  position: absolute;
  top: -9px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.badge-area .badge-adp-info .badge-adp-info-ttl {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 1px dotted #cdcdcd;
}

.badge-area .badge-adp-info .badge-adp-info-note {
  color: #666;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  margin-top: 16px;
}

.badge-area .badge-adp-info .adp-info {
  padding: 16px;
  background: #F7F7F7;
  margin-top: 12px;
}

.badge-area .badge-adp-info .adp-info-list {}

.badge-area .badge-adp-info .adp-info-list li {
  display: flex;
}

.badge-area .badge-adp-info .adp-info-list li+li {
  margin-top: 12px;
}

.badge-area .badge-adp-info .adp-info-icon {

  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.badge-area .badge-adp-info .adp-info-icon.icon-1 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC44MDk2IDE1LjQ0NjVMMTUuNzY2MSAxNi40MDNMMTguODM4NCAxMi45NTM0IiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguODczMiAxNS4wMDNDMTkuMDY5NCAxNi41MjY1IDE3Ljk5MzIgMTcuOTIwNCAxNi40Njk3IDE4LjExNjZDMTQuOTQ2MiAxOC4zMTI3IDEzLjU1MjIgMTcuMjM2NiAxMy4zNTYxIDE1LjcxM0MxMy4xNTk5IDE0LjE4OTUgMTQuMjM2MSAxMi43OTU2IDE1Ljc1OTYgMTIuNTk5NEMxNi4yMjY4IDEyLjUzOTMgMTYuNzAxNyAxMi41OTg4IDE3LjEzOTQgMTIuNzcyMiIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE2LjQzNDYgOC41TDIxLjYzMzggMTAuNzE5N1YxNi43NDUxQzIxLjYzMzggMTguMDA4MSAyMS4wNjk4IDE5LjIxOTMgMjAuMDc5MSAyMC4wNjU0TDE2LjEzMzggMjMuNDM1NUwxMi4xODg1IDIwLjA2NDVIMTIuMTg3NUMxMS4xOTcyIDE5LjIxODggMTAuNjMzOCAxOC4wMDc5IDEwLjYzMzggMTYuNzQ1MVYxMC43MTk3TDE1LjgzMyA4LjVIMTYuNDM0NloiIHN0cm9rZT0iI0ZGNTkxMSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+Cjwvc3ZnPgo=');
}

.badge-area .badge-adp-info .adp-info-icon.icon-2 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4wOTE0IDE1LjQ5MTVWMjIuNDAwNUg5LjQ1NTA4VjE4LjAzNjkiIHN0cm9rZT0iI0ZGNTkxMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS42MzczIDE4LjAzNjlIOC4wMDA5OEw5LjQ1NTUyIDE1LjQ5MTVIMTcuMDkxOUwxNS42MzczIDE4LjAzNjlaIiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguNTQ2MyAxOC4wMzY5SDI0LjAwMDlMMjIuNTQ2MyAxNS40OTE1SDE3LjA5MThMMTguNTQ2MyAxOC4wMzY5WiIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA5MTggMjIuNDAwM0gyMi41NDYzVjE4LjA0NjYiIHN0cm9rZT0iI0ZGNTkxMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4wOTE4IDE0LjQwMDJWMTIuNTgyIiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTguOTEwMiAxNC40MDAyVjEyLjU4MiIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4LjkxMDQgMTMuNjcyOUwyMS40NTU5IDEzLjMwOTNDMjEuNDU1OSAxMy4zMDkzIDIxLjA4NjggMTAuOTY3OSAyMC4wMTY4IDEwLjI0OTNDMTkuNDY0NSA5Ljg3ODM4IDE4LjA3ODYgOS4zNjQ3NSAxOC4wNzg2IDkuMzY0NzVDMTguMDc4NiAxMC4xMzI5IDE3LjE0NDEgMTAuOTQ1NyAxNi4wMDA5IDEwLjk0NTdDMTQuODU3NyAxMC45NDU3IDEzLjkyMzIgMTAuMTMyOSAxMy45MjMyIDkuMzY0NzVDMTMuOTIzMiA5LjM2NDc1IDEyLjUzNzMgOS44NzgzOCAxMS45ODUgMTAuMjQ5M0MxMC45MTUgMTAuOTY3OSAxMC41NDU5IDEzLjMwOTMgMTAuNTQ1OSAxMy4zMDkzTDEzLjA5MTQgMTMuNjcyOSIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE4LjAyMTQgOS42OTk4NkwxNi4wMDA5IDguOTQ1MzFMMTMuOTgwNSA5LjY5OTg2IiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuMDAxIDguOTQ1NlY4LjM4MDE1QzE2LjAwMSA4LjE5MTUxIDE1Ljg5OTIgNy45ODUxNSAxNS42NzYgNy44NTI4N0MxNS40MzAxIDcuNzA2OTYgMTUuMTUyMyA3LjU2MjQyIDE1LjE1MjMgNy4xMzgzM0MxNS4xNTIzIDYuNzkzMzMgMTUuNDY2IDYuNDAwMTUgMTYuMDAxIDYuNDAwMTVDMTYuNTM2IDYuNDAwMTUgMTYuODQ5NiA2LjczMTUxIDE2Ljg0OTYgNy4xMDc0MiIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
}

.badge-area .badge-adp-info .adp-info-icon.icon-3 {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiByeD0iMTYiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNC4xMjExIDEzLjU2NTJDMTIuOTY5IDEzLjU2NTIgMTIuMDM0MiAxMi4zMTkxIDEyLjAzNDIgMTAuNzgyNkMxMi4wMzQyIDkuMjQ2MDkgMTIuOTY5IDggMTQuMTIxMSA4QzE0Ljg5MzMgOCAxNS41NjgxIDguNTU5MTMgMTUuOTI5IDkuMzkxMyIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEzLjQyNTggMTQuNDg1MUMxMy42ODA2IDE0Ljc3MzggMTQuMDUzNiAxNC45NTY0IDE0LjQ2OTMgMTQuOTU2NEMxNS4yMzggMTQuOTU2NCAxNS44NjA2IDE0LjMzMzggMTUuODYwNiAxMy41NjUxQzE1Ljg2MDYgMTIuNzk2NCAxNS4yMzggMTIuMTczOCAxNC40NjkzIDEyLjE3MzhDMTQuMjE2MiAxMi4xNzM4IDEzLjk3OCAxMi4yNDE3IDEzLjc3MzYgMTIuMzU5OSIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjI1MiAxMC43NzczTDE5LjQ3NDYgMTEuMTk3M0MxOS44MDY3IDExLjI2IDIwLjA4ODUgMTEuNDc5MSAyMC4yMzExIDExLjc4NjlMMjQuMTQyNCAyMC4xNzQ3QzI0LjMwNTggMjAuNTI1MiAyNC4xNTU0IDIwLjk0MDggMjMuODA3NiAyMS4xMDI1TDIwLjczMDIgMjIuNTM3MyIgc3Ryb2tlPSIjRkY1OTExIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTEyLjAzNDIgMTguNDM0OEgxNi45MDM3IiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTIuMDM0MiAyMC41MjE3SDE1LjUxMjQiIHN0cm9rZT0iI0ZGNTkxMSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy40MjU3IDEwLjc1NjdMMTQuMjY3NCAxMC4xNTI0QzE0LjM4ODMgMTAuMDY1NCAxNC41NTA5IDEwLjA2NTQgMTQuNjcxOCAxMC4xNTI0TDE4LjkwMjIgMTMuMTkxNUMxOS4xNzYxIDEzLjM4ODkgMTkuMzM5NiAxMy43MDYzIDE5LjMzOTYgMTQuMDQ1NFYyMy4zMDAyQzE5LjMzOTYgMjMuNjg2MyAxOS4wMjgzIDI0LjAwMDIgMTguNjQzOSAyNC4wMDAySDEwLjI5NTNDOS45MTA5MSAyNC4wMDAyIDkuNTk5NjEgMjMuNjg3MSA5LjU5OTYxIDIzLjMwMDJWMTQuMDQ1NEM5LjU5OTYxIDEzLjcwNjMgOS43NjIyMiAxMy4zODggMTAuMDM3IDEzLjE5MTVMMTIuMTQ0OCAxMS42NzY3IiBzdHJva2U9IiNGRjU5MTEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

.badge-area .badge-adp-info .adp-info-detail {
  flex: 1;
  margin-left: 12px;
}

.badge-area .badge-adp-info .adp-info-detail-ttl {
  color: #333;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
}

.badge-area .badge-adp-info .adp-info-detail-note {
  color: #666;
  line-height: 16px;
  margin-top: 2px;
}

.badge-area .badge-adp-info .adp-info-detail-note a {
  color: #333;
  text-decoration: underline;
  margin-left: 4px;
}

@media screen and (max-width: 1100px) {
  .essentials-popup {
    width: 800px;
  }

  .essentials-popup .popup-img {
    width: 435px;
    height: 438px;
  }

  .essentials-popup .popup-img img {
    object-fit: cover;
    max-width: 436px;
  }

  .essentials-popup .popup-main {
    width: 365px;
    padding: 64px 36px 0;

    &.popup3 {
      padding: 70px 32px 30px;
    }
  }

  #end-popup.essentials-popup .popup-main {
    padding: 66px 28px 0;
  }

  .essentials-popup .popup-ttl .essentials-logo img {
    width: 240px;
  }

  .essentials-popup .popup-ttl .logo-txt {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
    display: inline-block;
    letter-spacing: 0.36px;
  }

  .essentials-popup .popup-ttl .pipe {
    display: none;
  }

  .essentials-popup .popup-ttl .ttl-txt {
    font-size: 30.812px;
    margin: 4px 0 0;
  }

  .essentials-popup .popup-main .popup-txt {
    margin-top: 24px;
    line-height: 24px;
    font-size: 18px;
    letter-spacing: 0.18px;
    text-align: center;
    padding: 0 2px;

    &.popup3 {
      margin-top: 40px;
    }

    .first-line {
      font-size: 26px;
      line-height: 34px;
      letter-spacing: 0.52px;
    }
  }

  #end-popup.essentials-popup .popup-main .popup-txt {
    margin-top: 54px;
  }

  .essentials-popup .popup-main .popup-txt2 {
    font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.24px;
    text-align: center;
    margin-top: 8px;
    display: inline-block;

    &.popup3 {
      font-size: 22px;
      line-height: 30px;
      letter-spacing: 0.44px;
      margin-top: 8px;
    }
  }

  .essentials-popup .popup-main .period-txt {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.28px;
    text-align: center;
    margin-top: 16px;

    &.popup3 {
      font-size: 14px;
      line-height: 22px;
      letter-spacing: 0.28px;
      margin-top: 18px;
    }
  }

  .essentials-popup .popup-main .btn-shop-now {
    margin-top: 30px;

    &.popup3 {
      margin-top: 24px;
    }
  }

  #end-popup.essentials-popup .popup-main .btn-shop-now {
    margin-top: 60px;
  }

  .essentials-popup .popup-main .hide-link {
    margin-top: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  .desktop-visible.text {
    display: none;
  }

  .tablet-visible.text {
    display: inline-block;
  }

  .tablet-no-visible {
    display: none;
  }

  .desktop-visiable {
    display: none;
  }

  .tablet-visiable {
    display: block;
  }

  .popup-item-handle.fw25-popup {
    width: 800px;
  }

  .fw25-popup.popup-item-handle .item-handle-body {
    padding: 0;
    max-height: 100vh;
  }

  .fw25-popup .img-area {
    width: 436px;
  }

  .fw25-popup .popup-main {
    padding-top: 50px;
    min-height: 438px;
  }

  .fw25-popup.popup-item-handle .item-handle-body p.popup-ttl-txt {
    color: #333;
    text-align: center;
    -webkit-text-stroke-width: 0.1px;
    -webkit-text-stroke-color: #333;
    font-family: "Libre Caslon Text";
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0.34px;
  }

  .fw25-popup.popup-item-handle .item-handle-body p.popup-ttl {
    margin-top: 14px;
    font-size: 0;
    line-height: 0;
    overflow: hidden;

  }

  .fw25-popup .popup-ttl img {
    width: 280px;
  }

  .fw25-popup .popup-contents {
    margin: 37px 32px;
    padding: 24px 10px;
  }

  .fw25-popup .popup-contents .contents-main-txt {
    color: #6E4532;
    font-family: "Libre Caslon Text";
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
  }

  .fw25-popup .popup-contents .contents-period {
    color: #333;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 11px;
  }

  .fw25-popup .ends-today-txt {
    position: relative;
    color: #9B5F3D;
    text-align: center;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #9B5F3D;
    font-family: "Libre Caslon Text";
    font-size: 20px;
    line-height: normal;
    margin: 64px auto 0;
    padding: 0 5px;
    width: fit-content;
  }

  .fw25-popup .ends-today-txt:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 14px;
    left: 0;
    bottom: 0;
    background: #FFF5E8;
    z-index: -1;
  }

  .fw25-popup.popup-item-handle .item-handle-body p.ends-txt {
    color: #333;
    text-align: center;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #333;
    font-family: "Libre Caslon Text";
    font-size: 24px;
    line-height: 37px;
    margin: 8px 0 73px;
  }
}