@charset "UTF-8";
@font-face {
  font-family: "un";
  font-display: block;
  src: url("../fonts/Unica.woff2") format("woff2");
}

:root {
  --color-primary: #999;
  --color-secondary: #F6F6F6;
  --btn-primary: #999;
  --btn-primary-hover: #666;
  --btn-primary-disabled: #D9D9D9;
  --btn-secondary: #EBEBEB;
  --btn-secondary-hover: #ddd;
  --btn-secondary-disabled: #f6f6f6;
  --btn-white: #ffffff;
  --btn-white-hover: #F0F0F0;
  --btn-white-disabled: #ffffff;
  --btn-round: #F6F6F6;
  --btn-round-hover: #EBEBEB;
  --btn-round-disabled: #F6F6F6;
  --color-white: #fff;
  --color-black: #000;
  --color-red: #CE544C;
  --color-blue: #5A5FCF;
  --color-disabled: #C6C6C6;
  --color-default: #999;
  --color-line100: #e0e0e0;
  --color-line200: #D2d2d2;
  --color-line700: #999999;
  --color-bg: #F6F6F6;
}

@supports (--safe-top: constant(safe-area-inset-top)) {
  :root {
    --safe-top: constant(safe-area-inset-top);
    --safe-bottom: constant(safe-area-inset-bottom);
  }
}
@supports (--safe-top: env(safe-area-inset-top)) {
  :root {
    --safe-top: env(safe-area-inset-top);
    --safe-bottom: env(safe-area-inset-bottom);
  }
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button, figure, figcaption, textarea, header, footer, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: var(--color-default);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
  font-weight: normal;
  vertical-align: baseline;
}

[lang="ja"] * {
  font-family: "un", "ryo-gothic-plusn" !important;
}

body {
  line-height: normal;
  -webkit-text-size-adjust: none;
  /* Mac 폰트 대응 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

sup {
  font-size: 60%;
}

em {
  font-style: normal;
}

input {
  -webkit-apperance: none;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "un";
  background-color: var(--color-white);
}

input[type=text]::-ms-clear {
  display: none;
}

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

select {
  font-family: "un", "Malgun Gothic", Sans-serif;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button {
  border: none;
  cursor: pointer;
  font-family: "un";
}

i {
  font-style: normal;
}

a {
  text-decoration: none;
  font-family: "un";
  font-weight: 400;
  cursor: pointer;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  display: inline-block;
}

.modal-policy h2:not(:first-child) {
  margin-top: 10px;
}

.modal-policy p:not(:first-child) {
  margin-top: 10px;
}

.modal-policy > ul > li > ol {
  margin-left: 15px;
}

.modal-policy table {
  display: block;
  width: 100%;
  overflow-x: auto;
  min-width: 450px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.modal-policy th,
.modal-policy td {
  border: 1px solid #ccc;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
}

.modal-policy th {
  background-color: #f5f5f5;
  font-weight: 600;
}

.h1-typo {
  font-size: 28px;
  font-family: "un";
  line-height: 1.2;
}

.h2-typo {
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
}

.h3-typo {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.p1-typo {
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.p2-typo {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.mh1-typo {
  font-size: 1.8rem;
  font-family: "un";
  line-height: 1.5;
}

.mp1-typo {
  font-size: 1.4rem;
  font-family: "un";
  line-height: 1.5;
}

.mp2-typo {
  font-size: 1.2rem;
  font-family: "un";
  line-height: 1.5;
}

.hidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  -webkit-clip-path: polygon(0 0, 0 0, 0 0);
          clip-path: polygon(0 0, 0 0, 0 0);
}

.pc-show {
  display: block !important;
}

.mo-show {
  display: none !important;
}

.scrOff {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

input, textarea, button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* input box color */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px var(--color-white) inset;
  -webkit-text-fill-color: var(--color-primary-hover);
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill:disabled {
  -webkit-box-shadow: 0 0 0 30px var(--color-bg) inset;
}

@media (max-width: 1080px) {
  html {
    font-size: 62.5%;
  }
  body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td, button, figure, figcaption, textarea, header, footer, main {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  [lang="ja"] * {
    font-family: "un", "ryo-gothic-plusn" !important;
  }
  .pc-show {
    display: none !important;
  }
  .mo-show {
    display: block !important;
  }
}
/* ********************
[unicode-range]
한글 범위 : U+AC00-D7A3
영어 대문자 범위 : U+0041-005A
영어 소문자 범위 : U+0061-007A
숫자 범위 : U+0030-0039
특수 문자 : U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E
******************** */
.typo-table {
  width: 100%;
}

.typo-table thead th {
  height: 40px;
  vertical-align: middle;
  border-bottom: 2px solid var(--color-black);
}

.typo-table thead th:nth-child(1), .typo-table thead th:nth-child(6) {
  width: 20%;
}

.typo-table thead th:nth-child(2) {
  width: 25%;
}

.typo-table thead th:nth-child(3), .typo-table thead th:nth-child(4) {
  width: 13.33%;
}

.typo-table thead th:nth-child(5) {
  width: 8.33%;
}

.typo-table tbody td {
  padding: 20px 0 20px 20px;
  border-bottom: 1px solid var(--color-black);
  vertical-align: middle;
}

.product-link > .product_price, .main-prd-list > li > .product_price {
  text-align: center;
}

.detail-content .attributes {
  display: none;
}

.cookies-wrap {
  margin-top: 16px;
}

.color-wrap + .color-wrap {
  margin-top: 50px;
}

.color-wrap .color-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 100px;
}

.color-wrap .color-list + .color-list {
  margin-top: 30px;
}

.color-wrap .color-list li {
  position: relative;
  padding-bottom: 60px;
}

.color-wrap .color-list li div {
  width: 140px;
  height: 140px;
}

.color-wrap .color-list li span {
  position: absolute;
  left: 0;
  bottom: 0;
  white-space: nowrap;
}

.btn-table {
  width: 100%;
}

.btn-table + .btn-table {
  margin-top: 50px;
}

.btn-table thead th {
  height: 40px;
  border-bottom: 2px solid var(--color-black);
}

.btn-table tbody td {
  border-bottom: 1px solid var(--color-black);
  padding: 30px 0;
  vertical-align: middle;
}

.btn-table tbody td .btn-wrap {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 250px;
  gap: 20px;
  margin: 0 auto;
}

.btn-table a,
.btn-table button {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.btn-wrap.align-right {
  justify-content: flex-end;
}

.btn-wrap .big {
  min-width: 120px;
  height: 50px;
}

.btn-wrap .medium {
  min-width: 120px;
  height: 40px;
}

.btn-wrap .small {
  min-width: 120px;
  height: 34px;
  padding: 0 12px;
}

.btn-wrap .verification {
  height: 46px;
}

.btn-wrap .primary:hover {
  background-color: #666;
}

.btn-wrap .primary:disabled {
  background-color: #D9D9D9;
  color: #C6C6C6;
}

.btn-wrap .primary {
  background-color: var(--btn-primary);
  color: var(--color-white);
}

.btn-wrap .secondary {
  background-color: var(--btn-secondary);
  color: var(--color-default);
}

.btn-wrap .secondary:hover {
  background-color: var(--btn-secondary-hover);
}

.btn-wrap .secondary:disabled {
  background-color: var(--btn-secondary-disabled);
  color: var(--color-disabled);
}

.btn-wrap .white {
  background-color: var(--btn-white);
  color: var(--color-default);
}

.btn-wrap .white:hover {
  background-color: var(--btn-white-hover);
}

.btn-wrap .white:disabled {
  background-color: var(--btn-white-disabled);
  color: var(--color-disabled);
}

.btn-wrap .round {
  padding: 0 24px;
  background-color: var(--btn-round);
  color: var(--color-default);
  border-radius: 18px;
}

.btn-wrap .round:hover {
  background-color: var(--btn-round-hover);
}

.btn-wrap .round:disabled {
  background-color: var(--btn-round-disabled);
  color: var(--color-disabled);
}

.btn-wrap .line {
  padding: 0;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.btn-wrap .line:disabled {
  color: var(--color-disabled);
}

.btn-wrap a,
.btn-wrap button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 12px;
  padding: 0 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab-wrap .tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tab-wrap .tab-list .item a, .tab-wrap .tab-list .item button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 16px;
  background-color: var(--color-secondary);
  border-radius: 18px;
}

.tab-wrap .tab-list .item a.on, .tab-wrap .tab-list .item button.on {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.tab-wrap.my-tab .tab-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 404px;
}

[lang="ja"] .tab-wrap.my-tab .tab-list {
  width: 464px;
}

.tab-wrap.my-tab .tab-list .new {
  position: relative;
  margin-right: 14px;
}

.tab-wrap.my-tab .tab-list .new:after {
  content: "";
  position: absolute;
  right: -14px;
  top: 0;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23CE544C'/%3E%3Cpath d='M9.25586 4.15625V9.84375H8.27539L5.72461 5.76953V9.84375H4.74414V4.15625H5.72461L8.2832 8.23828V4.15625H9.25586Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 100%;
}

.tab-wrap.my-sub-tab {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.input-table {
  width: 100%;
  border-bottom: 1px solid var(--color-black);
}

.input-table + .input-table {
  margin-top: 50px;
}

.input-table > thead > tr > th {
  height: 40px;
  border-bottom: 2px solid var(--color-black);
}

.input-table > tbody > tr > th {
  width: 200px;
  padding: 10px 0 10px 20px;
  text-align: left;
  vertical-align: middle;
}

.input-table > tbody > tr > td {
  padding: 10px 20px 10px 0;
}

.input-table .box-group {
  width: 500px;
}

.box-input label {
  display: block;
  position: relative;
}

.box-input label input[type=tel],
.box-input label input[type=email],
.box-input label input[type=text],
.box-input label input[type=number],
.box-input label input[type=password] {
  width: 100%;
  height: 40px;
  background-color: transparent;
  border-width: 0 0 1px 0;
  border-color: var(--color-primary);
  color: var(--color-default);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.box-input label input[type=tel]::-webkit-input-placeholder, .box-input label input[type=email]::-webkit-input-placeholder, .box-input label input[type=text]::-webkit-input-placeholder, .box-input label input[type=number]::-webkit-input-placeholder, .box-input label input[type=password]::-webkit-input-placeholder {
  color: var(--color-disabled);
}

.box-input label input[type=tel]::-moz-placeholder, .box-input label input[type=email]::-moz-placeholder, .box-input label input[type=text]::-moz-placeholder, .box-input label input[type=number]::-moz-placeholder, .box-input label input[type=password]::-moz-placeholder {
  color: var(--color-disabled);
}

.box-input label input[type=tel]:-ms-input-placeholder, .box-input label input[type=email]:-ms-input-placeholder, .box-input label input[type=text]:-ms-input-placeholder, .box-input label input[type=number]:-ms-input-placeholder, .box-input label input[type=password]:-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-input label input[type=tel]::-ms-input-placeholder, .box-input label input[type=email]::-ms-input-placeholder, .box-input label input[type=text]::-ms-input-placeholder, .box-input label input[type=number]::-ms-input-placeholder, .box-input label input[type=password]::-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-input label input[type=tel]::placeholder,
.box-input label input[type=email]::placeholder,
.box-input label input[type=text]::placeholder,
.box-input label input[type=number]::placeholder,
.box-input label input[type=password]::placeholder {
  color: var(--color-disabled);
}

.box-input label input[type=tel]:disabled,
.box-input label input[type=email]:disabled,
.box-input label input[type=text]:disabled,
.box-input label input[type=number]:disabled,
.box-input label input[type=password]:disabled {
  border-color: var(--color-disabled);
  color: var(--color-disabled);
}

.box-input label textarea {
  width: 100%;
  height: auto;
  min-height: 120px;
  padding: 16px;
  border-radius: 16px;
  background-color: var(--color-bg);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
  resize: none;
}

.box-input label textarea::-webkit-input-placeholder {
  color: var(--color-disabled);
}

.box-input label textarea::-moz-placeholder {
  color: var(--color-disabled);
}

.box-input label textarea:-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-input label textarea::-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-input label textarea::placeholder {
  color: var(--color-disabled);
}

.box-input label textarea:disabled {
  background-color: var(--color-disabled);
  color: var(--color-white);
}

.box-input label .btn-box {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 0;
}

.box-input label .btn-box button {
  position: relative;
  width: 40px;
  height: 40px;
}

.box-input label .btn-box button .ico {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.box-input label .message {
  margin-top: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
  color: var(--color-default);
}

.box-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 140px;
  padding: 5px 16px;
  background-color: var(--color-white);
  border-radius: 16px;
}

.box-amount label {
  display: block;
}

.box-amount label input[type=number] {
  width: 44px;
  height: 24px;
  border-width: 0;
  color: var(--color-default);
  text-align: center;
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.box-amount label input[type=number]:disabled {
  color: var(--color-disabled);
}

.box-search {
  position: relative;
}

.box-search label {
  display: block;
  position: relative;
}

.box-search label input[type=text] {
  width: 100%;
  height: 40px;
  padding: 0 16px 0 24px;
  border: 0;
  border-radius: 20px;
  background-color: var(--color-bg);
  color: var(--color-default);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.box-search label input[type=text]::-webkit-input-placeholder {
  color: var(--color-disabled);
}

.box-search label input[type=text]::-moz-placeholder {
  color: var(--color-disabled);
}

.box-search label input[type=text]:-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-search label input[type=text]::-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-search label input[type=text]::placeholder {
  color: var(--color-disabled);
}

.box-search label button {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23999999'/%3E%3Cline x1='4.894' y1='4.25' x2='11.5596' y2='10.9156' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='-0.75' x2='10.1766' y2='-0.75' transform='matrix(-0.707107 0.707107 0.707107 0.707107 12.1667 4.25)' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  font-size: 0;
}

.box-search .keyword-list {
  position: absolute;
  left: 0;
  top: 44px;
  z-index: 1;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}

.box-search .keyword-list li a {
  display: block;
  padding: 0 12px;
  background-color: var(--color-bg);
  color: var(--color-default);
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
  line-height: 36px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.box-search .keyword-list li a:hover {
  background-color: var(--btn-secondary);
}

.box-calender legend {
  display: none;
}

.box-calender .slds-form-element__control {
  position: relative;
}

.box-calender .slds-form-element__control input[type=text] {
  width: 100%;
  height: 36px;
  border-width: 0 0 1px 0;
  border-color: var(--color-primary);
  color: var(--color-default);
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.box-calender .slds-form-element__control input[type=text]::-webkit-input-placeholder {
  color: var(--color-disabled);
}

.box-calender .slds-form-element__control input[type=text]::-moz-placeholder {
  color: var(--color-disabled);
}

.box-calender .slds-form-element__control input[type=text]:-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-calender .slds-form-element__control input[type=text]::-ms-input-placeholder {
  color: var(--color-disabled);
}

.box-calender .slds-form-element__control input[type=text]::placeholder {
  color: var(--color-disabled);
}

.box-calender .slds-form-element__control input[type=text] + button {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.75' y='6.53564' width='14.5' height='14.5' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='7.03571' y1='3.5' x2='7.03571' y2='6.92857' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='17.3214' y1='3.5' x2='17.3214' y2='6.92857' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='4' y1='9.60718' x2='20' y2='9.60718' stroke='%23999999' stroke-width='1.5'/%3E%3Crect x='7.99999' y='13.2143' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='11.4286' y='13.2143' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='14.8571' y='13.2143' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='7.99999' y='16.643' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='11.4286' y='16.643' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='14.8571' y='16.643' width='1.14286' height='1.14286' fill='%23999999' stroke='%23999999' stroke-width='1.14286'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.box-calender .slds-form-element__control input[type=text] + button svg, .box-calender .slds-form-element__control input[type=text] + button .slds-assistive-text {
  display: none;
}

.box-calender .slds-is-open .datepickers {
  display: block;
}

.box-calender .datepickers {
  display: none;
  position: absolute;
  top: 43px;
  right: 0;
  padding: 16px;
  background-color: var(--color-white);
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  z-index: 1;
}

.box-calender .datepickers .slds-datepicker__filter_month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-calender .datepickers .slds-datepicker__filter_month h2 {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
  font-weight: normal;
}

.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle button {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 50%;
}

.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle button[title="Previous Month"] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7L10 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 17L10 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle button[title="Next Month"] {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 17L15 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle button span,
.box-calender .datepickers .slds-datepicker__filter_month .slds-align-middle button svg {
  display: none;
}

.box-calender .datepickers .slds-datepicker__month {
  width: 248px;
}

.box-calender .datepickers .slds-datepicker__month thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.box-calender .datepickers .slds-datepicker__month thead tr th {
  width: 32px;
  padding: 16px 0 10px 0;
  text-align: center;
}

.box-calender .datepickers .slds-datepicker__month thead tr th abbr {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
  font-weight: normal;
  text-decoration: none;
}

.box-calender .datepickers .slds-datepicker__month tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  padding-top: 4px;
}

.box-calender .datepickers .slds-datepicker__month tbody tr td {
  width: 32px;
  vertical-align: middle;
  text-align: center;
}

.box-calender .datepickers .slds-datepicker__month tbody tr td span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.box-calender .datepickers .slds-datepicker__month tbody tr td span:hover {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}

.box-calender .datepickers .slds-datepicker__month tbody tr td:nth-child(1) span {
  color: var(--color-red);
}

.box-calender .datepickers .slds-datepicker__month tbody tr td:nth-child(7) span {
  color: var(--color-blue);
}

.box-calender .datepickers .slds-datepicker__month tbody tr td.checked span {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
}

.box-calender .datepickers .slds-datepicker__month tbody tr td.today span {
  background-color: var(--color-bg) !important;
  color: var(--color-default) !important;
}

.box-combobox {
  position: relative;
}

.box-combobox .slds-combobox__form-element .slds-combobox__input {
  padding: 0 40px 0 16px;
  background-color: var(--color-bg);
  border-radius: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.box-combobox .slds-combobox__form-element .slds-combobox__input:focus {
  background-color: var(--color-primary);
}

.box-combobox .slds-combobox__form-element .slds-combobox__input:focus .slds-truncate {
  color: var(--color-white);
}

.box-combobox .slds-combobox__form-element .slds-combobox__input:focus + .slds-icon_container {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.box-combobox .slds-combobox__form-element .slds-combobox__input .slds-truncate {
  display: block;
  height: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  line-height: 40px;
}

.box-combobox .slds-combobox__form-element .slds-icon_container {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.box-combobox .slds-dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1;
  width: 100%;
  border-radius: 0 0 16px 16px;
  overflow: hidden;
}

.box-combobox .slds-dropdown ul li div {
  display: block;
  height: 36px;
  padding: 0 16px;
  background-color: var(--color-bg);
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-line-clamp: 1;
  line-height: 36px;
}

.box-combobox .slds-dropdown ul li div:hover {
  background-color: var(--btn-secondary);
}

.box-combobox .slds-is-open .slds-combobox__form-element .slds-combobox__input {
  border-radius: 16px 16px 0 0;
}

.box-combobox .slds-is-open .slds-combobox__form-element .slds-icon_container {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.box-combobox .slds-is-open .slds-dropdown {
  display: block;
}

.box-combobox.readonly .slds-combobox__form-element .slds-combobox__input:focus {
  background-color: var(--color-bg);
}

.box-combobox.readonly .slds-combobox__form-element .slds-combobox__input:focus .slds-truncate {
  color: var(--color-default);
}

.box-combobox.readonly .slds-combobox__form-element .slds-combobox__input:focus + .slds-icon_container {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
}

.box-combobox.disabled .slds-combobox__form-element .slds-combobox__input {
  background-color: var(--color-bg) !important;
}

.box-combobox.disabled .slds-combobox__form-element .slds-combobox__input .slds-truncate {
  color: var(--color-disabled) !important;
}

.box-combobox.disabled .slds-combobox__form-element .slds-icon_container {
  background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0 !important;
}

.box-combobox.error .slds-combobox__form-element .slds-combobox__input {
  border: 1.5px solid var(--color-primary);
}

.box-combobox .message {
  padding: 4px 0 0 16px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.box-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}

.box-group label {
  position: relative;
  padding-left: 34px;
}

.box-group label input {
  position: absolute;
}

.box-group label input[type=checkbox], 
.box-group label input[type=radio] {
  left: 0;
}

.box-group label input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
  background-color: var(--color-white);
}

.box-group label input[type=checkbox]:checked + span:after {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-primary);
  border-radius: 4px;
}

.box-group label input[type=radio] + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
  background-color: var(--color-white);
}

.box-group label input[type=radio]:checked + span:after {
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}

.box-group label input:disabled + span:before, .box-group label input:disabled + span:after {
  border-color: var(--color-disabled);
}

.box-group label span {
  cursor: pointer;
}

.box-group label span:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  background-color: var(--color-primary);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.box-group-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.box-group-btn label input {
  position: absolute;
  background-color: transparent;
}

.box-group-btn label input + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 24px;
  background-color: var(--color-bg);
  border-radius: 18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.box-group-btn label input:checked + span {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.box-group-btn label input:disabled + span {
  color: var(--color-disabled);
}

.ico-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.ico {
  display: block;
  width: 24px;
  height: 24px;
  background-position: 50%;
  background-repeat: no-repeat;
  font-size: 0;
}

.ico-menu {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.75' y1='17.25' x2='19.25' y2='17.25' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4.75' y1='11.25' x2='19.25' y2='11.25' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='4.75' y1='5.25' x2='19.25' y2='5.25' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-close {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5' y1='18.9389' x2='18.9389' y2='4.99994' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='-0.75' x2='20.4626' y2='-0.75' transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 18.999 19.9995)' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-wish {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1721 12.7216L12.0102 22L2.84826 12.7216C2.24395 12.1203 1.76794 11.3976 1.45021 10.5989C1.13248 9.80027 0.979915 8.943 1.00212 8.08109C1.02432 7.21918 1.22081 6.37131 1.57922 5.59087C1.93763 4.81043 2.45019 4.11432 3.08462 3.54638C3.71905 2.97844 4.46162 2.55098 5.26555 2.2909C6.06949 2.03083 6.91738 1.94378 7.75583 2.03524C8.59429 2.12669 9.40514 2.39467 10.1373 2.82231C10.8695 3.24994 11.5072 3.82796 12.0102 4.51996C12.5153 3.83298 13.1538 3.26001 13.8854 2.83692C14.6171 2.41382 15.4263 2.14971 16.2624 2.06112C17.0985 1.97252 17.9435 2.06134 18.7445 2.32202C19.5455 2.5827 20.2853 3.00963 20.9175 3.57609C21.5497 4.14255 22.0607 4.83634 22.4186 5.61405C22.7766 6.39175 22.9736 7.23663 22.9975 8.0958C23.0214 8.95497 22.8716 9.80993 22.5575 10.6072C22.2434 11.4044 21.7718 12.1268 21.1721 12.7291' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ico-wish-checked {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1721 12.7216L12.0102 22L2.84826 12.7216C2.24395 12.1203 1.76794 11.3976 1.45021 10.5989C1.13248 9.80027 0.979915 8.943 1.00212 8.08109C1.02432 7.21918 1.22081 6.37131 1.57922 5.59087C1.93763 4.81043 2.45019 4.11432 3.08462 3.54638C3.71905 2.97844 4.46162 2.55098 5.26555 2.2909C6.06949 2.03083 6.91738 1.94378 7.75583 2.03524C8.59429 2.12669 9.40514 2.39467 10.1373 2.82231C10.8695 3.24994 11.5072 3.82796 12.0102 4.51996C12.5153 3.83298 13.1538 3.26001 13.8854 2.83692C14.6171 2.41382 15.4263 2.14971 16.2624 2.06112C17.0985 1.97252 17.9435 2.06134 18.7445 2.32202C19.5455 2.5827 20.2853 3.00963 20.9175 3.57609C21.5497 4.14255 22.0607 4.83634 22.4186 5.61405C22.7766 6.39175 22.9736 7.23663 22.9975 8.0958C23.0214 8.95497 22.8716 9.80993 22.5575 10.6072C22.2434 11.4044 21.7718 12.1268 21.1721 12.7291' fill='%23999999'/%3E%3Cpath d='M21.1721 12.7216L12.0102 22L2.84826 12.7216C2.24395 12.1203 1.76794 11.3976 1.45021 10.5989C1.13248 9.80027 0.979915 8.943 1.00212 8.08109C1.02432 7.21918 1.22081 6.37131 1.57922 5.59087C1.93763 4.81043 2.45019 4.11432 3.08462 3.54638C3.71905 2.97844 4.46162 2.55098 5.26555 2.2909C6.06949 2.03083 6.91738 1.94378 7.75583 2.03524C8.59429 2.12669 9.40514 2.39467 10.1373 2.82231C10.8695 3.24994 11.5072 3.82796 12.0102 4.51996C12.5153 3.83298 13.1538 3.26001 13.8854 2.83692C14.6171 2.41382 15.4263 2.14971 16.2624 2.06112C17.0985 1.97252 17.9435 2.06134 18.7445 2.32202C19.5455 2.5827 20.2853 3.00963 20.9175 3.57609C21.5497 4.14255 22.0607 4.83634 22.4186 5.61405C22.7766 6.39175 22.9736 7.23663 22.9975 8.0958C23.0214 8.95497 22.8716 9.80993 22.5575 10.6072C22.2434 11.4044 21.7718 12.1268 21.1721 12.7291' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ico-cart {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V2' stroke='%23999999' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M12 8V14' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 10.9816H15' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ico-cart-blank {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 2V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V2' stroke='%23999999' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-plus {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.75' y1='7' x2='12.75' y2='18' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='7' y1='12.25' x2='18' y2='12.25' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.ico-minus {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='7' y1='12.25' x2='18' y2='12.25' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.ico-eye {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.1 15.3L7.8 14.6C7.1 13.8 6.4 13 6 12C7 9.5 9.8 7.5 12.5 7.5C13.2 7.5 13.9 7.6 14.5 7.9L15.3 7.1C14.4 6.7 13.5 6.5 12.5 6.5C9.2 6.6 6.2 8.7 5 11.8C5 11.9 5 12 5 12.1C5.5 13.3 6.2 14.4 7.1 15.3Z' fill='%23999999'/%3E%3Cpath d='M10.5 11.9C10.6 10.9 11.4 10.1 12.3 10.1L13.2 9.2C11.7 8.7 10 9.6 9.6 11.2C9.5 11.7 9.5 12.3 9.6 12.8L10.5 11.9ZM20 11.8C19.4 10.3 18.4 9 17.1 8.1L19.5 5.7L18.8 5L5.5 18.3L6.2 19L8.8 16.4C9.9 17.1 11.2 17.4 12.5 17.5C15.8 17.4 18.8 15.3 20 12.2C20 12.1 20 11.9 20 11.8ZM14.5 12C14.5 13.1 13.6 14 12.5 14C12.2 14 11.8 13.9 11.5 13.7L14.2 11C14.4 11.3 14.5 11.6 14.5 12ZM12.5 16.5C11.5 16.5 10.4 16.2 9.5 15.7L10.8 14.4C12.2 15.3 14 15 15 13.6C15.7 12.6 15.7 11.2 15 10.2L16.4 8.8C17.5 9.6 18.4 10.7 19 12C17.9 14.5 15.1 16.5 12.5 16.5Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.ico-eye-off {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.9698 11.33C19.3817 9.80882 18.3608 8.49331 17.0332 7.54604C15.7056 6.59878 14.1295 6.06129 12.4998 6C10.87 6.06129 9.29398 6.59878 7.96639 7.54604C6.6388 8.49331 5.61787 9.80882 5.02979 11.33C4.99007 11.4399 4.99007 11.5601 5.02979 11.67C5.61787 13.1912 6.6388 14.5067 7.96639 15.454C9.29398 16.4012 10.87 16.9387 12.4998 17C14.1295 16.9387 15.7056 16.4012 17.0332 15.454C18.3608 14.5067 19.3817 13.1912 19.9698 11.67C20.0095 11.5601 20.0095 11.4399 19.9698 11.33ZM12.4998 16C9.84979 16 7.04979 14.035 6.03479 11.5C7.04979 8.965 9.84979 7 12.4998 7C15.1498 7 17.9498 8.965 18.9648 11.5C17.9498 14.035 15.1498 16 12.4998 16Z' fill='%23999999'/%3E%3Cpath d='M12.5 8.5C11.9067 8.5 11.3266 8.67595 10.8333 9.00559C10.3399 9.33524 9.95543 9.80377 9.72836 10.3519C9.5013 10.9001 9.44189 11.5033 9.55765 12.0853C9.6734 12.6672 9.95912 13.2018 10.3787 13.6213C10.7982 14.0409 11.3328 14.3266 11.9147 14.4424C12.4967 14.5581 13.0999 14.4987 13.6481 14.2716C14.1962 14.0446 14.6648 13.6601 14.9944 13.1667C15.3241 12.6734 15.5 12.0933 15.5 11.5C15.5 10.7044 15.1839 9.94129 14.6213 9.37868C14.0587 8.81607 13.2957 8.5 12.5 8.5ZM12.5 13.5C12.1044 13.5 11.7178 13.3827 11.3889 13.1629C11.06 12.9432 10.8036 12.6308 10.6522 12.2654C10.5009 11.8999 10.4613 11.4978 10.5384 11.1098C10.6156 10.7219 10.8061 10.3655 11.0858 10.0858C11.3655 9.80608 11.7219 9.6156 12.1098 9.53843C12.4978 9.46126 12.8999 9.50087 13.2654 9.65224C13.6308 9.80362 13.9432 10.06 14.1629 10.3889C14.3827 10.7178 14.5 11.1044 14.5 11.5C14.5 12.0304 14.2893 12.5391 13.9142 12.9142C13.5391 13.2893 13.0304 13.5 12.5 13.5Z' fill='%23999999'/%3E%3C/svg%3E%0A");
}

.ico-left-arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 7L10 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M15 17L10 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-right-arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 17L15 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-first-page {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 7L11 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 17L11 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8 7V17' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-last-page {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7L13 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M8 17L13 12' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M16 7V17' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-down-arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-up-arrow {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16L12 9L19 16' stroke='%23999999' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}

.ico-delete {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='3.06066' y1='3' x2='20.543' y2='20.4823' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='-0.75' x2='25.4737' y2='-0.75' transform='matrix(-0.707107 0.707107 0.707107 0.707107 22 3)' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.ico-calendar {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.75' y='6.03564' width='14.5' height='14.5' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='7.03613' y1='3' x2='7.03613' y2='6.42857' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='17.3213' y1='3' x2='17.3213' y2='6.42857' stroke='%23999999' stroke-width='1.5'/%3E%3Cline x1='4' y1='9.10718' x2='20' y2='9.10718' stroke='%23999999' stroke-width='1.5'/%3E%3Crect x='8.00014' y='12.7143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='11.4289' y='12.7143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='14.8576' y='12.7143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='8.00014' y='16.143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='11.4289' y='16.143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3Crect x='14.8576' y='16.143' width='1.14286' height='1.14286' stroke='%23999999' stroke-width='1.14286'/%3E%3C/svg%3E%0A");
}

.ico-search {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5645 2.75C14.328 2.75 17.3789 5.80093 17.3789 9.56445C17.3789 13.328 14.328 16.3789 10.5645 16.3789C6.80093 16.3789 3.75 13.328 3.75 9.56445C3.75 5.80093 6.80093 2.75 10.5645 2.75Z' stroke='%23999999' stroke-width='1.5' stroke-miterlimit='10'/%3E%3Cline x1='15.9474' y1='14.9675' x2='20.9997' y2='20.0199' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.chips-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px;
}

.chips-list .chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  padding: 0 24px;
  border-radius: 18px;
}

.chips-list .primary {
  background-color: var(--color-primary);
  color: var(--color-white);
}

.chips-list .secondary {
  background-color: var(--color-secondary);
  color: var(--color-default);
}

.chips-list .white {
  background-color: var(--color-white);
  color: var(--color-default);
}

.wsg-popup {
  position: relative;
  height: 680px;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-wrap {
  display: none;
}

.privacy_body li {
  margin-top: 16px;
}

.region_box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: start !important;
}

.popup-wrap {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99999 !important;
  width: 600px;
  max-height: 80vh;
  padding: 32px;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.popup-wrap.basic .popup-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  margin-bottom: 24px;
}

.popup-wrap.basic .popup-header h2 {
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  font-weight: normal;
}

.popup-wrap.basic .popup-body {
  max-height: 400px;
  margin-bottom: 24px;
  margin-right: -16px;
  padding-right: 16px;
  overflow: hidden auto;
}

.popup-wrap.basic .popup-body::-webkit-scrollbar {
  width: 12px;
}

.popup-wrap.basic .popup-body::-webkit-scrollbar-track {
  background: transparent;
}

.popup-wrap.basic .popup-body::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 99px;
}

.popup-wrap.basic .popup-body .agree-wrap .agree-items .item-conts{
  background-color: var(--color-white);
}

.popup-wrap.alert {
  width: 500px;
}

.popup-wrap.alert .popup-header {
  display: none;
}

.popup-wrap.alert .popup-body {
  margin-bottom: 16px;
}

.popup-wrap.alert .popup-body .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 80px;
}

.popup-wrap .popup-footer .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.popup-wrap .popup-footer .btn-wrap {
  margin: 0px auto;
}

.form-list dt {
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
  margin-bottom: 16px;
}

.form-list dd .form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.form-list dd .form-inner.col2, 
.form-list dd .form-inner.col3, 
.form-list dd .form-inner.mobile-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; 
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  column-gap: 8px;
  row-gap: 0;
}

.form-list dd .form-inner.mobile-phone .box-combobox {
  width: 200px;
}

.form-list dd .form-inner.col2 .box-input {
  flex: 1 1 40%;
}

.form-list dd .form-inner.col3 .box-input, 
.form-list dd .form-inner.mobile-phone .box-input {
  flex: 1 1 30%;
}

.form-list dd .form-inner.reserv-time .box-group-btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 600px;
}

.form-list dd .form-inner.reserv-time .box-group-btn label span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
}

.form-list dd .form-inner.concems-list {
  gap: 16px;
  width: 600px;
}

.form-list dd .form-inner.concems-list .message {
  margin-top: 0;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.form-list dd .form-inner.concems-list .box-group-btn {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-list dd .form-inner.address .postnum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form-list dd .form-inner.address .postnum .box-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-list dd .form-inner.address .postnum .btn-wrap {
  width: 140px;
}

.form-list dd .form-inner.address .postnum .btn-wrap button {
  width: 100%;
  padding: 0;
}

.form-list dd .form-inner.coupons .verify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form-list dd .form-inner.coupons .verify .box-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-list dd .form-inner.point {
  position: relative;
}

.form-list dd .form-inner.point .all-point {
  position: absolute;
  right: 0;
  bottom: -28px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.form-list dd .form-inner.point .box-group {
  position: absolute;
  right: 0;
  top: -3.4rem;
}

.form-list dd .form-inner.point .verify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form-list dd .form-inner.point .verify .box-input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-list dd .form-inner.file-upload .box-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form-list dd .form-inner.file-upload .box-input label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-list dd .form-inner.file-upload .box-input .file {
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 136px;
  height: 40px;
  background-color: var(--btn-secondary);
  border-radius: 16px;
  cursor: pointer;
}

.form-list dd .form-inner.file-upload .box-input .file input {
  display: none;
}

.form-list dd + dt {
  margin-top: 60px;
}

.form-list .message {
  margin-top: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.form-list .invalid-feedback {
  margin-top: 4px;
}

.invalid-feedback {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.form-list .invalid-feedback + .message {
  margin-top: 16px;
}

/* 주소 작성 페이지: 에러 메시지/입력창 스타일을 #999로 통일 (빨간색 오버라이드) */
.deMypageMyaddressWrite .invalid-feedback,
.deMypageMyaddressWrite .form-list .invalid-feedback {
  color: #999 !important;
}
.deMypageMyaddressWrite .is-invalid,
.deMypageMyaddressWrite .box-input .is-invalid,
.deMypageMyaddressWrite input.is-invalid {
  border-color: #999 !important;
}

.agree-wrap .all-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
}

.agree-wrap .agree-items {
  position: relative;
  padding-left: 16px;
}

.agree-wrap .agree-items .item-tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  padding-right: 90px;
}

.agree-wrap .agree-items .item-tit .btn-wrap {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.agree-wrap .agree-items .item-conts {
  display: none;
  padding: 16px;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.agree-wrap .agree-items .item-conts.on {
  display: block;
}

.agree-wrap .agree-items .item-conts .item-conts-text {
  max-height: calc(200px - 32px);
  overflow: hidden auto;
}

.agree-wrap .agree-items .item-conts .item-conts-text::-webkit-scrollbar {
  width: 12px;
}

.agree-wrap .agree-items .item-conts .item-conts-text::-webkit-scrollbar-track {
  background: transparent;
}

.agree-wrap .agree-items .item-conts .item-conts-text::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: 99px;
}

.verification-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}

.verification-wrap.align-right {
  flex-direction: unset;
}

.verification-wrap .verification {
  width: 600px;
}

.verification-wrap a, .verification-wrap button {
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}

.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}

.pagination-wrap .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 0 32px;
}

.pagination-wrap .pagination li a {
  display: block;
  width: 16px;
  color: var(--color-disabled);
  text-align: center;
}

.pagination-wrap .pagination li a.on {
  color: var(--color-default);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pagination-wrap .disabled {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

.prd-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 48px 16px;
}

.prd-list .img-area {
  position: relative;
  background-color: var(--color-bg);
  border-radius: 16px;
  overflow: hidden;
}

.prd-list .img-area .img-hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.prd-list .img-area .btn-wrap {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  padding: 0 24px;
  /* -webkit-transition: 0.3s;
  transition: 0.3s; */
}

.prd-list .img-area .btn-wrap button {
  width: 100%;
}

.prd-list .img-area .btn-wrap button .ico {
  display: none;
}

.prd-list .img-area:hover .img-hover {
  opacity: 1;
}

.prd-list .img-area:hover .btn-wrap {
  bottom: 24px;
}

.prd-list .prd-info {
  margin-top: 16px;
}

.prd-list .prd-info .prd-name {
  margin-bottom: 4px;
  display: block;
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  font-weight: normal;
  text-align: center;
}

.prd-list .prd-info .prd-price {
  display: block;
  text-align: center;
}

@media (min-width: 1921px) {
  .prd-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.cart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.cart-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: var(--color-bg);
  border-radius: 16px;
}

.cart-list .item .img-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 200px;
}

.cart-list .item .option-area {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.cart-list .item .option-area .box-group {
  position: absolute;
  left: 16px;
  top: 16px;
}

.cart-list .item .option-area .box-group span {
  font-size: 0;
}

.cart-list .item .option-area .del {
  position: absolute;
  right: 16px;
  top: 16px;
}

.cart-list .item .option-area .box-amount {
  margin: 8px 0 16px 0;
}

.cart-list .item .option-area .prd-name a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}

.cart-list .item .option-area .prd-name a:hover {
  text-decoration: underline;
}

.cart-list .item .option-area .add-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}

.cart-list .item .option-area .add-list li {
  position: relative;
}

.cart-list .item .option-area .add-list li span {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.cart-list .item .option-area .add-list li span.acc {
  position: relative;
  padding-right: 16px;
}

.cart-list .item .option-area .add-list li span.acc:after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: var(--color-primary);
}

.cart-list .item .option-area .add-list li .line {
  position: absolute;
  right: 16px;
  top: 0;
}

.cart-list.order .item {
  gap: 24px;
  background: var(--color-white);
}

.cart-list.order .item .img-area {
  background-color: var(--color-bg);
  border-radius: 16px;
}

.cart-list.order .item .option-area .order-info {
  margin: 16px 0;
}

.cart-list.order .item .option-area .order-info span {
  display: inline-block;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.cart-list.order .item .option-area .order-info span.qty, 
.cart-list.order .item .option-area .order-info span.product-status {
  position: relative;
  padding-right: 16px;
}
.cart-list.order .item .option-area .order-info span.qty:after, 
.cart-list.order .item .option-area .order-info span.product-status:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: var(--color-primary);
}

.cart-list.order .item .option-area .order-info span.product-status:after {
  right: 7px;
}

.cart-list.order .item .option-area .add-list {
  margin-bottom: 0;
}

.additional-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.additional-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.additional-list .item .img-area {
  width: 120px;
  background-color: var(--color-bg);
  border-radius: 8px;
  text-align: center;
  overflow: hidden;
}

.additional-list .item .img-area button {
  display: none;
}

.additional-list .item .option-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 300px;
  margin-top: 8px;
}

.additional-list .item .option-area .prd-name a {
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
}

.additional-list .item .option-area .prd-name a:hover {
  text-decoration: underline;
}

.additional-list .item .option-area .price {
  margin: 4px 0 16px 0;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.additional-list .item .option-area .btn-wrap {
  margin-top: 0;
}

.additional-list .item .option-area .btn-wrap button {
  width: 100%;
}

.additional-list .item .option-area .btn-wrap button .ico {
  display: none;
}

.wishlist {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 8px;
  width: 920px;
}

.wishlist .item .img-area {
  position: relative;
  background-color: var(--color-bg);
  border-radius: 16px;
  overflow: hidden;
}

.wishlist .item .img-area .box-group {
  position: absolute;
  left: 16px;
  top: 16px;
}

.wishlist .item .img-area .box-group span {
  font-size: 0;
}

.wishlist .item .img-area .del {
  position: absolute;
  right: 16px;
  top: 16px;
}

.wishlist .item .img-area .btn-wrap {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  padding: 0 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.wishlist .item .img-area .btn-wrap button {
  width: 100%;
}

.wishlist .item .img-area .btn-wrap button .ico {
  display: none;
}

.wishlist .item .img-area:hover .btn-wrap {
  bottom: 24px;
}

.wishlist .item .prd-info {
  margin-top: 16px;
  text-align: center;
}

.wishlist .item .prd-info strong {
  display: block;
  font-weight: normal;
}

.wishlist .item .prd-info span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.purchased-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 8px;
  width: 920px;
}

.purchased-list .item .img-area {
  position: relative;
  background-color: var(--color-bg);
  border-radius: 16px;
  overflow: hidden;
}

.purchased-list .item .img-area .box-group {
  position: absolute;
  left: 16px;
  top: 16px;
}

.purchased-list .item .img-area .box-group span {
  font-size: 0;
}

.purchased-list .item .img-area .del {
  position: absolute;
  right: 16px;
  top: 16px;
}

.purchased-list .item .img-area .btn-wrap {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 100%;
  padding: 0 24px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.purchased-list .item .img-area .btn-wrap button {
  width: 100%;
}

.purchased-list .item .img-area .btn-wrap button .ico {
  display: none;
}

.purchased-list .item .img-area:hover .btn-wrap {
  bottom: 24px;
}

.purchased-list .item .prd-info {
  margin-top: 16px;
  text-align: center;
}

.purchased-list .item .prd-info strong {
  display: block;
  font-weight: normal;
}

.purchased-list .item .prd-info span {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.box-total .qty {
  display: block;
  margin-bottom: 32px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.box-total .detail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 8px;
}

.box-total .detail dd {
  text-align: right;
}

.box-total .detail .dc {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.box-total .detail .total {
  margin-top: 8px;
}

.box-total .btn-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
}

.box-total .btn-wrap a {
  width: 100%;
}

.dim {
  width: 100%;
  height: 100vh;
  background-color: var(--color-black);
  opacity: 0.5;
}

.table-basic {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--color-line100);
  box-sizing: border-box;
}
.table-basic thead th {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid var(--color-line100);
  background-color: var(--color-secondary);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
  overflow-wrap: break-word;
}
.table-basic tbody tr:last-child td {
  border-bottom: 1px solid var(--color-line100);
}
.table-basic tbody td {
  padding: 10px;
  vertical-align: middle;
  border: 1px solid var(--color-line100);
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
  overflow-wrap: break-word;
}

.table-wrap {
  width: 100%;
}
.table-wrap.scroll-x {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-wrap.scroll-x::-webkit-scrollbar {
  height: 8px;
}
.table-wrap.scroll-x::-webkit-scrollbar-track {
  background-color: var(--color-bg);
  border-radius: 4px;
}
.table-wrap.scroll-x::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 4px;
}
.table-wrap.scroll-x::-webkit-scrollbar-thumb:hover {
  background-color: var(--btn-primary-hover);
}
.table-wrap.scroll-x table {
  max-width: none;
  min-width: 100%;
  width: auto;
}

@media (max-width: 1080px) {
  .btn-wrap .big {
    min-width: 12rem;
  }
  .btn-wrap .medium {
    min-width: 12rem;
  }
  .btn-wrap .small {
    min-width: 12rem;
  }
  .btn-wrap .verification {
    height: 4rem;
  }
  .btn-wrap .line {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .btn-wrap .round {
    border-radius: 1.6rem;
  }
  .btn-wrap a,
  .btn-wrap button {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border-radius: 1.2rem;
  }
  .tab-wrap .tab-list {
    gap: 0.4rem;
  }
  .tab-wrap .tab-list .item a, .tab-wrap .tab-list .item button {
    height: 3.2rem;
    border-radius: 1.6rem;
  }
  .tab-wrap.my-tab {
    display: none;
  }
  .tab-wrap.my-sub-tab .tab-list {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    overflow: scroll hidden;
  }
  .tab-wrap.my-sub-tab .tab-list .item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .input-table {
    width: 100vw;
  }
  .box-input label input[type=tel],
  .box-input label input[type=email],
  .box-input label input[type=text],
  .box-input label input[type=number],
  .box-input label input[type=password] {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-input label input[type=tel]::-webkit-input-placeholder, .box-input label input[type=email]::-webkit-input-placeholder, .box-input label input[type=text]::-webkit-input-placeholder, .box-input label input[type=number]::-webkit-input-placeholder, .box-input label input[type=password]::-webkit-input-placeholder {
    font-size: 1.4rem;
  }
  
  .box-input label input[type=tel]::-moz-placeholder, .box-input label input[type=email]::-moz-placeholder, .box-input label input[type=text]::-moz-placeholder, .box-input label input[type=number]::-moz-placeholder, .box-input label input[type=password]::-moz-placeholder {
    font-size: 1.4rem;
  }
  
  .box-input label input[type=tel]:-ms-input-placeholder, .box-input label input[type=email]:-ms-input-placeholder, .box-input label input[type=text]:-ms-input-placeholder, .box-input label input[type=number]:-ms-input-placeholder, .box-input label input[type=password]:-ms-input-placeholder {
    font-size: 1.4rem;
  }
  
  .box-input label input[type=tel]::-ms-input-placeholder, .box-input label input[type=email]::-ms-input-placeholder, .box-input label input[type=text]::-ms-input-placeholder, .box-input label input[type=number]::-ms-input-placeholder, .box-input label input[type=password]::-ms-input-placeholder {
    font-size: 1.4rem;
  }
  .box-input label input[type=tel]::placeholder,
  .box-input label input[type=email]::placeholder,
  .box-input label input[type=text]::placeholder,
  .box-input label input[type=number]::placeholder,
  .box-input label input[type=password]::placeholder {
    font-size: 1.4rem;
  }
  .box-input label textarea {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-input label .message {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-amount label input[type=number] {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-search label input[type=text] {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-search .keyword-list li a {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-calender .slds-form-element__control input[type=text] {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-combobox .message {
    padding: 4px 0 0 16px;
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .ico-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .ico.ico-delete {
    background-size: 16px;
  }
  .chips-list .chips {
    padding: 0 2.4rem;
    border-radius: 1.6rem;
  }
  .wsg-popup {
    position: relative;
    height: 500px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .popup-wrap {
    position: fixed;
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .popup-wrap.basic {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: calc(100vw - 2.4rem);
    border-radius: 1.2rem 1.2rem 0 0;
  }
  .popup-wrap.basic .popup-header {
    height: 2.8rem;
    margin-bottom: 1.6rem;
  }
  .popup-wrap.basic .popup-header h2 {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .popup-wrap.basic .popup-body {
    min-height: 14rem;
    max-height: 34rem;
    margin-bottom: 2.4rem;
    margin-right: -1.2rem;
    padding-right: 1.2rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .popup-wrap.basic .popup-body .agree-wrap .agree-items {
    padding-left: 0;
  }
  .popup-wrap.alert {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100vw - 2.4rem);
  }
  .popup-wrap.alert .popup-header {
    display: block;
    margin-bottom: 1.6rem;
  }
  .popup-wrap.alert .popup-body {
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .popup-wrap.alert .popup-body .inner {
    min-height: unset;
  }
  .form-list dt {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
    margin-bottom: 0.8rem;
  }
  .form-list dd .form-inner {
    gap: 0.8rem;
  }
  .form-list dd .form-inner.mobile-phone .box-combobox {
    width: 16rem;
  }
  .form-list dd .form-inner.reserv-time .box-group-btn {
    width: 100%;
  }
  .form-list dd .form-inner.reserv-time .box-group-btn label span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .form-list dd .form-inner.concems-list {
    width: 100%;
  }
  .form-list dd .form-inner.concems-list .message {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .form-list dd .form-inner.concems-list .box-group-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-list dd .form-inner.file-upload .box-input .file {
    width: 12rem;
    border-radius: 1.2rem;
  }
  .form-list dd + dt {
    margin-top: 4.8rem;
  }
  .form-list .message {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .form-list .invalid-feedback {
    margin-top: 0.8rem;
  }
  .invalid-feedback {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .form-list .invalid-feedback + .message {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .verification-wrap {
    gap: 4.8rem;
  }
  .verification-wrap .verification {
    width: 100%;
  }
  .agree-wrap .all-check {
    height: auto;
  }
  .agree-wrap .agree-items {
    position: relative;
    padding-left: 1.6rem;
  }
  .agree-wrap .agree-items .item-tit {
    height: auto;
    padding: 1.2rem 8rem 1.2rem 0;
  }
  .agree-wrap .agree-items .item-conts {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .agree-wrap .agree-items .item-conts .item-conts-text {
    max-height: calc(10.4rem - 3.2rem);
  }
  .prd-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem 0.8rem;
  }
  .prd-list .img-area {
    border-radius: 1.2rem;
  }
  .prd-list .img-area .img-hover {
    display: none;
  }
  .prd-list .img-area .btn-wrap {
    left: auto;
    right: 1.55rem;
    bottom: 2.4rem;
    width: 3.2rem;
    padding: 0;
  }
  .prd-list .img-area .btn-wrap button {
    width: 3.2rem;
    height: 3.2rem;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }
  .prd-list .img-area .btn-wrap button .ico {
    display: block;
  }
  .prd-list .img-area:hover .img-hover {
    opacity: 0;
  }
  .prd-list .prd-info {
    margin-top: 0.8rem;
  }
  .prd-list .prd-info .prd-name {
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .cart-list .item {
    min-height: 17rem;
    border-radius: 1.2rem;
  }
  .cart-list .item .img-area {
    width: 12rem;
  }
  .cart-list .item .option-area {
    padding: 1.6rem 0;
  }
  .cart-list .item .option-area .add-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cart-list .item .option-area .add-list li span {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .cart-list .item .option-area .add-list li span.acc {
    padding-right: 0;
  }
  .cart-list .item .option-area .add-list li span.acc:after {
    display: none;
  }
  .cart-list.order .item {
    min-height: unset;
  }
  .cart-list.order .item .img-area {
    border-radius: 1.2rem;
  }
  .cart-list.order .item .option-area {
    padding: 0;
  }
  .cart-list.order .item .option-area .order-info {
    margin: 0.4rem 0 1.6rem 0;
  }
  .cart-list.order .item .option-area .order-info span {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .cart-list.order .item .option-area .add-list {
    margin-bottom: 0;
  }
  .additional-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.8rem;
  }
  .additional-list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.8rem;
  }
  .additional-list .item .img-area {
    position: relative;
    width: auto;
    border-radius: 1.2rem;
  }
  .additional-list .item .img-area button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    right: 1.4rem;
    bottom: 1.2rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: var(--color-white);
    border-radius: 50%;
  }
  .additional-list .item .option-area {
    width: auto;
  }
  .additional-list .item .option-area .prd-name {
    text-align: center;
  }
  .additional-list .item .option-area .price {
    margin: 0.4rem 0 0 0;
    text-align: center;
  }
  .additional-list .item .option-area .btn-wrap {
    display: none;
  }
  .wishlist {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 0.8rem;
    width: 100%;
  }
  .wishlist .item {
    border-radius: 1.2rem;
  }
  .wishlist .item .img-area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .wishlist .item .img-area .box-group {
    left: 1.2rem;
    top: 1.6rem;
  }
  .wishlist .item .img-area .box-group span {
    font-size: 0;
  }
  .wishlist .item .img-area .del {
    position: absolute;
    top: 1.2rem;
  }
  .wishlist .item .img-area .btn-wrap {
    left: auto;
    right: 1.55rem;
    bottom: 2.4rem;
    width: 3.2rem;
    padding: 0;
  }
  .wishlist .item .img-area .btn-wrap button {
    width: 3.2rem;
    height: 3.2rem;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }
  .wishlist .item .img-area .btn-wrap button .ico {
    display: block;
  }
  .wishlist .item .img-area:hover .btn-wrap {
    bottom: 2.4rem;
  }
  .wishlist .item .prd-info {
    margin-top: 0.8rem;
  }
  .wishlist .item .prd-info span {
    margin-top: 0.4rem;
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .purchased-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 0.8rem;
    width: 100%;
  }
  .purchased-list .item {
    border-radius: 1.2rem;
  }
  .purchased-list .item .img-area a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .purchased-list .item .img-area .box-group {
    left: 1.2rem;
    top: 1.6rem;
  }
  .purchased-list .item .img-area .box-group span {
    font-size: 0;
  }
  .purchased-list .item .img-area .del {
    position: absolute;
    top: 1.2rem;
  }
  .purchased-list .item .img-area .btn-wrap {
    left: auto;
    right: 1.55rem;
    bottom: 2.4rem;
    width: 3.2rem;
    padding: 0;
  }
  .purchased-list .item .img-area .btn-wrap button {
    width: 3.2rem;
    height: 3.2rem;
    min-width: auto;
    padding: 0;
    background-color: var(--color-white);
    border-radius: 50%;
    font-size: 0;
  }
  .purchased-list .item .img-area .btn-wrap button .ico {
    display: block;
  }
  .purchased-list .item .img-area:hover .btn-wrap {
    bottom: 2.4rem;
  }
  .purchased-list .item .prd-info {
    margin-top: 0.8rem;
  }
  .purchased-list .item .prd-info span {
    margin-top: 0.4rem;
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-total .qty {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-total .detail {
    row-gap: 1.6rem;
  }
  .box-total .detail .dc {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .box-total .detail .total {
    margin-top: 0;
  }
  .box-total .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .box-total .btn-wrap a {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .table-basic thead th {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .table-basic tbody td {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .additional-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
          transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
          transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: 0.1s;
          transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: 0.25s;
          transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: 0.45s;
          transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: 0.55s;
          transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: 0.65s;
          transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: 0.75s;
          transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: 0.85s;
          transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: 0.9s;
          transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: 0.95s;
          transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
          transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
          transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
          transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
          transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
          transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
          transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
          transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
          transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
          transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
          transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
          transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
          transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
          transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
          transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
          transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
          transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
          transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
          transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
          transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
          transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
          transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
          transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
          transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
          transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
          transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
          transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
          transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
          transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
          transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
          transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
          transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
          transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
          transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
          transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
          transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
          transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
          transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
          transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
          transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
          transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
          transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
          transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
          transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
          transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
          transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
          transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
          transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
          transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
          transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
          transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
          transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
          transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
          transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
          transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
          transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
          transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
          transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
          transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
          transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
          transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
          transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
          transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
          transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
          transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0, 100px, 0);
          transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  -webkit-transform: translate3d(-100px, 100px, 0);
          transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  -webkit-transform: translate3d(100px, 100px, 0);
          transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  -webkit-transform: translate3d(-100px, -100px, 0);
          transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  -webkit-transform: translate3d(100px, -100px, 0);
          transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
          transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
          transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
          transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
          transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
          transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
          transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
          transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
          transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

[data-aos=slide-up] {
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos=flip-left] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Swiper 7.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 9, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

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

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

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

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

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

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

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

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

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

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

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

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

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

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

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

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

.swiper-cube {
  overflow: visible;
}

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

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

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

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

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

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

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

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

.swiper-flip {
  overflow: visible;
}

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

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

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

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

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

.swiper-cards {
  overflow: visible;
}

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

/* ripple-effect v1.0.0 | MIT License | github.com/gabrielfins/ripple-effect */
.md-ripples {
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
}

.ripples-light .ripple {
  background-color: #000;
}

.ripples-dark .ripple {
  background-color: #999;
}

.ripple {
  background-color: #666;
  opacity: 0.16;
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  -webkit-animation: ripple 0.3s ease-out;
          animation: ripple 0.3s ease-out;
}

@-webkit-keyframes ripple {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes ripple {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.page {
  background-color: unset !important;
}

.container {
  min-height: calc(100vh - 622px);
}

.page-inner {
  max-width: 1920px;
  padding: 0 32px;
  margin: auto;
}

.page-inner .page-content {
  padding-top: 108px;
}

.page-inner .page-content .page-title {
  margin-bottom: 60px;
  font-size: 28px;
  font-family: "un";
  line-height: 1.2;
  text-align: center;
}

.deHeader {
  position: relative;
}

.hd-nav {
  position: fixed;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  z-index: 10;
}

.hd-nav .nav, .hd-nav .search-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 0;
  padding: 0 32px;
  margin: auto;
  border-radius: 16px;
  background-color: var(--color-bg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  z-index: -1;
  -webkit-transition: width 0.3s ease, max-width 0.3s ease;
  transition: width 0.3s ease, max-width 0.3s ease;
}

.hd-nav .nav.active, .hd-nav .search-wrap.active {
  position: relative;
  opacity: 1;
  z-index: 10;
  height: 60px;
}

.hd-nav .nav {
  width: 70%;
  max-width: 936px;
}

.hd-nav .nav.active {
  width: 96%;
  max-width: 1544px;
}

.hd-nav .nav-menu, .hd-nav .nav-util {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.hd-nav .nav-menu:not(.mo-show), .hd-nav .nav-util:not(.mo-show) {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.hd-nav .nav-menu [class*=btn-], .hd-nav .nav-util [class*=btn-] {
  display: inline-block;
  vertical-align: middle;
  font-size: inherit;
}

.hd-nav .nav-menu [class*=btn-]:hover, .hd-nav .nav-menu [class*=btn-]:hover *, .hd-nav .nav-util [class*=btn-]:hover, .hd-nav .nav-util [class*=btn-]:hover * {
  color: var(--btn-primary-hover);
}

.hd-nav .nav-menu {
  gap: 60px;
}

.hd-nav .nav-menu-mo {
  display: none;
}

.hd-nav .nav-util {
  gap: 32px;
}

.hd-nav .nav-logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 0;
}

.hd-nav .nav-logo a {
  display: block;
  line-height: 0;
}

.hd-nav .nav-logo img {
  height: 22px;
}

.hd-nav .nav .box-cart em {
  margin-left: 16px;
}

.hd-nav .search-wrap {
  gap: 16px;
  width: 92%;
  max-width: 1544px;
}

.hd-nav .search-wrap.active {
  width: 70%;
  max-width: 936px;
}

.hd-nav .search-wrap label {
  flex-grow: 1;
}

.hd-nav .search-wrap input {
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  border: 0;
  background-color: var(--color-bg);
  color: var(--color-default);
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.hd-nav .search-wrap input::-webkit-input-placeholder {
  color: var(--color-disabled) !important;
}

.hd-nav .search-wrap input::-moz-placeholder {
  color: var(--color-disabled) !important;
}

.hd-nav .search-wrap input:-ms-input-placeholder {
  color: var(--color-disabled) !important;
}

.hd-nav .search-wrap input::-ms-input-placeholder {
  color: var(--color-disabled) !important;
}

.hd-nav .search-wrap input::placeholder {
  color: var(--color-disabled) !important;
}

.hd-nav .search-wrap .btn-warp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.hd-nav .search-wrap .btn-warp [class*=se-] {
  font-size: inherit;
}

.hd-nav .search-wrap .btn-warp [class*=se-]:hover, .hd-nav .search-wrap .btn-warp [class*=se-]:hover * {
  color: var(--btn-primary-hover);
}

.hd-nav .search-wrap .btn-warp .suggestions-wrapper {
  display: none;
}

.item-tit > .btn-wrap {
  margin: 0px auto !important;
}

footer#footercontent {
  position: relative;
}

.search_show {
  margin-bottom: 28px;
  font-size: 28px;
  font-family: un;
  line-height: 1.2;
  text-align: center;
  margin-top: 28px;
}

.search_inputwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 736px;
  gap: 8px;
  margin: 0px auto 28px;
}

.box-search-product {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.modal-backdrop.show {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.5 !important;
}

.deFooter .footer-box {
  margin: 147px auto 58px;
  padding-top: 177px;
  background-image: url("data:image/svg+xml,%3Csvg width='92' height='22' viewBox='0 0 92 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.784V20.216C1 20.4239 1.0826 20.6233 1.22963 20.7704C1.37666 20.9174 1.57607 21 1.784 21H10.216C10.4239 21 10.6233 20.9174 10.7704 20.7704C10.9174 20.6233 11 20.4239 11 20.216V9.533C11.0003 9.11749 11.1654 8.71907 11.4593 8.42526C11.7531 8.13144 12.1515 7.96627 12.567 7.966H19.432C19.6379 7.96587 19.8417 8.0063 20.032 8.08499C20.2222 8.16368 20.3951 8.27909 20.5407 8.42461C20.6863 8.57013 20.8018 8.74292 20.8806 8.9331C20.9594 9.12329 21 9.32713 21 9.533V20.216C21 20.4239 21.0826 20.6233 21.2296 20.7704C21.3767 20.9174 21.5761 21 21.784 21H30.217C30.4248 20.9997 30.6239 20.917 30.7707 20.77C30.9175 20.623 31 20.4238 31 20.216V1.784C31 1.57624 30.9175 1.37698 30.7707 1.22998C30.6239 1.08298 30.4248 1.00026 30.217 1H1.784C1.57607 1 1.37666 1.0826 1.22963 1.22963C1.0826 1.37666 1 1.57607 1 1.784Z' fill='%23999999'/%3E%3Cpath d='M61.005 1.78401V20.216C61.005 20.4239 61.0876 20.6234 61.2346 20.7704C61.3816 20.9174 61.5811 21 61.789 21H70.222C70.4299 21 70.6293 20.9174 70.7764 20.7704C70.9234 20.6234 71.006 20.4239 71.006 20.216V9.53301C71.0063 9.1175 71.1714 8.71908 71.4653 8.42527C71.7591 8.13145 72.1575 7.96628 72.573 7.96601H79.438C79.8536 7.96601 80.2522 8.1311 80.546 8.42497C80.8399 8.71884 81.005 9.11742 81.005 9.53301V20.216C81.005 20.4239 81.0876 20.6234 81.2346 20.7704C81.3816 20.9174 81.5811 21 81.789 21H90.222C90.4298 20.9997 90.6289 20.917 90.7757 20.77C90.9225 20.623 91.005 20.4238 91.005 20.216V1.78401C91.005 1.68072 90.9846 1.57844 90.9449 1.48306C90.9053 1.38768 90.8472 1.30107 90.774 1.22822C90.7007 1.15537 90.6138 1.0977 90.5182 1.05854C90.4227 1.01937 90.3203 0.999483 90.217 1.00001H61.784C61.5761 1.00001 61.3766 1.08261 61.2296 1.22964C61.0826 1.37667 61 1.57608 61 1.78401' fill='%23999999'/%3E%3Cpath d='M49.966 20.9998H42.034C41.7598 20.9998 41.4968 20.8909 41.3028 20.697C41.1089 20.5031 41 20.2401 41 19.9658V10.0318C41 9.48364 41.2178 8.95789 41.6054 8.57026C41.993 8.18262 42.5188 7.96485 43.067 7.96485H48.933C49.2048 7.96432 49.474 8.0174 49.7252 8.12104C49.9765 8.22468 50.2048 8.37685 50.3972 8.56884C50.5895 8.76083 50.7421 8.98887 50.8463 9.23992C50.9504 9.49096 51.004 9.76007 51.004 10.0318V19.9658C51.0041 20.1016 50.9775 20.236 50.9256 20.3615C50.8738 20.4869 50.7977 20.6009 50.7018 20.6969C50.6058 20.793 50.4919 20.8691 50.3665 20.9211C50.2411 20.9731 50.1067 20.9998 49.971 20.9998' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center top;
  background-size: 608px auto;
  text-align: center;
}

.deFooter .text {
  max-width: 600px; 
  margin: 0 auto;
}

.deFooter .btn-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 4px;
  max-width: 600px;
  margin: 32px auto;
}

.deFooter .btn-wrap li {
  width: 49%;
}

.deFooter .btn-wrap .small {
  font-size: 16px;
}

.deFooter .copy {
  font-size: 12px;
}

@media (max-width: 1080px) {
  .container {
    min-height: calc(100vh - 44.4rem);
  }
  .page-inner {
    max-width: 100vw;
    padding: 0 1.2rem;
  }
  .page-inner .page-content {
    padding-top: 8.4rem;
  }
  .page-inner .page-content .page-title {
    margin-bottom: 3.2rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .hd-nav .nav, .hd-nav .search-wrap {
    width: calc(100% - 2.4rem);
    max-width: unset;
    height: 5.2rem;
    padding: 0 1.6rem;
    border-radius: 1.2rem;
  }
  .hd-nav .nav.active, .hd-nav .search-wrap.active {
    width: calc(100% - 2.4rem);
    max-width: unset;
  }
  .hd-nav .nav .box-cart .ico-cart-blank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hd-nav .nav .box-cart em {
    width: 1.8rem;
    margin: 0 0 0.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 1.2rem;
  }
  .hd-nav .nav-logo img {
    height: 1.9rem;
  }
  .hd-nav .nav-menu, .hd-nav .nav-util {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 0.8rem;
  }
  .hd-nav .nav-menu.pc-show, .hd-nav .nav-util.pc-show {
    display: none !important;
  }
  .hd-nav .nav-menu .menu-close {
    display: none;
  }
  .hd-nav .nav-menu-mo {
    display: block;
    position: relative;
    top: -1rem;
    max-height: 0;
    width: calc(100% - 2.4rem);
    margin: auto;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
    overflow: hidden;
  }
  .hd-nav .nav-menu-mo .one-depth {
    width: 100%;
    padding: 3.4rem 2.4rem 2.4rem;
    border-radius: 0 0 1.2rem 1.2rem;
    background-color: var(--color-bg);
    text-align: center;
  }
  .hd-nav .nav-menu-mo .one-depth > li:not(:first-child) {
    margin-top: 2.4rem;
  }
  .hd-nav .nav-menu-mo .one-depth > li .btn-wrap {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .hd-nav .nav-menu-mo .one-depth > li > a, .hd-nav .nav-menu-mo .one-depth > li button {
    display: block;
    font-size: 1.6rem;
  }
  .hd-nav .nav-menu-mo .one-depth > li .white {
    height: 3.2rem;
  }
  .hd-nav .nav-menu-mo .two-depth {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.4rem;
  }
  .hd-nav .nav-menu-mo .two-depth > li a, .hd-nav .nav-menu-mo .two-depth > li button {
    padding: 0px 1.6rem;
    font-size: 1.4rem;
  }
  .hd-nav.menu-open .nav-menu-mo {
    max-height: 500px;
  }
  .hd-nav.menu-open .nav-menu .menu {
    display: none;
  }
  .hd-nav.menu-open .nav-menu .menu-close {
    display: block;
  }
  .hd-nav .search-wrap {
    top: 0;
  }
  .hd-nav .search-wrap .btn-warp {
    gap: 0.8rem;
  }
  .hd-nav .search-wrap .se-clear {
    width: 1.6rem;
    height: 1.6rem;
    background: url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' fill='%23999999'/%3E%3Cline x1='4.894' y1='4.25' x2='11.5596' y2='10.9156' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline x1='0.75' y1='-0.75' x2='10.1766' y2='-0.75' transform='matrix(-0.707107 0.707107 0.707107 0.707107 12.1667 4.25)' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    font-size: 0 !important;
  }
  footer#footercontent {
    max-width: 100vw;
    padding: 0 1.2rem;
  }
  .deFooter .footer-box {
    margin: 9.6rem auto 4.8rem;
    padding-top: 7.2rem;
    background-size: 20rem auto;
  }
  .deFooter .btn-wrap {
    row-gap: 1.2rem;
    max-width: 100%;
    margin: 2.4rem 0;
  }
  .deFooter .btn-wrap .small {
    height: 3.2rem;
    font-size: 1.4rem;
    letter-spacing: -0.5px;
  }
  [lang="ja"] .deFooter .btn-wrap .small {
    letter-spacing: 0;
  }
  .deFooter .btn-wrap .round {
    padding: 0 0.5rem;
  }
}
.deMain .visual-box {
  position: relative;
}

.deMain .visual-box .visual-image img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.deMain .visual-box .image-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  color: var(--color-white);
}

.deMain section {
  margin-top: 132px;
}

.deMain .section-prd > .text {
  max-width: 630px;
  margin: auto;
  text-align: center;
}

.deMain .section-prd .main-prd-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 60px 0;
}

.deMain .section-prd .main-prd-list .img-area {
  position: relative;
  background-color: var(--color-bg);
  border-radius: 16px;
  overflow: hidden;
}

.deMain .section-prd .main-prd-list .img-area .img-hover {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.deMain .section-prd .main-prd-list .img-area a {
  display: block;
  line-height: 0;
}

.deMain .section-prd .main-prd-list .img-area .btn-wrap {
  position: absolute;
  left: 0;
  bottom: -50px;
  width: 100%;
  padding: 0 24px;
  /* -webkit-transition: 0.3s;
  transition: 0.3s; */
}

.deMain .section-prd .main-prd-list .img-area .btn-wrap button {
  width: 100%;
}

.deMain .section-prd .main-prd-list .img-area .btn-wrap button .ico {
  display: none;
}

.deMain .section-prd .main-prd-list .img-area:hover .img-hover {
  opacity: 1;
}

.deMain .section-prd .main-prd-list .img-area:hover .btn-wrap {
  bottom: 24px;
}

.deMain .section-prd .main-prd-list .prd-info {
  margin-top: 16px;
}

.deMain .section-prd .main-prd-list .prd-info .prd-name {
  margin-bottom: 4px;
  display: block;
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  font-weight: normal;
  text-align: center;
}

.deMain .section-prd .main-prd-list .prd-info .prd-price {
  display: block;
  text-align: center;
}

.deMain .section-prd .more {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.deMain .section-prd .more .big {
  min-width: 500px;
}

.deMain .section-ban {
  padding-bottom: 56px;
}

.deMain .section-ban .banner-box {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.deMain .section-ban .banner-box a {
  display: block;
  line-height: 0;
}

.deMain .section-ban .banner-box p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  color: var(--color-white);
}

.deMain .section-ban .banner-box img {
  width: 100%;
}

.deMain .floating-notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 20px;
  width: 600px;
  height: 44px;
  padding: 10px 36px;
  border-radius: 100px;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2392156863);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2392156863);
  z-index: 1;
}

.deMain .floating-notify button {
  position: absolute;

  /*배너 닫기 버튼 왼쪽으로 수정*/
  /* right: 12px; */
  left: 12px;
}

@media (max-width: 1080px) {
  .deMain .visual-box .image-text {
    font-size: 2rem;
  }
  .deMain section {
    margin-top: 5rem;
  }
  .deMain .section-prd .main-prd-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.4rem 0.8rem;
    margin: 5rem 0;
  }
  .deMain .section-prd .main-prd-list .img-area {
    border-radius: 1.2rem;
  }
  .deMain .section-prd .main-prd-list .img-area .img-hover {
    display: none;
  }
  .deMain .section-prd .main-prd-list .img-area .btn-wrap {
    left: auto;
    right: 1.55rem;
    bottom: 2.4rem;
    width: 3.2rem;
    padding: 0;
  }
  .deMain .section-prd .main-prd-list .img-area .btn-wrap button {
    width: 3.2rem;
    height: 3.2rem;
    min-width: auto;
    padding: 0;
    border-radius: 50%;
    font-size: 0;
  }
  .deMain .section-prd .main-prd-list .img-area .btn-wrap button .ico {
    display: block;
  }
  .deMain .section-prd .main-prd-list .img-area:hover .img-hover {
    opacity: 0;
  }
  .deMain .section-prd .main-prd-list .prd-info {
    margin-top: 0.8rem;
  }
  .deMain .section-prd .main-prd-list .prd-info .prd-name {
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMain .section-prd .more .big {
    height: 4rem;
    min-width: 100%;
  }
  .deMain .section-ban {
    padding-bottom: 0;
  }
  .deMain .section-ban .banner-box p {
    font-size: 2rem;
  }
  .deMain .floating-notify {
    height: 4rem;
    width: calc(100% - 3.2rem);
  }
}
.deProductList .tab-wrap, .deHausList .tab-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.deProductList .item a, .deHausList .item a {
  display: block;
  line-height: 0;
}

.page-inner .page-content:has(.page-title:not(.hidden)) {
  padding-top: 136px;
}

.deProductList .page-content {
  padding: 108px 32px 0;
}

.deProductDetails .visual-box {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.deProductDetails .visual-box .visual-image > img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.deProductDetails .detail-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 100vh;
}

.deProductDetails .detail-wrap .detail-inner {
  max-height: calc(100vh - 156px);
  padding-top: calc(100vh - 370px);
  border-radius: 16px 16px 0 0;
  overflow: hidden auto;
}

.deProductDetails .detail-wrap .detail-inner::-webkit-scrollbar {
  display: none;
}

.deProductDetails .detail-wrap .detail-content {
  width: 600px;
  padding: 32px 32px 82px;
  background-color: var(--color-bg);
  border-radius: 16px 16px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.deProductDetails .detail-wrap .detail-content > [class*=detail-]:not(:first-child) {
  margin-top: 60px;
}

.deProductDetails .detail-wrap .detail-top {
  position: relative;
}

.deProductDetails .detail-wrap .detail-top .prd-name {
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  margin-bottom: 14px;
}

.deProductDetails .detail-wrap .detail-top .prd-capacity {
  margin-top: 8px;
}

.deProductDetails .detail-wrap .detail-top .wish-checkbox-wrap {
  position: absolute;
  right: 0;
  top: 0;
}

.deProductDetails .detail-wrap .detail-top .wish-checkbox-wrap input[type=checkbox] {
  position: absolute;
  right: 999px;
}

.deProductDetails .detail-wrap .detail-top .wish-checkbox-wrap input[type=checkbox]:checked + label .ico-wish {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.1721 12.7216L12.0102 22L2.84826 12.7216C2.24395 12.1203 1.76794 11.3976 1.45021 10.5989C1.13248 9.80027 0.979915 8.943 1.00212 8.08109C1.02432 7.21918 1.22081 6.37131 1.57922 5.59087C1.93763 4.81043 2.45019 4.11432 3.08462 3.54638C3.71905 2.97844 4.46162 2.55098 5.26555 2.2909C6.06949 2.03083 6.91738 1.94378 7.75583 2.03524C8.59429 2.12669 9.40514 2.39467 10.1373 2.82231C10.8695 3.24994 11.5072 3.82796 12.0102 4.51996C12.5153 3.83298 13.1538 3.26001 13.8854 2.83692C14.6171 2.41382 15.4263 2.14971 16.2624 2.06112C17.0985 1.97252 17.9435 2.06134 18.7445 2.32202C19.5455 2.5827 20.2853 3.00963 20.9175 3.57609C21.5497 4.14255 22.0607 4.83634 22.4186 5.61405C22.7766 6.39175 22.9736 7.23663 22.9975 8.0958C23.0214 8.95497 22.8716 9.80993 22.5575 10.6072C22.2434 11.4044 21.7718 12.1268 21.1721 12.7291' fill='%23999999'/%3E%3Cpath d='M21.1721 12.7216L12.0102 22L2.84826 12.7216C2.24395 12.1203 1.76794 11.3976 1.45021 10.5989C1.13248 9.80027 0.979915 8.943 1.00212 8.08109C1.02432 7.21918 1.22081 6.37131 1.57922 5.59087C1.93763 4.81043 2.45019 4.11432 3.08462 3.54638C3.71905 2.97844 4.46162 2.55098 5.26555 2.2909C6.06949 2.03083 6.91738 1.94378 7.75583 2.03524C8.59429 2.12669 9.40514 2.39467 10.1373 2.82231C10.8695 3.24994 11.5072 3.82796 12.0102 4.51996C12.5153 3.83298 13.1538 3.26001 13.8854 2.83692C14.6171 2.41382 15.4263 2.14971 16.2624 2.06112C17.0985 1.97252 17.9435 2.06134 18.7445 2.32202C19.5455 2.5827 20.2853 3.00963 20.9175 3.57609C21.5497 4.14255 22.0607 4.83634 22.4186 5.61405C22.7766 6.39175 22.9736 7.23663 22.9975 8.0958C23.0214 8.95497 22.8716 9.80993 22.5575 10.6072C22.2434 11.4044 21.7718 12.1268 21.1721 12.7291' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.deProductDetails .detail-wrap .detail-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deProductDetails .detail-wrap .detail-img img {
  width: 100%;
}

.deProductDetails .detail-wrap .detail-img.round {
  border-radius: 16px;
  overflow: hidden;
}

.deProductDetails .detail-wrap .detail-btn {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 8px;
}

.deProductDetails .detail-wrap .detail-btn .primary {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 49%;
          flex: 1 1 49%;
}

.deProductDetails .detail-wrap .detail-form .form-title {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
  margin-bottom: 8px;
}

.deProductDetails .detail-wrap .detail-form .box-combobox .slds-combobox__form-element .slds-combobox__input:not(:focus) {
  background-color: var(--color-white);
}

.deProductDetails .detail-wrap .detail-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.deProductDetails .detail-wrap .detail-cart .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.deProductDetails .detail-wrap .detail-cart .item .del {
  position: absolute;
  right: 0;
  top: 0;
}

.deProductDetails .detail-wrap .detail-cart .item .prd-price {
  margin-top: 4px;
}

.deProductDetails .detail-wrap .detail-cart .item .box-amount {
  margin-top: 16px;
}

.deProductDetails .detail-wrap .btn-add {
  position: absolute;
  bottom: 16px;
  width: 536px;
}

.deProductDetails .detail-wrap .btn-add .big {
  min-width: 100%;
}

.deHausList .tab-content .img-wrap {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.deHausList .tab-content .img-wrap img {
  vertical-align: middle;
  width: 100%;
}

.deHausList .tab-content .btn-wrap {
  position: absolute;
  left: 16px;
  bottom: 16px;
}

.deHausList .tab-content .btn-wrap .medium {
  min-width: 200px;
}

.deHausList .text-wrap {
  margin-top: 16px;
}

.deHausList .text-wrap .title {
  margin-bottom: 8px;
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
}

.deHausDetails .visual-box {
  position: relative;
}

.deHausDetails .visual-box .visual-image img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}

.deHausDetails .visual-box .image-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  color: var(--color-white);
}

.deHausDetails .section-title {
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
}

.deHausDetails .section-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deHausDetails .section-info .text-wrap {
  padding: 0 120px;
}

.deHausDetails .section-info .text-wrap .section-title {
  padding-bottom: 8px;
}

.deHausDetails .section-info .text-wrap p {
  margin-top: 16px;
}

.deHausDetails .section-contact {
  max-width: 920px;
  margin: 132px auto 0;
}

.deHausDetails .section-contact .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 32px;
}

.deHausDetails .section-contact .list .title {
  width: 200px;
}

.deHausDetails .section-contact .list .map {
  margin: 16px 0;
  border-radius: 16px;
  overflow: hidden;
}

.deHausDetails .section-contact .list .map iframe {
  width: 720px;
  height: 360px;
}

.deHausDetails .section-contact .list .btn-wrap .round {
  border-radius: 100px;
}

.deHausDetails .verification-wrap {
  margin: 60px auto 0;
}

.deHausReservation .haus-reservation, .deHausReservationMade .haus-reservation {
  width: 600px;
  margin: auto;
}

.deHausReservation .form-list dd + dt {
  margin-top: 48px;
}

.deHausReservation .form-list dd .form-inner.concems-list .message {
  margin-top: -12px;
}

.deHausReservation .agree-wrap, .deHausReservation .verification-wrap {
  margin-top: 60px;
}

.deHausReservationMade .made-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-top: 60px;
}

.deHausReservationMade .made-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.deHausReservationMade .made-list > li.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.deHausReservationMade .made-list .list-title {
  width: 160px;
}

.deHausReservationMade .made-list .list-text span {
  display: block;
}

.deHausReservationMade .btn-confirm {
  margin-top: 60px;
}

.deHausReservationMade .btn-confirm .medium {
  width: 100%;
}

.deCart .cart-box, .deCartMaking .cart-box, .deCartComplete .cart-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
  max-width: 1280px;
  margin: auto;
}

.deCart .cart-box .cart-cont, .deCartMaking .cart-box .cart-cont, .deCartComplete .cart-box .cart-cont {
  width: 54.7%;
}

.deCart .cart-box .cart-side, .deCartMaking .cart-box .cart-side, .deCartComplete .cart-box .cart-side {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.deCart .cart-box .cart-cont .cart-list {
  margin-top: 0px;
}

.deCart .cart-box .cart-cont .cart-none-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 400px;
  border-radius: 16px;
  background: var(--color-bg);
}

.deCart .cart-box .cart-side .box-total:not(:first-child) {
  margin-top: 60px;
}

.deCart .cart-box .cart-side .box-total:not(:first-child) .qty {
  margin-bottom: 16px;
}

.deCartMaking .form-title {
  margin: 60px 0 16px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deCartMaking .cart-cont .agree-wrap {
  margin-top: 60px;
}

.deCartComplete .cart-order-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}

.deCartComplete .cart-order-number .btn-wrap .line {
  font-size: 16px;
  font-family: "un";
  line-height: 1.5;
}

.deCartComplete .complete-title {
  margin: 60px 0 16px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deCartComplete .complete-list {
  display: grid;
  grid-template-columns: 160px auto;
  gap: 32px 8px;
}

.deCartEditModal .cart-list .item {
  border-radius: 0;
}

.deCartRemoveAlert {
  display: block;
}

.deCartEditModal .cart-list .item .option-area .box-amount {
  margin: 16px 0 0 0;
}

.deCartEditModal {
  display: block !important;
}

.deSearch .page-inner {
  max-width: unset;
}

.deSearch .search-input-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 736px;
  margin: 0 auto 60px;
}

.deSearch .search-input-wrap .box-search {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.in-search {
  border-radius: 100px !important;
}

.deSearch .prd-list .item a {
  display: block;
  line-height: 0;
}

.deSearch .search-none-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1216px;
  height: 70px;
  margin: auto;
  background: var(--color-bg);
  border-radius: 16px;
}

.deLogin .login-box, .deLoginFind .login-box, .deLoginjoin .login-box, .deLoginjoinComplete .login-box {
  width: 600px;
  margin: auto;
}

.deLogin .form-list .form-inner, .deLoginFind .form-list .form-inner, .deLoginjoin .form-list .form-inner, .deLoginjoinComplete .form-list .form-inner {
  gap: 8px;
}

.deLogin .verification-message, .deLoginFind .verification-message, .deLoginjoin .verification-message, .deLoginjoinComplete .verification-message {
  text-align: center;
}

.deLogin .btn-wrap .full, .deLoginFind .btn-wrap .full, .deLoginjoin .btn-wrap .full, .deLoginjoinComplete .btn-wrap .full {
  min-width: 100%;
}

.deLogin .form-list .box-group {
  margin-top: 16px;
}

.deLogin .form-list .btn-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}

.deLogin .form-list .btn-wrap .medium {
  min-width: 100%;
}

.deLogin .form-list .btn-wrap .line {
  margin: 0 0 0 auto;
}

.deLoginFind .verification-wrap {
  margin-top: 60px;
}

.deLoginjoin .agree-wrap, .deLoginjoin .verification-wrap {
  margin-top: 60px;
}

.deLoginjoinComplete .btn-wrap {
  margin-top: 60px;
}

.deLoginjoinComplete .btn-wrap .medium {
  min-width: 100%;
}

.deLoginTrack .login-box {
  width: 920px;
  margin: auto;
}

.deLoginTrack .gray-box {
  padding: 24px;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.deLoginTrack .order-list, .deLoginTrack .order-shipping {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.deLoginTrack .order-list .head strong, .deLoginTrack .order-shipping .head strong {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deLoginTrack .order-list .info, .deLoginTrack .order-shipping .info {
  display: grid;
  grid-template-columns: 160px 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  margin-top: 16px;
}

.deLoginTrack .order-list .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.deLoginTrack .order-list .head > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deLoginTrack .order-list .head span {
  display: block;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deLoginTrack .order-list .head strong {
  display: block;
  margin-top: 4px;
}

.deLoginTrack .order-list .info {
  row-gap: 8px;
}

.deLoginTrack .order-list .btn-wrap {
  margin-top: 16px;
}

.deLoginTrack .order-list .btn-wrap a, .deLoginTrack .order-list .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deLoginTrack .order-shipping {
  margin-top: 60px;
}

.deLoginTrack .order-shipping .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deLoginTrack .order-shipping .info {
  row-gap: 24px;
}

.deLoginTrack .btn-wrap:has(> .round.small) {
  margin-top: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.deError {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 600px;
}

.deError .error-header h1 {
  line-height: 0;
}

.deError .error-header .page-title {
  font-size: 24px;
  font-family: "un";
  line-height: 1.5;
  margin-top: 24px;
}

.deError .error-body {
  margin-top: 24px;
}

.deError .error-footer {
  margin-top: 60px;
}

.deError .error-footer .btn-wrap .medium {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 1080px) {
  .deProductList .tab-wrap, .deHausList .tab-wrap {
    margin-top: 1.6rem;
  }
  .page-inner .page-content:has(.page-title:not(.hidden)) {
    padding-top: 10rem;
  }
  .deProductList .page-content {
    padding: 8.4rem 1.2rem 0;
  }
  body:has(.deProductDetails)::-webkit-scrollbar {
    display: none;
  }
  .deProductDetails .detail-wrap .detail-inner {
    max-height: calc(100vh - 11.6rem);
    padding-top: calc(100vh - 30.8rem);
    border-radius: 1.2rem 1.2rem 0 0;
  }
  .deProductDetails .detail-wrap .detail-content {
    border-radius: 1.2rem 1.2rem 0 0;
    width: calc(100vw - 2.4rem);
    padding: 2.4rem 2.4rem 8rem;
  }
  .deProductDetails .detail-wrap .detail-content > [class*=detail-]:not(:first-child) {
    margin-top: 3.6rem;
  }
  .deProductDetails .detail-wrap .detail-top .prd-name {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deProductDetails .detail-wrap .detail-img.round {
    border-radius: 1.2rem;
  }
  .deProductDetails .detail-wrap .detail-btn {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.8rem;
  }
  .deProductDetails .detail-wrap .detail-btn .primary {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }
  .deProductDetails .detail-wrap .detail-form .form-title {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deProductDetails .detail-wrap .btn-add {
    width: calc(100vw - 5.6rem);
  }
  .deProductDetails .detail-wrap .btn-add .big {
    height: 4rem;
  }
  .deHausList .tab-content .btn-wrap {
    width: calc(100vw - 5.6rem);
  }
  .deHausList .tab-content .btn-wrap .medium {
    height: 3.4rem;
    min-width: unset;
    padding: 0 1.2rem;
  }
  .deHausList .text-wrap {
    margin-top: 1.2rem;
    text-align: center;
  }
  .deHausList .text-wrap .title {
    margin-bottom: 0.4rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deHausDetails .visual-box .image-text {
    font-size: 2rem;
  }
  .deHausDetails .section-title {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deHausDetails .section-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
  .deHausDetails .section-info .image-wrap {
    width: 100%;
  }
  .deHausDetails .section-info .image-wrap img {
    width: 100%;
    height: 100vh;
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .deHausDetails .section-info .text-wrap {
    width: 100%;
    padding: 2.4rem 1.6rem;
  }
  .deHausDetails .section-contact {
    max-width: 100%;
    margin: 0;
    padding: 1.6rem;
  }
  .deHausDetails .section-contact .list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .deHausDetails .section-contact .list li:first-child {
    margin-top: 2.4rem;
  }
  .deHausDetails .section-contact .list .map iframe {
    width: 100%;
    height: 26rem;
  }
  .deHausDetails .section-contact .list .cont {
    margin-top: 0.8rem;
  }
  .deHausDetails .section-contact .list .btn-wrap .round {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    min-width: 13rem;
    padding: 0 1rem;
  }
  .deHausDetails .verification-wrap {
    margin: 4rem 1.6rem 0;
  }
  .deHausReservation .haus-reservation, .deHausReservationMade .haus-reservation {
    width: 100%;
  }
  .deHausReservation .form-list dd .form-inner.concems-list .message {
    margin-top: -0.8rem;
  }
  .deHausReservation .agree-wrap, .deHausReservation .verification-wrap {
    margin-top: 4.8rem;
  }
  .deHausReservationMade .made-list {
    margin-top: 4rem;
  }
  .deHausReservationMade .made-list > li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .deHausReservationMade .made-list > li.column {
    gap: 0.8rem;
  }
  .deHausReservationMade .made-list .list-title {
    color: var(--color-disabled);
  }
  .deHausReservationMade .btn-confirm {
    margin-top: 4rem;
  }
  .deCart .cart-box, .deCartMaking .cart-box, .deCartComplete .cart-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4.8rem;
  }
  .deCart .cart-box .cart-cont, .deCartMaking .cart-box .cart-cont, .deCartComplete .cart-box .cart-cont {
    width: 100%;
  }
  .deCart .page-title-wrap {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: fixed;
    top: 1.6rem;
    height: 5.2rem;
    width: calc(100% - 2.4rem);
    padding: 0 1.6rem;
    border-radius: 1.2rem;
    background-color: var(--color-bg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 100;
  }
  .deCart .page-title-wrap .page-title {
    margin-bottom: 0;
  }
  .deCart .page-title-wrap button {
    display: block;
  }
  .deCart .page-title-wrap.hide {
    display: none !important;
  }
  .deCart .cart-box .cart-cont .cart-none-data {
    height: 10rem;
    border-radius: 1.2rem;
  }
  .deCart .cart-box .cart-side .box-total:not(:first-child) {
    margin-top: 4.8rem;
  }
  .deCart .cart-box .cart-side .box-total:not(:first-child) .qty {
    margin-bottom: 1.2rem;
  }
  .deCartMaking .form-title {
    margin: 4.8rem 0 1.6rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deCartMaking .cart-cont .agree-wrap {
    margin-top: 4.8rem;
  }
  .deCartComplete .cart-order-number {
    margin-bottom: 1.2rem;
  }
  .deCartComplete .cart-order-number .btn-wrap .line {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deCartComplete .complete-title {
    margin: 4.8rem 0 1.6rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deCartComplete .complete-list {
    grid-template-columns: 100%;
    gap: 0;
  }
  .deCartComplete .complete-list dt {
    color: var(--color-disabled);
  }
  .deCartComplete .complete-list dt:not(:first-child) {
    margin-top: 3.2rem;
  }
  .deCartComplete .complete-list dd {
    margin-top: 0.8rem;
  }
  .deCartEditModal.popup-wrap.basic .popup-body {
    min-height: 10rem;
  }
  .deCartEditModal .cart-list {
    gap: 0;
  }
  .deCartEditModal .cart-list .item:not(:first-child) {
    border-top: 1px solid var(--color-line100);
  }
  .deCartEditModal .cart-list .item .option-area {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0.8rem 3.2rem 0.8rem 0;
  }
  .deCartEditModal .cart-list .item .option-area .box-amount {
    margin: 0;
  }
  .deCartEditModal .cart-list .item .option-area .del {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .deSearch .search-input-wrap, .search_inputwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0 auto 3.2rem;
  }
  .deSearch .search-none-data {
    height: 5.3rem;
    border-radius: 1.2rem;
  }
  .deLogin .login-box, .deLoginFind .login-box, .deLoginjoin .login-box, .deLoginjoinComplete .login-box, .deLoginTrack .login-box {
    width: 100%;
  }
  .deLogin .verification-wrap .verification, .deLoginFind .verification-wrap .verification, .deLoginjoin .verification-wrap .verification, .deLoginjoinComplete .verification-wrap .verification, .deLoginTrack .verification-wrap .verification {
    height: 4rem;
  }
  .deLogin .verification-message, .deLoginFind .verification-message, .deLoginjoin .verification-message, .deLoginjoinComplete .verification-message, .deLoginTrack .verification-message {
    text-align: left;
  }
  .deLogin .btn-wrap a, .deLogin .btn-wrap button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .deLoginFind .verification-wrap {
    gap: 0.8rem;
    margin-top: 4.8rem;
  }
  .deLoginFind .verification-wrap a, .deLoginFind .verification-wrap button {
    height: 4rem;
    width: 100%;
  }
  .deLoginFind .verification-message {
    text-align: left;
  }
  .deLoginjoin .agree-wrap, .deLoginjoin .verification-wrap {
    margin-top: 4.8rem;
  }
  .deLoginjoinComplete .btn-wrap {
    margin-top: 4.8rem;
  }
  .deLoginTrack .gray-box {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .deLoginTrack .order-list .head, .deLoginTrack .order-shipping .head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .deLoginTrack .order-list .head strong, .deLoginTrack .order-shipping .head strong {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deLoginTrack .order-list .info, .deLoginTrack .order-shipping .info {
    grid-template-columns: 1fr;
  }
  .deLoginTrack .order-list .info dt, .deLoginTrack .order-shipping .info dt {
    color: var(--color-disabled);
  }
  .deLoginTrack .order-list .info dt:not(:first-child), .deLoginTrack .order-shipping .info dt:not(:first-child) {
    margin-top: 2.4rem;
  }
  .deLoginTrack .order-list .btn-wrap, .deLoginTrack .order-shipping .btn-wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .deLoginTrack .order-list .btn-wrap .medium, .deLoginTrack .order-shipping .btn-wrap .medium {
    min-width: 100%;
  }
  .deLoginTrack .order-list .btn-wrap a, .deLoginTrack .order-list .btn-wrap button, .deLoginTrack .order-shipping .btn-wrap a, .deLoginTrack .order-shipping .btn-wrap button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .deLoginTrack .order-list .head {
    row-gap: 1.6rem;
  }
  .deLoginTrack .order-list .head span, .deLoginTrack .order-list .head .state strong {
    font-size: 1.4rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deLoginTrack .order-shipping {
    margin-top: 4.8rem;
  }
  .deLoginTrack .order-shipping .head {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2.4rem;
  }
  .deLoginTrack .order-shipping .info {
    row-gap: 0.8rem;
  }
  .deLoginTrack .btn-wrap:has(> .round.small) {
    margin-top: 4.8rem;
  }
  .deLoginTrack .btn-wrap:has(> .round.small) a, .deLoginTrack .btn-wrap:has(> .round.small) button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .deError {
    width: 100%;
    padding: 0 1.2rem;
  }
  .deError .error-header .page-title {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
    margin-top: 0.8rem;
  }
  .deError .error-footer {
    margin-top: 3.2rem;
  }
  .deError .error-footer .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .deError .error-footer .btn-wrap .medium {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    min-width: 100%;
  }
}
.terms-of-use h3, 
.terms-of-use h4 {
  margin-top: 32px;
  margin-bottom: 8px;
}
.terms-of-use > h3:first-child, 
.terms-of-use > h4:first-child {
  margin-top: 0;
}
.terms-list li, 
.terms-num-list li {
  position: relative;
  padding-left: 24px;
}
.terms-list li .icon, 
.terms-num-list li .num {
  position: absolute;
  left: 0;
  top: 0;
}
.terms-list li .icon {
  left: 8px;
}
.terms-list li + li,
.terms-num-list li + li {
  margin-top: 8px;
}
.terms-list li .terms-list, 
.terms-list li .terms-num-list, 
.terms-num-list li .terms-list, 
.terms-num-list li .terms-num-list {
  margin-top: 8px;
}

.deFooterShippingModal .popup-body .inner ol li + li {
  margin-top: 16px;
}

.deFooterCookieModal .popup-body .inner .agree-wrap {
  margin-top: 16px;
}

.deFooterRegionModal .popup-body .inner .box-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.my-page .page-inner {
  width: 984px;
}

.my-page .page-inner .my-mobile-menu {
  display: none;
}

.my-page .page-inner .no-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.my-page .page-inner .page-title {
  margin-bottom: 16px;
}

.my-page .page-inner .tab-wrap {
  margin-bottom: 60px;
}

.my-page .page-inner .gray-box {
  padding: 24px;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.my-page .page-inner .my-sub-title {
  margin-bottom: 16px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.my-page .page-inner .reservation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}

.my-page .page-inner .reservation-list .name {
  margin: 4px 0 16px 0;
}

.my-page .page-inner .reservation-list .chips-list {
  margin: 4px 0 16px 0;
}

.my-page .page-inner .reservation-list .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.my-page .page-inner .consultation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.my-page .page-inner .consultation-list .new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.my-page .page-inner .consultation-list .new:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23CE544C'/%3E%3Cpath d='M9.25586 4.15625V9.84375H8.27539L5.72461 5.76953V9.84375H4.74414V4.15625H5.72461L8.2832 8.23828V4.15625H9.25586Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: 100%;
}

.my-page .page-inner .consultation-list .name {
  margin: 4px 0 16px 0;
}

.my-home .home-info {
  margin-bottom: 16px;
}

.my-home .home-info .name {
  margin: 4px 0 16px 0;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.my-home .home-info .btn-wrap {
  margin-top: 24px;
}

.my-home .home-info .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.my-home .home-history .three-columns li dl dd {
  margin-top: 8px;
}

.my-home .home-orders {
  margin-top: 60px;
}

.my-home .home-orders .four-columns {
  margin-bottom: 16px;
}

.my-home .home-orders .three-columns li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.my-home .home-reservation {
  margin-top: 60px;
}

.my-home .three-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.my-home .three-columns li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
}

.my-home .three-columns li dl dd {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.my-home .four-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.my-home .four-columns li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.my-home .four-columns li dl dd {
  margin-top: 8px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.my-home .my-home-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}

.my-home .my-home-title .my-sub-title {
  margin-bottom: 0;
}

.deMypageReservationModal, .deMypageMyordersModal {
  display: block !important;
}

.deMypageReservationModal .list {
  overflow: hidden;
}

.deMypageReservationModal .list dt {
  clear: left;
  float: left;
  width: 160px;
  margin-top: 16px;
}

.deMypageReservationModal .list dd {
  float: left;
  margin-top: 16px;
}

.deMypageReservationModal .list dd:last-of-type {
  clear: left;
  margin-top: 8px;
}

.deMypageHomeConfirm .my-confirm {
  width: 600px;
  margin: 0 auto;
}

.deMypageHomeConfirm .my-confirm .form-list dt {
  margin-bottom: 0;
}

.deMypageHomeConfirm .my-confirm .form-list dd .form-inner .message {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deMypageHomeConfirm .my-confirm .verification-wrap {
  margin-top: 48px;
}

.deMypageHomeManage .my-manage {
  width: 600px;
  margin: 0 auto;
}

.deMypageHomeManage .my-manage .agree-wrap {
  margin-top: 60px;
}

.deMypageHomeManage .my-manage .verification-wrap {
  margin-top: 60px;
}

.deMypageMylog .my-reservation {
  margin-top: 60px;
}

.deMypageMylog .my-reservation .pagination-wrap {
  margin-top: 24px;
}

.deMypageMylog .my-consultation {
  margin-top: 60px;
}

.deMypageMylog .my-consultation .pagination-wrap {
  margin-top: 24px;
}

.deMypageMylogDetails .my-log-detail .my-consultation .advice .gray-box {
  margin-top: 16px;
}

.deMypageMylogDetails .my-log-detail .my-consultation .advice .gray-box dd {
  margin-top: 8px;
}

.deMypageMylogDetails .my-log-detail .recommended-wrap {
  margin-top: 60px;
}

.deMypageMylogDetails .my-log-detail .online-wrap {
  margin-top: 60px;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message {
  overflow: hidden;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box {
  width: 800px;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box + .gray-box {
  margin-top: 16px;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box.answer {
  float: left;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box.question {
  float: right;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box .name,
.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box .date {
  color: var(--color-disabled);
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box .conts {
  margin: 16px 0;
}

.deMypageMylogDetails .my-log-detail .send-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 24px;
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text] {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 24px;
  border: 0;
  background-color: var(--color-bg);
  border-radius: 16px;
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text]::-webkit-input-placeholder {
  color: var(--color-disabled);
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text]::-moz-placeholder {
  color: var(--color-disabled);
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text]:-ms-input-placeholder {
  color: var(--color-disabled);
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text]::-ms-input-placeholder {
  color: var(--color-disabled);
}

.deMypageMylogDetails .my-log-detail .send-wrap input[type=text]::placeholder {
  color: var(--color-disabled);
}

.deMypageMylogDetails .my-log-detail .send-wrap .btn-wrap {
  width: 120px;
}

.deMypageMylogDetails .my-log-detail .verification-wrap {
  margin-top: 60px;
}

.deMypageMylogDetails .my-log-detail .sub-page-title {
  margin-bottom: 16px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMyorders .sorting-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.deMypageMyorders .sorting-wrap .box-combobox .slds-form-element {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.deMypageMyorders .sorting-wrap .box-combobox .slds-form-element .slds-form-element__label {
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deMypageMyorders .sorting-wrap .box-combobox .slds-form-element .slds-form-element__control {
  width: 200px;
}

.deMypageMyorders .my-order-list {
  margin-bottom: 24px;
}

.deMypageMyorders .my-order-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.deMypageMyorders .my-order-list ul .gray-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.deMypageMyorders .my-order-list ul .gray-box .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.deMypageMyorders .my-order-list ul .gray-box .info-area dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deMypageMyorders .my-order-list ul .gray-box .info-area dl dt {
  margin-bottom: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deMypageMyorders .my-order-list ul .gray-box .info-detail-area dl dd {
  margin-top: 4px;
}

.deMypageMyorders .my-order-list ul .gray-box .btn-wrap a, .deMypageMyorders .my-order-list ul .gray-box .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deMypageMyordersDetails .orders-detail-info.gray-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .info-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .info-area dl {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .info-area dl dt {
  margin-bottom: 4px;
  font-size: 14px;
  font-family: "un";
  line-height: 1.5;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl {
  display: grid;
  grid-template-columns: 150px 1fr;
  row-gap: 8px;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl dt {
  width: 150px;
}

.deMypageMyordersDetails .orders-detail-info.gray-box .btn-wrap a, .deMypageMyordersDetails .orders-detail-info.gray-box .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deMypageMyordersDetails .shipping-wrap {
  margin-top: 60px;
}

.deMypageMyordersDetails .shipping-wrap .sub-page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deMypageMyordersDetails .shipping-wrap .sub-page-title .my-sub-title {
  margin-bottom: 0;
}

.deMypageMyordersDetails .shipping-wrap .shipping-info {
  margin-top: 16px;
}

.deMypageMyordersDetails .shipping-wrap .shipping-info dl {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 24px 8px;
}

.deMypageMyordersDetails .purchased-wrap {
  margin: 60px 0;
}

.deMypageMyordersDetails .purchased-wrap .order .item .btn-wrap button {
  width: 300px;
}

.deMypageMyordersModal .form-list dt {
  margin-bottom: 8px;
}

.deMypageMyordersModal .form-list dd + dt {
  margin-top: 40px;
}

.deMypageMyordersModal .form-list dd .box-combobox .slds-combobox__input {
  background-color: var(--color-white);
}

.deMypageMyordersModal .form-list dd .box-combobox .slds-combobox__input:focus {
  background-color: var(--color-primary);
}

.deMypageMyordersRequest {
  width: 984px;
  margin: 0 auto;
}

.deMypageMyordersRequest .info-wrap .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 52px;
}

.deMypageMyordersRequest .info-wrap .info .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.deMypageMyordersRequest .info-wrap .info .num dt, .deMypageMyordersRequest .info-wrap .info .num dd {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMyordersRequest .info-wrap .info .status {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMyordersRequest .info-wrap .list {
  width: 100%;
}

.deMypageMyordersRequest .info-wrap .list thead {
  border-bottom: 1px solid var(--color-line100);
}

.deMypageMyordersRequest .info-wrap .list tfoot {
  border-top: 1px solid var(--color-line100);
}

.deMypageMyordersRequest .info-wrap .list tr th, .deMypageMyordersRequest .info-wrap .list tr td {
  height: 50px;
  vertical-align: middle;
}

.deMypageMyordersRequest .info-wrap .list tr th:nth-child(1), .deMypageMyordersRequest .info-wrap .list tr td:nth-child(1) {
  text-align: left;
  padding-left: 16px;
}

.deMypageMyordersRequest .info-wrap .list tr th:nth-child(2), .deMypageMyordersRequest .info-wrap .list tr th:nth-child(3), .deMypageMyordersRequest .info-wrap .list tr td:nth-child(2), .deMypageMyordersRequest .info-wrap .list tr td:nth-child(3) {
  width: 21.7%;
  text-align: center;
}

.deMypageMyordersRequest .form-list {
  margin: 60px 0;
}

.deMypageMyordersRequest .form-list dt {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMembership .mem-current dl {
  margin-bottom: 16px;
}

.deMypageMembership .mem-current dl .current {
  margin: 4px 0;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMembership .mem-type {
  margin-top: 60px;
}

.deMypageMembership .mem-type .item {
  min-height: 150px;
}

.deMypageMembership .mem-type .item + .item {
  margin-top: 16px;
}

.deMypageMembership .mem-type .item strong {
  display: block;
  margin-bottom: 4px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMembership .mem-type .item .chips-list {
  margin-top: 16px;
}

.my-benefit .current dd {
  margin-top: 4px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.commonBenefit {
  margin-top: 40px;
}

.commonBenefit h2 {
  margin: 15px 0px;
}

.my-benefit .benefit-wrap {
  margin-top: 60px;
}

.my-benefit .benefit-wrap .tab-wrap {
  margin-bottom: 0;
}

.my-benefit .benefit-wrap .benefit-list {
  margin-bottom: 24px;
}

.my-benefit .benefit-wrap .benefit-list .item {
  margin-top: 16px;
}

.my-benefit .benefit-wrap .benefit-list .item.disabled * {
  color: var(--color-disabled);
}

.my-benefit .benefit-wrap .benefit-list .item .kind dd {
  margin-top: 4px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.my-benefit .benefit-wrap .benefit-list .item .date {
  display: grid;
  grid-template-columns: auto 1fr;
  margin-top: 16px;
}

.my-benefit .benefit-wrap .benefit-list .item .date dt {
  margin-right: 4px;
}

.deMypageMyaddress .verification-wrap {
  margin-bottom: 60px;
}

.deMypageMyaddress .address-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.deMypageMyaddress .address-list .head {
  gap: 8px;
}

.deMypageMyaddress .address-list .head strong {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageMyaddress .address-list .info {
  display: grid;
  grid-template-columns: 168px 1fr;
  row-gap: 8px;
  margin: 16px 0;
}

.deMypageMyaddress .address-list .btn-wrap a, .deMypageMyaddress .address-list .btn-wrap button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.deMypageMyaddressWrite {
  width: 984px;
  margin: 0 auto;
}

.deMypageMyaddressWrite .form-list {
  margin: 16px 0 60px 0;
}

.deMypageWishlist {
  width: 984px;
  margin: 0 auto;
}

.deMypageWishlist .wishlist {
  margin: 16px 0 24px 0;
}

.deMypageWishlist .verification-wrap {
  margin-top: 60px;
}

.deMypageQna .no-data {
  margin: 60px 0 12px 0;
}

.deMypageQna .qna-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 60px 0 12px 0;
}

.deMypageQna .qna-list .item .subject {
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
  word-wrap: break-word;
  word-break: break-word;
}

.deMypageQna .qna-list .item .date {
  display: block;
  margin: 8px 0 16px 0;
}

.deMypageQnaDetail .question-wrap .question-head {
  margin-bottom: 32px;
}

.deMypageQnaDetail .question-wrap .question-head .subject-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.deMypageQnaDetail .question-wrap .question-head .subject-area .subject {
  word-wrap: break-word;
  word-break: break-word;
}

.deMypageQnaDetail .question-wrap .question-head .subject-area .subject strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageQnaDetail .question-wrap .question-head .chips-list {
  margin-top: 16px;
  column-gap: 8px;
}

.deMypageQnaDetail .question-wrap .question-head .info {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 8px;
  margin-top: 16px;
}

.deMypageQnaDetail .answer-wrap {
  margin: 60px 0;
}

.deMypageQnaDetail .answer-wrap .answer-head {
  margin-bottom: 32px;
}

.deMypageQnaDetail .answer-wrap .answer-head strong {
  display: block;
  margin-bottom: 8px;
  font-size: 20px;
  font-family: "un";
  line-height: 1.4;
}

.deMypageQnaWrite .verification-wrap {
  margin-top: 60px;
}

@media (max-width: 1080px) {
  .my-page .page-inner {
    width: 100%;
  }
  .my-page .page-inner .my-mobile-menu {
    display: block;
    position: relative;
    height: 5.2rem;
    margin-bottom: 3.2rem;
  }
  .my-page .page-inner .my-mobile-menu.on .trigger {
    border-radius: 1.2rem 1.2rem 0 0;
  }
  .my-page .page-inner .my-mobile-menu.on .trigger:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .my-page .page-inner .my-mobile-menu.on .menu-list {
    height: 428px;
  }
  .my-page .page-inner .my-mobile-menu .trigger {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 1.6rem;
    background-color: var(--color-bg);
    border-radius: 1.2rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
    text-align: left;
  }
  .my-page .page-inner .my-mobile-menu .trigger:after {
    content: "";
    position: absolute;
    right: 1.6rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    background: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9L12 16L19 9' stroke='%23999999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .my-page .page-inner .my-mobile-menu .menu-list {
    position: absolute;
    left: 0;
    top: 5.2rem;
    z-index: 1;
    width: 100%;
    height: 0;
    background-color: var(--color-bg);
    border-radius: 0 0 1.2rem 1.2rem;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .my-page .page-inner .my-mobile-menu .menu-list li {
    margin-top: 1.6rem;
  }
  .my-page .page-inner .my-mobile-menu .menu-list li:last-child {
    margin-bottom: 1.6rem;
  }
  .my-page .page-inner .my-mobile-menu .menu-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1.6rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-page .page-inner .my-mobile-menu .menu-list li a.new {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.8rem;
  }
  .my-page .page-inner .my-mobile-menu .menu-list li a.new:after {
    content: "";
    position: block;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='14' height='14' rx='7' fill='%23CE544C'/%3E%3Cpath d='M9.25586 4.15625V9.84375H8.27539L5.72461 5.76953V9.84375H4.74414V4.15625H5.72461L8.2832 8.23828V4.15625H9.25586Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    background-size: 100%;
  }
  .my-page .page-inner .no-data {
    height: 5.2rem;
    border-radius: 1.2rem;
  }
  .my-page .page-inner .page-title {
    display: none;
  }
  .my-page .page-inner .gray-box {
    padding: 1.6rem;
    border-radius: 1.2rem;
  }
  .my-page .page-inner .my-sub-title {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-page .page-inner .reservation-list .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .my-page .page-inner .reservation-list .btn-wrap button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .my-home .home-info .name {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-home .home-info .btn-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .my-home .home-info .btn-wrap button {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
  .my-home .home-orders {
    margin-top: 4.8rem;
  }
  .my-home .home-orders .three-columns li dl {
    display: block;
  }
  .my-home .home-reservation {
    margin-top: 4.8rem;
  }
  .my-home .three-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.6rem;
  }
  .my-home .three-columns li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
  }
  .my-home .three-columns li.gray-box {
    padding: 1.2rem 1rem;
  }
  .my-home .three-columns li dl dd {
    margin-top: 0.4rem !important;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-home .four-columns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 2.4rem;
  }
  .my-home .four-columns li {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
            flex: 1 1 40%;
  }
  .my-home .four-columns li dl dd {
    margin-top: 0.4rem;
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-home .my-home-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.6rem;
  }
  .my-home .my-home-title .my-sub-title {
    margin-bottom: 0;
  }
  .deMypageReservationModal .list dt {
    float: none;
    width: auto;
    margin-top: 3.2rem;
    color: var(--color-disabled);
  }
  .deMypageReservationModal .list dt:first-of-type {
    margin-top: 0;
  }
  .deMypageReservationModal .list dd {
    float: none;
    margin-top: 0.8rem;
  }
  .deMypageReservationModal .list dd:last-of-type {
    margin-top: 0.8rem;
  }
  .deMypageHomeConfirm .my-confirm {
    width: 100%;
  }
  .deMypageHomeConfirm .my-confirm .form-list dd .form-inner .message {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageHomeConfirm .my-confirm .verification-wrap {
    margin-top: 3.2rem;
  }
  .deMypageHomeManage .my-manage {
    width: 100%;
  }
  .deMypageHomeManage .my-manage .agree-wrap {
    margin-top: 4.8rem;
  }
  .deMypageHomeManage .my-manage .verification-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMylog .my-reservation {
    margin-top: 3.2rem;
  }
  .deMypageMylog .my-consultation {
    margin-top: 4.8rem;
  }
  .deMypageMylogDetails .my-log-detail .recommended-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMylogDetails .my-log-detail .online-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box {
    width: 80vw;
  }
  .deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box .name,
  .deMypageMylogDetails .my-log-detail .online-wrap .online-message .gray-box .date {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMylogDetails .my-log-detail .send-wrap input[type=text] {
    border-radius: 1.2rem;
  }
  .deMypageMylogDetails .my-log-detail .send-wrap .btn-wrap {
    width: 8rem;
  }
  .deMypageMylogDetails .my-log-detail .send-wrap .btn-wrap button {
    min-width: auto;
  }
  .deMypageMylogDetails .my-log-detail .verification-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMylogDetails .my-log-detail .sub-page-title {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyorders .sorting-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0.8rem;
  }
  .deMypageMyorders .sorting-wrap .box-combobox {
    width: 100%;
  }
  .deMypageMyorders .sorting-wrap .box-combobox .slds-form-element .slds-form-element__label {
    width: 15rem;
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyorders .sorting-wrap .box-combobox .slds-form-element .slds-form-element__control {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: auto;
  }
  .deMypageMyorders .my-order-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1.6rem;
  }
  .deMypageMyorders .my-order-list ul .gray-box .info-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .deMypageMyorders .my-order-list ul .gray-box .info-area dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .deMypageMyorders .my-order-list ul .gray-box .info-area dl dt {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.6rem;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-area dl {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-area dl dt {
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl {
    display: block;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl dt {
    width: auto;
    color: var(--color-disabled);
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl dd {
    margin: 0.8rem 0 3.2rem 0;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .info-detail-area dl dd:last-of-type {
    margin-bottom: 0;
  }
  .deMypageMyordersDetails .orders-detail-info.gray-box .btn-wrap a, .deMypageMyordersDetails .orders-detail-info.gray-box .btn-wrap button {
    padding: 0;
  }
  .deMypageMyordersDetails .shipping-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMyordersDetails .shipping-wrap .sub-page-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 2.4rem;
  }
  .deMypageMyordersDetails .shipping-wrap .sub-page-title .my-sub-title {
    margin-bottom: 0;
  }
  .deMypageMyordersDetails .shipping-wrap .sub-page-title .btn-wrap {
    width: 100%;
  }
  .deMypageMyordersDetails .shipping-wrap .shipping-info {
    margin-top: 2.4rem;
  }
  .deMypageMyordersDetails .shipping-wrap .shipping-info dl {
    display: block;
  }
  .deMypageMyordersDetails .shipping-wrap .shipping-info dl dt {
    color: var(--color-disabled);
    font-size: 1.2rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersDetails .shipping-wrap .shipping-info dl dd {
    margin: 0.8rem 0 3.2rem 0;
  }
  .deMypageMyordersDetails .shipping-wrap .shipping-info dl dd:last-of-type {
    margin-bottom: 0;
  }
  .deMypageMyordersDetails .purchased-wrap {
    margin: 4.8rem 0;
  }
  .deMypageMyordersDetails .purchased-wrap .order .item .btn-wrap button {
    width: auto;
  }
  .deMypageMyordersModal .form-list dd + dt {
    margin-top: 4.8rem;
  }
  .deMypageMyordersModal .form-list dd .mobile-phone .box-input {
    width: 10rem;
  }
  .deMypageMyordersRequest {
    width: 100%;
  }
  .deMypageMyordersRequest .info-wrap .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 8px;
    height: auto;
  }
  .deMypageMyordersRequest .info-wrap .info .num dt, .deMypageMyordersRequest .info-wrap .info .num dd {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersRequest .info-wrap .info .status {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyordersRequest .info-wrap .list {
    margin-top: 1.6rem;
  }
  .deMypageMyordersRequest .info-wrap .list tr th:nth-child(2), .deMypageMyordersRequest .info-wrap .list tr td:nth-child(2) {
    width: 6rem;
  }
  .deMypageMyordersRequest .info-wrap .list tr th:nth-child(3), .deMypageMyordersRequest .info-wrap .list tr td:nth-child(3) {
    width: 8rem;
  }
  .deMypageMyordersRequest .form-list {
    margin: 4.8rem 0;
  }
  .deMypageMyordersRequest .form-list dt {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMembership .mem-current dl .current {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMembership .mem-type {
    margin-top: 4.8rem;
  }
  .deMypageMembership .mem-type .item {
    min-height: 14rem;
  }
  .deMypageMembership .mem-type .item strong {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .my-benefit .benefit-wrap {
    margin-top: 4.8rem;
  }
  .deMypageMyaddress .verification-wrap {
    margin-bottom: 3.2rem;
  }
  .deMypageMyaddress .address-list .head strong {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageMyaddress .address-list .info {
    display: block;
  }
  .deMypageMyaddress .address-list .info dt {
    margin: 3.2rem 0 0.8rem 0;
    color: var(--color-disabled);
  }
  .deMypageMyaddress .address-list .info dt:first-of-type {
    margin-top: 0;
  }
  .deMypageMyaddressWrite {
    width: 100%;
  }
  .deMypageMyaddressWrite .form-list {
    margin: 1.6rem 0 4.8rem;
  }
  .deMypageWishlist {
    width: 100%;
  }
  .deMypageWishlist .wishlist {
    margin: 1.2rem 0 2.4rem 0;
  }
  .deMypageWishlist .verification-wrap {
    margin-top: 4.8rem;
  }
  .deMypageQna .no-data, 
  .deMypageQna .qna-list {
    margin: 3.2rem 0 2.4rem 0;
  }
  .deMypageQna .qna-list .item .subject {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageQnaDetail .question-wrap .question-head .subject-area {
    display: block;
  }
  .deMypageQnaDetail .question-wrap .question-head .subject-area .subject {
    margin-bottom: 1.6rem;
  }
  .deMypageQnaDetail .question-wrap .question-head .subject-area .subject strong {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageQnaDetail .question-wrap .question-head .chips-list {
    margin-top: 0;
    column-gap: 0.4rem;
  }
  .deMypageQnaDetail .question-wrap .question-head .info {
    display: block;
    margin-top: 0;
  }
  .deMypageQnaDetail .question-wrap .question-head .info dt {
    margin: 3.2rem 0 0.8rem 0;
    color: var(--color-disabled);
  }
  .deMypageQnaDetail .answer-wrap {
    margin: 4.8rem 0;
  }
  .deMypageQnaDetail .answer-wrap .answer-head strong {
    font-size: 1.8rem;
    font-family: "un";
    line-height: 1.5;
  }
  .deMypageQnaWrite .verification-wrap {
    margin-top: 4.8rem;
  }
}
@media (max-width: 560px) {
  .deHausList .tab-content .btn-wrap .medium {
    min-width: 150px !important;
  }
}
@media (max-height: 960px) {
  .popup-wrap.basic .popup-body {
    max-height: 250px;
  }
}

.text-prewrap {
  white-space: pre-wrap;
  word-break: break-all;
  overflow-wrap: anywhere;
}