@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body,
article,
aside,
details,
figcaption,
figure,
header,
hgroup,
menu,
div,
nav,
section,
header,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
audio,
video,
textarea {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.5;
  background: transparent;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  vertical-align: baseline;
}

header,
section,
article,
footer,
aside,
nav,
main,
figure {
  display: block;
}

ul,
ol,
li,
dl,
dt,
dd,
i {
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
  text-align: inherit;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

caption,
legend {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

select,
input,
textarea {
  color: var(--color-black, #000000);
  font-family: inherit;
}

select,
input {
  vertical-align: middle;
}

address,
em,
i {
  font-style: normal;
}

label {
  margin: 0;
  padding: 0;
}

hr {
  margin: 0;
  border: none;
  padding: 0;
  display: block;
}

form,
figure,
figcaption {
  padding: 0;
  margin: 0;
}

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

button {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
  line-height: inherit;
}

strong,
b {
  font-weight: 700;
}

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

svg {
  vector-effect: non-scaling-stroke;
}

select {
  font-family: inherit;
}

[hidden] {
  display: none !important;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: var(--header-height, 0px);
}

body {
  font-family: var(--font-ko, Pretendard Variable), var(--font-en, AvantGarde LT), "Pretendard", "Noto Sans KR", "Century Gothic", -apple-system, "Apple SD Gothic Neo", sans-serif;
  margin: 0;
  min-width: var(--container-width, 1280px);
  font-size: 14px;
  color: var(--color-black, #000000);
  line-height: 157.143%;
}

*:focus:not(:focus-visible) {
  outline: none;
}

*:focus-visible {
  outline: 2px solid var(--color-focus, #0066cc);
  outline-offset: -2px;
}

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

body::-webkit-scrollbar-thumb {
  background-color: var(--color-point-secondary, #f396f5);
  border-radius: var(--radius-sm, 3px);
}

body::-webkit-scrollbar-track {
  background: transparent;
}

div::-webkit-scrollbar,
ul::-webkit-scrollbar,
ol::-webkit-scrollbar,
section::-webkit-scrollbar,
article::-webkit-scrollbar,
aside::-webkit-scrollbar,
main::-webkit-scrollbar,
nav::-webkit-scrollbar,
header::-webkit-scrollbar,
footer::-webkit-scrollbar,
form::-webkit-scrollbar,
table::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb,
ol::-webkit-scrollbar-thumb,
section::-webkit-scrollbar-thumb,
article::-webkit-scrollbar-thumb,
aside::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
nav::-webkit-scrollbar-thumb,
header::-webkit-scrollbar-thumb,
footer::-webkit-scrollbar-thumb,
form::-webkit-scrollbar-thumb,
table::-webkit-scrollbar-thumb {
  background-color: var(--color-gray500, #666666);
  border-radius: 10px;
}
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track,
ol::-webkit-scrollbar-track,
section::-webkit-scrollbar-track,
article::-webkit-scrollbar-track,
aside::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
nav::-webkit-scrollbar-track,
header::-webkit-scrollbar-track,
footer::-webkit-scrollbar-track,
form::-webkit-scrollbar-track,
table::-webkit-scrollbar-track {
  background: transparent;
}

@font-face {
  font-family: "Pretendard Variable";
  src: url("./fonts/PretendardVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020, U+3130-318F, U+AC00-D7A3;
}
@font-face {
  font-family: "AvantGarde LT";
  src: url("./fonts/AvantGarde-Medium.woff2") format("woff2");
  font-weight: 400 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AvantGarde LT";
  src: url("./fonts/AvantGarde-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.wrap {
  padding-top: var(--header-height, 0px);
  container-type: inline-size;
}

.wrap.main-wrap {
  padding-top: var(--notice-height, 0px);
}

/*** Grid system ***/
.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap, 4px);
  padding: 0 20px;
}
.grid-12 > [class*=gap-],
.grid-12 > :not([class*=gap-]) {
  min-width: 0;
}
.grid-12 .gap-1 {
  grid-column: 2/12;
}
.grid-12 .gap-2 {
  grid-column: 3/11;
}
.grid-12 .gap-3 {
  grid-column: 4/10;
}
.grid-12 .gap-4 {
  grid-column: 5/9;
}
.grid-12 .gap-5 {
  grid-column: 6/8;
}
.grid-12 .col-1 {
  grid-column: span 1;
}
.grid-12 .col-2 {
  grid-column: span 2;
}
.grid-12 .col-3 {
  grid-column: span 3;
}
.grid-12 .col-4 {
  grid-column: span 4;
}
.grid-12 .col-5 {
  grid-column: span 5;
}
.grid-12 .col-6 {
  grid-column: span 6;
}
.grid-12 .col-7 {
  grid-column: span 7;
}
.grid-12 .col-8 {
  grid-column: span 8;
}
.grid-12 .col-9 {
  grid-column: span 9;
}
.grid-12 .col-10 {
  grid-column: span 10;
}
.grid-12 .col-11 {
  grid-column: span 11;
}
.grid-12 .col-12 {
  grid-column: span 12;
}

.skip-nav {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: var(--z-loading, 9999);
  padding: 20px 32px;
  background: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  white-space: nowrap;
}
.skip-nav:focus {
  top: 0;
}

.header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1280px;
  z-index: var(--z-header, 200);
}

.notice {
  display: grid;
  grid-template-rows: 1fr;
  background: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
}
.notice.is-scrolled {
  grid-template-rows: 0fr;
}
.notice > div {
  min-height: 0;
  overflow: hidden;
}
.notice i[class^=ico-], .notice i[class*=" ico-"] {
  background-color: var(--color-white, #ffffff);
}
.notice .notice-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  overflow: hidden;
  position: relative;
  min-height: 34px;
}
.notice .notice-swiper {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.notice .notice-swiper .swiper-wrapper {
  height: 100%;
}
.notice .notice-swiper .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 8px 36px 8px 12px;
}
.notice .notice-content {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
}
.notice .notice-content.is-col {
  flex-direction: column;
  gap: 2px;
}
.notice .notice-text-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.notice .notice-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.notice .notice-text {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-white, #ffffff);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.notice .notice-link {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-white, #ffffff);
  text-decoration: underline;
  white-space: nowrap;
}
.notice .notice-link-row {
  display: flex;
  align-items: center;
  gap: 32px;
}
.notice .notice-close {
  position: absolute;
  z-index: 100;
  right: 12px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}

.header {
  --hc: var(--color-black, #000000);
  --hbg: var(--color-white, #ffffff);
  --hcReverse: var(--color-white, #ffffff);
  position: relative;
  background: var(--hbg);
}
.header .nav {
  background: var(--hbg);
  position: relative;
}
.header .nav-inner {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  height: 86px;
  transition: height 0.3s ease;
}
.header .logo-gnb {
  display: flex;
  height: 100%;
  flex-shrink: 0;
  min-width: 0;
}
.header .logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 175px;
  height: 86px;
  transition: width 0.3s, height 0.3s;
}
.header .logo-link {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../images/logo/img-maje-logo.svg") center bottom/contain no-repeat;
  mask: url("../images/logo/img-maje-logo.svg") center bottom/contain no-repeat;
  background-color: var(--hc);
}
.header .gnb {
  height: 100%;
  padding-left: 10px;
  flex: 1;
  overflow: hidden;
  max-width: calc(1240px - var(--logoWidth) - var(--utilWidth));
}
.header .gnb-list {
  display: flex;
  height: inherit;
}
.header .gnb-link {
  display: flex;
  height: 100%;
  padding: 34px 10px;
  font-size: 11px;
  line-height: 16px;
  color: var(--hc);
  letter-spacing: 1px;
  white-space: nowrap;
  transition: padding 0.3s ease;
}
.header .gnb-link:hover, .header .gnb-link:focus-within {
  text-shadow: 0 0 0.4px var(--hc), 0 0 0.4px var(--hc);
}
.header .nav-item.is-open .gnb-link {
  text-shadow: 0 0 0.4px var(--hc), 0 0 0.4px var(--hc);
}
.header .gnb-link-sale {
  font-weight: 700;
}
.header .util {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
  padding-top: 32px;
  transition: padding 0.3s ease;
}
.header .search-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 164px;
  height: 22px;
  padding: 0 8px;
  border: var(--line-width, 1px) solid var(--hc);
  border-radius: var(--radius-full, 999px);
  flex-shrink: 0;
}
.header .search-btn i[class^=ico-], .header .search-btn i[class*=" ico-"] {
  background-color: var(--hc);
}
.header .search-text {
  font-size: 10px;
  line-height: 10px;
  color: var(--hc);
  letter-spacing: 1px;
}
.header .actions {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 22px;
}
.header .icon-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header .icon-btn.icon-btn-login.is-login:after {
  content: "";
  position: absolute;
  right: -3px;
  bottom: -3px;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-circle, 50%);
  background-color: var(--color-point-secondary, #f396f5);
}
.header .icon-btn .icon-count {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 18px;
  height: 18px;
  padding-inline: 3px;
  background: var(--color-gray30, #f6f6f6);
  color: var(--hc);
  font-size: 9px;
  line-height: 18px;
  border-radius: var(--radius-full, 999px);
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.header .icon-btn.has-count .icon-count {
  background-color: var(--color-point-secondary, #f396f5);
  display: flex;
}
.header .icon-btn i[class^=ico-], .header .icon-btn i[class*=" ico-"] {
  background-color: var(--hc);
}
.header .nav-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: var(--color-white, #ffffff);
  z-index: 199;
  pointer-events: none;
  overflow-y: auto;
  height: 544px;
  box-shadow: 0 9px 16px -5px rgba(0, 0, 0, 0.24);
}
.header .nav-item.is-open .nav-dropdown {
  pointer-events: auto;
}
.header .depth2-inner {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 20px 80px;
  min-height: 100%;
}
.header .depth2-content {
  display: flex;
  align-items: flex-start;
  width: calc(100% - 850px);
}
.header .depth2-col {
  flex: 1;
  padding-right: 60px;
}
.header .depth2-group:not(:last-child) {
  margin-bottom: 40px;
}
.header .depth2-title {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--color-black, #000000);
}
.header .depth2-list {
  margin-top: 16px;
}
.header .depth2-list li:not(:last-child) {
  margin-bottom: 12px;
}
.header .depth2-link {
  position: relative;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  color: var(--color-black, #000000);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: fit-content;
  word-break: break-all;
}
.header .depth2-link:hover {
  text-decoration: underline;
}
.header .depth2-link:has(.depth2-badge) {
  padding-right: 32px;
}
.header .depth2-link-underline {
  text-decoration: underline;
}
.header .depth2-link-bold {
  font-weight: 700;
}
.header .depth2-badge {
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--color-black, #000000);
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
}
.header .depth2-banner {
  flex-shrink: 0;
}
.header .depth2-banner-link {
  position: relative;
  display: block;
  width: 504px;
  height: 100%;
  min-height: 504px;
  overflow: hidden;
}
.header .depth2-banner-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.header .depth2-banner-link:hover img {
  transform: scale(1.1);
}
.header .depth2-banner-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.header .depth2-banner-text {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  color: var(--color-white, #ffffff);
}
.header .depth2-banner-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 20px;
}
.header .depth2-banner-sub {
  font-size: 13px;
  line-height: 20px;
  text-decoration: underline;
  margin-top: 8px;
}
.header .depth2-right {
  display: flex;
  align-items: stretch;
  gap: 2px;
  flex-shrink: 0;
}
.header .depth2-products {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 280px;
  padding: 0 36px;
  align-content: flex-start;
  flex-shrink: 0;
}
.header .depth2-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  width: 100px;
}
.header .depth2-product-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
  color: var(--color-black, #000000);
}
.header .depth2-product-img {
  width: 100px;
  aspect-ratio: 1/1;
  overflow: hidden;
  flex-shrink: 0;
}
.header .depth2-product-img picture,
.header .depth2-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .depth2-product-name {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.header .depth2-banners {
  display: flex;
  gap: 2px;
  flex-shrink: 0;
}
.header .depth2-banner-link-sm {
  width: 283px;
  height: 100%;
}
.header .depth2-product-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex-shrink: 0;
  gap: 2px;
}
.header .depth2-product-row .plp-card {
  width: 265px;
}
.header .depth2-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
.header .depth2-card:hover .btn-wish {
  opacity: 1;
  pointer-events: auto;
}
.header .depth2-card-wish-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 270px;
  aspect-ratio: var(--ratio, 0.75);
  pointer-events: none;
}
.header .depth2-card-wish-area .btn-wish {
  position: absolute;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.header .depth2-card-link {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: var(--color-black, #000000);
  flex: 1;
}
.header .depth2-card-img {
  width: 270px;
  aspect-ratio: var(--ratio, 0.75);
  overflow: hidden;
  flex-shrink: 0;
}
.header .depth2-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.header .depth2-card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.header .depth2-card-name {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0;
  white-space: nowrap;
}
.header .depth2-card-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.header .depth2-price-org {
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
  color: var(--color-black, #000000);
}
.header .depth2-price-sale {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}

.main-wrap .header {
  --hbg: transparent;
  transition: background-color 0.3s ease;
}
.main-wrap .header .nav {
  transition: background-color 0.3s ease;
}
.main-wrap .header.is-top.is-nav-open {
  --hbg: var(--color-white, #ffffff);
  --hc: var(--color-black, #000000);
  --hcReverse: var(--color-white, #ffffff);
}
.main-wrap .header:not(.is-top) {
  --hbg: var(--color-white, #ffffff);
}
.search-open .main-wrap .header.is-top {
  --hbg: var(--color-white, #ffffff);
}
.search-open .main-wrap .header.is-top:not(:hover) {
  --hc: var(--color-black, #000000);
  --hcReverse: var(--color-white, #ffffff);
}
.slide-pop-open .main-wrap .header.is-top {
  --hbg: var(--color-white, #ffffff);
  --hc: var(--color-black, #000000);
  --hcReverse: var(--color-white, #ffffff);
}
.slide-pop-open .main-wrap .header.is-top .nav {
  --hbg: var(--color-white, #ffffff);
}
.main-wrap .header.is-top:not(.is-nav-open) {
  --hc: var(--color-white, #ffffff);
  --hcReverse: var(--color-black, #000000);
}
.main-wrap .header.is-top .logo {
  width: 273px;
  height: 126px;
}
.main-wrap .header.is-top .nav-inner {
  align-items: flex-start;
  height: 126px;
}
.main-wrap .header.is-top .gnb-link {
  padding-top: 17px;
}
.main-wrap .header.is-top .util {
  padding-top: 16px;
}

.wrap:is(.mypage-wrap, .order-wrap, .main-wrap, .pdp-wrap, .special-wrap) .footer {
  margin-top: 0;
}

.footer {
  margin-top: 80px;
  background: var(--color-white, #ffffff);
}
.footer .footer-top {
  position: fixed;
  right: 40px;
  bottom: calc(40px + var(--pdp-bar-h, 0px));
  z-index: var(--z-top-btn, 50);
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.2s, bottom 0.2s, visibility 0.2s;
}
.footer .footer-top.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.footer .btn-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: var(--color-white, #ffffff);
  border: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  border-radius: var(--radius-xl, 10px);
  cursor: pointer;
}
.footer .btn-top:before {
  content: "";
  display: flex;
  width: 20px;
  height: 20px;
  -webkit-mask: url("../images/ico/ico-chev-up.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-up.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.footer .footer-info-bar {
  height: 54px;
  overflow: hidden;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.footer .footer-info-swiper {
  height: 100%;
}
.footer .footer-info-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.footer .footer-info-swiper .swiper-slide:hover,
.footer .footer-info-swiper .swiper-slide span {
  text-decoration: underline;
}
.footer .footer-info-swiper .swiper-slide a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: var(--color-black, #000000);
  letter-spacing: 0.66px;
}
.footer .footer-info-swiper .swiper-slide a:hover {
  text-decoration: underline;
}
.footer .footer-menu {
  display: flex;
  align-items: flex-start;
  padding: 32px 20px;
}
.footer .footer-menu-col {
  flex: 1;
  min-width: 0;
}
.footer .footer-menu-title {
  display: flex;
  align-items: center;
  height: 24px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-black, #000000);
  letter-spacing: 1px;
}
.footer .footer-menu-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 0;
}
.footer .footer-menu-list li {
  display: flex;
  align-items: center;
  min-height: 24px;
}
.footer .footer-menu-list a,
.footer .footer-menu-list span {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}
.footer .footer-menu-list a {
  padding: 6px 0;
}
.footer .footer-menu-list a.is-bold {
  font-weight: 700;
}
.footer .footer-menu-list a:hover {
  text-decoration: underline;
}
.footer .footer-corp {
  padding: 0 20px 16px;
}
.footer .footer-corp-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.footer .footer-corp-name {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  padding-bottom: 8px;
}
.footer .footer-corp-detail {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer .footer-corp-detail span,
.footer .footer-corp-detail a {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  white-space: nowrap;
}
.footer .footer-link-underline {
  text-decoration: underline !important;
}
.footer .footer-corp-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  width: 100%;
}
.footer .footer-isms {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer .footer-isms-logo {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  object-fit: contain;
}
.footer .footer-isms-info {
  display: flex;
  align-items: center;
  gap: 8px;
}
.footer .footer-isms-info span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  white-space: nowrap;
}
.footer .footer-copyright {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  white-space: nowrap;
}

.page-title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  padding-top: 20px;
}
.page-title-wrap.no-breadcrumb {
  margin-bottom: 53px;
}
.page-title-wrap.breadcrumb-only {
  gap: 0;
  padding-top: 0;
}
.page-title-wrap.breadcrumb-only .breadcrumb-wrap {
  padding-bottom: 0;
}
.page-title-wrap.breadcrumb-only .breadcrumb {
  margin-top: 20px;
}
.page-title-wrap.breadcrumb-first {
  gap: 0;
  padding-top: 0;
  margin-bottom: 32px;
}
.page-title-wrap.breadcrumb-first .page-title {
  padding-top: 32px;
}
.page-title-wrap.breadcrumb-first .breadcrumb {
  margin-top: 16px;
}
.page-title-wrap .page-title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
}
.page-title-wrap .page-title .tit {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  color: var(--color-black, #000000);
}
.page-title-wrap .page-title .count {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.page-title-wrap .breadcrumb-wrap {
  width: 100%;
  padding: 0 20px 12px;
}
.page-title-wrap .breadcrumb-wrap .breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
.page-title-wrap .breadcrumb-wrap .breadcrumb li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.page-title-wrap .breadcrumb-wrap .breadcrumb li a:hover {
  text-decoration: underline;
}
.page-title-wrap .breadcrumb-wrap .breadcrumb li + li::before {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  background-color: var(--color-black, #000000);
  -webkit-mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
}

.sub-page-title-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.sub-page-title-wrap .sub-page-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  padding: 20px 0;
  color: var(--color-black, #000000);
}

.search-panel {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 150;
  background: var(--color-white, #ffffff);
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap, 4px);
}
.search-panel > [class*=gap-],
.search-panel > :not([class*=gap-]) {
  min-width: 0;
}
.search-panel .gap-1 {
  grid-column: 2/12;
}
.search-panel .gap-2 {
  grid-column: 3/11;
}
.search-panel .gap-3 {
  grid-column: 4/10;
}
.search-panel .gap-4 {
  grid-column: 5/9;
}
.search-panel .gap-5 {
  grid-column: 6/8;
}
.search-panel .col-1 {
  grid-column: span 1;
}
.search-panel .col-2 {
  grid-column: span 2;
}
.search-panel .col-3 {
  grid-column: span 3;
}
.search-panel .col-4 {
  grid-column: span 4;
}
.search-panel .col-5 {
  grid-column: span 5;
}
.search-panel .col-6 {
  grid-column: span 6;
}
.search-panel .col-7 {
  grid-column: span 7;
}
.search-panel .col-8 {
  grid-column: span 8;
}
.search-panel .col-9 {
  grid-column: span 9;
}
.search-panel .col-10 {
  grid-column: span 10;
}
.search-panel .col-11 {
  grid-column: span 11;
}
.search-panel .col-12 {
  grid-column: span 12;
}
.search-panel.is-open {
  overflow-y: auto;
  scrollbar-gutter: stable;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.search-panel.is-closing {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.search-panel .search-panel-inner {
  grid-column: 4/span 6;
  padding: 80px 0 232px;
}
.search-panel .search-panel-btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.search-panel .search-bar {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-bottom: 48px;
}
.search-panel .search-bar-form {
  display: block;
  width: 100%;
}
.search-panel .search-bar-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.search-panel .search-bar-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  height: 38px;
  padding: 0 21px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-full, 999px);
}
.search-panel .search-bar-wrap button {
  display: flex;
  align-items: center;
}
.search-panel .search-bar-input {
  flex: 1;
  height: 100%;
  border: none;
  outline: none;
  background: none;
  font-size: 12px;
  line-height: 1;
  color: var(--color-black, #000000);
}
.search-panel .search-bar-input::placeholder {
  color: var(--color-gray300, #bbbbbb);
}
.search-panel .search-bar-input::-webkit-search-cancel-button {
  display: none;
  -webkit-appearance: none;
}
.search-panel .search-bar-btn-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border-radius: var(--radius-full, 999px);
  background: #efefef;
}
.search-panel .search-bar-btn-clear.is-active {
  display: flex;
}
.search-panel .search-recent-btn-del {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.search-panel .search-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 48px;
  padding: 0 20px;
}
.search-panel .search-recent-cols {
  margin-top: 16px;
  padding: 0;
}
.search-panel .search-recent-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 60px;
}
.search-panel .search-recent-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  width: calc(50% - 30px);
}
.search-panel .search-recent-link {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.search-panel .search-recent-link:hover {
  text-decoration: underline;
}
.search-panel .search-recent-nodata {
  padding: 120px 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-align: center;
}
.search-panel .search-no-result {
  padding: 80px 20px;
  text-align: center;
}
.search-panel .search-no-result-msg {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.search-panel .search-suggest-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 16px;
}
.search-panel .search-suggest-link {
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-panel .search-suggest-link:hover {
  text-decoration: underline;
}

.search-panel-dim {
  position: fixed;
  top: 86px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 140;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease;
}
.search-panel-dim.is-open {
  opacity: 1;
  pointer-events: auto;
}

.search-panel .search-section-title,
.search-noresult-content .search-section-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black, #000000);
}
.search-panel .search-recommend-slider,
.search-noresult-content .search-recommend-slider {
  position: relative;
  padding: 0 20px;
}
.search-panel .search-recommend-swiper,
.search-noresult-content .search-recommend-swiper {
  width: 100%;
  overflow: hidden;
}
.search-panel .search-recommend-item,
.search-noresult-content .search-recommend-item {
  height: 100%;
}
.search-panel .search-recommend-link,
.search-noresult-content .search-recommend-link {
  display: block;
  color: var(--color-black, #000000);
}
.search-panel .search-recommend-img,
.search-noresult-content .search-recommend-img {
  width: 100%;
  aspect-ratio: var(--ratio, 0.75);
  overflow: hidden;
  margin-bottom: 8px;
}
.search-panel .search-recommend-img img,
.search-noresult-content .search-recommend-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-panel .search-recommend-name,
.search-noresult-content .search-recommend-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 4px;
}
.search-panel .search-recommend-price,
.search-noresult-content .search-recommend-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
}
.search-panel .search-recommend-btn-prev,
.search-panel .search-recommend-btn-next,
.search-noresult-content .search-recommend-btn-prev,
.search-noresult-content .search-recommend-btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
}
.search-panel .search-recommend-btn-prev,
.search-noresult-content .search-recommend-btn-prev {
  left: -5px;
  justify-content: flex-start;
}
.search-panel .search-recommend-btn-next,
.search-noresult-content .search-recommend-btn-next {
  right: -5px;
  justify-content: flex-end;
}
.search-panel .search-recommend-all,
.search-noresult-content .search-recommend-all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.search-panel .search-recommend-all-btn,
.search-noresult-content .search-recommend-all-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 38px;
  background: var(--color-black, #000000);
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-md, 5px);
  color: var(--color-white, #ffffff);
  font-size: 13px;
  line-height: 20px;
}
.search-panel .search-recommend-keyword .cart-recommend-slider,
.search-noresult-content .search-recommend-keyword .cart-recommend-slider {
  margin-top: 16px;
}
.search-panel .search-recommend-keyword .cart-recommend-slider i.ico-chev-circle-left.ico-size-30,
.search-panel .search-recommend-keyword .cart-recommend-slider i.ico-chev-circle-right.ico-size-30,
.search-noresult-content .search-recommend-keyword .cart-recommend-slider i.ico-chev-circle-left.ico-size-30,
.search-noresult-content .search-recommend-keyword .cart-recommend-slider i.ico-chev-circle-right.ico-size-30 {
  width: 20px !important;
  height: 20px !important;
}
.search-panel .search-recommend-keyword .cart-recommend-slider .rec-nav-layer,
.search-noresult-content .search-recommend-keyword .cart-recommend-slider .rec-nav-layer {
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
  aspect-ratio: unset;
  height: 0;
  padding-bottom: calc(33.33% - 24px);
}
.search-panel .search-recommend-keyword .btn-section,
.search-noresult-content .search-recommend-keyword .btn-section {
  display: flex;
  justify-content: center;
}
.search-panel .search-recommend-keyword .btn-section .btn-group,
.search-noresult-content .search-recommend-keyword .btn-section .btn-group {
  width: calc(2 * (100cqw - 40px - 44px) / var(--grid-cols, 12) + 1 * var(--grid-gap, 4px));
}
.search-panel .search-category-wrap,
.search-noresult-content .search-category-wrap {
  margin-top: 16px;
}
.search-panel .search-category-list,
.search-noresult-content .search-category-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px 24px;
}
.search-panel .search-category-link,
.search-noresult-content .search-category-link {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-decoration: underline;
  white-space: nowrap;
}

.search-result {
  padding: 0 20px;
}
.search-result .search-result-slider {
  position: relative;
  padding: 0 24px;
}
.search-result .search-result-btn-prev,
.search-result .search-result-btn-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
}
.search-result .search-result-btn-prev i,
.search-result .search-result-btn-next i {
  width: 14px;
  height: 24px;
}
.search-result .search-result-btn-prev {
  left: 0;
  justify-content: flex-start;
}
.search-result .search-result-btn-next {
  right: 0;
  justify-content: flex-end;
}
.search-result .search-result-all {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 32px;
}
.search-result .search-result-nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 20px;
  width: 100%;
}
.search-result .search-result-nodata-msg {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.search-keyword {
  font-weight: 700;
}

.search-noresult-content {
  padding: 40px 20px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap, 4px);
}
.search-noresult-content > [class*=gap-],
.search-noresult-content > :not([class*=gap-]) {
  min-width: 0;
}
.search-noresult-content .gap-1 {
  grid-column: 2/12;
}
.search-noresult-content .gap-2 {
  grid-column: 3/11;
}
.search-noresult-content .gap-3 {
  grid-column: 4/10;
}
.search-noresult-content .gap-4 {
  grid-column: 5/9;
}
.search-noresult-content .gap-5 {
  grid-column: 6/8;
}
.search-noresult-content .col-1 {
  grid-column: span 1;
}
.search-noresult-content .col-2 {
  grid-column: span 2;
}
.search-noresult-content .col-3 {
  grid-column: span 3;
}
.search-noresult-content .col-4 {
  grid-column: span 4;
}
.search-noresult-content .col-5 {
  grid-column: span 5;
}
.search-noresult-content .col-6 {
  grid-column: span 6;
}
.search-noresult-content .col-7 {
  grid-column: span 7;
}
.search-noresult-content .col-8 {
  grid-column: span 8;
}
.search-noresult-content .col-9 {
  grid-column: span 9;
}
.search-noresult-content .col-10 {
  grid-column: span 10;
}
.search-noresult-content .col-11 {
  grid-column: span 11;
}
.search-noresult-content .col-12 {
  grid-column: span 12;
}
.search-noresult-content .search-category.is-noresult-category {
  grid-column: 4/span 6;
}
.search-noresult-content .search-category.is-noresult-category .search-section-title {
  padding: 0;
}
.search-noresult-content .search-category.is-noresult-category .search-category-wrap {
  padding: 0;
}

.search-noresult-section-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 16px;
}

.search-noresult-category-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}

.search-noresult-category-link {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-decoration: underline;
}

.search-result-nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 120px 20px;
  width: 100%;
}

.search-result-nodata-msg {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.page-result {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap, 4px);
  padding: 0 20px;
}
.page-result > [class*=gap-],
.page-result > :not([class*=gap-]) {
  min-width: 0;
}
.page-result .gap-1 {
  grid-column: 2/12;
}
.page-result .gap-2 {
  grid-column: 3/11;
}
.page-result .gap-3 {
  grid-column: 4/10;
}
.page-result .gap-4 {
  grid-column: 5/9;
}
.page-result .gap-5 {
  grid-column: 6/8;
}
.page-result .col-1 {
  grid-column: span 1;
}
.page-result .col-2 {
  grid-column: span 2;
}
.page-result .col-3 {
  grid-column: span 3;
}
.page-result .col-4 {
  grid-column: span 4;
}
.page-result .col-5 {
  grid-column: span 5;
}
.page-result .col-6 {
  grid-column: span 6;
}
.page-result .col-7 {
  grid-column: span 7;
}
.page-result .col-8 {
  grid-column: span 8;
}
.page-result .col-9 {
  grid-column: span 9;
}
.page-result .col-10 {
  grid-column: span 10;
}
.page-result .col-11 {
  grid-column: span 11;
}
.page-result .col-12 {
  grid-column: span 12;
}
.page-result {
  min-height: 800px;
}
.page-result .page-result-inner {
  width: 958px;
  padding: 80px 0;
  grid-column: 5/9;
}
.page-result .page-result-inner .page-result-img {
  display: flex;
  justify-content: center;
  text-align: center;
}

.page-result-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  color: var(--color-black, #000000);
  text-align: center;
}

.page-result-desc {
  padding: 60px 0 0;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-black, #000000);
  text-align: center;
}
.page-result-desc .page-result-sub-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  margin-top: 16px;
}

.page-result-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 60px;
}
.page-result-actions.fs9, .page-result-actions *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.page-result-actions.fs9m, .page-result-actions *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.page-result-actions.fs9b, .page-result-actions *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.page-result-actions.fs10, .page-result-actions *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.page-result-actions.fs10m, .page-result-actions *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.page-result-actions.fs10b, .page-result-actions *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.page-result-actions.fs11, .page-result-actions *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.page-result-actions.fs11m, .page-result-actions *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.page-result-actions.fs11b, .page-result-actions *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.page-result-actions.fs12, .page-result-actions *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.page-result-actions.fs12m, .page-result-actions *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.page-result-actions.fs12b, .page-result-actions *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.page-result-actions.fs13, .page-result-actions *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.page-result-actions.fs13m, .page-result-actions *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.page-result-actions.fs13b, .page-result-actions *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.page-result-actions.fs14, .page-result-actions *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.page-result-actions.fs14m, .page-result-actions *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.page-result-actions.fs14b, .page-result-actions *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.page-result-actions.fs16, .page-result-actions *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.page-result-actions.fs16m, .page-result-actions *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.page-result-actions.fs16b, .page-result-actions *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.page-result-actions.fs18, .page-result-actions *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.page-result-actions.fs18m, .page-result-actions *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.page-result-actions.fs18b, .page-result-actions *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.page-result-actions.fs20, .page-result-actions *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.page-result-actions.fs20m, .page-result-actions *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.page-result-actions.fs20b, .page-result-actions *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.page-result-actions.fs22, .page-result-actions *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.page-result-actions.fs22m, .page-result-actions *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.page-result-actions.fs22b, .page-result-actions *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.page-result-actions.fs24, .page-result-actions *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.page-result-actions.fs24m, .page-result-actions *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.page-result-actions.fs24b, .page-result-actions *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.page-result-actions.fs28, .page-result-actions *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.page-result-actions.fs28m, .page-result-actions *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.page-result-actions.fs28b, .page-result-actions *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.page-result-actions.fs32, .page-result-actions *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.page-result-actions.fs32m, .page-result-actions *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.page-result-actions.fs32b, .page-result-actions *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.page-result-actions.fs40, .page-result-actions *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.page-result-actions.fs40m, .page-result-actions *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.page-result-actions.fs40b, .page-result-actions *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.page-result-actions.fs42, .page-result-actions *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.page-result-actions.fs42m, .page-result-actions *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.page-result-actions.fs42b, .page-result-actions *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.page-result-actions.m2, .page-result-actions *.m2 {
  margin: 2px !important;
}
.page-result-actions.mt2, .page-result-actions *.mt2 {
  margin-top: 2px !important;
}
.page-result-actions.mb2, .page-result-actions *.mb2 {
  margin-bottom: 2px !important;
}
.page-result-actions.ml2, .page-result-actions *.ml2 {
  margin-left: 2px !important;
}
.page-result-actions.mr2, .page-result-actions *.mr2 {
  margin-right: 2px !important;
}
.page-result-actions.mx2, .page-result-actions *.mx2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.page-result-actions.my2, .page-result-actions *.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.page-result-actions.p2, .page-result-actions *.p2 {
  padding: 2px !important;
}
.page-result-actions.pt2, .page-result-actions *.pt2 {
  padding-top: 2px !important;
}
.page-result-actions.pb2, .page-result-actions *.pb2 {
  padding-bottom: 2px !important;
}
.page-result-actions.pl2, .page-result-actions *.pl2 {
  padding-left: 2px !important;
}
.page-result-actions.pr2, .page-result-actions *.pr2 {
  padding-right: 2px !important;
}
.page-result-actions.px2, .page-result-actions *.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.page-result-actions.py2, .page-result-actions *.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.page-result-actions.m4, .page-result-actions *.m4 {
  margin: 4px !important;
}
.page-result-actions.mt4, .page-result-actions *.mt4 {
  margin-top: 4px !important;
}
.page-result-actions.mb4, .page-result-actions *.mb4 {
  margin-bottom: 4px !important;
}
.page-result-actions.ml4, .page-result-actions *.ml4 {
  margin-left: 4px !important;
}
.page-result-actions.mr4, .page-result-actions *.mr4 {
  margin-right: 4px !important;
}
.page-result-actions.mx4, .page-result-actions *.mx4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.page-result-actions.my4, .page-result-actions *.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.page-result-actions.p4, .page-result-actions *.p4 {
  padding: 4px !important;
}
.page-result-actions.pt4, .page-result-actions *.pt4 {
  padding-top: 4px !important;
}
.page-result-actions.pb4, .page-result-actions *.pb4 {
  padding-bottom: 4px !important;
}
.page-result-actions.pl4, .page-result-actions *.pl4 {
  padding-left: 4px !important;
}
.page-result-actions.pr4, .page-result-actions *.pr4 {
  padding-right: 4px !important;
}
.page-result-actions.px4, .page-result-actions *.px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.page-result-actions.py4, .page-result-actions *.py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.page-result-actions.m8, .page-result-actions *.m8 {
  margin: 8px !important;
}
.page-result-actions.mt8, .page-result-actions *.mt8 {
  margin-top: 8px !important;
}
.page-result-actions.mb8, .page-result-actions *.mb8 {
  margin-bottom: 8px !important;
}
.page-result-actions.ml8, .page-result-actions *.ml8 {
  margin-left: 8px !important;
}
.page-result-actions.mr8, .page-result-actions *.mr8 {
  margin-right: 8px !important;
}
.page-result-actions.mx8, .page-result-actions *.mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.page-result-actions.my8, .page-result-actions *.my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.page-result-actions.p8, .page-result-actions *.p8 {
  padding: 8px !important;
}
.page-result-actions.pt8, .page-result-actions *.pt8 {
  padding-top: 8px !important;
}
.page-result-actions.pb8, .page-result-actions *.pb8 {
  padding-bottom: 8px !important;
}
.page-result-actions.pl8, .page-result-actions *.pl8 {
  padding-left: 8px !important;
}
.page-result-actions.pr8, .page-result-actions *.pr8 {
  padding-right: 8px !important;
}
.page-result-actions.px8, .page-result-actions *.px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.page-result-actions.py8, .page-result-actions *.py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.page-result-actions.m12, .page-result-actions *.m12 {
  margin: 12px !important;
}
.page-result-actions.mt12, .page-result-actions *.mt12 {
  margin-top: 12px !important;
}
.page-result-actions.mb12, .page-result-actions *.mb12 {
  margin-bottom: 12px !important;
}
.page-result-actions.ml12, .page-result-actions *.ml12 {
  margin-left: 12px !important;
}
.page-result-actions.mr12, .page-result-actions *.mr12 {
  margin-right: 12px !important;
}
.page-result-actions.mx12, .page-result-actions *.mx12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.page-result-actions.my12, .page-result-actions *.my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.page-result-actions.p12, .page-result-actions *.p12 {
  padding: 12px !important;
}
.page-result-actions.pt12, .page-result-actions *.pt12 {
  padding-top: 12px !important;
}
.page-result-actions.pb12, .page-result-actions *.pb12 {
  padding-bottom: 12px !important;
}
.page-result-actions.pl12, .page-result-actions *.pl12 {
  padding-left: 12px !important;
}
.page-result-actions.pr12, .page-result-actions *.pr12 {
  padding-right: 12px !important;
}
.page-result-actions.px12, .page-result-actions *.px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.page-result-actions.py12, .page-result-actions *.py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.page-result-actions.m16, .page-result-actions *.m16 {
  margin: 16px !important;
}
.page-result-actions.mt16, .page-result-actions *.mt16 {
  margin-top: 16px !important;
}
.page-result-actions.mb16, .page-result-actions *.mb16 {
  margin-bottom: 16px !important;
}
.page-result-actions.ml16, .page-result-actions *.ml16 {
  margin-left: 16px !important;
}
.page-result-actions.mr16, .page-result-actions *.mr16 {
  margin-right: 16px !important;
}
.page-result-actions.mx16, .page-result-actions *.mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.page-result-actions.my16, .page-result-actions *.my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.page-result-actions.p16, .page-result-actions *.p16 {
  padding: 16px !important;
}
.page-result-actions.pt16, .page-result-actions *.pt16 {
  padding-top: 16px !important;
}
.page-result-actions.pb16, .page-result-actions *.pb16 {
  padding-bottom: 16px !important;
}
.page-result-actions.pl16, .page-result-actions *.pl16 {
  padding-left: 16px !important;
}
.page-result-actions.pr16, .page-result-actions *.pr16 {
  padding-right: 16px !important;
}
.page-result-actions.px16, .page-result-actions *.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.page-result-actions.py16, .page-result-actions *.py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.page-result-actions.m20, .page-result-actions *.m20 {
  margin: 20px !important;
}
.page-result-actions.mt20, .page-result-actions *.mt20 {
  margin-top: 20px !important;
}
.page-result-actions.mb20, .page-result-actions *.mb20 {
  margin-bottom: 20px !important;
}
.page-result-actions.ml20, .page-result-actions *.ml20 {
  margin-left: 20px !important;
}
.page-result-actions.mr20, .page-result-actions *.mr20 {
  margin-right: 20px !important;
}
.page-result-actions.mx20, .page-result-actions *.mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.page-result-actions.my20, .page-result-actions *.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.page-result-actions.p20, .page-result-actions *.p20 {
  padding: 20px !important;
}
.page-result-actions.pt20, .page-result-actions *.pt20 {
  padding-top: 20px !important;
}
.page-result-actions.pb20, .page-result-actions *.pb20 {
  padding-bottom: 20px !important;
}
.page-result-actions.pl20, .page-result-actions *.pl20 {
  padding-left: 20px !important;
}
.page-result-actions.pr20, .page-result-actions *.pr20 {
  padding-right: 20px !important;
}
.page-result-actions.px20, .page-result-actions *.px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.page-result-actions.py20, .page-result-actions *.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.page-result-actions.m24, .page-result-actions *.m24 {
  margin: 24px !important;
}
.page-result-actions.mt24, .page-result-actions *.mt24 {
  margin-top: 24px !important;
}
.page-result-actions.mb24, .page-result-actions *.mb24 {
  margin-bottom: 24px !important;
}
.page-result-actions.ml24, .page-result-actions *.ml24 {
  margin-left: 24px !important;
}
.page-result-actions.mr24, .page-result-actions *.mr24 {
  margin-right: 24px !important;
}
.page-result-actions.mx24, .page-result-actions *.mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.page-result-actions.my24, .page-result-actions *.my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.page-result-actions.p24, .page-result-actions *.p24 {
  padding: 24px !important;
}
.page-result-actions.pt24, .page-result-actions *.pt24 {
  padding-top: 24px !important;
}
.page-result-actions.pb24, .page-result-actions *.pb24 {
  padding-bottom: 24px !important;
}
.page-result-actions.pl24, .page-result-actions *.pl24 {
  padding-left: 24px !important;
}
.page-result-actions.pr24, .page-result-actions *.pr24 {
  padding-right: 24px !important;
}
.page-result-actions.px24, .page-result-actions *.px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.page-result-actions.py24, .page-result-actions *.py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.page-result-actions.m28, .page-result-actions *.m28 {
  margin: 28px !important;
}
.page-result-actions.mt28, .page-result-actions *.mt28 {
  margin-top: 28px !important;
}
.page-result-actions.mb28, .page-result-actions *.mb28 {
  margin-bottom: 28px !important;
}
.page-result-actions.ml28, .page-result-actions *.ml28 {
  margin-left: 28px !important;
}
.page-result-actions.mr28, .page-result-actions *.mr28 {
  margin-right: 28px !important;
}
.page-result-actions.mx28, .page-result-actions *.mx28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.page-result-actions.my28, .page-result-actions *.my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.page-result-actions.p28, .page-result-actions *.p28 {
  padding: 28px !important;
}
.page-result-actions.pt28, .page-result-actions *.pt28 {
  padding-top: 28px !important;
}
.page-result-actions.pb28, .page-result-actions *.pb28 {
  padding-bottom: 28px !important;
}
.page-result-actions.pl28, .page-result-actions *.pl28 {
  padding-left: 28px !important;
}
.page-result-actions.pr28, .page-result-actions *.pr28 {
  padding-right: 28px !important;
}
.page-result-actions.px28, .page-result-actions *.px28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.page-result-actions.py28, .page-result-actions *.py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.page-result-actions.m32, .page-result-actions *.m32 {
  margin: 32px !important;
}
.page-result-actions.mt32, .page-result-actions *.mt32 {
  margin-top: 32px !important;
}
.page-result-actions.mb32, .page-result-actions *.mb32 {
  margin-bottom: 32px !important;
}
.page-result-actions.ml32, .page-result-actions *.ml32 {
  margin-left: 32px !important;
}
.page-result-actions.mr32, .page-result-actions *.mr32 {
  margin-right: 32px !important;
}
.page-result-actions.mx32, .page-result-actions *.mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.page-result-actions.my32, .page-result-actions *.my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.page-result-actions.p32, .page-result-actions *.p32 {
  padding: 32px !important;
}
.page-result-actions.pt32, .page-result-actions *.pt32 {
  padding-top: 32px !important;
}
.page-result-actions.pb32, .page-result-actions *.pb32 {
  padding-bottom: 32px !important;
}
.page-result-actions.pl32, .page-result-actions *.pl32 {
  padding-left: 32px !important;
}
.page-result-actions.pr32, .page-result-actions *.pr32 {
  padding-right: 32px !important;
}
.page-result-actions.px32, .page-result-actions *.px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.page-result-actions.py32, .page-result-actions *.py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.page-result-actions.m36, .page-result-actions *.m36 {
  margin: 36px !important;
}
.page-result-actions.mt36, .page-result-actions *.mt36 {
  margin-top: 36px !important;
}
.page-result-actions.mb36, .page-result-actions *.mb36 {
  margin-bottom: 36px !important;
}
.page-result-actions.ml36, .page-result-actions *.ml36 {
  margin-left: 36px !important;
}
.page-result-actions.mr36, .page-result-actions *.mr36 {
  margin-right: 36px !important;
}
.page-result-actions.mx36, .page-result-actions *.mx36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.page-result-actions.my36, .page-result-actions *.my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.page-result-actions.p36, .page-result-actions *.p36 {
  padding: 36px !important;
}
.page-result-actions.pt36, .page-result-actions *.pt36 {
  padding-top: 36px !important;
}
.page-result-actions.pb36, .page-result-actions *.pb36 {
  padding-bottom: 36px !important;
}
.page-result-actions.pl36, .page-result-actions *.pl36 {
  padding-left: 36px !important;
}
.page-result-actions.pr36, .page-result-actions *.pr36 {
  padding-right: 36px !important;
}
.page-result-actions.px36, .page-result-actions *.px36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.page-result-actions.py36, .page-result-actions *.py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.page-result-actions.m40, .page-result-actions *.m40 {
  margin: 40px !important;
}
.page-result-actions.mt40, .page-result-actions *.mt40 {
  margin-top: 40px !important;
}
.page-result-actions.mb40, .page-result-actions *.mb40 {
  margin-bottom: 40px !important;
}
.page-result-actions.ml40, .page-result-actions *.ml40 {
  margin-left: 40px !important;
}
.page-result-actions.mr40, .page-result-actions *.mr40 {
  margin-right: 40px !important;
}
.page-result-actions.mx40, .page-result-actions *.mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.page-result-actions.my40, .page-result-actions *.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.page-result-actions.p40, .page-result-actions *.p40 {
  padding: 40px !important;
}
.page-result-actions.pt40, .page-result-actions *.pt40 {
  padding-top: 40px !important;
}
.page-result-actions.pb40, .page-result-actions *.pb40 {
  padding-bottom: 40px !important;
}
.page-result-actions.pl40, .page-result-actions *.pl40 {
  padding-left: 40px !important;
}
.page-result-actions.pr40, .page-result-actions *.pr40 {
  padding-right: 40px !important;
}
.page-result-actions.px40, .page-result-actions *.px40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.page-result-actions.py40, .page-result-actions *.py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.page-result-actions.m44, .page-result-actions *.m44 {
  margin: 44px !important;
}
.page-result-actions.mt44, .page-result-actions *.mt44 {
  margin-top: 44px !important;
}
.page-result-actions.mb44, .page-result-actions *.mb44 {
  margin-bottom: 44px !important;
}
.page-result-actions.ml44, .page-result-actions *.ml44 {
  margin-left: 44px !important;
}
.page-result-actions.mr44, .page-result-actions *.mr44 {
  margin-right: 44px !important;
}
.page-result-actions.mx44, .page-result-actions *.mx44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.page-result-actions.my44, .page-result-actions *.my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.page-result-actions.p44, .page-result-actions *.p44 {
  padding: 44px !important;
}
.page-result-actions.pt44, .page-result-actions *.pt44 {
  padding-top: 44px !important;
}
.page-result-actions.pb44, .page-result-actions *.pb44 {
  padding-bottom: 44px !important;
}
.page-result-actions.pl44, .page-result-actions *.pl44 {
  padding-left: 44px !important;
}
.page-result-actions.pr44, .page-result-actions *.pr44 {
  padding-right: 44px !important;
}
.page-result-actions.px44, .page-result-actions *.px44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.page-result-actions.py44, .page-result-actions *.py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.page-result-actions.m48, .page-result-actions *.m48 {
  margin: 48px !important;
}
.page-result-actions.mt48, .page-result-actions *.mt48 {
  margin-top: 48px !important;
}
.page-result-actions.mb48, .page-result-actions *.mb48 {
  margin-bottom: 48px !important;
}
.page-result-actions.ml48, .page-result-actions *.ml48 {
  margin-left: 48px !important;
}
.page-result-actions.mr48, .page-result-actions *.mr48 {
  margin-right: 48px !important;
}
.page-result-actions.mx48, .page-result-actions *.mx48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.page-result-actions.my48, .page-result-actions *.my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.page-result-actions.p48, .page-result-actions *.p48 {
  padding: 48px !important;
}
.page-result-actions.pt48, .page-result-actions *.pt48 {
  padding-top: 48px !important;
}
.page-result-actions.pb48, .page-result-actions *.pb48 {
  padding-bottom: 48px !important;
}
.page-result-actions.pl48, .page-result-actions *.pl48 {
  padding-left: 48px !important;
}
.page-result-actions.pr48, .page-result-actions *.pr48 {
  padding-right: 48px !important;
}
.page-result-actions.px48, .page-result-actions *.px48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.page-result-actions.py48, .page-result-actions *.py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.page-result-actions.m52, .page-result-actions *.m52 {
  margin: 52px !important;
}
.page-result-actions.mt52, .page-result-actions *.mt52 {
  margin-top: 52px !important;
}
.page-result-actions.mb52, .page-result-actions *.mb52 {
  margin-bottom: 52px !important;
}
.page-result-actions.ml52, .page-result-actions *.ml52 {
  margin-left: 52px !important;
}
.page-result-actions.mr52, .page-result-actions *.mr52 {
  margin-right: 52px !important;
}
.page-result-actions.mx52, .page-result-actions *.mx52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.page-result-actions.my52, .page-result-actions *.my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.page-result-actions.p52, .page-result-actions *.p52 {
  padding: 52px !important;
}
.page-result-actions.pt52, .page-result-actions *.pt52 {
  padding-top: 52px !important;
}
.page-result-actions.pb52, .page-result-actions *.pb52 {
  padding-bottom: 52px !important;
}
.page-result-actions.pl52, .page-result-actions *.pl52 {
  padding-left: 52px !important;
}
.page-result-actions.pr52, .page-result-actions *.pr52 {
  padding-right: 52px !important;
}
.page-result-actions.px52, .page-result-actions *.px52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.page-result-actions.py52, .page-result-actions *.py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.page-result-actions.m56, .page-result-actions *.m56 {
  margin: 56px !important;
}
.page-result-actions.mt56, .page-result-actions *.mt56 {
  margin-top: 56px !important;
}
.page-result-actions.mb56, .page-result-actions *.mb56 {
  margin-bottom: 56px !important;
}
.page-result-actions.ml56, .page-result-actions *.ml56 {
  margin-left: 56px !important;
}
.page-result-actions.mr56, .page-result-actions *.mr56 {
  margin-right: 56px !important;
}
.page-result-actions.mx56, .page-result-actions *.mx56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.page-result-actions.my56, .page-result-actions *.my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.page-result-actions.p56, .page-result-actions *.p56 {
  padding: 56px !important;
}
.page-result-actions.pt56, .page-result-actions *.pt56 {
  padding-top: 56px !important;
}
.page-result-actions.pb56, .page-result-actions *.pb56 {
  padding-bottom: 56px !important;
}
.page-result-actions.pl56, .page-result-actions *.pl56 {
  padding-left: 56px !important;
}
.page-result-actions.pr56, .page-result-actions *.pr56 {
  padding-right: 56px !important;
}
.page-result-actions.px56, .page-result-actions *.px56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.page-result-actions.py56, .page-result-actions *.py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.page-result-actions.m60, .page-result-actions *.m60 {
  margin: 60px !important;
}
.page-result-actions.mt60, .page-result-actions *.mt60 {
  margin-top: 60px !important;
}
.page-result-actions.mb60, .page-result-actions *.mb60 {
  margin-bottom: 60px !important;
}
.page-result-actions.ml60, .page-result-actions *.ml60 {
  margin-left: 60px !important;
}
.page-result-actions.mr60, .page-result-actions *.mr60 {
  margin-right: 60px !important;
}
.page-result-actions.mx60, .page-result-actions *.mx60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.page-result-actions.my60, .page-result-actions *.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.page-result-actions.p60, .page-result-actions *.p60 {
  padding: 60px !important;
}
.page-result-actions.pt60, .page-result-actions *.pt60 {
  padding-top: 60px !important;
}
.page-result-actions.pb60, .page-result-actions *.pb60 {
  padding-bottom: 60px !important;
}
.page-result-actions.pl60, .page-result-actions *.pl60 {
  padding-left: 60px !important;
}
.page-result-actions.pr60, .page-result-actions *.pr60 {
  padding-right: 60px !important;
}
.page-result-actions.px60, .page-result-actions *.px60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.page-result-actions.py60, .page-result-actions *.py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.page-result-actions.m64, .page-result-actions *.m64 {
  margin: 64px !important;
}
.page-result-actions.mt64, .page-result-actions *.mt64 {
  margin-top: 64px !important;
}
.page-result-actions.mb64, .page-result-actions *.mb64 {
  margin-bottom: 64px !important;
}
.page-result-actions.ml64, .page-result-actions *.ml64 {
  margin-left: 64px !important;
}
.page-result-actions.mr64, .page-result-actions *.mr64 {
  margin-right: 64px !important;
}
.page-result-actions.mx64, .page-result-actions *.mx64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.page-result-actions.my64, .page-result-actions *.my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.page-result-actions.p64, .page-result-actions *.p64 {
  padding: 64px !important;
}
.page-result-actions.pt64, .page-result-actions *.pt64 {
  padding-top: 64px !important;
}
.page-result-actions.pb64, .page-result-actions *.pb64 {
  padding-bottom: 64px !important;
}
.page-result-actions.pl64, .page-result-actions *.pl64 {
  padding-left: 64px !important;
}
.page-result-actions.pr64, .page-result-actions *.pr64 {
  padding-right: 64px !important;
}
.page-result-actions.px64, .page-result-actions *.px64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.page-result-actions.py64, .page-result-actions *.py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.page-result-actions.underline, .page-result-actions *.underline {
  text-decoration: underline !important;
}
.page-result-actions .btn {
  width: calc(2 * (100cqw - 40px - 44px) / var(--grid-cols, 12) + 1 * var(--grid-gap, 4px));
}

.pickup-info {
  max-width: 624px;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  padding: 24px;
  margin: 60px auto 0 auto;
  text-align: left;
}
.pickup-info h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.pickup-info .pickup-address {
  font-size: 13px;
  line-height: 20px;
  margin-top: 12px;
  word-break: break-all;
}
.pickup-info .pickup-address *:not(:first-child) {
  margin-top: 2px;
}
.pickup-info .pickup-location {
  font-size: 13px;
  line-height: 20px;
  margin-top: 8px;
}
.pickup-info .pickup-location a {
  display: flex;
  width: fit-content;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
  margin-top: 10px;
}

.privacy-policy {
  width: 958px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}
.privacy-policy.grid-12 {
  display: block;
}
.privacy-policy .privacy-policy-inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.privacy-policy .privacy-policy-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-end;
}
.privacy-policy .privacy-policy-title {
  width: 100%;
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}
.privacy-policy .privacy-version-select {
  width: 310px;
}
.privacy-policy .privacy-policy-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.privacy-policy .privacy-policy-intro {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray600, #444444);
}
.privacy-policy .privacy-labeling {
  background-color: var(--color-gray30, #f6f6f6);
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.privacy-policy .privacy-labeling .privacy-labeling-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-gray600, #444444);
}
.privacy-policy .privacy-labeling .privacy-labeling-list {
  display: flex;
  gap: 20px;
}
.privacy-policy .privacy-labeling .privacy-labeling-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.privacy-policy .privacy-labeling .privacy-labeling-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}
.privacy-policy .privacy-labeling .privacy-labeling-icon {
  width: 130px;
  height: auto;
  object-fit: contain;
}
.privacy-policy .privacy-labeling .privacy-labeling-text {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.privacy-policy .privacy-labeling .privacy-labeling-note {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray600, #444444);
}
.privacy-policy .privacy-toc {
  list-style: disc;
  padding-left: 20px;
}
.privacy-policy .privacy-toc li {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray600, #444444);
}
.privacy-policy .privacy-toc li a {
  text-decoration: none;
  color: inherit;
}

.store-finder {
  padding: 20px 0 0;
}
.store-finder .store-finder-body {
  min-height: 500px;
  height: calc(100vh - 260px);
  overflow-y: auto;
}
.store-finder .store-finder-body .store-finder-list-col {
  display: flex;
  flex-direction: column;
  gap: 32px;
  overflow: hidden;
  padding-right: 36px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  color: var(--color-black, #000000);
  flex-shrink: 0;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-filter {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-filter .select-box {
  flex: 1;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-count-bar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 8px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-count-bar .store-count-text {
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 22px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-count-bar .store-count-text strong {
  font-weight: 700;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  cursor: pointer;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item.is-selected {
  position: relative;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item.is-selected::after {
  content: "";
  position: absolute;
  right: 0;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-mask: url(../images/ico/ico-chev-right.svg) center/contain no-repeat;
  mask: url(../images/ico/ico-chev-right.svg) center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item.is-selected .store-name {
  padding-left: 24px;
  background: url("../images/ico/ico-map.svg") no-repeat left 50%;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item:first-child {
  border-top: 1px solid var(--color-black, #000000);
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item .store-item-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item .store-item-info .store-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item .store-item-info .store-addr {
  font-size: 14px;
  line-height: 22px;
  word-break: break-all;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item .store-item-info .store-meta {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
}
.store-finder .store-finder-body .store-finder-list-col .store-finder-list-section .store-list .store-item .store-item-info .store-meta .store-meta-label {
  color: var(--color-gray500, #666666);
  flex-shrink: 0;
}
.store-finder .store-finder-body .store-finder-map-col .store-map {
  width: 100%;
  height: 100%;
  background-color: var(--color-gray30, #f6f6f6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.store-finder .store-finder-body .store-finder-map-col .store-map .store-map-msg {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.terms-of-use {
  padding: 20px 0 0;
}
.terms-of-use.grid-12 {
  display: block;
}
.terms-of-use .terms-of-use-container,
.terms-of-use .terms-of-use-inner {
  width: 958px;
  margin: 0 auto;
}
.terms-of-use .terms-of-use-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-align: center;
}
.terms-of-use .terms-of-use-body,
.terms-of-use .terms-of-use-sections {
  background-color: var(--color-gray30, #f6f6f6);
  width: 100%;
  max-height: calc(100vh - 280px);
  margin-top: 32px;
  padding: 40px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--color-gray500, #666666);
}
.terms-of-use .terms-of-use-body .terms-sec,
.terms-of-use .terms-of-use-sections .terms-sec {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.terms-of-use .terms-of-use-body .terms-sec .terms-sec-title,
.terms-of-use .terms-of-use-sections .terms-sec .terms-sec-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.terms-of-use .terms-of-use-body .terms-sec .terms-sec-desc,
.terms-of-use .terms-of-use-sections .terms-sec .terms-sec-desc {
  font-size: 14px;
  line-height: 22px;
}
.terms-of-use .terms-of-use-body .terms-sec .terms-sec-list,
.terms-of-use .terms-of-use-sections .terms-sec .terms-sec-list {
  list-style: decimal;
  padding-left: 21px;
  font-size: 14px;
  line-height: 22px;
}
.terms-of-use .terms-of-use-sections .agreeContents h3 {
  margin-top: 20px;
  margin-bottom: 8px;
}
.terms-of-use .terms-of-use-sections .agreeContents h3:first-child {
  margin-top: 0;
}

/* 개인정보 처리방침 스타일 재정의 */
.privacy-policy-sections .agreementMenu {
  margin: 60px 0 30px;
  padding: 30px 0;
  border-top: 1px solid var(--color-gray200, #cccccc);
  border-bottom: 1px solid var(--color-gray200, #cccccc);
}

/* #172748_라벨링제 적용 */
.privacy-policy-sections .agreementMenu ul {
  margin: 0px;
}

.privacy-policy-sections .agreementMenu ul:after {
  display: block;
  clear: both;
  content: "";
}

.privacy-policy-sections .agreementMenu li {
  position: relative;
  float: left;
  width: 50%;
  padding-left: 10px;
  box-sizing: border-box;
  margin-top: 12px;
}

.privacy-policy-sections .agreementMenu li:nth-child(1),
.privacy-policy-sections .agreementMenu li:nth-child(2) {
  margin-top: 0px;
}

.privacy-policy-sections .agreementMenu li a {
  font-size: 14px;
  line-height: 22px;
  line-height: 22px;
  color: var(--color-gray900, #030303);
  line-height: 22px;
}

/* //#276640:20250618 (e) */
.privacy-policy-sections .agreementMenu li:hover a {
  color: var(--color-gray900, #030303);
  font-weight: 700;
}

.privacy-policy-sections .agreementMenu li:after {
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: var(--color-gray600, #444444);
  content: "";
}

.privacy-policy-sections table {
  width: 100%;
  margin-top: 30px;
  border-bottom: 1px solid #d5d5d5;
}

.privacy-policy-sections table th,
.privacy-policy-sections table td {
  border-top: 1px solid #d5d5d5;
  line-height: 24px;
  text-align: center;
}

.privacy-policy-sections table th {
  padding: 16px 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray600, #444444);
}

.privacy-policy-sections table td {
  padding: 11px 20px;
  border-right: 1px solid #d5d5d5;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray800, #0e0e0e);
}

.privacy-policy-sections table td.txt-left {
  text-align: left;
}

.privacy-policy-sections .box {
  margin: 50px 0;
  padding: 40px 65px;
  border: 1px solid var(--color-gray200, #cccccc) !important;
  background-color: var(--color-gray30, #f6f6f6);
}

.privacy-policy-sections .box h3 {
  font-size: 29px;
  color: var(--color-gray900, #030303);
  line-height: 30px;
}

.privacy-policy-sections .box span {
  display: block;
  margin-top: 10px;
  color: var(--color-gray900, #030303);
  line-height: 14px;
}

.privacy-policy-sections h3 {
  /*margin-top:36px;*/
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray800, #0e0e0e);
}

.privacy-policy-sections p {
  margin-top: 0;
}

.terms .agreeContents {
  margin: 0;
  padding: 20px;
}

/* #303400 : 20260316 */
.terms .settingList {
  margin-top: 40px;
  background: var(--color-gray30, #f6f6f6);
  padding: 40px;
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray700, #222222);
}

.terms .settingList li {
  line-height: 26px;
}

.terms .settingList li a:hover {
  color: var(--color-gray900, #030303);
}

/* 라벨링제 적용 */
/* #276640:20250618 (s) */
.agree_personalPolicy {
  position: relative;
  margin-top: 40px;
}

.agree_personalPolicy .select {
  z-index: 9;
  position: absolute;
  top: -84px;
  right: 0;
  width: 220px;
  height: 40px;
}

.agree_personalPolicy .select label {
  height: 28px;
  display: flex;
  align-items: center;
  padding: 5px 30px 5px 10px;
  border-radius: var(--radius-md, 5px);
}

.agree_personalPolicy .select label em {
  color: var(--color-gray500, #666666);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.privacy-policy-sections .labeling {
  margin-top: 30px;
  padding: 30px;
  background: var(--color-gray50, #efefef);
}

.privacy-policy-sections .labeling ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 24px;
  margin-top: 30px;
  margin-bottom: 0px;
  position: relative;
}

.privacy-policy-sections .labeling ul li {
  position: relative;
}

.privacy-policy-sections .labeling ul li .thum {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background: var(--color-white, #ffffff);
  border-radius: var(--radius-md, 5px);
  cursor: pointer;
}

.privacy-policy-sections .labeling ul li .thum img {
  width: 81px;
}

.privacy-policy-sections .labeling ul li .desc {
  font-size: 16px;
  line-height: 24px;
  line-height: 23px;
  font-weight: 400;
  color: var(--color-gray900, #030303);
  text-align: center;
  margin-top: 12px;
  cursor: pointer;
}

.privacy-policy-sections .labeling ul li:hover .desc {
  font-weight: 700;
}

.privacy-policy-sections .labeling ul li .more {
  position: absolute;
  top: 165px;
  width: 460px;
  background: var(--color-white, #ffffff);
  border: 1px solid var(--color-gray900, #030303);
  padding: 24px;
  box-sizing: border-box;
  display: none;
}

.privacy-policy-sections .labeling ul li:hover .more {
  display: block;
  z-index: 1;
}

.privacy-policy-sections .labeling ul li:nth-of-type(1):hover .more,
.privacy-policy-sections .labeling ul li:nth-of-type(2):hover .more,
.privacy-policy-sections .labeling ul li:nth-of-type(3):hover .more,
.privacy-policy-sections .labeling ul li:nth-of-type(4):hover .more {
  left: 0;
}

.privacy-policy-sections .labeling ul li:nth-of-type(5):hover .more,
.privacy-policy-sections .labeling ul li:nth-of-type(6):hover .more {
  right: 0;
}

.privacy-policy-sections .labeling ul li .more .title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-gray900, #030303);
}

.privacy-policy-sections .labeling ul li .more .text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray900, #030303);
}

.privacy-policy-sections .labeling .caption {
  font-size: 14px;
  line-height: 22px;
  line-height: 26px;
  color: var(--color-gray700, #222222);
  margin-top: 20px;
}

/* #174347 수정, #276640:20250618 */
.privacy-policy-sections .agreeContents {
  margin: 0px;
  padding: 0px;
}

.privacy-policy-sections .agreeContents h3 {
  font-size: 20px;
  line-height: 26px;
  color: var(--color-gray900, #030303);
  margin-bottom: 12px;
}

.privacy-policy-sections .agreeContents > p {
  font-size: 14px;
  line-height: 22px;
  line-height: 26px;
  color: var(--color-gray700, #222222);
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board {
  border: 1px solid var(--color-gray200, #cccccc);
  margin-top: 13px;
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board thead {
  background: var(--color-gray30, #f6f6f6);
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board thead th {
  font-weight: 400;
  color: var(--color-gray600, #444444);
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board thead + tbody tr td {
  color: var(--color-gray700, #222222);
  text-align: left;
  vertical-align: top;
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board tbody tr th {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400 !important;
  text-align: left;
  color: var(--color-gray600, #444444);
  background: var(--color-gray30, #f6f6f6);
  padding-left: 11px;
}

.privacy-policy-sections .agreeContents .tblWrap .tbl_board tbody tr td {
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  vertical-align: middle;
}

.badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  vertical-align: middle;
  width: fit-content;
  font-size: 11px;
  line-height: 1;
  padding: 0 2px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  color: var(--color-black, #000000);
  letter-spacing: 0;
  flex: 0;
  min-height: 16px;
}
.badge.sale {
  font-size: 10px;
  background: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
  letter-spacing: 1px;
  font-weight: 500;
  text-transform: uppercase;
}
.badge.disabled {
  background: var(--color-gray300, #bbbbbb);
  color: var(--color-white, #ffffff);
  border-color: transparent;
}
.badge.outline {
  width: fit-content;
  padding: 0 4px;
  border-color: var(--color-gray50, #efefef);
  color: var(--color-black, #000000);
}
.badge.sale-sandro {
  padding: 0;
  color: var(--color-point, #eb58ee);
  border-color: transparent;
  border-width: 0;
}
.badge.badge-txt {
  border: none;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  min-height: 10px;
  border-width: 0;
}

.badge-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}

.pdp-breadcrumbs {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  margin-top: 80px;
}

.pdp-breadcrumbs-list {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pdp-breadcrumbs-item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pdp-breadcrumbs-item:not(:last-child)::after {
  content: "";
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  background-color: var(--color-black, #000000);
  -webkit-mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
}
.pdp-breadcrumbs-item a,
.pdp-breadcrumbs-item span {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  white-space: nowrap;
}

.pdp-category-bar {
  width: 100%;
  margin: 40px 0 0;
}
.pdp-category-bar .pdp-category-bar-title {
  padding: 0 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black, #000000);
}
.pdp-category-bar .pdp-category-links-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 12px 0 12px 20px;
}
.pdp-category-bar .pdp-category-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
  overflow: hidden;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.pdp-category-bar .pdp-category-links a:hover {
  background-color: var(--color-white, #ffffff);
  color: var(--color-gray600, #444444);
}
.pdp-category-bar .btn-pdp-category-link,
.pdp-category-bar .btn.h28.btn-pdp-category-link {
  padding-inline: 24px;
}
.pdp-category-bar .btn-pdp-category-link:hover,
.pdp-category-bar .btn.h28.btn-pdp-category-link:hover {
  background-color: var(--color-white, #ffffff);
  color: var(--color-gray600, #444444);
}
.pdp-category-bar .btn-pdp-category-more {
  display: none;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: underline;
  height: 30px;
}
.pdp-category-bar.has-overflow .btn-pdp-category-more {
  display: inline-flex;
}
.pdp-category-bar.is-expanded .pdp-category-links-wrap {
  align-items: flex-start;
}
.pdp-category-bar.is-expanded .pdp-category-links {
  overflow: visible;
  flex-wrap: wrap;
  white-space: normal;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 16px;
  border: var(--line-width, 1px) solid transparent;
  letter-spacing: 0;
  white-space: nowrap;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  vertical-align: middle;
}
.btn.h40 {
  height: 40px;
  font-size: 13px;
  line-height: 1;
  padding: 0 6px;
  border-radius: var(--radius-md, 5px);
}
.btn.h32 {
  height: 32px;
  font-size: 13px;
  line-height: 1;
  padding: 0 24px;
  border-radius: var(--radius-md, 5px);
}
.btn.h28 {
  height: 28px;
  font-size: 13px;
  line-height: 1;
  padding: 0 9px;
  border-radius: var(--radius-md, 5px);
}
.btn.h30 {
  height: 30px;
  font-size: 13px;
  line-height: 1;
  padding: 0 4px;
  border-radius: var(--radius-md, 5px);
}
.btn.h30:has(i) {
  padding: 0 24px;
  gap: 8px;
}
.btn.full {
  display: flex;
  width: 100%;
}
.btn.solid-black {
  background: var(--color-black, #000000);
  border-color: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
}
.btn.solid-black:hover {
  background: var(--color-gray900, #030303);
  border-color: var(--color-gray900, #030303);
}
.btn.solid-black:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-white, #ffffff), 0 0 0 4px var(--color-focus, #0066cc);
}
.btn.solid-white {
  background: var(--color-white, #ffffff);
  border-color: var(--color-white, #ffffff);
  color: var(--color-black, #000000);
}
.btn.solid-white:hover {
  background: var(--color-gray50, #efefef);
}
.btn.line-black {
  background: var(--color-white, #ffffff);
  border-color: var(--color-black, #000000);
  color: var(--color-black, #000000);
}
.btn.line-black:hover {
  background: var(--color-gray50, #efefef);
}
.btn.line-white {
  background: transparent;
  border-color: var(--color-white, #ffffff);
  color: var(--color-white, #ffffff);
}
.btn.line-white:hover {
  background: rgba(255, 255, 255, 0.1);
}
.btn.line-white:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--color-white, #ffffff), 0 0 0 4px var(--color-focus, #0066cc);
}
.btn.hover-solid-black:hover, .btn.hover-solid-black:focus-visible {
  background: var(--color-black, #000000);
  border-color: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
}
.btn.hover-solid-white:hover, .btn.hover-solid-white:focus-visible {
  background: var(--color-white, #ffffff);
  border-color: var(--color-white, #ffffff);
  color: var(--color-black, #000000);
}
.btn.hover-line-black:hover, .btn.hover-line-black:focus-visible {
  background: var(--color-white, #ffffff);
  border-color: var(--color-black, #000000);
  color: var(--color-black, #000000);
}
.btn.hover-line-white:hover, .btn.hover-line-white:focus-visible {
  background: transparent;
  border-color: var(--color-white, #ffffff);
  color: var(--color-white, #ffffff);
}
.btn:disabled, .btn.disabled {
  background: var(--color-gray300, #bbbbbb);
  border-color: var(--color-gray300, #bbbbbb);
  color: var(--color-white, #ffffff);
  cursor: not-allowed;
  pointer-events: none;
}
.btn:disabled.line-black, .btn:disabled.line-white, .btn.disabled.line-black, .btn.disabled.line-white {
  background: var(--color-white, #ffffff);
  border-color: var(--color-gray200, #cccccc);
  color: var(--color-gray200, #cccccc);
}

.btn-group {
  display: flex;
  gap: 8px;
  justify-content: center;
}
.btn-group.full > .btn {
  flex: 1;
}

.btn-section {
  margin-top: 32px;
}
.btn-section .btn-section-desc {
  margin-bottom: 32px;
}
.btn-section:has(.btn-section-desc) {
  margin-top: 48px;
}
.btn-section .btn-group > * {
  flex: 1;
}
.btn-section .chk-wrap {
  margin-top: 16px;
}
.btn-section .notice-list {
  margin-top: 32px;
}

.btn-wish {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-color: var(--color-black, #000000);
  -webkit-mask: url("../images/ico/ico-heart.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-heart.svg") center/contain no-repeat;
}
.btn-wish.is-active {
  -webkit-mask: url("../images/ico/ico-heart-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-heart-on.svg") center/contain no-repeat;
}

.btn.list-more {
  width: 310px;
  height: 40px;
}

.btn-text {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-decoration: underline;
  letter-spacing: 0;
  white-space: nowrap;
}
.btn-text:hover {
  color: var(--color-gray700, #222222);
}
.btn-text.h30 {
  height: auto;
  border: 0;
  padding: 0;
  line-height: 22px !important;
}

.tab-bar {
  display: flex;
}

.tab-item {
  flex: 1;
}
.tab-item button,
.tab-item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  font-size: 16px;
  line-height: 24px;
  color: var(--color-gray300, #bbbbbb);
}
.tab-item.is-active button, .tab-item.is-active a {
  border-bottom-color: var(--color-black, #000000);
  color: var(--color-black, #000000);
}

.btn-accordion {
  position: relative;
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.btn-accordion i[class^=ico-], .btn-accordion i[class*=" ico-"] {
  transition: transform 0.2s;
}
.btn-accordion[aria-expanded=true] i[class^=ico-], .btn-accordion[aria-expanded=true] i[class*=" ico-"] {
  transform: rotate(180deg);
}
.btn-accordion .ico-chev-down.ico-size-14 {
  width: 16px !important;
  height: 16px !important;
}
.btn-accordion .ico-chev-up.ico-size-16 {
  width: 12px !important;
  height: 12px !important;
}

.form-section-hd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.form-section-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.form-section-hd-actions {
  display: flex;
  gap: 8px;
}

.form-section-body {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.form-field-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.form-row {
  display: flex;
  gap: 12px;
}

.form-row-half .select-box {
  flex: 1;
}

.form-radio-row {
  display: flex;
  align-items: center;
  gap: 48px;
}

.form-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.form-summary div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.form-summary dt {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.form-summary dd {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.form-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: var(--color-gray30, #f6f6f6);
}

.form-terms-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-terms-label {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.form-terms-box {
  height: 130px;
  overflow-y: auto;
  padding: 20px;
  background: var(--color-gray30, #f6f6f6);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray600, #444444);
}

.form-terms-link {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.form-agree-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.form-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  margin-top: 16px;
}
.form-submit .btn {
  width: calc(2 * (100cqw - 40px - 44px) / var(--grid-cols, 12) + 1 * var(--grid-gap, 4px));
}

.form-submit-agree {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-black, #000000);
}

.form-pickup-group .notice-list {
  margin-top: 8px;
  gap: 2px;
}

.form-pickup-store {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.form-pickup-store-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.form-pickup-store-link {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  text-decoration: underline;
}

.inp-underline-wrap {
  position: relative;
}
.inp-underline-wrap .inp-underline-row {
  display: flex;
  align-items: flex-end;
  column-gap: 12px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray500, #666666);
  transition: border-color 0.2s;
}
.inp-underline-wrap .inp-underline-row:has(.inp-underline-actions) {
  border-bottom: none;
}
.inp-underline-wrap .inp-underline-row:has(.inp-underline-actions) .inp-underline-inner {
  border-bottom: var(--line-width, 1px) solid var(--color-gray500, #666666);
  transition: border-color 0.2s;
}
.inp-underline-wrap .inp-underline-inner {
  flex: 1;
  min-width: 0;
  position: relative;
  display: flex;
  align-items: center;
}
.inp-underline-wrap .inp-underline-inner .inp-underline-suffix {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  white-space: nowrap;
}
.inp-underline-wrap .inp-underline-inner .inp-underline-suffix .suffix-txt {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-alert, #ff0000);
}
.inp-underline-wrap .inp-underline-label {
  position: absolute;
  left: 0;
  top: 10px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  pointer-events: none;
  transition: top 0.2s, font-size 0.2s, line-height 0.2s, color 0.2s, font-weight 0.2s;
}
.inp-underline-wrap .inp-underline {
  flex: 1;
  min-width: 0;
  padding: 10px 0 9px;
  border: none;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
}
.inp-underline-wrap .inp-underline::placeholder {
  color: transparent;
}
.inp-underline-wrap .inp-underline:focus {
  outline: none;
}
.inp-underline-wrap .inp-underline:-webkit-autofill, .inp-underline-wrap .inp-underline:-webkit-autofill:hover, .inp-underline-wrap .inp-underline:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--color-white, #ffffff) inset;
  -webkit-text-fill-color: var(--color-black, #000000);
  transition: background-color 9999s ease-in-out 0s;
}
.inp-underline-wrap .inp-underline-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
}
.inp-underline-wrap .inp-underline-actions.flex-1 {
  flex: 1;
}
.inp-underline-wrap .inp-underline-icon {
  display: none;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.inp-underline-wrap:has(.inp-underline:not(:placeholder-shown)) .inp-underline-icon {
  display: flex;
}
.inp-underline-wrap .inp-underline-comment {
  display: flex;
  gap: 0;
  font-size: 12px;
  line-height: 18px;
  padding-top: 4px;
}
.inp-underline-wrap .inp-underline-comment:empty {
  padding-top: 0;
}
.inp-underline-wrap .inp-underline-desc {
  display: flex;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  margin-top: 8px;
}
.inp-underline-wrap .inp-underline-row:focus-within {
  border-bottom-color: var(--color-black, #000000);
}
.inp-underline-wrap .inp-underline-row:focus-within .inp-underline-label {
  top: 0;
  font-size: 10px;
  line-height: 1;
}
.inp-underline-wrap .inp-underline-row:has(.inp-underline-actions):focus-within .inp-underline-inner {
  border-bottom-color: var(--color-black, #000000);
}
.inp-underline-wrap .inp-underline-row:has(.inp-underline:not(:placeholder-shown)) .inp-underline-label {
  top: 0;
  font-size: 10px;
  line-height: 1;
}
.inp-underline-wrap:has(.inp-underline[readonly]) .inp-underline-row {
  border-bottom-color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline[readonly]) .inp-underline-row:has(.inp-underline-actions) .inp-underline-inner {
  border-bottom-color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline[readonly]) .inp-underline-label {
  color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline[readonly]) .inp-underline {
  color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline:disabled) .inp-underline-row {
  border-bottom-color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline:disabled) .inp-underline-row:has(.inp-underline-actions) .inp-underline-inner {
  border-bottom-color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline:disabled) .inp-underline-label {
  color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap:has(.inp-underline:disabled) .inp-underline {
  color: var(--color-gray300, #bbbbbb);
}
.inp-underline-wrap.color-black:has(.inp-underline[readonly]) .inp-underline,
.inp-underline-wrap.color-black:has(.inp-underline[readonly]) .inp-underline-label {
  color: var(--color-black, #000000);
}
.inp-underline-wrap.valid .inp-underline-comment::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.inp-underline-wrap.invalid .inp-underline-row {
  border-bottom-color: var(--color-alert, #ff0000);
}
.inp-underline-wrap.invalid .inp-underline-row:has(.inp-underline-actions) .inp-underline-inner {
  border-bottom-color: var(--color-alert, #ff0000);
}
.inp-underline-wrap.invalid .inp-underline-comment {
  color: var(--color-alert, #ff0000);
}
.inp-underline-wrap.invalid .inp-underline-comment::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
  -webkit-mask-size: 12px;
  mask-size: 12px;
  background-color: var(--color-alert, #ff0000);
}

.inp-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 32px;
}

.textarea-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-md, 5px);
}
.textarea-wrap .textarea {
  width: 100%;
  min-height: 110px;
  padding: 0;
  border: none;
  border-radius: var(--radius-none, 0);
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  appearance: none;
  resize: none;
  transition: border-color 0.2s;
}
.textarea-wrap .textarea::placeholder {
  color: var(--color-black, #000000);
}
.textarea-wrap .textarea:focus {
  outline: none;
}
.textarea-wrap:has(.textarea:disabled) {
  background: var(--color-gray50, #efefef);
  border-color: var(--color-gray200, #cccccc);
}
.textarea-wrap:has(.textarea:disabled) .textarea {
  color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}
.textarea-wrap:has(.textarea:disabled) .textarea::placeholder {
  color: var(--color-gray300, #bbbbbb);
}
.textarea-wrap:has(.textarea:disabled) .textarea-counter {
  color: var(--color-gray300, #bbbbbb);
}
.textarea-wrap:has(.textarea[readonly]) {
  background: var(--color-gray30, #f6f6f6);
  border-color: var(--color-gray300, #bbbbbb);
}
.textarea-wrap:has(.textarea[readonly]) .textarea {
  cursor: default;
}
.textarea-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 8px;
}

.textarea-counter {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray400, #757575);
}

.textarea-current {
  font-style: normal;
}

.select-box {
  position: relative;
  width: 100%;
}

.select-box-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  background: var(--color-white, #ffffff);
  height: 40px;
  gap: 8px;
  border-radius: var(--radius-md, 5px);
}
.select-box-trigger .select-box-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.select-box-trigger i {
  transition: transform 0.2s;
}
.select-box-trigger:disabled {
  border-color: var(--color-gray300, #bbbbbb);
  color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}

.select-box-list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 201px;
  overflow-y: auto;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-top: none;
  background: var(--color-white, #ffffff);
  z-index: 10;
  border-radius: var(--radius-none, 0) var(--radius-none, 0) var(--radius-md, 5px) var(--radius-md, 5px);
}
.select-box-list li.is-selected .option-btn .option-text {
  font-weight: 700;
}
.select-box-list li:not(.is-disabled) .option-btn:hover {
  background: var(--color-gray30, #f6f6f6);
}
.select-box-list .option-btn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-height: 40px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  gap: 8px;
}
.select-box-list .option-btn .option-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.select-box-list .option-btn:disabled {
  color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}
.select-box-list .option-btn .soldout-label {
  flex-shrink: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray300, #bbbbbb);
}
.select-box-list .option-btn .soldout-label.is-low {
  color: var(--color-alert, #ff0000);
}

.select-box.is-open .select-box-trigger {
  border-radius: var(--radius-md, 5px) var(--radius-md, 5px) var(--radius-none, 0) var(--radius-none, 0);
}
.select-box.is-open .select-box-trigger i {
  transform: rotate(180deg);
}
.select-box.is-open .select-box-list {
  display: block;
}

.select-box.is-reversed.is-open .select-box-list {
  top: auto;
  bottom: 100%;
  border-bottom: none;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-md, 5px) var(--radius-md, 5px) var(--radius-none, 0) var(--radius-none, 0);
}
.select-box.is-reversed.is-open .select-box-trigger {
  border-radius: var(--radius-none, 0) var(--radius-none, 0) var(--radius-md, 5px) var(--radius-md, 5px);
}

.chk-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}
.chk-wrap .chk {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.chk-wrap .chk + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  user-select: none;
  cursor: pointer;
}
.chk-wrap .chk + label:has(.sr-only)::before {
  margin-top: 0;
}
.chk-wrap .chk + label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-sm, 3px);
  background: var(--color-white, #ffffff);
  flex-shrink: 0;
  transition: background 0s, border-color 0s;
}
.chk-wrap .chk + label::after {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  width: 8px;
  height: 5px;
  border-left: var(--line-width, 1px) solid var(--color-white, #ffffff);
  border-bottom: var(--line-width, 1px) solid var(--color-white, #ffffff);
  transform: translateY(-65%) rotate(-45deg);
  opacity: 0;
  pointer-events: none;
}
.chk-wrap .chk:checked + label::before {
  background: var(--color-black, #000000);
  border-color: var(--color-black, #000000);
  transition: background 0.4s ease, border-color 0.4s ease;
}
.chk-wrap .chk:checked + label::after {
  animation: chk-mark-fade 0.5s ease forwards;
}
.chk-wrap .chk:disabled + label {
  color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}
.chk-wrap .chk:disabled + label::before {
  border-color: var(--color-gray300, #bbbbbb);
}
.chk-wrap .chk:disabled:checked + label::before {
  background-color: var(--color-gray300, #bbbbbb);
  border-color: var(--color-gray300, #bbbbbb);
}

@keyframes chk-mark-fade {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.chk-color {
  position: relative;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
}
.chk-color .chk {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.chk-color .chk + label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.chk-color .chk + label::before, .chk-color .chk + label::after {
  display: none;
}
.chk-color .chk-swatch {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: var(--radius-md, 5px);
  border: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chk-color .chk-swatch i {
  opacity: 0;
  transition: opacity 0.15s;
}
.chk-color .chk-swatch.chk-swatch-border {
  border-color: var(--color-gray200, #cccccc);
}
.chk-color .chk:checked + label .chk-swatch {
  border-color: var(--color-black, #000000);
}
.chk-color .chk:checked + label .chk-swatch i {
  opacity: 1;
}
.chk-color .chk:disabled + label .chk-swatch {
  opacity: 0.4;
}
.chk-color .color-name {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.filter-colorchip {
  display: flex;
  gap: 16px 16px;
  flex-wrap: wrap;
}
.filter-colorchip li {
  padding: 0;
}
.filter-colorchip.has-label {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 8px;
}
.filter-colorchip.has-label li {
  padding: 0 16px;
}
.filter-colorchip.has-label .chk-color .color-name {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: nowrap;
  border: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.rdo-wrap {
  display: inline-flex;
  align-items: center;
}
.rdo-wrap .rdo {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.rdo-wrap .rdo + label {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  user-select: none;
  cursor: pointer;
}
.rdo-wrap .rdo + label::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-circle, 50%);
  background: var(--color-white, #ffffff);
  flex-shrink: 0;
  transition: border-width 0.15s;
}
.rdo-wrap .rdo:checked + label::before {
  background: var(--color-black, #000000);
  border-color: var(--color-black, #000000);
}
.rdo-wrap .rdo:disabled + label {
  color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}
.rdo-wrap .rdo:disabled + label::before {
  border-color: var(--color-gray300, #bbbbbb);
}
.rdo-wrap .rdo:disabled:checked + label::before {
  background: var(--color-gray300, #bbbbbb);
  border-color: var(--color-gray300, #bbbbbb);
}

.box-radio {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.radio-item {
  position: relative;
}

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

.box-radio.type-button {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.box-radio.type-button .radio-item {
  height: 40px;
}
.box-radio.type-button .radio-item .radio-label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  border-radius: var(--radius-md, 5px);
  background: var(--color-white, #ffffff);
  color: var(--color-gray500, #666666);
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.box-radio.type-button .radio-item .radio-input:checked + .radio-label, .box-radio.type-button .radio-item.is-active .radio-label {
  border-color: var(--color-black, #000000);
  color: var(--color-black, #000000);
}
.box-radio.type-button .radio-item .radio-label {
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
}
.box-radio.type-button .radio-item:has(.radio-input:disabled) .radio-label,
.box-radio.type-button .radio-item:has(.radio-input:disabled) button.radio-label, .box-radio.type-button .radio-item:has(button:disabled) .radio-label,
.box-radio.type-button .radio-item:has(button:disabled) button.radio-label {
  border-color: var(--color-gray200, #cccccc);
  color: var(--color-gray300, #bbbbbb);
  background-color: var(--color-gray30, #f6f6f6);
  cursor: not-allowed;
}

.box-radio.type-swatch {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.box-radio.type-swatch .radio-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 7px 8px;
  border: var(--line-width, 1px) solid transparent;
  border-radius: var(--radius-md, 5px);
  height: 100%;
  cursor: pointer;
}
.box-radio.type-swatch .radio-label .radio-name {
  letter-spacing: 1px;
}
.box-radio.type-swatch .radio-input:checked + .radio-label {
  border-color: var(--color-black, #000000);
}
.box-radio.type-card .radio-item {
  flex: 1;
  min-width: 0;
}
.box-radio.type-card .radio-item .radio-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 20px;
  width: 100%;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  border-radius: var(--radius-md, 5px);
  background: var(--color-white, #ffffff);
  color: var(--color-gray300, #bbbbbb);
  cursor: pointer;
}
.box-radio.type-card .radio-item .radio-label span {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray300, #bbbbbb);
  text-align: center;
}
.box-radio.type-card .radio-item .radio-input:checked + .radio-label {
  border-color: var(--color-black, #000000);
  color: var(--color-black, #000000);
}
.box-radio.type-card .radio-item .radio-input:checked + .radio-label span {
  color: var(--color-black, #000000);
}

.radio-img {
  width: 40px;
  aspect-ratio: var(--ratio, 0.75);
  object-fit: cover;
}

.radio-name {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  color: var(--color-black, #000000);
  text-align: center;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}

.toggle-wrap {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.toggle-wrap .toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.toggle-wrap .toggle + label {
  position: relative;
  display: inline-block;
  width: 31px;
  height: 15px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-full, 999px);
  background: transparent;
  transition: background 0.2s, border-color 0.2s;
}
.toggle-wrap .toggle + label::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 13px;
  height: 13px;
  border-radius: var(--radius-circle, 50%);
  background: var(--color-black, #000000);
  transition: transform 0.2s, background 0.2s;
}
.toggle-wrap .toggle + label span {
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.toggle-wrap .toggle:checked + label {
  background: var(--color-black, #000000);
}
.toggle-wrap .toggle:checked + label::after {
  background: var(--color-white, #ffffff);
  transform: translateX(16px);
}
.toggle-wrap .toggle:disabled + label {
  border-color: var(--color-gray300, #bbbbbb);
  cursor: not-allowed;
}
.toggle-wrap .toggle:disabled + label::after {
  background: var(--color-gray300, #bbbbbb);
}
.toggle-wrap .toggle:disabled:checked + label {
  background: var(--color-gray300, #bbbbbb);
  border-color: var(--color-gray300, #bbbbbb);
}
.toggle-wrap .toggle:disabled:checked + label::after {
  background: var(--color-white, #ffffff);
}
.toggle-wrap .toggle-label {
  font-size: 13px;
  line-height: 20px;
}

.stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 110px;
  height: 40px;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  border-radius: var(--radius-md, 5px);
  background: var(--color-white, #ffffff);
  transition: border-color 0.15s;
}
.stepper.is-disabled {
  border-color: var(--color-gray200, #cccccc);
  background: var(--color-gray30, #f6f6f6);
  pointer-events: none;
}
.stepper.is-disabled button i[class^=ico-], .stepper.is-disabled button i[class*=" ico-"] {
  background-color: var(--color-gray300, #bbbbbb);
}
.stepper.is-disabled .stepper-val {
  color: var(--color-gray300, #bbbbbb);
}
.stepper button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 38px;
}
.stepper button:disabled i[class^=ico-], .stepper button:disabled i[class*=" ico-"] {
  background-color: var(--color-gray300, #bbbbbb);
}
.stepper .stepper-val {
  flex: 1;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: var(--color-black, #000000);
}

.divider {
  display: block;
  background: var(--color-gray200, #cccccc);
}
.divider, .divider.hor {
  width: 100%;
  height: var(--line-width, 1px);
  margin: 0;
}
.divider.ver {
  display: inline-block;
  width: var(--line-width, 1px);
  height: 12px;
  vertical-align: middle;
  flex-shrink: 0;
}
.divider.dark {
  background: var(--color-black, #000000);
}
.divider.thin {
  background: var(--color-gray50, #efefef);
}

.list-pager {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 32px 0 0;
}
.list-pager .pager-num {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 2px 0;
}
.list-pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 19px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.list-pager a.on {
  font-weight: 700;
}
.list-pager a.first {
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-chev-first.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-first.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.list-pager a.last {
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-chev-last.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-last.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.list-pager a.prev {
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-chev-left.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-left.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.list-pager a.next {
  width: 16px;
  height: 16px;
  -webkit-mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
  background-color: var(--color-black, #000000);
}
.list-pager a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--color-gray300, #bbbbbb);
}

.indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.indicator span,
.indicator button {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: var(--radius-circle, 50%);
  background: rgba(0, 0, 0, 0.2);
  transition: background 0.2s, width 0.2s;
  overflow: hidden;
  text-indent: -9999px;
  white-space: nowrap;
  cursor: pointer;
}
.indicator span.on, .indicator span.active,
.indicator button.on,
.indicator button.active {
  background: var(--color-black, #000000);
}

.btn-autoplay {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}
.btn-autoplay .ico-autoplay-play {
  display: none;
}
.btn-autoplay .ico-autoplay-pause {
  display: inline-block;
}
.btn-autoplay.is-paused .ico-autoplay-play {
  display: inline-block;
}
.btn-autoplay.is-paused .ico-autoplay-pause {
  display: none;
}

.veil {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--z-loading, 9999);
}
.veil.veil-global {
  position: fixed;
}
.veil .underlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-white, #ffffff);
  opacity: 0.5;
}
.veil .spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 56px;
  height: 56px;
  transform: translate(-50%, -50%);
  background-image: url("../images/loader/loader.gif");
  background-size: cover;
}

.plp-card {
  min-width: 0;
  width: 100%;
}
.plp-card .plp-media {
  position: relative;
  overflow: hidden;
  display: grid;
}
.plp-card .thumb-link {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: var(--ratio, 0.75);
}
.plp-card .swiper.plp-swiper {
  width: 100%;
  aspect-ratio: var(--ratio, 0.75);
}
.plp-card .thumb-link img,
.plp-card .thumb-link video,
.plp-card .plp-swiper img,
.plp-card .plp-swiper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.plp-card .plp-noimage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--color-gray50, #efefef);
}
.plp-card .soldout-dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 1;
}
.plp-card .plp-info {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  z-index: 2;
  pointer-events: none;
  transition: opacity 0.15s;
  min-width: 0;
}
.plp-card .plp-info > * {
  pointer-events: auto;
}
.plp-card .plp-status {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  min-width: 0;
}
.plp-card .plp-status > .badge-txt {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.plp-card .plp-bottom {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-top: auto;
}
.plp-card .plp-name {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.plp-card .plp-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 4px;
  flex-shrink: 0;
}
.plp-card .plp-price {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 11px;
  line-height: 16px;
  color: var(--color-black, #000000);
}
.plp-card .plp-price .price-origin {
  text-decoration: line-through;
}
.plp-card .plp-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  z-index: 3;
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none;
}
.plp-card .plp-overlay > * {
  pointer-events: auto;
}
.plp-card .plp-hover-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.plp-card .plp-sizes {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 11px;
  line-height: 16px;
  color: var(--color-black, #000000);
}
.plp-card .plp-sizes li.is-soldout {
  color: var(--color-gray300, #bbbbbb);
}
.plp-card .plp-colors {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
.plp-card .plp-colors .color-chip {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-circle, 50%);
}
.plp-card .plp-colors .color-chip.is-white {
  border: var(--line-width, 1px) solid var(--color-gray500, #666666);
}
.plp-card .plp-colors .color-more {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.plp-card .btn-wish {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.15s;
}
.plp-card .btn-plp-prev,
.plp-card .btn-plp-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s;
  color: var(--color-black, #000000);
  z-index: 4;
}
.plp-card .btn-plp-prev {
  left: 0;
}
.plp-card .btn-plp-next {
  right: 0;
}
.plp-card .plp-media:hover .plp-overlay,
.plp-card .plp-media:has(:focus-visible) .plp-overlay {
  opacity: 1;
}
.plp-card .plp-media:hover .btn-plp-prev,
.plp-card .plp-media:hover .btn-plp-next,
.plp-card .plp-media:hover .btn-wish,
.plp-card .plp-media:has(:focus-visible) .btn-plp-prev,
.plp-card .plp-media:has(:focus-visible) .btn-plp-next,
.plp-card .plp-media:has(:focus-visible) .btn-wish {
  opacity: 1;
}
.plp-card:not(.is-external-info) .plp-media:hover .plp-info,
.plp-card:not(.is-external-info) .plp-media:has(:focus-visible) .plp-info {
  opacity: 0;
}
.plp-card.is-soldout .soldout-dim {
  opacity: 1;
}
.plp-card.is-external-info:not(:has(.plp-swiper)) .thumb-link,
.plp-card.is-external-info .swiper.plp-swiper {
  border-radius: var(--radius-xxl, 16px);
}
.plp-card.is-external-info .plp-info {
  position: static;
  padding: 12px 8px 0;
}
.plp-card.is-external-info .plp-info .plp-status {
  position: absolute;
  top: 10px;
  left: 10px;
}
.plp-card.is-external-info .plp-price-wrap {
  flex-direction: row-reverse;
  align-items: center;
}

.plp-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}

#recent-goods-wrap.plp-slider-wrap .swiper-wrapper .swiper-slide {
  width: calc(25% - 2px);
  margin-right: 2px;
}

.plp-category-bar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px;
  gap: 70px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.plp-category-bar .category-links-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  gap: 8px;
  min-width: 0;
}
.plp-category-bar .category-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px 16px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  min-width: 0;
}
.plp-category-bar .category-links a:hover {
  color: var(--color-gray600, #444444);
}
.plp-category-bar .btn-category-link {
  width: fit-content;
  padding-inline: 24px;
}
.plp-category-bar .btn-category-link:hover {
  background-color: var(--color-white, #ffffff);
  color: var(--color-gray600, #444444);
}
.plp-category-bar .btn-category-more {
  display: none;
  align-items: center;
  font-size: 13px;
  line-height: 20px;
  line-height: 28px;
  color: var(--color-black, #000000);
  white-space: nowrap;
  flex-shrink: 0;
}
.plp-category-bar.has-overflow .btn-category-more {
  display: inline-flex;
}
.plp-category-bar.is-expanded .category-links-wrap {
  flex-wrap: wrap;
  align-items: flex-start;
}
.plp-category-bar.is-expanded .category-links {
  overflow: visible;
  flex-wrap: wrap;
  white-space: normal;
}
.plp-category-bar .category-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-shrink: 0;
  margin-left: auto;
}
.plp-category-bar .btn-category-filter {
  min-width: 80px;
}
.plp-category-bar .btn-category-filter:hover {
  background-color: var(--color-white, #ffffff);
  color: var(--color-gray600, #444444);
}
.plp-category-bar.is-nodata {
  justify-content: flex-end;
}
.plp-category-bar.is-sticky {
  position: fixed;
  top: var(--header-height, 0px);
  left: 0;
  right: 0;
  z-index: 199;
  background-color: var(--color-white, #ffffff);
}

.is-search-nodata .plp-category-bar {
  margin-top: 41px;
}

.plp-filter-tags {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.plp-filter-tags .filter-tag-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 0;
  gap: 16px 24px;
  flex-wrap: wrap;
}
.plp-filter-tags .filter-tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  flex-shrink: 0;
}
.plp-filter-tags .tag-color {
  width: 16px;
  height: 16px;
  border-radius: 99px;
  flex-shrink: 0;
}
.plp-filter-tags .tag-color.is-white {
  box-shadow: inset 0 0 0 1px var(--color-gray200, #cccccc);
}
.plp-filter-tags .tag-text {
  font-size: 12px;
  line-height: 1;
  color: var(--color-black, #000000);
  white-space: nowrap;
}
.plp-filter-tags .btn-tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  color: var(--color-black, #000000);
  flex-shrink: 0;
  gap: 4px;
}
.plp-filter-tags .btn-tag-remove.btn-tag-colorchip {
  gap: 4px;
}
.plp-filter-tags .btn-filter-reset {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray700, #222222);
  text-decoration: underline;
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 24px;
}
.plp-filter-tags.is-sticky {
  position: fixed;
  top: calc(var(--header-height, 0px) + var(--category-bar-height, 0px));
  left: 0;
  right: 0;
  z-index: 199;
  background-color: var(--color-white, #ffffff);
}

.plp-load-more {
  padding-top: 80px;
  margin: 0 auto;
  text-align: center;
  width: calc(2 * (100cqw - 44px) / var(--grid-cols, 12) + 1 * var(--grid-gap, 4px));
}
.plp-load-more .load-paging {
  font-size: 13px;
  line-height: 20px;
}
.plp-load-more .is-last-page {
  font-size: 13px;
  line-height: 20px;
}

progress.load-more-progress {
  height: 6px;
  border: none;
  border-radius: var(--radius-full, 999px);
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  margin-top: 12px;
}
progress.load-more-progress::-webkit-progress-bar {
  background: var(--color-gray50, #efefef);
  border-radius: var(--radius-full, 999px);
}
progress.load-more-progress::-webkit-progress-value {
  background: var(--color-point, #eb58ee);
  transition: width 0.3s;
  border-radius: var(--radius-full, 999px);
}
progress.load-more-progress::-moz-progress-bar {
  background: var(--color-gray50, #efefef);
  border-radius: var(--radius-full, 999px);
}

.load-more-btns {
  display: flex;
  gap: 4px;
  margin-top: 16px;
  text-align: center;
}
.load-more-btns .btn {
  flex: 1;
  width: calc(1 * (100cqw - 44px) / var(--grid-cols, 12) + 0 * var(--grid-gap, 4px));
}
.load-more-btns .btn {
  width: 100%;
}

.plp-slider-wrap {
  padding-top: 80px;
}

.plp-slider {
  position: relative;
}

.plp-slider-hd {
  padding: 0 20px 12px;
}

.plp-slider-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.plp-slider-body {
  position: relative;
  overflow: hidden;
}
.plp-slider-body i.ico-chev-circle-left.ico-size-30,
.plp-slider-body i.ico-chev-circle-right.ico-size-30 {
  width: 24px !important;
  height: 24px !important;
}
.plp-slider-body .rec-nav-layer {
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
  aspect-ratio: unset;
  height: 0;
  padding-bottom: calc(33.33% - 2px);
}

.plp-slider-swiper:not(.swiper-initialized) .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}

.btn-slider-prev,
.btn-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}

.btn-slider-prev {
  left: 20px;
}

.btn-slider-next {
  right: 20px;
}

.btn-slider-prev.swiper-button-disabled,
.btn-slider-next.swiper-button-disabled {
  display: none;
}

.sec-cart-recommend {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 80px 0;
}
.sec-cart-recommend .plp-slider-hd {
  padding-bottom: 24px;
}
.sec-cart-recommend .plp-slider-tit {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.sec-recommend {
  grid-column: 2/span 10;
  width: 100%;
  margin: 0 auto;
  padding: 80px 60px;
}

.order-recommend {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--grid-gap, 4px);
  padding: 0 20px;
}
.order-recommend > [class*=gap-],
.order-recommend > :not([class*=gap-]) {
  min-width: 0;
}
.order-recommend .gap-1 {
  grid-column: 2/12;
}
.order-recommend .gap-2 {
  grid-column: 3/11;
}
.order-recommend .gap-3 {
  grid-column: 4/10;
}
.order-recommend .gap-4 {
  grid-column: 5/9;
}
.order-recommend .gap-5 {
  grid-column: 6/8;
}
.order-recommend .col-1 {
  grid-column: span 1;
}
.order-recommend .col-2 {
  grid-column: span 2;
}
.order-recommend .col-3 {
  grid-column: span 3;
}
.order-recommend .col-4 {
  grid-column: span 4;
}
.order-recommend .col-5 {
  grid-column: span 5;
}
.order-recommend .col-6 {
  grid-column: span 6;
}
.order-recommend .col-7 {
  grid-column: span 7;
}
.order-recommend .col-8 {
  grid-column: span 8;
}
.order-recommend .col-9 {
  grid-column: span 9;
}
.order-recommend .col-10 {
  grid-column: span 10;
}
.order-recommend .col-11 {
  grid-column: span 11;
}
.order-recommend .col-12 {
  grid-column: span 12;
}

.sec-recommend-hd {
  padding: 0 0 12px;
}

.sec-recommend-tit {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.sec-recommend-body {
  position: relative;
  overflow: hidden;
}
.sec-recommend-body .ico-chev-circle-left.ico-size-30,
.sec-recommend-body .ico-chev-circle-right.ico-size-30 {
  width: 20px !important;
  height: 20px !important;
}

.rec-nav-layer {
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
  aspect-ratio: unset;
  height: 0;
  padding-bottom: calc(33.33% - 2px);
}

.btn-rec-prev,
.btn-rec-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}

.btn-rec-prev {
  left: 8px;
}

.btn-rec-next {
  right: 8px;
}

.btn-rec-prev.swiper-button-disabled,
.btn-rec-next.swiper-button-disabled {
  display: none;
}

.coupon-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}
.coupon-list li {
  position: relative;
  overflow: hidden;
}

.coupon-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 20px 24px;
  width: 100%;
  text-align: left;
  position: relative;
  overflow: visible;
}
.coupon-item i[class^=ico-], .coupon-item i[class*=" ico-"] {
  margin-right: 15px;
}
.coupon-item .ico-download.ico-size-28 {
  width: 20px !important;
  height: 20px !important;
}
.coupon-item::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -16px;
  width: 32px;
  height: 32px;
  background: var(--color-white, #ffffff);
  border-radius: var(--radius-circle, 50%);
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  z-index: 1;
}
.coupon-item:disabled {
  border-color: var(--color-gray300, #bbbbbb);
}
.coupon-item:disabled .coupon-type,
.coupon-item:disabled .coupon-amount,
.coupon-item:disabled .coupon-name,
.coupon-item:disabled .coupon-desc,
.coupon-item:disabled .coupon-desc-row {
  color: var(--color-gray300, #bbbbbb);
}
.coupon-item:disabled i[class^=ico-], .coupon-item:disabled i[class*=" ico-"] {
  background-color: var(--color-gray300, #bbbbbb);
}
.coupon-item:disabled::after {
  border-color: var(--color-gray300, #bbbbbb);
}

.coupon-info {
  flex: 1;
  min-width: 0;
}

.coupon-type {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}

.coupon-title {
  margin-top: 2px;
}

.coupon-amount {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  color: var(--color-black, #000000);
  gap: 4px;
}
.coupon-amount small {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.coupon-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon-desc {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 12px;
}

.coupon-desc-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray600, #444444);
  word-break: break-all;
}
.coupon-desc-row > span:first-child {
  flex-shrink: 0;
}
.coupon-desc-row > span:last-child {
  flex: 1;
  min-width: 0;
}
.coupon-desc-row .divider.ver {
  flex-shrink: 0;
  height: 12px;
  margin-top: 4px;
}

.pdp-bottom-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  min-width: var(--container-width, 1280px);
  background: var(--color-white, #ffffff);
  box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.24);
}
.pdp-bottom-bar.is-active {
  display: flex;
}

.pdp-bottom-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
}

.pdp-bottom-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
  padding-right: 24px;
}

.pdp-bottom-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdp-bottom-price {
  display: flex;
  align-items: center;
  gap: 8px;
}
.pdp-bottom-price .badge {
  font-size: 12px;
  min-height: 17px;
}

.pdp-bottom-price-origin {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.pdp-bottom-price-sale {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.pdp-bottom-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}

.pdp-bottom-cart {
  width: 351px;
  border-radius: var(--radius-md, 5px);
}

.cart-item {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
}

.cart-item-chk {
  display: flex;
  align-items: flex-start;
  flex-shrink: 0;
}

.cart-item-body {
  flex: 1;
  min-width: 0;
}

.cart-item-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  word-break: break-all;
}

.cart-item-thumb {
  position: relative;
  width: 153px;
  aspect-ratio: var(--ratio, 0.75);
  flex-shrink: 0;
}
.cart-item-thumb a,
.cart-item-thumb .cart-item-thumb-link {
  display: block;
  width: 100%;
  height: 100%;
}
.cart-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-item-thumb .btn-wish {
  display: none;
}
.cart-item-thumb:hover .btn-wish {
  display: flex;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.order-payment .cart-item-thumb {
  width: 88px;
}

.cart-item-labels .badge-group {
  gap: 0;
}
.cart-item-labels .badge-group > *:not(:last-child) {
  border-right: 0;
}

.cart-item.is-selectable {
  position: relative;
  cursor: pointer;
}
.cart-item.is-selectable .cart-item-chk .rdo-wrap,
.cart-item.is-selectable .cart-item-chk .chk-wrap {
  position: static;
}
.cart-item.is-selectable .cart-item-chk .chk,
.cart-item.is-selectable .cart-item-chk .rdo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  clip: auto;
  overflow: visible;
  white-space: normal;
  opacity: 0.001;
  z-index: 1;
  cursor: pointer;
}
.cart-item.is-selectable .cart-item-del {
  position: relative;
  z-index: 2;
}

.cart-item.is-ended .cart-item-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--color-white, #ffffff);
  opacity: 0.6;
  pointer-events: none;
}
.cart-item.is-ended .cart-item-del {
  opacity: 0.6;
}
.cart-item.is-ended .badge {
  background: var(--color-gray300, #bbbbbb);
  border-color: var(--color-gray300, #bbbbbb);
  color: var(--color-white, #ffffff);
}
.cart-item.is-ended .cart-item-name {
  color: var(--color-gray300, #bbbbbb);
}
.cart-item.is-ended .price-sale,
.cart-item.is-ended .price-origin {
  color: var(--color-gray300, #bbbbbb);
}
.cart-item.is-ended .cart-detail-row {
  color: var(--color-gray300, #bbbbbb);
}
.cart-item.is-ended .cart-detail-row .cart-detail-label,
.cart-item.is-ended .cart-detail-row .cart-detail-value {
  color: var(--color-gray300, #bbbbbb);
}

.cart-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cart-item-top {
  display: grid;
}
.cart-item-top .cart-item-top-name {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.cart-item-name {
  flex: 1;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.cart-item-del {
  display: flex;
  flex-shrink: 0;
}

.cart-item-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.cart-item-price .price-sale {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.cart-item-price .price-origin {
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
  color: var(--color-black, #000000);
}

.cart-price-info {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}

.cart-item-detail {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
  word-break: break-all;
}

.cart-detail-row {
  display: flex;
  gap: 2px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray400, #757575);
  word-break: break-all;
}
.cart-detail-row.is-inline {
  gap: 8px;
}
.cart-detail-row.is-accent {
  color: var(--color-point, #eb58ee);
}
.cart-detail-row.is-muted .cart-detail-label,
.cart-detail-row.is-muted .cart-detail-value {
  color: var(--color-gray400, #757575);
}
.cart-detail-row.is-ended {
  color: var(--color-gray300, #bbbbbb);
}
.cart-detail-row.is-ended .cart-detail-label,
.cart-detail-row.is-ended .cart-detail-value {
  color: var(--color-gray300, #bbbbbb);
}

.cart-detail-label {
  flex-shrink: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-detail-value {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-detail-value[href] {
  text-decoration: underline;
  color: var(--color-gray500, #666666);
}

.cart-detail-options {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cart-item-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.cart-item-actions + .cart-item-actions {
  margin-top: 4px;
}
.cart-item-actions .action-btn {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  text-decoration: underline;
}

.cart-list .cart-item-thumb {
  width: 142px;
}
.cart-list .cart-item-thumb a,
.cart-list .cart-item-thumb .cart-item-thumb-link {
  display: flex;
}

.noimage {
  width: 100%;
  height: 100%;
  background-color: var(--color-gray200, #cccccc);
}

.cart-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cart-price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-price-row .cart-price-label,
.cart-price-row .cart-price-value {
  font-size: 14px;
  line-height: 22px;
}

.cart-price-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.cart-price-total .cart-price-label,
.cart-price-total .cart-price-value {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.cart-cta {
  margin-top: 24px;
}

.cart-links {
  display: flex;
  padding-top: 24px;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.cart-payment .cart-links {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.cart-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: center;
  word-break: break-all;
  width: auto;
  flex: 1;
}

.cart-link-ico {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.cart-link-label {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  text-align: center;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
  letter-spacing: -0.064em;
  text-align: center;
}

.cart-tab .tab-item button {
  font-size: 20px;
  line-height: 28px;
}

.cart-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cart-controls .chk-wrap label {
  font-size: 12px;
  line-height: 18px;
}

.cart-controls-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.cart-ctrl-btn {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.cart-ctrl-btn.cart-ctrl-btn-dim {
  color: var(--color-gray300, #bbbbbb);
}

.cart-header-notice {
  margin: 32px 0;
}

.cart-groups {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.cart-groups + .cart-groups {
  margin-top: 40px;
}

.cart-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cart-group-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cart-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  background: var(--color-gray30, #f6f6f6);
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.cart-group-store-name {
  color: var(--color-point, #eb58ee);
}
.cart-group-store-name a {
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

.cart-notice-section {
  border-top: var(--line-width, 1px) solid #eee;
  padding-top: 16px;
  margin-top: 80px;
}

.cart-notice-section .form-section-title {
  padding-bottom: 12px;
}

.slide-pop {
  display: none;
  position: fixed;
  top: var(--header-height, 0);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: var(--z-popup, 100);
  pointer-events: none;
}
.slide-pop.fs9, .slide-pop *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.slide-pop.fs9m, .slide-pop *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.slide-pop.fs9b, .slide-pop *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.slide-pop.fs10, .slide-pop *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.slide-pop.fs10m, .slide-pop *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.slide-pop.fs10b, .slide-pop *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.slide-pop.fs11, .slide-pop *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.slide-pop.fs11m, .slide-pop *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.slide-pop.fs11b, .slide-pop *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.slide-pop.fs12, .slide-pop *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.slide-pop.fs12m, .slide-pop *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.slide-pop.fs12b, .slide-pop *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.slide-pop.fs13, .slide-pop *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.slide-pop.fs13m, .slide-pop *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.slide-pop.fs13b, .slide-pop *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.slide-pop.fs14, .slide-pop *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.slide-pop.fs14m, .slide-pop *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.slide-pop.fs14b, .slide-pop *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.slide-pop.fs16, .slide-pop *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.slide-pop.fs16m, .slide-pop *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.slide-pop.fs16b, .slide-pop *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.slide-pop.fs18, .slide-pop *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.slide-pop.fs18m, .slide-pop *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.slide-pop.fs18b, .slide-pop *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.slide-pop.fs20, .slide-pop *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.slide-pop.fs20m, .slide-pop *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.slide-pop.fs20b, .slide-pop *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.slide-pop.fs22, .slide-pop *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.slide-pop.fs22m, .slide-pop *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.slide-pop.fs22b, .slide-pop *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.slide-pop.fs24, .slide-pop *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.slide-pop.fs24m, .slide-pop *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.slide-pop.fs24b, .slide-pop *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.slide-pop.fs28, .slide-pop *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.slide-pop.fs28m, .slide-pop *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.slide-pop.fs28b, .slide-pop *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.slide-pop.fs32, .slide-pop *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.slide-pop.fs32m, .slide-pop *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.slide-pop.fs32b, .slide-pop *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.slide-pop.fs40, .slide-pop *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.slide-pop.fs40m, .slide-pop *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.slide-pop.fs40b, .slide-pop *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.slide-pop.fs42, .slide-pop *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.slide-pop.fs42m, .slide-pop *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.slide-pop.fs42b, .slide-pop *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.slide-pop.is-open {
  pointer-events: auto;
}
.slide-pop .pop-dim {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: var(--color-black, #000000);
  opacity: 0.08;
  cursor: default;
}
.slide-pop .pop-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 33.3333333333%;
  background: var(--color-white, #ffffff);
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-pop.is-open .pop-panel {
  transform: translateX(0);
}
.slide-pop .pop-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 0 24px;
  height: 68px;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.slide-pop .pop-head .pop-spacer {
  width: 16px;
  flex-shrink: 0;
}
.slide-pop .pop-head .pop-tit {
  flex: 1;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.slide-pop .pop-head .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.slide-pop .pop-head .cart-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex: 1;
  min-width: 0;
}
.slide-pop .pop-head .cart-nav .cart-nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  white-space: nowrap;
  text-decoration: none;
}
.slide-pop .pop-head .cart-nav .cart-nav-item::before {
  content: "";
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-circle, 50%);
}
.slide-pop .pop-head .cart-nav .cart-nav-item[aria-current=true]::before {
  background-color: var(--color-black, #000000);
}
.slide-pop .pop-body {
  flex: 1;
  overflow-y: auto;
  padding: 24px;
  word-break: break-all;
}
.slide-pop:has(.pop-nav-footer) .pop-body {
  padding-bottom: 24px;
}
.slide-pop:has(.pop-footer) .pop-body {
  padding-bottom: 0;
}
.slide-pop.filter-pop .pop-body {
  padding-top: 4px;
}
.slide-pop .pop-footer {
  flex-shrink: 0;
}
.slide-pop .pop-footer {
  position: sticky;
  bottom: 0;
  background: var(--color-white, #ffffff);
  padding: 24px 24px 36px;
}

.pop-footer.pop-nav-footer {
  padding: 24px;
}

.pop-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pop-nav-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.pop-btn-back .btn-back {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}

.pop-intro {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pop-intro-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.pop-intro-desc {
  font-size: 14px;
  line-height: 22px;
}

.pop-sec-label {
  font-size: 14px;
  line-height: 22px;
}

.pop-footer.pdp-desc-footer {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  padding: 24px;
}
.pop-footer.pdp-desc-footer .pdp-desc-footer-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  width: fit-content;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.pop-footer.pdp-desc-footer .pdp-desc-footer-link:has(.ico-chev-right) {
  margin-left: auto;
}

.filter-sec {
  padding: 20px 0;
}
.filter-sec .sec-tit {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 0;
  font-size: 14px;
  line-height: 22px;
}
.filter-sec .sec-tit .ico-tri-down.ico-size-14 {
  width: 16px !important;
  height: 16px !important;
}
.filter-sec .sec-body {
  margin-top: 12px;
}
.filter-sec .sec-body .filter-colorchip {
  padding-bottom: 8px;
}

.filter-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px 8px;
  padding-bottom: 8px;
}
.filter-items li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-left: 16px;
}

.sort-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 20px;
}

.sort-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 8px 0;
  gap: 12px;
  font-size: 14px;
  line-height: 22px;
}
.sort-btn[aria-current=true]::before {
  background-color: var(--color-black, #000000);
}
.sort-btn::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-circle, 50%);
  flex-shrink: 0;
  transition: background 0.15s;
}

.delivery-pop .tbl-scroll > .tbl > thead > tr > th,
.delivery-pop .tbl-scroll > .tbl > thead > tr > td,
.delivery-pop .tbl-scroll > .tbl > tbody > tr > th,
.delivery-pop .tbl-scroll > .tbl > tbody > tr > td {
  text-align: left;
  vertical-align: top;
}

.tbl-info th,
.tbl-info td {
  text-align: left;
  vertical-align: top;
}
.tbl-info .b {
  font-weight: 700;
}
.tbl-info .lit {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray300, #bbbbbb);
}
.tbl-info .txt-info {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
  color: var(--color-gray500, #666666);
}

.login-options {
  margin-top: 16px;
}

.login-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 32px;
}
.login-links a {
  font-size: 14px;
  line-height: 22px;
}

.btn-section .btn {
  width: 100%;
}

.pop-notice {
  margin-top: 32px;
  position: relative;
  display: flex;
  justify-content: center;
}
.pop-notice .pop-notice-btn {
  gap: 4px;
}

.agree-group {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 32px;
}

.agree-title-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.agree-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.agree-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.agree-all .chk + label {
  font-weight: 700;
}

.agree-item-label {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.agree-item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.agree-item-row .chk-wrap {
  flex: 1;
}
.agree-item-row .agree-item-label {
  flex: 1;
}

.agree-terms-box {
  margin-top: 12px;
  padding: 16px;
  background: var(--color-gray30, #f6f6f6);
  font-size: 13px;
  line-height: 20px;
  height: 280px;
  overflow-y: auto;
  border-radius: 5px;
}

.agree-terms-box-title {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: var(--color-black, #000000);
  margin-bottom: 8px;
}

.agree-terms-box-body {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
}

.agree-marketing-recv {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.agree-marketing-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 48px;
}

.join-btn-wrap {
  margin-top: 32px;
}

.join-cert-desc {
  font-size: 14px;
  line-height: 22px;
}

.pop-tab-panel {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.find-btn-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.find-btn-group .btn {
  width: 100%;
}

.find-or-divider {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}

.find-cs-info {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
}

.find-result-id-box,
.find-result-pw-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--color-gray30, #f6f6f6);
  padding: 40px;
  font-size: 13px;
  line-height: 20px;
}

.mypage-pop .pop-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.mypage-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  flex: 1;
  min-width: 0;
}

.mypage-nav-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
  line-height: 21px;
  color: var(--color-black, #000000);
  text-decoration: none;
  white-space: nowrap;
}
.mypage-nav-item .gnb-wish-cnt,
.mypage-nav-item .cart-nav-cnt {
  margin-left: -5px;
}

.mypage-nav-radio {
  display: block;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-circle, 50%);
}

.mypage-nav-item.is-active .mypage-nav-radio {
  background-color: var(--color-black, #000000);
}

.mypage-greeting {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mypage-greeting .btn {
  padding: 0 12px;
}

.mypage-greeting-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.mypage-menu {
  display: flex;
  flex-direction: column;
}

.mypage-menu-item {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.mypage-menu-item:last-child {
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}

.mypage-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 28px 0;
  font-size: 14px;
  line-height: 22px;
}
.mypage-menu-link .ico-arr-next.ico-size-12 {
  width: 16px !important;
  height: 16px !important;
}

.pdp-codi-pop .pdp-codi-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pdp-codi-pop .plp-card {
  display: flex;
  gap: 12px;
}
.pdp-codi-pop .plp-media {
  width: 153px;
  flex-shrink: 0;
}
.pdp-codi-pop .plp-media .btn-wish {
  right: 8px;
  bottom: 8px;
}
.pdp-codi-pop .plp-info {
  flex: 1;
  min-width: 0;
  padding: 0;
  display: block;
}
.pdp-codi-pop .plp-bottom {
  display: grid;
  grid-template-columns: none;
  align-items: flex-start;
  gap: 4px;
}
.pdp-codi-pop .plp-name {
  font-size: 11px;
  line-height: 16px;
}
.pdp-codi-pop .plp-price-wrap {
  font-size: 12px;
  line-height: 18px;
  flex-wrap: wrap;
  gap: 2px 8px;
}

.cart-btn-wrap {
  padding: 24px 0 0;
  width: 100%;
}

.pop-rows {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.pop-rows .inp-group,
.pop-rows .agree-group,
.pop-rows .agree-item,
.pop-rows .agree-marketing-recv {
  margin: 0;
}
.pop-rows .btn-section {
  margin-top: 0;
}

.info-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.info-row dt {
  font-size: 14px;
  line-height: 22px;
}

.info-row-value {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.info-row-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.info-row-item {
  display: flex;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
}
.info-row-item strong {
  font-weight: 700;
}
.info-row-item span {
  color: var(--color-gray600, #444444);
}

.cart-nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cart-nodata .cart-recommend {
  padding-top: 80px;
  width: 100%;
}

.cart-recommend-tit {
  font-size: 16px;
  line-height: 24px;
  padding-bottom: 12px;
}

.cart-recommend-slider {
  position: relative;
}
.cart-recommend-slider .cart-recommend-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: var(--ratio, 0.75);
}
.cart-recommend-slider .cart-recommend-thumb a {
  display: flex;
  width: 100%;
  height: 100%;
}
.cart-recommend-slider .cart-recommend-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cart-recommend-slider .cart-recommend-thumb .cart-recommend-status {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cart-recommend-slider .cart-recommend-thumb .btn-wish {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 4;
  opacity: 0;
  transition: opacity 0.15s;
}
.cart-recommend-slider .cart-recommend-thumb:hover .btn-wish, .cart-recommend-slider .cart-recommend-thumb:has(:focus-visible) .btn-wish {
  opacity: 1;
}
.cart-recommend-slider .cart-recommend-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}
.cart-recommend-slider .cart-recommend-info .prd-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.cart-recommend-slider .cart-recommend-info .prd-price .badge.sale-sandro {
  font-size: 12px;
  line-height: 18px;
}
.cart-recommend-slider .cart-recommend-info .prd-price .price-sale {
  font-size: 12px;
  line-height: 18px;
}
.cart-recommend-slider .cart-recommend-info .prd-price .price-origin {
  font-size: 12px;
  line-height: 18px;
  text-decoration: line-through;
}
.cart-recommend-slider .cart-recommend-info .prd-price-origin-wrap {
  display: flex;
  font-size: 12px;
  line-height: 18px;
  margin-top: 2px;
}
.cart-recommend-slider .cart-recommend-name {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cart-recommend-slider button[class^=btn-cart] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}
.cart-recommend-slider .btn-cart-prev {
  left: 20px;
}
.cart-recommend-slider .btn-cart-next {
  right: 20px;
}

.cart-nodata-msg {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: var(--color-black, #000000);
  padding: 80px 0;
}

.cart-recommend-slider .rec-nav-layer {
  position: absolute;
  inset: 0 0 auto;
  pointer-events: none;
  aspect-ratio: unset;
  height: 0;
  padding-bottom: calc(33.33% - 8px);
}

.modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: var(--z-modal, 300);
  align-items: center;
  justify-content: center;
  max-height: 760px;
  height: calc(100% - 80px);
  margin: auto;
}
.modal.fs9, .modal *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.modal.fs9m, .modal *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.modal.fs9b, .modal *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.modal.fs10, .modal *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.modal.fs10m, .modal *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.modal.fs10b, .modal *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.modal.fs11, .modal *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.modal.fs11m, .modal *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.modal.fs11b, .modal *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.modal.fs12, .modal *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.modal.fs12m, .modal *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.modal.fs12b, .modal *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.modal.fs13, .modal *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.modal.fs13m, .modal *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.modal.fs13b, .modal *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.modal.fs14, .modal *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.modal.fs14m, .modal *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.modal.fs14b, .modal *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.modal.fs16, .modal *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.modal.fs16m, .modal *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.modal.fs16b, .modal *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.modal.fs18, .modal *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.modal.fs18m, .modal *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.modal.fs18b, .modal *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.modal.fs20, .modal *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.modal.fs20m, .modal *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.modal.fs20b, .modal *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.modal.fs22, .modal *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.modal.fs22m, .modal *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.modal.fs22b, .modal *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.modal.fs24, .modal *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.modal.fs24m, .modal *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.modal.fs24b, .modal *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.modal.fs28, .modal *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.modal.fs28m, .modal *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.modal.fs28b, .modal *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.modal.fs32, .modal *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.modal.fs32m, .modal *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.modal.fs32b, .modal *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.modal.fs40, .modal *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.modal.fs40m, .modal *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.modal.fs40b, .modal *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.modal.fs42, .modal *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.modal.fs42m, .modal *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.modal.fs42b, .modal *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.modal.m2, .modal *.m2 {
  margin: 2px !important;
}
.modal.mt2, .modal *.mt2 {
  margin-top: 2px !important;
}
.modal.mb2, .modal *.mb2 {
  margin-bottom: 2px !important;
}
.modal.ml2, .modal *.ml2 {
  margin-left: 2px !important;
}
.modal.mr2, .modal *.mr2 {
  margin-right: 2px !important;
}
.modal.mx2, .modal *.mx2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.modal.my2, .modal *.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.modal.p2, .modal *.p2 {
  padding: 2px !important;
}
.modal.pt2, .modal *.pt2 {
  padding-top: 2px !important;
}
.modal.pb2, .modal *.pb2 {
  padding-bottom: 2px !important;
}
.modal.pl2, .modal *.pl2 {
  padding-left: 2px !important;
}
.modal.pr2, .modal *.pr2 {
  padding-right: 2px !important;
}
.modal.px2, .modal *.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.modal.py2, .modal *.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.modal.m4, .modal *.m4 {
  margin: 4px !important;
}
.modal.mt4, .modal *.mt4 {
  margin-top: 4px !important;
}
.modal.mb4, .modal *.mb4 {
  margin-bottom: 4px !important;
}
.modal.ml4, .modal *.ml4 {
  margin-left: 4px !important;
}
.modal.mr4, .modal *.mr4 {
  margin-right: 4px !important;
}
.modal.mx4, .modal *.mx4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.modal.my4, .modal *.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.modal.p4, .modal *.p4 {
  padding: 4px !important;
}
.modal.pt4, .modal *.pt4 {
  padding-top: 4px !important;
}
.modal.pb4, .modal *.pb4 {
  padding-bottom: 4px !important;
}
.modal.pl4, .modal *.pl4 {
  padding-left: 4px !important;
}
.modal.pr4, .modal *.pr4 {
  padding-right: 4px !important;
}
.modal.px4, .modal *.px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.modal.py4, .modal *.py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.modal.m8, .modal *.m8 {
  margin: 8px !important;
}
.modal.mt8, .modal *.mt8 {
  margin-top: 8px !important;
}
.modal.mb8, .modal *.mb8 {
  margin-bottom: 8px !important;
}
.modal.ml8, .modal *.ml8 {
  margin-left: 8px !important;
}
.modal.mr8, .modal *.mr8 {
  margin-right: 8px !important;
}
.modal.mx8, .modal *.mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.modal.my8, .modal *.my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.modal.p8, .modal *.p8 {
  padding: 8px !important;
}
.modal.pt8, .modal *.pt8 {
  padding-top: 8px !important;
}
.modal.pb8, .modal *.pb8 {
  padding-bottom: 8px !important;
}
.modal.pl8, .modal *.pl8 {
  padding-left: 8px !important;
}
.modal.pr8, .modal *.pr8 {
  padding-right: 8px !important;
}
.modal.px8, .modal *.px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.modal.py8, .modal *.py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.modal.m12, .modal *.m12 {
  margin: 12px !important;
}
.modal.mt12, .modal *.mt12 {
  margin-top: 12px !important;
}
.modal.mb12, .modal *.mb12 {
  margin-bottom: 12px !important;
}
.modal.ml12, .modal *.ml12 {
  margin-left: 12px !important;
}
.modal.mr12, .modal *.mr12 {
  margin-right: 12px !important;
}
.modal.mx12, .modal *.mx12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.modal.my12, .modal *.my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.modal.p12, .modal *.p12 {
  padding: 12px !important;
}
.modal.pt12, .modal *.pt12 {
  padding-top: 12px !important;
}
.modal.pb12, .modal *.pb12 {
  padding-bottom: 12px !important;
}
.modal.pl12, .modal *.pl12 {
  padding-left: 12px !important;
}
.modal.pr12, .modal *.pr12 {
  padding-right: 12px !important;
}
.modal.px12, .modal *.px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.modal.py12, .modal *.py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.modal.m16, .modal *.m16 {
  margin: 16px !important;
}
.modal.mt16, .modal *.mt16 {
  margin-top: 16px !important;
}
.modal.mb16, .modal *.mb16 {
  margin-bottom: 16px !important;
}
.modal.ml16, .modal *.ml16 {
  margin-left: 16px !important;
}
.modal.mr16, .modal *.mr16 {
  margin-right: 16px !important;
}
.modal.mx16, .modal *.mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.modal.my16, .modal *.my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.modal.p16, .modal *.p16 {
  padding: 16px !important;
}
.modal.pt16, .modal *.pt16 {
  padding-top: 16px !important;
}
.modal.pb16, .modal *.pb16 {
  padding-bottom: 16px !important;
}
.modal.pl16, .modal *.pl16 {
  padding-left: 16px !important;
}
.modal.pr16, .modal *.pr16 {
  padding-right: 16px !important;
}
.modal.px16, .modal *.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.modal.py16, .modal *.py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.modal.m20, .modal *.m20 {
  margin: 20px !important;
}
.modal.mt20, .modal *.mt20 {
  margin-top: 20px !important;
}
.modal.mb20, .modal *.mb20 {
  margin-bottom: 20px !important;
}
.modal.ml20, .modal *.ml20 {
  margin-left: 20px !important;
}
.modal.mr20, .modal *.mr20 {
  margin-right: 20px !important;
}
.modal.mx20, .modal *.mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.modal.my20, .modal *.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.modal.p20, .modal *.p20 {
  padding: 20px !important;
}
.modal.pt20, .modal *.pt20 {
  padding-top: 20px !important;
}
.modal.pb20, .modal *.pb20 {
  padding-bottom: 20px !important;
}
.modal.pl20, .modal *.pl20 {
  padding-left: 20px !important;
}
.modal.pr20, .modal *.pr20 {
  padding-right: 20px !important;
}
.modal.px20, .modal *.px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.modal.py20, .modal *.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.modal.m24, .modal *.m24 {
  margin: 24px !important;
}
.modal.mt24, .modal *.mt24 {
  margin-top: 24px !important;
}
.modal.mb24, .modal *.mb24 {
  margin-bottom: 24px !important;
}
.modal.ml24, .modal *.ml24 {
  margin-left: 24px !important;
}
.modal.mr24, .modal *.mr24 {
  margin-right: 24px !important;
}
.modal.mx24, .modal *.mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.modal.my24, .modal *.my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.modal.p24, .modal *.p24 {
  padding: 24px !important;
}
.modal.pt24, .modal *.pt24 {
  padding-top: 24px !important;
}
.modal.pb24, .modal *.pb24 {
  padding-bottom: 24px !important;
}
.modal.pl24, .modal *.pl24 {
  padding-left: 24px !important;
}
.modal.pr24, .modal *.pr24 {
  padding-right: 24px !important;
}
.modal.px24, .modal *.px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.modal.py24, .modal *.py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.modal.m28, .modal *.m28 {
  margin: 28px !important;
}
.modal.mt28, .modal *.mt28 {
  margin-top: 28px !important;
}
.modal.mb28, .modal *.mb28 {
  margin-bottom: 28px !important;
}
.modal.ml28, .modal *.ml28 {
  margin-left: 28px !important;
}
.modal.mr28, .modal *.mr28 {
  margin-right: 28px !important;
}
.modal.mx28, .modal *.mx28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.modal.my28, .modal *.my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.modal.p28, .modal *.p28 {
  padding: 28px !important;
}
.modal.pt28, .modal *.pt28 {
  padding-top: 28px !important;
}
.modal.pb28, .modal *.pb28 {
  padding-bottom: 28px !important;
}
.modal.pl28, .modal *.pl28 {
  padding-left: 28px !important;
}
.modal.pr28, .modal *.pr28 {
  padding-right: 28px !important;
}
.modal.px28, .modal *.px28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.modal.py28, .modal *.py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.modal.m32, .modal *.m32 {
  margin: 32px !important;
}
.modal.mt32, .modal *.mt32 {
  margin-top: 32px !important;
}
.modal.mb32, .modal *.mb32 {
  margin-bottom: 32px !important;
}
.modal.ml32, .modal *.ml32 {
  margin-left: 32px !important;
}
.modal.mr32, .modal *.mr32 {
  margin-right: 32px !important;
}
.modal.mx32, .modal *.mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.modal.my32, .modal *.my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.modal.p32, .modal *.p32 {
  padding: 32px !important;
}
.modal.pt32, .modal *.pt32 {
  padding-top: 32px !important;
}
.modal.pb32, .modal *.pb32 {
  padding-bottom: 32px !important;
}
.modal.pl32, .modal *.pl32 {
  padding-left: 32px !important;
}
.modal.pr32, .modal *.pr32 {
  padding-right: 32px !important;
}
.modal.px32, .modal *.px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.modal.py32, .modal *.py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.modal.m36, .modal *.m36 {
  margin: 36px !important;
}
.modal.mt36, .modal *.mt36 {
  margin-top: 36px !important;
}
.modal.mb36, .modal *.mb36 {
  margin-bottom: 36px !important;
}
.modal.ml36, .modal *.ml36 {
  margin-left: 36px !important;
}
.modal.mr36, .modal *.mr36 {
  margin-right: 36px !important;
}
.modal.mx36, .modal *.mx36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.modal.my36, .modal *.my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.modal.p36, .modal *.p36 {
  padding: 36px !important;
}
.modal.pt36, .modal *.pt36 {
  padding-top: 36px !important;
}
.modal.pb36, .modal *.pb36 {
  padding-bottom: 36px !important;
}
.modal.pl36, .modal *.pl36 {
  padding-left: 36px !important;
}
.modal.pr36, .modal *.pr36 {
  padding-right: 36px !important;
}
.modal.px36, .modal *.px36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.modal.py36, .modal *.py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.modal.m40, .modal *.m40 {
  margin: 40px !important;
}
.modal.mt40, .modal *.mt40 {
  margin-top: 40px !important;
}
.modal.mb40, .modal *.mb40 {
  margin-bottom: 40px !important;
}
.modal.ml40, .modal *.ml40 {
  margin-left: 40px !important;
}
.modal.mr40, .modal *.mr40 {
  margin-right: 40px !important;
}
.modal.mx40, .modal *.mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.modal.my40, .modal *.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.modal.p40, .modal *.p40 {
  padding: 40px !important;
}
.modal.pt40, .modal *.pt40 {
  padding-top: 40px !important;
}
.modal.pb40, .modal *.pb40 {
  padding-bottom: 40px !important;
}
.modal.pl40, .modal *.pl40 {
  padding-left: 40px !important;
}
.modal.pr40, .modal *.pr40 {
  padding-right: 40px !important;
}
.modal.px40, .modal *.px40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.modal.py40, .modal *.py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.modal.m44, .modal *.m44 {
  margin: 44px !important;
}
.modal.mt44, .modal *.mt44 {
  margin-top: 44px !important;
}
.modal.mb44, .modal *.mb44 {
  margin-bottom: 44px !important;
}
.modal.ml44, .modal *.ml44 {
  margin-left: 44px !important;
}
.modal.mr44, .modal *.mr44 {
  margin-right: 44px !important;
}
.modal.mx44, .modal *.mx44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.modal.my44, .modal *.my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.modal.p44, .modal *.p44 {
  padding: 44px !important;
}
.modal.pt44, .modal *.pt44 {
  padding-top: 44px !important;
}
.modal.pb44, .modal *.pb44 {
  padding-bottom: 44px !important;
}
.modal.pl44, .modal *.pl44 {
  padding-left: 44px !important;
}
.modal.pr44, .modal *.pr44 {
  padding-right: 44px !important;
}
.modal.px44, .modal *.px44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.modal.py44, .modal *.py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.modal.m48, .modal *.m48 {
  margin: 48px !important;
}
.modal.mt48, .modal *.mt48 {
  margin-top: 48px !important;
}
.modal.mb48, .modal *.mb48 {
  margin-bottom: 48px !important;
}
.modal.ml48, .modal *.ml48 {
  margin-left: 48px !important;
}
.modal.mr48, .modal *.mr48 {
  margin-right: 48px !important;
}
.modal.mx48, .modal *.mx48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.modal.my48, .modal *.my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.modal.p48, .modal *.p48 {
  padding: 48px !important;
}
.modal.pt48, .modal *.pt48 {
  padding-top: 48px !important;
}
.modal.pb48, .modal *.pb48 {
  padding-bottom: 48px !important;
}
.modal.pl48, .modal *.pl48 {
  padding-left: 48px !important;
}
.modal.pr48, .modal *.pr48 {
  padding-right: 48px !important;
}
.modal.px48, .modal *.px48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.modal.py48, .modal *.py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.modal.m52, .modal *.m52 {
  margin: 52px !important;
}
.modal.mt52, .modal *.mt52 {
  margin-top: 52px !important;
}
.modal.mb52, .modal *.mb52 {
  margin-bottom: 52px !important;
}
.modal.ml52, .modal *.ml52 {
  margin-left: 52px !important;
}
.modal.mr52, .modal *.mr52 {
  margin-right: 52px !important;
}
.modal.mx52, .modal *.mx52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.modal.my52, .modal *.my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.modal.p52, .modal *.p52 {
  padding: 52px !important;
}
.modal.pt52, .modal *.pt52 {
  padding-top: 52px !important;
}
.modal.pb52, .modal *.pb52 {
  padding-bottom: 52px !important;
}
.modal.pl52, .modal *.pl52 {
  padding-left: 52px !important;
}
.modal.pr52, .modal *.pr52 {
  padding-right: 52px !important;
}
.modal.px52, .modal *.px52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.modal.py52, .modal *.py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.modal.m56, .modal *.m56 {
  margin: 56px !important;
}
.modal.mt56, .modal *.mt56 {
  margin-top: 56px !important;
}
.modal.mb56, .modal *.mb56 {
  margin-bottom: 56px !important;
}
.modal.ml56, .modal *.ml56 {
  margin-left: 56px !important;
}
.modal.mr56, .modal *.mr56 {
  margin-right: 56px !important;
}
.modal.mx56, .modal *.mx56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.modal.my56, .modal *.my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.modal.p56, .modal *.p56 {
  padding: 56px !important;
}
.modal.pt56, .modal *.pt56 {
  padding-top: 56px !important;
}
.modal.pb56, .modal *.pb56 {
  padding-bottom: 56px !important;
}
.modal.pl56, .modal *.pl56 {
  padding-left: 56px !important;
}
.modal.pr56, .modal *.pr56 {
  padding-right: 56px !important;
}
.modal.px56, .modal *.px56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.modal.py56, .modal *.py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.modal.m60, .modal *.m60 {
  margin: 60px !important;
}
.modal.mt60, .modal *.mt60 {
  margin-top: 60px !important;
}
.modal.mb60, .modal *.mb60 {
  margin-bottom: 60px !important;
}
.modal.ml60, .modal *.ml60 {
  margin-left: 60px !important;
}
.modal.mr60, .modal *.mr60 {
  margin-right: 60px !important;
}
.modal.mx60, .modal *.mx60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.modal.my60, .modal *.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.modal.p60, .modal *.p60 {
  padding: 60px !important;
}
.modal.pt60, .modal *.pt60 {
  padding-top: 60px !important;
}
.modal.pb60, .modal *.pb60 {
  padding-bottom: 60px !important;
}
.modal.pl60, .modal *.pl60 {
  padding-left: 60px !important;
}
.modal.pr60, .modal *.pr60 {
  padding-right: 60px !important;
}
.modal.px60, .modal *.px60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.modal.py60, .modal *.py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.modal.m64, .modal *.m64 {
  margin: 64px !important;
}
.modal.mt64, .modal *.mt64 {
  margin-top: 64px !important;
}
.modal.mb64, .modal *.mb64 {
  margin-bottom: 64px !important;
}
.modal.ml64, .modal *.ml64 {
  margin-left: 64px !important;
}
.modal.mr64, .modal *.mr64 {
  margin-right: 64px !important;
}
.modal.mx64, .modal *.mx64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.modal.my64, .modal *.my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.modal.p64, .modal *.p64 {
  padding: 64px !important;
}
.modal.pt64, .modal *.pt64 {
  padding-top: 64px !important;
}
.modal.pb64, .modal *.pb64 {
  padding-bottom: 64px !important;
}
.modal.pl64, .modal *.pl64 {
  padding-left: 64px !important;
}
.modal.pr64, .modal *.pr64 {
  padding-right: 64px !important;
}
.modal.px64, .modal *.px64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.modal.py64, .modal *.py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.modal.underline, .modal *.underline {
  text-decoration: underline !important;
}
.modal.is-open {
  display: flex;
}
.modal .modal-dim {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.25s ease;
  cursor: default;
}
.modal.is-open .modal-dim {
  opacity: 1;
}
.modal .modal-dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 500px;
  max-height: 100%;
  background: var(--color-white, #ffffff);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
}
.modal .modal-dialog:has(.modal-alert) {
  max-width: 360px;
}
.modal.pickup-store-modal .modal-dialog {
  height: 100%;
}
.modal.modal-xs .modal-dialog {
  max-width: 350px;
  width: calc(100vw - 80px);
  border: 0;
}
.modal.modal-sm .modal-dialog {
  max-width: 500px;
  width: calc(100vw - 80px);
}
.modal.modal-md .modal-dialog {
  max-width: 640px;
  width: calc(100vw - 80px);
}
.modal.modal-lg .modal-dialog {
  max-width: 934px;
  width: calc(100vw - 80px);
}
.modal.modal-fix-height .modal-dialog {
  height: 100%;
}
.modal.modal-fix-height .modal-dialog .modal-body {
  flex: 1;
}
.modal.is-open .modal-dialog {
  opacity: 1;
  transform: none;
}

.modal-head {
  position: relative;
  display: flex;
  align-items: center;
  padding: 22px 24px;
}
.modal-head .modal-title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  color: var(--color-black, #000000);
}
.modal-head .btn-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
}

.modal-body {
  padding: 24px 24px 36px;
  overflow-y: auto;
}

.modal-dialog:has(.modal-footer:not([hidden])) .modal-body {
  padding-bottom: 0;
}

.modal-footer {
  padding: 40px 24px 36px;
}
.modal-footer .btn-section {
  margin-top: 0;
}
.modal-footer .btn-group > .btn {
  flex: 1;
}
.modal-footer .btn-group > .half {
  flex: 0.5;
}

.modal-sec-head {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-sec-head .modal-sec-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black, #000000);
}
.modal-sec-head .modal-sec-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.modal-alert {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 36px;
}

.modal-alert-title {
  font-size: 14px;
  line-height: 22px;
}

.modal-alert-desc {
  font-size: 14px;
  line-height: 22px;
}

.modal-alert-btns {
  display: flex;
  gap: 12px;
}
.modal-alert-btns .btn {
  flex: 1;
}

.addr-change-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.addr-change-section + .addr-change-section {
  margin-top: 48px;
}

.addr-change-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.addr-change-section-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black, #000000);
}

.addr-change-section-actions {
  display: flex;
  gap: 8px;
}

.addr-change-current {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.addr-change-current-name {
  font-weight: 700;
}
.addr-change-current-name span {
  font-weight: 400;
  margin-left: 8px;
}

.addr-change-zip-btn {
  flex-shrink: 0;
  min-width: 88px;
}

.addr-change-form-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.inp-underline-wrap + .addr-change-form-row {
  margin-top: 32px;
}

.cart-opt-modal .modal-dialog {
  border: none;
}

.cart-opt {
  position: relative;
  display: flex;
  align-items: stretch;
}

.cart-opt-img {
  position: relative;
  flex-shrink: 0;
  width: 357px;
}

.cart-opt-img-swiper {
  width: 100%;
}
.cart-opt-img-swiper img {
  display: block;
  width: 100%;
  object-fit: cover;
  aspect-ratio: var(--ratio, 0.75);
}

.cart-opt-img-prev,
.cart-opt-img-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-opt-img-prev {
  left: 20px;
}

.cart-opt-img-next {
  right: 20px;
}

.cart-opt-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 80px;
}
.cart-opt-body .btn-section {
  margin-top: 40px;
}

.cart-opt-detail {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart-opt-title .cart-opt-name {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 1px;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cart-opt-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px 8px;
}
.cart-opt-price .price-sale {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.cart-opt-price .price-origin {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.cart-opt-price .badge.sale-sandro {
  font-size: 12px;
  line-height: 18px;
}

.cart-opt-tag {
  font-size: 12px;
  line-height: 18px;
}
.cart-opt-tag.cart-opt-tag-soldout {
  color: var(--color-point, #eb58ee);
}

.cart-opt-color {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}
.cart-opt-color .cart-opt-color-label {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}
.cart-opt-color dl {
  display: flex;
  gap: 8px;
}
.cart-opt-color dl dt {
  min-width: 32px;
}
.cart-opt-color dl dd {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  word-break: break-all;
  white-space: normal;
  gap: 8px;
  color: var(--color-gray400, #757575);
}
.cart-opt-color dl dd .divider {
  margin-top: 3px;
}

.cart-opt-size {
  display: flex;
  gap: 8px;
}
.cart-opt-size .stepper {
  flex: 0 0 111px;
}
.cart-opt-size .stepper .ico-minus.ico-size-16,
.cart-opt-size .stepper .ico-plus.ico-size-16 {
  width: 12px !important;
  height: 12px !important;
}

.cart-opt-close {
  position: absolute;
  right: 16px;
  top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.delivery-addr-list {
  display: flex;
  flex-direction: column;
}

.delivery-addr-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  padding: 24px;
  position: relative;
}
.delivery-addr-item + .delivery-addr-item {
  margin-top: -1px;
}
.delivery-addr-item.is-default {
  border-color: var(--color-black, #000000);
  z-index: 1;
}

.delivery-addr-detail {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.delivery-addr-name {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.delivery-addr-text {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  word-break: break-all;
}

.delivery-addr-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.delivery-addr-actions .btn-text {
  font-size: 12px;
  line-height: 18px;
}

.delivery-addr-btns {
  display: flex;
  align-items: center;
  gap: 8px;
}

.delivery-addr-nodata {
  padding: 80px 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-align: center;
}

.delivery-list {
  margin-top: 40px;
}
.modal .delivery-list {
  margin-top: 0;
}
.delivery-list .list-more-wrap {
  margin-top: 32px;
}

.delivery-register {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.delivery-register .list-count {
  margin-top: 0;
  margin-right: auto;
}
.delivery-register .btn-text {
  padding: 0 0;
}

.delivery-grid {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.delivery-card {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 24px;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
}
.delivery-card.is-default {
  border-color: var(--color-black, #000000);
}
.delivery-card::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-full, 999px);
  background: var(--color-white, #ffffff);
  flex-shrink: 0;
  margin-top: 7px;
  transition: background 0.15s;
  cursor: pointer;
}
.delivery-card.is-selected::before {
  background: var(--color-black, #000000);
}

.delivery-card-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  margin-top: 2px;
}

.delivery-card-btn {
  text-align: left;
}

.delivery-card-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.delivery-card-head {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.delivery-card-head .badge.sale {
  line-height: 20px;
}
.delivery-card-head .badge.default {
  background-color: var(--color-black, #000000);
  color: var(--color-white, #ffffff);
}

.delivery-card-name,
.delivery-card-addr {
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
}

.delivery-card-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.delivery-card-btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.delivery-text-link {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

.delivery-addr-modal .mypage-nodata .mypage-nodata-msg {
  padding: 80px 0;
  font-size: 14px;
  line-height: 22px;
}

.inp-search-wrap {
  display: flex;
  align-items: center;
  height: 40px;
  border: var(--line-width, 1px) solid var(--color-gray500, #666666);
  border-radius: var(--radius-md, 5px);
  padding: 0 0 0 13px;
  transition: border-color 0.2s;
}
.inp-search-wrap:focus-within, .inp-search-wrap:has(.inp-search:not(:placeholder-shown)) {
  border-color: var(--color-black, #000000);
}
.inp-search-wrap:has(.inp-search:not(:placeholder-shown)) .inp-search-clear {
  display: flex;
}

.inp-search {
  flex: 1;
  min-width: 0;
  background: transparent;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  border: 0;
  appearance: none;
}
.inp-search::placeholder {
  color: var(--color-gray300, #bbbbbb);
}
.inp-search::-webkit-search-decoration, .inp-search::-webkit-search-cancel-button {
  display: none;
}
.inp-search:focus-visible {
  outline: none;
}

.inp-search-actions {
  align-self: stretch;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 8px;
}

.inp-search-clear {
  display: none;
  align-items: center;
  height: 100%;
  padding: 0 4px;
}

.inp-search-btn {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 13px 0 4px;
}

.zip-addr-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.zip-addr-desc {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.zip-example {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 20px 0;
  margin-top: 48px;
}

.zip-example-row {
  display: flex;
  align-items: center;
}

.zip-example-label {
  width: 120px;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.zip-example-value {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.zip-result-count {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.zip-result-count strong {
  font-weight: 400;
}

.zip-result-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 48px;
}

.zip-result-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  padding: 24px;
}
.zip-result-item.is-selected {
  border-color: var(--color-black, #000000);
}

.zip-result-code {
  font-size: 13px;
  line-height: 20px;
}

.zip-addr-rows {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.zip-addr-row {
  display: flex;
  align-items: flex-start;
}

.zip-addr-type {
  width: 60px;
  flex-shrink: 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray400, #757575);
}

.zip-addr-text {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  word-break: break-all;
}

.zip-result-btns {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 6px;
}
.zip-result-btns > .btn-text {
  font-size: 12px;
  line-height: 18px;
}

.zip-nodata-msg {
  padding: 80px 0;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  color: var(--color-black, #000000);
}

.coupon-modal .modal-body {
  gap: 16px;
  padding-bottom: 201px !important;
}

.coupon-cart-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-cart-row .select-box {
  flex: 1;
  min-width: 0;
}

.coupon-cart-label {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  flex: 0 0 112px;
  white-space: nowrap;
}

.coupon-product-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  padding: 16px 0;
  margin-top: 16px;
}
.coupon-product-list:not(:last-child) {
  margin-bottom: 16px;
}

.coupon-product-item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.coupon-product-thumb {
  flex: 0 0 88px;
  aspect-ratio: var(--ratio, 0.75);
}
.coupon-product-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.coupon-product-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.coupon-product-name {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.coupon-max-chk {
  margin-bottom: 16px;
}

.pickup-filter {
  display: flex;
  gap: 16px;
}

.pickup-store-count {
  margin-top: 32px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.pickup-store-count + .divider {
  margin-top: 12px;
}
.pickup-store-count strong {
  font-weight: 700;
}

.pickup-store-list {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.pickup-store-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pickup-store-row {
  display: flex;
  align-items: center;
  gap: 16px;
}

.pickup-store-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pickup-store-name {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: var(--color-black, #000000);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pickup-store-addr {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  word-break: break-all;
}

.pickup-store-meta {
  display: flex;
  align-items: center;
  gap: 4px;
}

.pickup-meta-label {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.pickup-meta-value {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.pickup-select-btn {
  flex-shrink: 0;
  width: 66px;
}

.pickup-location-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
}

.pickup-store-nodata {
  padding: 120px 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-align: center;
}

.pickup-map-area {
  height: 260px;
  background: var(--color-gray30, #f6f6f6);
}

.notice-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}
.notice-list.fs9, .notice-list *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.notice-list.fs9m, .notice-list *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.notice-list.fs9b, .notice-list *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.notice-list.fs10, .notice-list *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.notice-list.fs10m, .notice-list *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.notice-list.fs10b, .notice-list *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.notice-list.fs11, .notice-list *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.notice-list.fs11m, .notice-list *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.notice-list.fs11b, .notice-list *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.notice-list.fs12, .notice-list *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.notice-list.fs12m, .notice-list *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.notice-list.fs12b, .notice-list *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.notice-list.fs13, .notice-list *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.notice-list.fs13m, .notice-list *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.notice-list.fs13b, .notice-list *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.notice-list.fs14, .notice-list *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.notice-list.fs14m, .notice-list *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.notice-list.fs14b, .notice-list *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.notice-list.fs16, .notice-list *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.notice-list.fs16m, .notice-list *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.notice-list.fs16b, .notice-list *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.notice-list.fs18, .notice-list *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.notice-list.fs18m, .notice-list *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.notice-list.fs18b, .notice-list *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.notice-list.fs20, .notice-list *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.notice-list.fs20m, .notice-list *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.notice-list.fs20b, .notice-list *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.notice-list.fs22, .notice-list *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.notice-list.fs22m, .notice-list *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.notice-list.fs22b, .notice-list *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.notice-list.fs24, .notice-list *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.notice-list.fs24m, .notice-list *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.notice-list.fs24b, .notice-list *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.notice-list.fs28, .notice-list *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.notice-list.fs28m, .notice-list *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.notice-list.fs28b, .notice-list *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.notice-list.fs32, .notice-list *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.notice-list.fs32m, .notice-list *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.notice-list.fs32b, .notice-list *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.notice-list.fs40, .notice-list *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.notice-list.fs40m, .notice-list *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.notice-list.fs40b, .notice-list *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.notice-list.fs42, .notice-list *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.notice-list.fs42m, .notice-list *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.notice-list.fs42b, .notice-list *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.notice-list.m2, .notice-list *.m2 {
  margin: 2px !important;
}
.notice-list.mt2, .notice-list *.mt2 {
  margin-top: 2px !important;
}
.notice-list.mb2, .notice-list *.mb2 {
  margin-bottom: 2px !important;
}
.notice-list.ml2, .notice-list *.ml2 {
  margin-left: 2px !important;
}
.notice-list.mr2, .notice-list *.mr2 {
  margin-right: 2px !important;
}
.notice-list.mx2, .notice-list *.mx2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.notice-list.my2, .notice-list *.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.notice-list.p2, .notice-list *.p2 {
  padding: 2px !important;
}
.notice-list.pt2, .notice-list *.pt2 {
  padding-top: 2px !important;
}
.notice-list.pb2, .notice-list *.pb2 {
  padding-bottom: 2px !important;
}
.notice-list.pl2, .notice-list *.pl2 {
  padding-left: 2px !important;
}
.notice-list.pr2, .notice-list *.pr2 {
  padding-right: 2px !important;
}
.notice-list.px2, .notice-list *.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.notice-list.py2, .notice-list *.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.notice-list.m4, .notice-list *.m4 {
  margin: 4px !important;
}
.notice-list.mt4, .notice-list *.mt4 {
  margin-top: 4px !important;
}
.notice-list.mb4, .notice-list *.mb4 {
  margin-bottom: 4px !important;
}
.notice-list.ml4, .notice-list *.ml4 {
  margin-left: 4px !important;
}
.notice-list.mr4, .notice-list *.mr4 {
  margin-right: 4px !important;
}
.notice-list.mx4, .notice-list *.mx4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.notice-list.my4, .notice-list *.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.notice-list.p4, .notice-list *.p4 {
  padding: 4px !important;
}
.notice-list.pt4, .notice-list *.pt4 {
  padding-top: 4px !important;
}
.notice-list.pb4, .notice-list *.pb4 {
  padding-bottom: 4px !important;
}
.notice-list.pl4, .notice-list *.pl4 {
  padding-left: 4px !important;
}
.notice-list.pr4, .notice-list *.pr4 {
  padding-right: 4px !important;
}
.notice-list.px4, .notice-list *.px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.notice-list.py4, .notice-list *.py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.notice-list.m8, .notice-list *.m8 {
  margin: 8px !important;
}
.notice-list.mt8, .notice-list *.mt8 {
  margin-top: 8px !important;
}
.notice-list.mb8, .notice-list *.mb8 {
  margin-bottom: 8px !important;
}
.notice-list.ml8, .notice-list *.ml8 {
  margin-left: 8px !important;
}
.notice-list.mr8, .notice-list *.mr8 {
  margin-right: 8px !important;
}
.notice-list.mx8, .notice-list *.mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.notice-list.my8, .notice-list *.my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.notice-list.p8, .notice-list *.p8 {
  padding: 8px !important;
}
.notice-list.pt8, .notice-list *.pt8 {
  padding-top: 8px !important;
}
.notice-list.pb8, .notice-list *.pb8 {
  padding-bottom: 8px !important;
}
.notice-list.pl8, .notice-list *.pl8 {
  padding-left: 8px !important;
}
.notice-list.pr8, .notice-list *.pr8 {
  padding-right: 8px !important;
}
.notice-list.px8, .notice-list *.px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.notice-list.py8, .notice-list *.py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.notice-list.m12, .notice-list *.m12 {
  margin: 12px !important;
}
.notice-list.mt12, .notice-list *.mt12 {
  margin-top: 12px !important;
}
.notice-list.mb12, .notice-list *.mb12 {
  margin-bottom: 12px !important;
}
.notice-list.ml12, .notice-list *.ml12 {
  margin-left: 12px !important;
}
.notice-list.mr12, .notice-list *.mr12 {
  margin-right: 12px !important;
}
.notice-list.mx12, .notice-list *.mx12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.notice-list.my12, .notice-list *.my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.notice-list.p12, .notice-list *.p12 {
  padding: 12px !important;
}
.notice-list.pt12, .notice-list *.pt12 {
  padding-top: 12px !important;
}
.notice-list.pb12, .notice-list *.pb12 {
  padding-bottom: 12px !important;
}
.notice-list.pl12, .notice-list *.pl12 {
  padding-left: 12px !important;
}
.notice-list.pr12, .notice-list *.pr12 {
  padding-right: 12px !important;
}
.notice-list.px12, .notice-list *.px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.notice-list.py12, .notice-list *.py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.notice-list.m16, .notice-list *.m16 {
  margin: 16px !important;
}
.notice-list.mt16, .notice-list *.mt16 {
  margin-top: 16px !important;
}
.notice-list.mb16, .notice-list *.mb16 {
  margin-bottom: 16px !important;
}
.notice-list.ml16, .notice-list *.ml16 {
  margin-left: 16px !important;
}
.notice-list.mr16, .notice-list *.mr16 {
  margin-right: 16px !important;
}
.notice-list.mx16, .notice-list *.mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.notice-list.my16, .notice-list *.my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.notice-list.p16, .notice-list *.p16 {
  padding: 16px !important;
}
.notice-list.pt16, .notice-list *.pt16 {
  padding-top: 16px !important;
}
.notice-list.pb16, .notice-list *.pb16 {
  padding-bottom: 16px !important;
}
.notice-list.pl16, .notice-list *.pl16 {
  padding-left: 16px !important;
}
.notice-list.pr16, .notice-list *.pr16 {
  padding-right: 16px !important;
}
.notice-list.px16, .notice-list *.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.notice-list.py16, .notice-list *.py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.notice-list.m20, .notice-list *.m20 {
  margin: 20px !important;
}
.notice-list.mt20, .notice-list *.mt20 {
  margin-top: 20px !important;
}
.notice-list.mb20, .notice-list *.mb20 {
  margin-bottom: 20px !important;
}
.notice-list.ml20, .notice-list *.ml20 {
  margin-left: 20px !important;
}
.notice-list.mr20, .notice-list *.mr20 {
  margin-right: 20px !important;
}
.notice-list.mx20, .notice-list *.mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.notice-list.my20, .notice-list *.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.notice-list.p20, .notice-list *.p20 {
  padding: 20px !important;
}
.notice-list.pt20, .notice-list *.pt20 {
  padding-top: 20px !important;
}
.notice-list.pb20, .notice-list *.pb20 {
  padding-bottom: 20px !important;
}
.notice-list.pl20, .notice-list *.pl20 {
  padding-left: 20px !important;
}
.notice-list.pr20, .notice-list *.pr20 {
  padding-right: 20px !important;
}
.notice-list.px20, .notice-list *.px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.notice-list.py20, .notice-list *.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.notice-list.m24, .notice-list *.m24 {
  margin: 24px !important;
}
.notice-list.mt24, .notice-list *.mt24 {
  margin-top: 24px !important;
}
.notice-list.mb24, .notice-list *.mb24 {
  margin-bottom: 24px !important;
}
.notice-list.ml24, .notice-list *.ml24 {
  margin-left: 24px !important;
}
.notice-list.mr24, .notice-list *.mr24 {
  margin-right: 24px !important;
}
.notice-list.mx24, .notice-list *.mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.notice-list.my24, .notice-list *.my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.notice-list.p24, .notice-list *.p24 {
  padding: 24px !important;
}
.notice-list.pt24, .notice-list *.pt24 {
  padding-top: 24px !important;
}
.notice-list.pb24, .notice-list *.pb24 {
  padding-bottom: 24px !important;
}
.notice-list.pl24, .notice-list *.pl24 {
  padding-left: 24px !important;
}
.notice-list.pr24, .notice-list *.pr24 {
  padding-right: 24px !important;
}
.notice-list.px24, .notice-list *.px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.notice-list.py24, .notice-list *.py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.notice-list.m28, .notice-list *.m28 {
  margin: 28px !important;
}
.notice-list.mt28, .notice-list *.mt28 {
  margin-top: 28px !important;
}
.notice-list.mb28, .notice-list *.mb28 {
  margin-bottom: 28px !important;
}
.notice-list.ml28, .notice-list *.ml28 {
  margin-left: 28px !important;
}
.notice-list.mr28, .notice-list *.mr28 {
  margin-right: 28px !important;
}
.notice-list.mx28, .notice-list *.mx28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.notice-list.my28, .notice-list *.my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.notice-list.p28, .notice-list *.p28 {
  padding: 28px !important;
}
.notice-list.pt28, .notice-list *.pt28 {
  padding-top: 28px !important;
}
.notice-list.pb28, .notice-list *.pb28 {
  padding-bottom: 28px !important;
}
.notice-list.pl28, .notice-list *.pl28 {
  padding-left: 28px !important;
}
.notice-list.pr28, .notice-list *.pr28 {
  padding-right: 28px !important;
}
.notice-list.px28, .notice-list *.px28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.notice-list.py28, .notice-list *.py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.notice-list.m32, .notice-list *.m32 {
  margin: 32px !important;
}
.notice-list.mt32, .notice-list *.mt32 {
  margin-top: 32px !important;
}
.notice-list.mb32, .notice-list *.mb32 {
  margin-bottom: 32px !important;
}
.notice-list.ml32, .notice-list *.ml32 {
  margin-left: 32px !important;
}
.notice-list.mr32, .notice-list *.mr32 {
  margin-right: 32px !important;
}
.notice-list.mx32, .notice-list *.mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.notice-list.my32, .notice-list *.my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.notice-list.p32, .notice-list *.p32 {
  padding: 32px !important;
}
.notice-list.pt32, .notice-list *.pt32 {
  padding-top: 32px !important;
}
.notice-list.pb32, .notice-list *.pb32 {
  padding-bottom: 32px !important;
}
.notice-list.pl32, .notice-list *.pl32 {
  padding-left: 32px !important;
}
.notice-list.pr32, .notice-list *.pr32 {
  padding-right: 32px !important;
}
.notice-list.px32, .notice-list *.px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.notice-list.py32, .notice-list *.py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.notice-list.m36, .notice-list *.m36 {
  margin: 36px !important;
}
.notice-list.mt36, .notice-list *.mt36 {
  margin-top: 36px !important;
}
.notice-list.mb36, .notice-list *.mb36 {
  margin-bottom: 36px !important;
}
.notice-list.ml36, .notice-list *.ml36 {
  margin-left: 36px !important;
}
.notice-list.mr36, .notice-list *.mr36 {
  margin-right: 36px !important;
}
.notice-list.mx36, .notice-list *.mx36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.notice-list.my36, .notice-list *.my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.notice-list.p36, .notice-list *.p36 {
  padding: 36px !important;
}
.notice-list.pt36, .notice-list *.pt36 {
  padding-top: 36px !important;
}
.notice-list.pb36, .notice-list *.pb36 {
  padding-bottom: 36px !important;
}
.notice-list.pl36, .notice-list *.pl36 {
  padding-left: 36px !important;
}
.notice-list.pr36, .notice-list *.pr36 {
  padding-right: 36px !important;
}
.notice-list.px36, .notice-list *.px36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.notice-list.py36, .notice-list *.py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.notice-list.m40, .notice-list *.m40 {
  margin: 40px !important;
}
.notice-list.mt40, .notice-list *.mt40 {
  margin-top: 40px !important;
}
.notice-list.mb40, .notice-list *.mb40 {
  margin-bottom: 40px !important;
}
.notice-list.ml40, .notice-list *.ml40 {
  margin-left: 40px !important;
}
.notice-list.mr40, .notice-list *.mr40 {
  margin-right: 40px !important;
}
.notice-list.mx40, .notice-list *.mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.notice-list.my40, .notice-list *.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.notice-list.p40, .notice-list *.p40 {
  padding: 40px !important;
}
.notice-list.pt40, .notice-list *.pt40 {
  padding-top: 40px !important;
}
.notice-list.pb40, .notice-list *.pb40 {
  padding-bottom: 40px !important;
}
.notice-list.pl40, .notice-list *.pl40 {
  padding-left: 40px !important;
}
.notice-list.pr40, .notice-list *.pr40 {
  padding-right: 40px !important;
}
.notice-list.px40, .notice-list *.px40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.notice-list.py40, .notice-list *.py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.notice-list.m44, .notice-list *.m44 {
  margin: 44px !important;
}
.notice-list.mt44, .notice-list *.mt44 {
  margin-top: 44px !important;
}
.notice-list.mb44, .notice-list *.mb44 {
  margin-bottom: 44px !important;
}
.notice-list.ml44, .notice-list *.ml44 {
  margin-left: 44px !important;
}
.notice-list.mr44, .notice-list *.mr44 {
  margin-right: 44px !important;
}
.notice-list.mx44, .notice-list *.mx44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.notice-list.my44, .notice-list *.my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.notice-list.p44, .notice-list *.p44 {
  padding: 44px !important;
}
.notice-list.pt44, .notice-list *.pt44 {
  padding-top: 44px !important;
}
.notice-list.pb44, .notice-list *.pb44 {
  padding-bottom: 44px !important;
}
.notice-list.pl44, .notice-list *.pl44 {
  padding-left: 44px !important;
}
.notice-list.pr44, .notice-list *.pr44 {
  padding-right: 44px !important;
}
.notice-list.px44, .notice-list *.px44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.notice-list.py44, .notice-list *.py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.notice-list.m48, .notice-list *.m48 {
  margin: 48px !important;
}
.notice-list.mt48, .notice-list *.mt48 {
  margin-top: 48px !important;
}
.notice-list.mb48, .notice-list *.mb48 {
  margin-bottom: 48px !important;
}
.notice-list.ml48, .notice-list *.ml48 {
  margin-left: 48px !important;
}
.notice-list.mr48, .notice-list *.mr48 {
  margin-right: 48px !important;
}
.notice-list.mx48, .notice-list *.mx48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.notice-list.my48, .notice-list *.my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.notice-list.p48, .notice-list *.p48 {
  padding: 48px !important;
}
.notice-list.pt48, .notice-list *.pt48 {
  padding-top: 48px !important;
}
.notice-list.pb48, .notice-list *.pb48 {
  padding-bottom: 48px !important;
}
.notice-list.pl48, .notice-list *.pl48 {
  padding-left: 48px !important;
}
.notice-list.pr48, .notice-list *.pr48 {
  padding-right: 48px !important;
}
.notice-list.px48, .notice-list *.px48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.notice-list.py48, .notice-list *.py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.notice-list.m52, .notice-list *.m52 {
  margin: 52px !important;
}
.notice-list.mt52, .notice-list *.mt52 {
  margin-top: 52px !important;
}
.notice-list.mb52, .notice-list *.mb52 {
  margin-bottom: 52px !important;
}
.notice-list.ml52, .notice-list *.ml52 {
  margin-left: 52px !important;
}
.notice-list.mr52, .notice-list *.mr52 {
  margin-right: 52px !important;
}
.notice-list.mx52, .notice-list *.mx52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.notice-list.my52, .notice-list *.my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.notice-list.p52, .notice-list *.p52 {
  padding: 52px !important;
}
.notice-list.pt52, .notice-list *.pt52 {
  padding-top: 52px !important;
}
.notice-list.pb52, .notice-list *.pb52 {
  padding-bottom: 52px !important;
}
.notice-list.pl52, .notice-list *.pl52 {
  padding-left: 52px !important;
}
.notice-list.pr52, .notice-list *.pr52 {
  padding-right: 52px !important;
}
.notice-list.px52, .notice-list *.px52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.notice-list.py52, .notice-list *.py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.notice-list.m56, .notice-list *.m56 {
  margin: 56px !important;
}
.notice-list.mt56, .notice-list *.mt56 {
  margin-top: 56px !important;
}
.notice-list.mb56, .notice-list *.mb56 {
  margin-bottom: 56px !important;
}
.notice-list.ml56, .notice-list *.ml56 {
  margin-left: 56px !important;
}
.notice-list.mr56, .notice-list *.mr56 {
  margin-right: 56px !important;
}
.notice-list.mx56, .notice-list *.mx56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.notice-list.my56, .notice-list *.my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.notice-list.p56, .notice-list *.p56 {
  padding: 56px !important;
}
.notice-list.pt56, .notice-list *.pt56 {
  padding-top: 56px !important;
}
.notice-list.pb56, .notice-list *.pb56 {
  padding-bottom: 56px !important;
}
.notice-list.pl56, .notice-list *.pl56 {
  padding-left: 56px !important;
}
.notice-list.pr56, .notice-list *.pr56 {
  padding-right: 56px !important;
}
.notice-list.px56, .notice-list *.px56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.notice-list.py56, .notice-list *.py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.notice-list.m60, .notice-list *.m60 {
  margin: 60px !important;
}
.notice-list.mt60, .notice-list *.mt60 {
  margin-top: 60px !important;
}
.notice-list.mb60, .notice-list *.mb60 {
  margin-bottom: 60px !important;
}
.notice-list.ml60, .notice-list *.ml60 {
  margin-left: 60px !important;
}
.notice-list.mr60, .notice-list *.mr60 {
  margin-right: 60px !important;
}
.notice-list.mx60, .notice-list *.mx60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.notice-list.my60, .notice-list *.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.notice-list.p60, .notice-list *.p60 {
  padding: 60px !important;
}
.notice-list.pt60, .notice-list *.pt60 {
  padding-top: 60px !important;
}
.notice-list.pb60, .notice-list *.pb60 {
  padding-bottom: 60px !important;
}
.notice-list.pl60, .notice-list *.pl60 {
  padding-left: 60px !important;
}
.notice-list.pr60, .notice-list *.pr60 {
  padding-right: 60px !important;
}
.notice-list.px60, .notice-list *.px60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.notice-list.py60, .notice-list *.py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.notice-list.m64, .notice-list *.m64 {
  margin: 64px !important;
}
.notice-list.mt64, .notice-list *.mt64 {
  margin-top: 64px !important;
}
.notice-list.mb64, .notice-list *.mb64 {
  margin-bottom: 64px !important;
}
.notice-list.ml64, .notice-list *.ml64 {
  margin-left: 64px !important;
}
.notice-list.mr64, .notice-list *.mr64 {
  margin-right: 64px !important;
}
.notice-list.mx64, .notice-list *.mx64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.notice-list.my64, .notice-list *.my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.notice-list.p64, .notice-list *.p64 {
  padding: 64px !important;
}
.notice-list.pt64, .notice-list *.pt64 {
  padding-top: 64px !important;
}
.notice-list.pb64, .notice-list *.pb64 {
  padding-bottom: 64px !important;
}
.notice-list.pl64, .notice-list *.pl64 {
  padding-left: 64px !important;
}
.notice-list.pr64, .notice-list *.pr64 {
  padding-right: 64px !important;
}
.notice-list.px64, .notice-list *.px64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.notice-list.py64, .notice-list *.py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.notice-list.underline, .notice-list *.underline {
  text-decoration: underline !important;
}
.notice-list li {
  padding-left: 11px;
  position: relative;
}
.notice-list li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: var(--radius-circle, 50%);
  background-color: currentColor;
}

.tbl {
  width: 100%;
  border-collapse: collapse;
}
.tbl th,
.tbl td {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 22px;
  border: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  text-align: center;
  vertical-align: middle;
}
.tbl thead th {
  background: var(--color-gray30, #f6f6f6);
  font-weight: 700;
}
.tbl tbody th {
  font-weight: 400;
  background: var(--color-gray30, #f6f6f6);
}

.tbl-header .tbl-unit {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
  text-align: right;
  margin-top: 8px;
}

.tbl-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray200, #cccccc) var(--color-gray30, #f6f6f6);
}
.tbl-scroll::-webkit-scrollbar {
  height: 12px;
}
.tbl-scroll::-webkit-scrollbar-track {
  background: var(--color-gray30, #f6f6f6);
  border-radius: var(--radius-full, 999px);
}
.tbl-scroll::-webkit-scrollbar-thumb {
  background: var(--color-gray200, #cccccc);
  border-radius: var(--radius-full, 999px);
}
.tbl-scroll > .tbl {
  table-layout: fixed;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
}
.tbl-scroll > .tbl > thead > tr > th,
.tbl-scroll > .tbl > thead > tr > td,
.tbl-scroll > .tbl > tbody > tr > th,
.tbl-scroll > .tbl > tbody > tr > td {
  border-top: none;
  border-left: none;
  border-right: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.tbl-scroll > .tbl > thead > tr:first-child > th,
.tbl-scroll > .tbl > thead > tr:first-child > td {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.tbl-scroll > .tbl:not(:has(> thead)) > tbody > tr:first-child > th, .tbl-scroll > .tbl:not(:has(> thead)) > tbody > tr:first-child > td {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.tbl-scroll > .tbl > thead > tr > th:first-child,
.tbl-scroll > .tbl > tbody > tr > th {
  position: sticky;
  left: 0;
  z-index: 1;
  border-left: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.tbl-scroll > .tbl > thead > tr > th:first-child {
  background: var(--color-gray30, #f6f6f6);
}
.tbl-scroll > .tbl > tbody > tr > th {
  background: var(--color-white, #ffffff);
}
.tbl-scroll > .tbl:not(:has(> thead)) > tbody > tr > th {
  background: var(--color-gray30, #f6f6f6);
}

col.col-pc-40 {
  width: 40px;
}

col.col-pc-60 {
  width: 60px;
}

col.col-pc-80 {
  width: 80px;
}

col.col-pc-100 {
  width: 100px;
}

col.col-pc-120 {
  width: 120px;
}

col.col-pc-140 {
  width: 140px;
}

col.col-pc-160 {
  width: 160px;
}

col.col-pc-180 {
  width: 180px;
}

col.col-pc-200 {
  width: 200px;
}

col.col-pc-240 {
  width: 240px;
}

.line-tbl {
  width: 100%;
  border-collapse: collapse;
}
.line-tbl th {
  padding: 10px 8px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  vertical-align: middle;
}
.line-tbl td {
  padding: 24px 8px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.line-tbl td:first-child {
  text-align: left;
  padding-left: 0;
}

.divide-list {
  display: flex;
  align-items: center;
  gap: 8px;
}

.color-black {
  color: #000000 !important;
}

.color-white {
  color: #ffffff !important;
}

.color-alert {
  color: #ff0000 !important;
}

.color-point {
  color: #eb58ee !important;
}

.color-gray900 {
  color: #030303 !important;
}

.color-gray800 {
  color: #0e0e0e !important;
}

.color-gray700 {
  color: #222222 !important;
}

.color-gray600 {
  color: #444444 !important;
}

.color-gray500 {
  color: #666666 !important;
}

.color-gray400 {
  color: #757575 !important;
}

.color-gray300 {
  color: #bbbbbb !important;
}

.color-gray200 {
  color: #cccccc !important;
}

.color-gray50 {
  color: #efefef !important;
}

.color-gray30 {
  color: #f6f6f6 !important;
}

.color-focus {
  color: #0066cc !important;
}

.ico-bg-black {
  background-color: #000000 !important;
}

.ico-bg-white {
  background-color: #ffffff !important;
}

.ico-bg-alert {
  background-color: #ff0000 !important;
}

.ico-bg-point {
  background-color: #eb58ee !important;
}

.ico-bg-gray900 {
  background-color: #030303 !important;
}

.ico-bg-gray800 {
  background-color: #0e0e0e !important;
}

.ico-bg-gray700 {
  background-color: #222222 !important;
}

.ico-bg-gray600 {
  background-color: #444444 !important;
}

.ico-bg-gray500 {
  background-color: #666666 !important;
}

.ico-bg-gray400 {
  background-color: #757575 !important;
}

.ico-bg-gray300 {
  background-color: #bbbbbb !important;
}

.ico-bg-gray200 {
  background-color: #cccccc !important;
}

.ico-bg-gray50 {
  background-color: #efefef !important;
}

.ico-bg-gray30 {
  background-color: #f6f6f6 !important;
}

.ico-bg-focus {
  background-color: #0066cc !important;
}

.ico-size-4 {
  width: 4px !important;
  height: 4px !important;
}

.ico-size-6 {
  width: 6px !important;
  height: 6px !important;
}

.ico-size-8 {
  width: 8px !important;
  height: 8px !important;
}

.ico-size-9 {
  width: 9px !important;
  height: 9px !important;
}

.ico-size-10 {
  width: 10px !important;
  height: 10px !important;
}

.ico-size-12 {
  width: 12px !important;
  height: 12px !important;
}

.ico-size-14 {
  width: 14px !important;
  height: 14px !important;
}

.ico-size-16 {
  width: 16px !important;
  height: 16px !important;
}

.ico-size-18 {
  width: 18px !important;
  height: 18px !important;
}

.ico-size-20 {
  width: 20px !important;
  height: 20px !important;
}

.ico-size-22 {
  width: 22px !important;
  height: 22px !important;
}

.ico-size-24 {
  width: 24px !important;
  height: 24px !important;
}

.ico-size-26 {
  width: 26px !important;
  height: 26px !important;
}

.ico-size-28 {
  width: 28px !important;
  height: 28px !important;
}

.ico-size-30 {
  width: 30px !important;
  height: 30px !important;
}

.ico-size-32 {
  width: 32px !important;
  height: 32px !important;
}

.ico-size-36 {
  width: 36px !important;
  height: 36px !important;
}

.ico-size-40 {
  width: 40px !important;
  height: 40px !important;
}

.ico-size-50 {
  width: 50px !important;
  height: 50px !important;
}

.ellipsis {
  display: grid;
}
.ellipsis > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis-2 {
  display: grid;
}
.ellipsis-2 > * {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-3 {
  display: grid;
}
.ellipsis-3 > * {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-4 {
  display: grid;
}
.ellipsis-4 > * {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ellipsis-5 {
  display: grid;
}
.ellipsis-5 > * {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.fw400 {
  font-weight: 400 !important;
}

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

.fw700 {
  font-weight: 700 !important;
}

.fw800 {
  font-weight: 800 !important;
}

.underline {
  text-decoration: underline !important;
}

.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

i[class^=ico-], i[class*=" ico-"] {
  display: inline-block;
  background-color: var(--color-black, #000000);
  flex-shrink: 0;
}

i.ico-cart {
  -webkit-mask: url("../images/ico/ico-cart.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-cart.svg") center/contain no-repeat;
}

i.ico-chev-circle-left {
  -webkit-mask: url("../images/ico/ico-chev-circle-left.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-circle-left.svg") center/contain no-repeat;
}

i.ico-chev-circle-right {
  -webkit-mask: url("../images/ico/ico-chev-circle-right.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-circle-right.svg") center/contain no-repeat;
}

i.ico-heart {
  -webkit-mask: url("../images/ico/ico-heart.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-heart.svg") center/contain no-repeat;
}

i.ico-info {
  -webkit-mask: url("../images/ico/ico-info.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-info.svg") center/contain no-repeat;
}

i.ico-menu {
  -webkit-mask: url("../images/ico/ico-menu.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-menu.svg") center/contain no-repeat;
}

i.ico-mypage {
  -webkit-mask: url("../images/ico/ico-mypage.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-mypage.svg") center/contain no-repeat;
}

i.ico-search {
  -webkit-mask: url("../images/ico/ico-search.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-search.svg") center/contain no-repeat;
}

i.ico-share {
  -webkit-mask: url("../images/ico/ico-share.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-share.svg") center/contain no-repeat;
}

i.ico-cart-on {
  -webkit-mask: url("../images/ico/ico-cart-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-cart-on.svg") center/contain no-repeat;
}

i.ico-change {
  -webkit-mask: url("../images/ico/ico-change.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-change.svg") center/contain no-repeat;
}

i.ico-delivery {
  -webkit-mask: url("../images/ico/ico-delivery.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-delivery.svg") center/contain no-repeat;
}

i.ico-heart-on {
  -webkit-mask: url("../images/ico/ico-heart-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-heart-on.svg") center/contain no-repeat;
}

i.ico-locate {
  -webkit-mask: url("../images/ico/ico-locate.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-locate.svg") center/contain no-repeat;
}

i.ico-lock {
  -webkit-mask: url("../images/ico/ico-lock.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-lock.svg") center/contain no-repeat;
}

i.ico-mypage-on {
  -webkit-mask: url("../images/ico/ico-mypage-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-mypage-on.svg") center/contain no-repeat;
}

i.ico-tri-down {
  -webkit-mask: url("../images/ico/ico-tri-down.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-tri-down.svg") center/contain no-repeat;
}

i.ico-tri-up {
  -webkit-mask: url("../images/ico/ico-tri-up.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-tri-up.svg") center/contain no-repeat;
}

i.ico-arr-prev {
  -webkit-mask: url("../images/ico/ico-arr-prev.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-arr-prev.svg") center/contain no-repeat;
}

i.ico-arr-next {
  -webkit-mask: url("../images/ico/ico-arr-next.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-arr-next.svg") center/contain no-repeat;
}

i.ico-arr-top {
  -webkit-mask: url("../images/ico/ico-arr-top.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-arr-top.svg") center/contain no-repeat;
}

i.ico-valid {
  -webkit-mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-valid.svg") center/contain no-repeat;
}

i.ico-check {
  -webkit-mask: url("../images/ico/ico-check.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-check.svg") center/contain no-repeat;
}

i.ico-chev-first {
  -webkit-mask: url("../images/ico/ico-chev-first.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-first.svg") center/contain no-repeat;
}

i.ico-chev-last {
  -webkit-mask: url("../images/ico/ico-chev-last.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-last.svg") center/contain no-repeat;
}

i.ico-chev-left {
  -webkit-mask: url("../images/ico/ico-chev-left.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-left.svg") center/contain no-repeat;
}

i.ico-chev-down {
  -webkit-mask: url("../images/ico/ico-chev-down.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-down.svg") center/contain no-repeat;
}

i.ico-chev-up {
  -webkit-mask: url("../images/ico/ico-chev-up.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-up.svg") center/contain no-repeat;
}

i.ico-chev-right {
  -webkit-mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-chev-right.svg") center/contain no-repeat;
}

i.ico-close {
  -webkit-mask: url("../images/ico/ico-close.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-close.svg") center/contain no-repeat;
}

i.ico-menu-close {
  -webkit-mask: url("../images/ico/ico-menu-close.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-menu-close.svg") center/contain no-repeat;
}

i.ico-close-margin {
  -webkit-mask: url("../images/ico/ico-close-margin.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-close-margin.svg") center/contain no-repeat;
}

i.ico-download {
  -webkit-mask: url("../images/ico/ico-download.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-download.svg") center/contain no-repeat;
}

i.ico-eye {
  -webkit-mask: url("../images/ico/ico-eye.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-eye.svg") center/contain no-repeat;
}

i.ico-eye-x {
  -webkit-mask: url("../images/ico/ico-eye-x.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-eye-x.svg") center/contain no-repeat;
}

i.ico-map {
  -webkit-mask: url("../images/ico/ico-map.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-map.svg") center/contain no-repeat;
}

i.ico-minus {
  -webkit-mask: url("../images/ico/ico-minus.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-minus.svg") center/contain no-repeat;
}

i.ico-plus {
  -webkit-mask: url("../images/ico/ico-plus.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-plus.svg") center/contain no-repeat;
}

i.ico-plus-margin {
  -webkit-mask: url("../images/ico/ico-plus-margin.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-plus-margin.svg") center/contain no-repeat;
}

i.ico-sound-off {
  -webkit-mask: url("../images/ico/ico-sound-off.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-sound-off.svg") center/contain no-repeat;
}

i.ico-sound-on {
  -webkit-mask: url("../images/ico/ico-sound-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-sound-on.svg") center/contain no-repeat;
}

i.ico-star {
  -webkit-mask: url("../images/ico/ico-star.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-star.svg") center/contain no-repeat;
}

i.ico-star-on {
  -webkit-mask: url("../images/ico/ico-star-on.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-star-on.svg") center/contain no-repeat;
}

i.ico-tel {
  -webkit-mask: url("../images/ico/ico-tel.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-tel.svg") center/contain no-repeat;
}

i.ico-zoom-in {
  -webkit-mask: url("../images/ico/ico-zoom-in.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-zoom-in.svg") center/contain no-repeat;
}

i.ico-zoom-out {
  -webkit-mask: url("../images/ico/ico-zoom-out.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-zoom-out.svg") center/contain no-repeat;
}

i.ico-autoplay-play {
  -webkit-mask: url("../images/ico/ico-autoplay-play.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-autoplay-play.svg") center/contain no-repeat;
}

i.ico-autoplay-pause {
  -webkit-mask: url("../images/ico/ico-autoplay-pause.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-autoplay-pause.svg") center/contain no-repeat;
}

i.ico-result-alert {
  background-image: url("../images/ico/ico-result-alert.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

i.ico-result-success {
  background-image: url("../images/ico/ico-result-success.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

i.ico-close-margin-bg {
  background-image: url("../images/ico/ico-close-margin-bg.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
}

.swiper-button-lock,
.swiper-pagination-lock {
  display: none !important;
}

.tooltip {
  position: relative;
  display: inline-flex;
}
.tooltip > button {
  display: flex;
  align-items: center;
}
.tooltip .ico-info.ico-size-16 {
  width: 14px !important;
  height: 14px !important;
}
.tooltip.fs9, .tooltip *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.tooltip.fs9m, .tooltip *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.tooltip.fs9b, .tooltip *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.tooltip.fs10, .tooltip *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.tooltip.fs10m, .tooltip *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.tooltip.fs10b, .tooltip *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.tooltip.fs11, .tooltip *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.tooltip.fs11m, .tooltip *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.tooltip.fs11b, .tooltip *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.tooltip.fs12, .tooltip *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.tooltip.fs12m, .tooltip *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.tooltip.fs12b, .tooltip *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.tooltip.fs13, .tooltip *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.tooltip.fs13m, .tooltip *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.tooltip.fs13b, .tooltip *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.tooltip.fs14, .tooltip *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.tooltip.fs14m, .tooltip *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.tooltip.fs14b, .tooltip *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.tooltip.fs16, .tooltip *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.tooltip.fs16m, .tooltip *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.tooltip.fs16b, .tooltip *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.tooltip.fs18, .tooltip *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.tooltip.fs18m, .tooltip *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.tooltip.fs18b, .tooltip *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.tooltip.fs20, .tooltip *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.tooltip.fs20m, .tooltip *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.tooltip.fs20b, .tooltip *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.tooltip.fs22, .tooltip *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.tooltip.fs22m, .tooltip *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.tooltip.fs22b, .tooltip *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.tooltip.fs24, .tooltip *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.tooltip.fs24m, .tooltip *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.tooltip.fs24b, .tooltip *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.tooltip.fs28, .tooltip *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.tooltip.fs28m, .tooltip *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.tooltip.fs28b, .tooltip *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.tooltip.fs32, .tooltip *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.tooltip.fs32m, .tooltip *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.tooltip.fs32b, .tooltip *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.tooltip.fs40, .tooltip *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.tooltip.fs40m, .tooltip *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.tooltip.fs40b, .tooltip *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.tooltip.fs42, .tooltip *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.tooltip.fs42m, .tooltip *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.tooltip.fs42b, .tooltip *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.tooltip.m2, .tooltip *.m2 {
  margin: 2px !important;
}
.tooltip.mt2, .tooltip *.mt2 {
  margin-top: 2px !important;
}
.tooltip.mb2, .tooltip *.mb2 {
  margin-bottom: 2px !important;
}
.tooltip.ml2, .tooltip *.ml2 {
  margin-left: 2px !important;
}
.tooltip.mr2, .tooltip *.mr2 {
  margin-right: 2px !important;
}
.tooltip.mx2, .tooltip *.mx2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.tooltip.my2, .tooltip *.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.tooltip.p2, .tooltip *.p2 {
  padding: 2px !important;
}
.tooltip.pt2, .tooltip *.pt2 {
  padding-top: 2px !important;
}
.tooltip.pb2, .tooltip *.pb2 {
  padding-bottom: 2px !important;
}
.tooltip.pl2, .tooltip *.pl2 {
  padding-left: 2px !important;
}
.tooltip.pr2, .tooltip *.pr2 {
  padding-right: 2px !important;
}
.tooltip.px2, .tooltip *.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.tooltip.py2, .tooltip *.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.tooltip.m4, .tooltip *.m4 {
  margin: 4px !important;
}
.tooltip.mt4, .tooltip *.mt4 {
  margin-top: 4px !important;
}
.tooltip.mb4, .tooltip *.mb4 {
  margin-bottom: 4px !important;
}
.tooltip.ml4, .tooltip *.ml4 {
  margin-left: 4px !important;
}
.tooltip.mr4, .tooltip *.mr4 {
  margin-right: 4px !important;
}
.tooltip.mx4, .tooltip *.mx4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.tooltip.my4, .tooltip *.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.tooltip.p4, .tooltip *.p4 {
  padding: 4px !important;
}
.tooltip.pt4, .tooltip *.pt4 {
  padding-top: 4px !important;
}
.tooltip.pb4, .tooltip *.pb4 {
  padding-bottom: 4px !important;
}
.tooltip.pl4, .tooltip *.pl4 {
  padding-left: 4px !important;
}
.tooltip.pr4, .tooltip *.pr4 {
  padding-right: 4px !important;
}
.tooltip.px4, .tooltip *.px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.tooltip.py4, .tooltip *.py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.tooltip.m8, .tooltip *.m8 {
  margin: 8px !important;
}
.tooltip.mt8, .tooltip *.mt8 {
  margin-top: 8px !important;
}
.tooltip.mb8, .tooltip *.mb8 {
  margin-bottom: 8px !important;
}
.tooltip.ml8, .tooltip *.ml8 {
  margin-left: 8px !important;
}
.tooltip.mr8, .tooltip *.mr8 {
  margin-right: 8px !important;
}
.tooltip.mx8, .tooltip *.mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.tooltip.my8, .tooltip *.my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.tooltip.p8, .tooltip *.p8 {
  padding: 8px !important;
}
.tooltip.pt8, .tooltip *.pt8 {
  padding-top: 8px !important;
}
.tooltip.pb8, .tooltip *.pb8 {
  padding-bottom: 8px !important;
}
.tooltip.pl8, .tooltip *.pl8 {
  padding-left: 8px !important;
}
.tooltip.pr8, .tooltip *.pr8 {
  padding-right: 8px !important;
}
.tooltip.px8, .tooltip *.px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.tooltip.py8, .tooltip *.py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.tooltip.m12, .tooltip *.m12 {
  margin: 12px !important;
}
.tooltip.mt12, .tooltip *.mt12 {
  margin-top: 12px !important;
}
.tooltip.mb12, .tooltip *.mb12 {
  margin-bottom: 12px !important;
}
.tooltip.ml12, .tooltip *.ml12 {
  margin-left: 12px !important;
}
.tooltip.mr12, .tooltip *.mr12 {
  margin-right: 12px !important;
}
.tooltip.mx12, .tooltip *.mx12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.tooltip.my12, .tooltip *.my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.tooltip.p12, .tooltip *.p12 {
  padding: 12px !important;
}
.tooltip.pt12, .tooltip *.pt12 {
  padding-top: 12px !important;
}
.tooltip.pb12, .tooltip *.pb12 {
  padding-bottom: 12px !important;
}
.tooltip.pl12, .tooltip *.pl12 {
  padding-left: 12px !important;
}
.tooltip.pr12, .tooltip *.pr12 {
  padding-right: 12px !important;
}
.tooltip.px12, .tooltip *.px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.tooltip.py12, .tooltip *.py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.tooltip.m16, .tooltip *.m16 {
  margin: 16px !important;
}
.tooltip.mt16, .tooltip *.mt16 {
  margin-top: 16px !important;
}
.tooltip.mb16, .tooltip *.mb16 {
  margin-bottom: 16px !important;
}
.tooltip.ml16, .tooltip *.ml16 {
  margin-left: 16px !important;
}
.tooltip.mr16, .tooltip *.mr16 {
  margin-right: 16px !important;
}
.tooltip.mx16, .tooltip *.mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.tooltip.my16, .tooltip *.my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.tooltip.p16, .tooltip *.p16 {
  padding: 16px !important;
}
.tooltip.pt16, .tooltip *.pt16 {
  padding-top: 16px !important;
}
.tooltip.pb16, .tooltip *.pb16 {
  padding-bottom: 16px !important;
}
.tooltip.pl16, .tooltip *.pl16 {
  padding-left: 16px !important;
}
.tooltip.pr16, .tooltip *.pr16 {
  padding-right: 16px !important;
}
.tooltip.px16, .tooltip *.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.tooltip.py16, .tooltip *.py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.tooltip.m20, .tooltip *.m20 {
  margin: 20px !important;
}
.tooltip.mt20, .tooltip *.mt20 {
  margin-top: 20px !important;
}
.tooltip.mb20, .tooltip *.mb20 {
  margin-bottom: 20px !important;
}
.tooltip.ml20, .tooltip *.ml20 {
  margin-left: 20px !important;
}
.tooltip.mr20, .tooltip *.mr20 {
  margin-right: 20px !important;
}
.tooltip.mx20, .tooltip *.mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.tooltip.my20, .tooltip *.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.tooltip.p20, .tooltip *.p20 {
  padding: 20px !important;
}
.tooltip.pt20, .tooltip *.pt20 {
  padding-top: 20px !important;
}
.tooltip.pb20, .tooltip *.pb20 {
  padding-bottom: 20px !important;
}
.tooltip.pl20, .tooltip *.pl20 {
  padding-left: 20px !important;
}
.tooltip.pr20, .tooltip *.pr20 {
  padding-right: 20px !important;
}
.tooltip.px20, .tooltip *.px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.tooltip.py20, .tooltip *.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.tooltip.m24, .tooltip *.m24 {
  margin: 24px !important;
}
.tooltip.mt24, .tooltip *.mt24 {
  margin-top: 24px !important;
}
.tooltip.mb24, .tooltip *.mb24 {
  margin-bottom: 24px !important;
}
.tooltip.ml24, .tooltip *.ml24 {
  margin-left: 24px !important;
}
.tooltip.mr24, .tooltip *.mr24 {
  margin-right: 24px !important;
}
.tooltip.mx24, .tooltip *.mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.tooltip.my24, .tooltip *.my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.tooltip.p24, .tooltip *.p24 {
  padding: 24px !important;
}
.tooltip.pt24, .tooltip *.pt24 {
  padding-top: 24px !important;
}
.tooltip.pb24, .tooltip *.pb24 {
  padding-bottom: 24px !important;
}
.tooltip.pl24, .tooltip *.pl24 {
  padding-left: 24px !important;
}
.tooltip.pr24, .tooltip *.pr24 {
  padding-right: 24px !important;
}
.tooltip.px24, .tooltip *.px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.tooltip.py24, .tooltip *.py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.tooltip.m28, .tooltip *.m28 {
  margin: 28px !important;
}
.tooltip.mt28, .tooltip *.mt28 {
  margin-top: 28px !important;
}
.tooltip.mb28, .tooltip *.mb28 {
  margin-bottom: 28px !important;
}
.tooltip.ml28, .tooltip *.ml28 {
  margin-left: 28px !important;
}
.tooltip.mr28, .tooltip *.mr28 {
  margin-right: 28px !important;
}
.tooltip.mx28, .tooltip *.mx28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.tooltip.my28, .tooltip *.my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.tooltip.p28, .tooltip *.p28 {
  padding: 28px !important;
}
.tooltip.pt28, .tooltip *.pt28 {
  padding-top: 28px !important;
}
.tooltip.pb28, .tooltip *.pb28 {
  padding-bottom: 28px !important;
}
.tooltip.pl28, .tooltip *.pl28 {
  padding-left: 28px !important;
}
.tooltip.pr28, .tooltip *.pr28 {
  padding-right: 28px !important;
}
.tooltip.px28, .tooltip *.px28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.tooltip.py28, .tooltip *.py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.tooltip.m32, .tooltip *.m32 {
  margin: 32px !important;
}
.tooltip.mt32, .tooltip *.mt32 {
  margin-top: 32px !important;
}
.tooltip.mb32, .tooltip *.mb32 {
  margin-bottom: 32px !important;
}
.tooltip.ml32, .tooltip *.ml32 {
  margin-left: 32px !important;
}
.tooltip.mr32, .tooltip *.mr32 {
  margin-right: 32px !important;
}
.tooltip.mx32, .tooltip *.mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.tooltip.my32, .tooltip *.my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.tooltip.p32, .tooltip *.p32 {
  padding: 32px !important;
}
.tooltip.pt32, .tooltip *.pt32 {
  padding-top: 32px !important;
}
.tooltip.pb32, .tooltip *.pb32 {
  padding-bottom: 32px !important;
}
.tooltip.pl32, .tooltip *.pl32 {
  padding-left: 32px !important;
}
.tooltip.pr32, .tooltip *.pr32 {
  padding-right: 32px !important;
}
.tooltip.px32, .tooltip *.px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.tooltip.py32, .tooltip *.py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.tooltip.m36, .tooltip *.m36 {
  margin: 36px !important;
}
.tooltip.mt36, .tooltip *.mt36 {
  margin-top: 36px !important;
}
.tooltip.mb36, .tooltip *.mb36 {
  margin-bottom: 36px !important;
}
.tooltip.ml36, .tooltip *.ml36 {
  margin-left: 36px !important;
}
.tooltip.mr36, .tooltip *.mr36 {
  margin-right: 36px !important;
}
.tooltip.mx36, .tooltip *.mx36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.tooltip.my36, .tooltip *.my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.tooltip.p36, .tooltip *.p36 {
  padding: 36px !important;
}
.tooltip.pt36, .tooltip *.pt36 {
  padding-top: 36px !important;
}
.tooltip.pb36, .tooltip *.pb36 {
  padding-bottom: 36px !important;
}
.tooltip.pl36, .tooltip *.pl36 {
  padding-left: 36px !important;
}
.tooltip.pr36, .tooltip *.pr36 {
  padding-right: 36px !important;
}
.tooltip.px36, .tooltip *.px36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.tooltip.py36, .tooltip *.py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.tooltip.m40, .tooltip *.m40 {
  margin: 40px !important;
}
.tooltip.mt40, .tooltip *.mt40 {
  margin-top: 40px !important;
}
.tooltip.mb40, .tooltip *.mb40 {
  margin-bottom: 40px !important;
}
.tooltip.ml40, .tooltip *.ml40 {
  margin-left: 40px !important;
}
.tooltip.mr40, .tooltip *.mr40 {
  margin-right: 40px !important;
}
.tooltip.mx40, .tooltip *.mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.tooltip.my40, .tooltip *.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.tooltip.p40, .tooltip *.p40 {
  padding: 40px !important;
}
.tooltip.pt40, .tooltip *.pt40 {
  padding-top: 40px !important;
}
.tooltip.pb40, .tooltip *.pb40 {
  padding-bottom: 40px !important;
}
.tooltip.pl40, .tooltip *.pl40 {
  padding-left: 40px !important;
}
.tooltip.pr40, .tooltip *.pr40 {
  padding-right: 40px !important;
}
.tooltip.px40, .tooltip *.px40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.tooltip.py40, .tooltip *.py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.tooltip.m44, .tooltip *.m44 {
  margin: 44px !important;
}
.tooltip.mt44, .tooltip *.mt44 {
  margin-top: 44px !important;
}
.tooltip.mb44, .tooltip *.mb44 {
  margin-bottom: 44px !important;
}
.tooltip.ml44, .tooltip *.ml44 {
  margin-left: 44px !important;
}
.tooltip.mr44, .tooltip *.mr44 {
  margin-right: 44px !important;
}
.tooltip.mx44, .tooltip *.mx44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.tooltip.my44, .tooltip *.my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.tooltip.p44, .tooltip *.p44 {
  padding: 44px !important;
}
.tooltip.pt44, .tooltip *.pt44 {
  padding-top: 44px !important;
}
.tooltip.pb44, .tooltip *.pb44 {
  padding-bottom: 44px !important;
}
.tooltip.pl44, .tooltip *.pl44 {
  padding-left: 44px !important;
}
.tooltip.pr44, .tooltip *.pr44 {
  padding-right: 44px !important;
}
.tooltip.px44, .tooltip *.px44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.tooltip.py44, .tooltip *.py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.tooltip.m48, .tooltip *.m48 {
  margin: 48px !important;
}
.tooltip.mt48, .tooltip *.mt48 {
  margin-top: 48px !important;
}
.tooltip.mb48, .tooltip *.mb48 {
  margin-bottom: 48px !important;
}
.tooltip.ml48, .tooltip *.ml48 {
  margin-left: 48px !important;
}
.tooltip.mr48, .tooltip *.mr48 {
  margin-right: 48px !important;
}
.tooltip.mx48, .tooltip *.mx48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.tooltip.my48, .tooltip *.my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.tooltip.p48, .tooltip *.p48 {
  padding: 48px !important;
}
.tooltip.pt48, .tooltip *.pt48 {
  padding-top: 48px !important;
}
.tooltip.pb48, .tooltip *.pb48 {
  padding-bottom: 48px !important;
}
.tooltip.pl48, .tooltip *.pl48 {
  padding-left: 48px !important;
}
.tooltip.pr48, .tooltip *.pr48 {
  padding-right: 48px !important;
}
.tooltip.px48, .tooltip *.px48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.tooltip.py48, .tooltip *.py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.tooltip.m52, .tooltip *.m52 {
  margin: 52px !important;
}
.tooltip.mt52, .tooltip *.mt52 {
  margin-top: 52px !important;
}
.tooltip.mb52, .tooltip *.mb52 {
  margin-bottom: 52px !important;
}
.tooltip.ml52, .tooltip *.ml52 {
  margin-left: 52px !important;
}
.tooltip.mr52, .tooltip *.mr52 {
  margin-right: 52px !important;
}
.tooltip.mx52, .tooltip *.mx52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.tooltip.my52, .tooltip *.my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.tooltip.p52, .tooltip *.p52 {
  padding: 52px !important;
}
.tooltip.pt52, .tooltip *.pt52 {
  padding-top: 52px !important;
}
.tooltip.pb52, .tooltip *.pb52 {
  padding-bottom: 52px !important;
}
.tooltip.pl52, .tooltip *.pl52 {
  padding-left: 52px !important;
}
.tooltip.pr52, .tooltip *.pr52 {
  padding-right: 52px !important;
}
.tooltip.px52, .tooltip *.px52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.tooltip.py52, .tooltip *.py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.tooltip.m56, .tooltip *.m56 {
  margin: 56px !important;
}
.tooltip.mt56, .tooltip *.mt56 {
  margin-top: 56px !important;
}
.tooltip.mb56, .tooltip *.mb56 {
  margin-bottom: 56px !important;
}
.tooltip.ml56, .tooltip *.ml56 {
  margin-left: 56px !important;
}
.tooltip.mr56, .tooltip *.mr56 {
  margin-right: 56px !important;
}
.tooltip.mx56, .tooltip *.mx56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.tooltip.my56, .tooltip *.my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.tooltip.p56, .tooltip *.p56 {
  padding: 56px !important;
}
.tooltip.pt56, .tooltip *.pt56 {
  padding-top: 56px !important;
}
.tooltip.pb56, .tooltip *.pb56 {
  padding-bottom: 56px !important;
}
.tooltip.pl56, .tooltip *.pl56 {
  padding-left: 56px !important;
}
.tooltip.pr56, .tooltip *.pr56 {
  padding-right: 56px !important;
}
.tooltip.px56, .tooltip *.px56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.tooltip.py56, .tooltip *.py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.tooltip.m60, .tooltip *.m60 {
  margin: 60px !important;
}
.tooltip.mt60, .tooltip *.mt60 {
  margin-top: 60px !important;
}
.tooltip.mb60, .tooltip *.mb60 {
  margin-bottom: 60px !important;
}
.tooltip.ml60, .tooltip *.ml60 {
  margin-left: 60px !important;
}
.tooltip.mr60, .tooltip *.mr60 {
  margin-right: 60px !important;
}
.tooltip.mx60, .tooltip *.mx60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.tooltip.my60, .tooltip *.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.tooltip.p60, .tooltip *.p60 {
  padding: 60px !important;
}
.tooltip.pt60, .tooltip *.pt60 {
  padding-top: 60px !important;
}
.tooltip.pb60, .tooltip *.pb60 {
  padding-bottom: 60px !important;
}
.tooltip.pl60, .tooltip *.pl60 {
  padding-left: 60px !important;
}
.tooltip.pr60, .tooltip *.pr60 {
  padding-right: 60px !important;
}
.tooltip.px60, .tooltip *.px60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.tooltip.py60, .tooltip *.py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.tooltip.m64, .tooltip *.m64 {
  margin: 64px !important;
}
.tooltip.mt64, .tooltip *.mt64 {
  margin-top: 64px !important;
}
.tooltip.mb64, .tooltip *.mb64 {
  margin-bottom: 64px !important;
}
.tooltip.ml64, .tooltip *.ml64 {
  margin-left: 64px !important;
}
.tooltip.mr64, .tooltip *.mr64 {
  margin-right: 64px !important;
}
.tooltip.mx64, .tooltip *.mx64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.tooltip.my64, .tooltip *.my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.tooltip.p64, .tooltip *.p64 {
  padding: 64px !important;
}
.tooltip.pt64, .tooltip *.pt64 {
  padding-top: 64px !important;
}
.tooltip.pb64, .tooltip *.pb64 {
  padding-bottom: 64px !important;
}
.tooltip.pl64, .tooltip *.pl64 {
  padding-left: 64px !important;
}
.tooltip.pr64, .tooltip *.pr64 {
  padding-right: 64px !important;
}
.tooltip.px64, .tooltip *.px64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.tooltip.py64, .tooltip *.py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.tooltip.underline, .tooltip *.underline {
  text-decoration: underline !important;
}

.tooltip-box {
  position: absolute;
  z-index: var(--z-tooltip, 150);
  max-width: 366px;
  min-width: 220px;
  padding: 20px;
  flex-direction: column;
  gap: 12px;
  background: var(--color-white, #ffffff);
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  border-radius: var(--radius-md, 5px);
  word-break: break-all;
}
.tooltip-box:not([hidden]) {
  display: flex;
}
.tooltip-box.fs9, .tooltip-box *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.tooltip-box.fs9m, .tooltip-box *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.tooltip-box.fs9b, .tooltip-box *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.tooltip-box.fs10, .tooltip-box *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.tooltip-box.fs10m, .tooltip-box *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.tooltip-box.fs10b, .tooltip-box *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.tooltip-box.fs11, .tooltip-box *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.tooltip-box.fs11m, .tooltip-box *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.tooltip-box.fs11b, .tooltip-box *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.tooltip-box.fs12, .tooltip-box *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.tooltip-box.fs12m, .tooltip-box *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.tooltip-box.fs12b, .tooltip-box *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.tooltip-box.fs13, .tooltip-box *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.tooltip-box.fs13m, .tooltip-box *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.tooltip-box.fs13b, .tooltip-box *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.tooltip-box.fs14, .tooltip-box *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.tooltip-box.fs14m, .tooltip-box *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.tooltip-box.fs14b, .tooltip-box *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.tooltip-box.fs16, .tooltip-box *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.tooltip-box.fs16m, .tooltip-box *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.tooltip-box.fs16b, .tooltip-box *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.tooltip-box.fs18, .tooltip-box *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.tooltip-box.fs18m, .tooltip-box *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.tooltip-box.fs18b, .tooltip-box *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.tooltip-box.fs20, .tooltip-box *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.tooltip-box.fs20m, .tooltip-box *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.tooltip-box.fs20b, .tooltip-box *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.tooltip-box.fs22, .tooltip-box *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.tooltip-box.fs22m, .tooltip-box *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.tooltip-box.fs22b, .tooltip-box *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.tooltip-box.fs24, .tooltip-box *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.tooltip-box.fs24m, .tooltip-box *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.tooltip-box.fs24b, .tooltip-box *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.tooltip-box.fs28, .tooltip-box *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.tooltip-box.fs28m, .tooltip-box *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.tooltip-box.fs28b, .tooltip-box *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.tooltip-box.fs32, .tooltip-box *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.tooltip-box.fs32m, .tooltip-box *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.tooltip-box.fs32b, .tooltip-box *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.tooltip-box.fs40, .tooltip-box *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.tooltip-box.fs40m, .tooltip-box *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.tooltip-box.fs40b, .tooltip-box *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.tooltip-box.fs42, .tooltip-box *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.tooltip-box.fs42m, .tooltip-box *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.tooltip-box.fs42b, .tooltip-box *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.tooltip-box .tooltip-rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tooltip-box .tooltip-row {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 20px;
}
.tooltip-box .tooltip-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tooltip-box .tooltip-date {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}
.tooltip-box .tooltip-divider {
  border: none;
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  margin: 0;
}
.tooltip-box .tooltip-summary-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tooltip-box .tooltip-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.tooltip-box .tooltip-summary-label {
  font-size: 14px;
  line-height: 22px;
}
.tooltip-box .tooltip-summary-value {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.tooltip-box .tooltip-note {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}
.tooltip-box .tooltip-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tooltip-box .tooltip-item-title {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}
.tooltip-box .tooltip-item-desc {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
}
.tooltip-box .tooltip-item-desc div.mt4 {
  margin-top: 12px;
}

.hint-box {
  position: fixed;
  top: 0;
  left: 0;
  white-space: nowrap;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-white, #ffffff);
  background: var(--color-black, #000000);
  border-radius: var(--radius-sm, 3px);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s;
  z-index: 360;
}
.hint-box.is-visible {
  opacity: 1;
}

.cms-content p,
.cms-content li {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.cms-content p + p {
  margin-top: 0;
}
.cms-content p + ul,
.cms-content ul + p {
  margin-top: 4px;
}
.cms-content ol {
  list-style: decimal;
  padding-left: 21px;
}
.cms-content ul:not(.notice-list) {
  list-style: disc;
  padding-left: 21px;
}
.cms-content .cms-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.cms-content .cms-title:not(:first-child) {
  margin-top: 48px;
}
.cms-content .cms-description {
  font-size: 14px;
  line-height: 22px;
}
.cms-content .cms-description:not(:first-child) {
  margin-top: 16px;
}
.cms-content.fs9, .cms-content *.fs9 {
  font-size: 9px;
  line-height: 11px;
}
.cms-content.fs9m, .cms-content *.fs9m {
  font-size: 9px;
  line-height: 11px;
  font-weight: 500;
}
.cms-content.fs9b, .cms-content *.fs9b {
  font-size: 9px;
  line-height: 11px;
  font-weight: 700;
}
.cms-content.fs10, .cms-content *.fs10 {
  font-size: 10px;
  line-height: 10px;
}
.cms-content.fs10m, .cms-content *.fs10m {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
}
.cms-content.fs10b, .cms-content *.fs10b {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.cms-content.fs11, .cms-content *.fs11 {
  font-size: 11px;
  line-height: 16px;
}
.cms-content.fs11m, .cms-content *.fs11m {
  font-size: 11px;
  line-height: 16px;
  font-weight: 500;
}
.cms-content.fs11b, .cms-content *.fs11b {
  font-size: 11px;
  line-height: 16px;
  font-weight: 700;
}
.cms-content.fs12, .cms-content *.fs12 {
  font-size: 12px;
  line-height: 18px;
}
.cms-content.fs12m, .cms-content *.fs12m {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
.cms-content.fs12b, .cms-content *.fs12b {
  font-size: 12px;
  line-height: 18px;
  font-weight: 700;
}
.cms-content.fs13, .cms-content *.fs13 {
  font-size: 13px;
  line-height: 20px;
}
.cms-content.fs13m, .cms-content *.fs13m {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.cms-content.fs13b, .cms-content *.fs13b {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.cms-content.fs14, .cms-content *.fs14 {
  font-size: 14px;
  line-height: 22px;
}
.cms-content.fs14m, .cms-content *.fs14m {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
.cms-content.fs14b, .cms-content *.fs14b {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}
.cms-content.fs16, .cms-content *.fs16 {
  font-size: 16px;
  line-height: 24px;
}
.cms-content.fs16m, .cms-content *.fs16m {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.cms-content.fs16b, .cms-content *.fs16b {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.cms-content.fs18, .cms-content *.fs18 {
  font-size: 18px;
  line-height: 24px;
}
.cms-content.fs18m, .cms-content *.fs18m {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
.cms-content.fs18b, .cms-content *.fs18b {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.cms-content.fs20, .cms-content *.fs20 {
  font-size: 20px;
  line-height: 28px;
}
.cms-content.fs20m, .cms-content *.fs20m {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
}
.cms-content.fs20b, .cms-content *.fs20b {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}
.cms-content.fs22, .cms-content *.fs22 {
  font-size: 22px;
  line-height: 30px;
}
.cms-content.fs22m, .cms-content *.fs22m {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}
.cms-content.fs22b, .cms-content *.fs22b {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
}
.cms-content.fs24, .cms-content *.fs24 {
  font-size: 24px;
  line-height: 32px;
}
.cms-content.fs24m, .cms-content *.fs24m {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}
.cms-content.fs24b, .cms-content *.fs24b {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}
.cms-content.fs28, .cms-content *.fs28 {
  font-size: 28px;
  line-height: 36px;
}
.cms-content.fs28m, .cms-content *.fs28m {
  font-size: 28px;
  line-height: 36px;
  font-weight: 500;
}
.cms-content.fs28b, .cms-content *.fs28b {
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
}
.cms-content.fs32, .cms-content *.fs32 {
  font-size: 32px;
  line-height: 40px;
}
.cms-content.fs32m, .cms-content *.fs32m {
  font-size: 32px;
  line-height: 40px;
  font-weight: 500;
}
.cms-content.fs32b, .cms-content *.fs32b {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}
.cms-content.fs40, .cms-content *.fs40 {
  font-size: 40px;
  line-height: 48px;
}
.cms-content.fs40m, .cms-content *.fs40m {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}
.cms-content.fs40b, .cms-content *.fs40b {
  font-size: 40px;
  line-height: 48px;
  font-weight: 700;
}
.cms-content.fs42, .cms-content *.fs42 {
  font-size: 42px;
  line-height: 50px;
}
.cms-content.fs42m, .cms-content *.fs42m {
  font-size: 42px;
  line-height: 50px;
  font-weight: 500;
}
.cms-content.fs42b, .cms-content *.fs42b {
  font-size: 42px;
  line-height: 50px;
  font-weight: 700;
}
.cms-content.m2, .cms-content *.m2 {
  margin: 2px !important;
}
.cms-content.mt2, .cms-content *.mt2 {
  margin-top: 2px !important;
}
.cms-content.mb2, .cms-content *.mb2 {
  margin-bottom: 2px !important;
}
.cms-content.ml2, .cms-content *.ml2 {
  margin-left: 2px !important;
}
.cms-content.mr2, .cms-content *.mr2 {
  margin-right: 2px !important;
}
.cms-content.mx2, .cms-content *.mx2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.cms-content.my2, .cms-content *.my2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}
.cms-content.p2, .cms-content *.p2 {
  padding: 2px !important;
}
.cms-content.pt2, .cms-content *.pt2 {
  padding-top: 2px !important;
}
.cms-content.pb2, .cms-content *.pb2 {
  padding-bottom: 2px !important;
}
.cms-content.pl2, .cms-content *.pl2 {
  padding-left: 2px !important;
}
.cms-content.pr2, .cms-content *.pr2 {
  padding-right: 2px !important;
}
.cms-content.px2, .cms-content *.px2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
.cms-content.py2, .cms-content *.py2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.cms-content.m4, .cms-content *.m4 {
  margin: 4px !important;
}
.cms-content.mt4, .cms-content *.mt4 {
  margin-top: 4px !important;
}
.cms-content.mb4, .cms-content *.mb4 {
  margin-bottom: 4px !important;
}
.cms-content.ml4, .cms-content *.ml4 {
  margin-left: 4px !important;
}
.cms-content.mr4, .cms-content *.mr4 {
  margin-right: 4px !important;
}
.cms-content.mx4, .cms-content *.mx4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.cms-content.my4, .cms-content *.my4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
.cms-content.p4, .cms-content *.p4 {
  padding: 4px !important;
}
.cms-content.pt4, .cms-content *.pt4 {
  padding-top: 4px !important;
}
.cms-content.pb4, .cms-content *.pb4 {
  padding-bottom: 4px !important;
}
.cms-content.pl4, .cms-content *.pl4 {
  padding-left: 4px !important;
}
.cms-content.pr4, .cms-content *.pr4 {
  padding-right: 4px !important;
}
.cms-content.px4, .cms-content *.px4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}
.cms-content.py4, .cms-content *.py4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.cms-content.m8, .cms-content *.m8 {
  margin: 8px !important;
}
.cms-content.mt8, .cms-content *.mt8 {
  margin-top: 8px !important;
}
.cms-content.mb8, .cms-content *.mb8 {
  margin-bottom: 8px !important;
}
.cms-content.ml8, .cms-content *.ml8 {
  margin-left: 8px !important;
}
.cms-content.mr8, .cms-content *.mr8 {
  margin-right: 8px !important;
}
.cms-content.mx8, .cms-content *.mx8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.cms-content.my8, .cms-content *.my8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}
.cms-content.p8, .cms-content *.p8 {
  padding: 8px !important;
}
.cms-content.pt8, .cms-content *.pt8 {
  padding-top: 8px !important;
}
.cms-content.pb8, .cms-content *.pb8 {
  padding-bottom: 8px !important;
}
.cms-content.pl8, .cms-content *.pl8 {
  padding-left: 8px !important;
}
.cms-content.pr8, .cms-content *.pr8 {
  padding-right: 8px !important;
}
.cms-content.px8, .cms-content *.px8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.cms-content.py8, .cms-content *.py8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.cms-content.m12, .cms-content *.m12 {
  margin: 12px !important;
}
.cms-content.mt12, .cms-content *.mt12 {
  margin-top: 12px !important;
}
.cms-content.mb12, .cms-content *.mb12 {
  margin-bottom: 12px !important;
}
.cms-content.ml12, .cms-content *.ml12 {
  margin-left: 12px !important;
}
.cms-content.mr12, .cms-content *.mr12 {
  margin-right: 12px !important;
}
.cms-content.mx12, .cms-content *.mx12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.cms-content.my12, .cms-content *.my12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.cms-content.p12, .cms-content *.p12 {
  padding: 12px !important;
}
.cms-content.pt12, .cms-content *.pt12 {
  padding-top: 12px !important;
}
.cms-content.pb12, .cms-content *.pb12 {
  padding-bottom: 12px !important;
}
.cms-content.pl12, .cms-content *.pl12 {
  padding-left: 12px !important;
}
.cms-content.pr12, .cms-content *.pr12 {
  padding-right: 12px !important;
}
.cms-content.px12, .cms-content *.px12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.cms-content.py12, .cms-content *.py12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.cms-content.m16, .cms-content *.m16 {
  margin: 16px !important;
}
.cms-content.mt16, .cms-content *.mt16 {
  margin-top: 16px !important;
}
.cms-content.mb16, .cms-content *.mb16 {
  margin-bottom: 16px !important;
}
.cms-content.ml16, .cms-content *.ml16 {
  margin-left: 16px !important;
}
.cms-content.mr16, .cms-content *.mr16 {
  margin-right: 16px !important;
}
.cms-content.mx16, .cms-content *.mx16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.cms-content.my16, .cms-content *.my16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}
.cms-content.p16, .cms-content *.p16 {
  padding: 16px !important;
}
.cms-content.pt16, .cms-content *.pt16 {
  padding-top: 16px !important;
}
.cms-content.pb16, .cms-content *.pb16 {
  padding-bottom: 16px !important;
}
.cms-content.pl16, .cms-content *.pl16 {
  padding-left: 16px !important;
}
.cms-content.pr16, .cms-content *.pr16 {
  padding-right: 16px !important;
}
.cms-content.px16, .cms-content *.px16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.cms-content.py16, .cms-content *.py16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.cms-content.m20, .cms-content *.m20 {
  margin: 20px !important;
}
.cms-content.mt20, .cms-content *.mt20 {
  margin-top: 20px !important;
}
.cms-content.mb20, .cms-content *.mb20 {
  margin-bottom: 20px !important;
}
.cms-content.ml20, .cms-content *.ml20 {
  margin-left: 20px !important;
}
.cms-content.mr20, .cms-content *.mr20 {
  margin-right: 20px !important;
}
.cms-content.mx20, .cms-content *.mx20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.cms-content.my20, .cms-content *.my20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.cms-content.p20, .cms-content *.p20 {
  padding: 20px !important;
}
.cms-content.pt20, .cms-content *.pt20 {
  padding-top: 20px !important;
}
.cms-content.pb20, .cms-content *.pb20 {
  padding-bottom: 20px !important;
}
.cms-content.pl20, .cms-content *.pl20 {
  padding-left: 20px !important;
}
.cms-content.pr20, .cms-content *.pr20 {
  padding-right: 20px !important;
}
.cms-content.px20, .cms-content *.px20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.cms-content.py20, .cms-content *.py20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.cms-content.m24, .cms-content *.m24 {
  margin: 24px !important;
}
.cms-content.mt24, .cms-content *.mt24 {
  margin-top: 24px !important;
}
.cms-content.mb24, .cms-content *.mb24 {
  margin-bottom: 24px !important;
}
.cms-content.ml24, .cms-content *.ml24 {
  margin-left: 24px !important;
}
.cms-content.mr24, .cms-content *.mr24 {
  margin-right: 24px !important;
}
.cms-content.mx24, .cms-content *.mx24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.cms-content.my24, .cms-content *.my24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}
.cms-content.p24, .cms-content *.p24 {
  padding: 24px !important;
}
.cms-content.pt24, .cms-content *.pt24 {
  padding-top: 24px !important;
}
.cms-content.pb24, .cms-content *.pb24 {
  padding-bottom: 24px !important;
}
.cms-content.pl24, .cms-content *.pl24 {
  padding-left: 24px !important;
}
.cms-content.pr24, .cms-content *.pr24 {
  padding-right: 24px !important;
}
.cms-content.px24, .cms-content *.px24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.cms-content.py24, .cms-content *.py24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}
.cms-content.m28, .cms-content *.m28 {
  margin: 28px !important;
}
.cms-content.mt28, .cms-content *.mt28 {
  margin-top: 28px !important;
}
.cms-content.mb28, .cms-content *.mb28 {
  margin-bottom: 28px !important;
}
.cms-content.ml28, .cms-content *.ml28 {
  margin-left: 28px !important;
}
.cms-content.mr28, .cms-content *.mr28 {
  margin-right: 28px !important;
}
.cms-content.mx28, .cms-content *.mx28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.cms-content.my28, .cms-content *.my28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}
.cms-content.p28, .cms-content *.p28 {
  padding: 28px !important;
}
.cms-content.pt28, .cms-content *.pt28 {
  padding-top: 28px !important;
}
.cms-content.pb28, .cms-content *.pb28 {
  padding-bottom: 28px !important;
}
.cms-content.pl28, .cms-content *.pl28 {
  padding-left: 28px !important;
}
.cms-content.pr28, .cms-content *.pr28 {
  padding-right: 28px !important;
}
.cms-content.px28, .cms-content *.px28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.cms-content.py28, .cms-content *.py28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.cms-content.m32, .cms-content *.m32 {
  margin: 32px !important;
}
.cms-content.mt32, .cms-content *.mt32 {
  margin-top: 32px !important;
}
.cms-content.mb32, .cms-content *.mb32 {
  margin-bottom: 32px !important;
}
.cms-content.ml32, .cms-content *.ml32 {
  margin-left: 32px !important;
}
.cms-content.mr32, .cms-content *.mr32 {
  margin-right: 32px !important;
}
.cms-content.mx32, .cms-content *.mx32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.cms-content.my32, .cms-content *.my32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}
.cms-content.p32, .cms-content *.p32 {
  padding: 32px !important;
}
.cms-content.pt32, .cms-content *.pt32 {
  padding-top: 32px !important;
}
.cms-content.pb32, .cms-content *.pb32 {
  padding-bottom: 32px !important;
}
.cms-content.pl32, .cms-content *.pl32 {
  padding-left: 32px !important;
}
.cms-content.pr32, .cms-content *.pr32 {
  padding-right: 32px !important;
}
.cms-content.px32, .cms-content *.px32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.cms-content.py32, .cms-content *.py32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}
.cms-content.m36, .cms-content *.m36 {
  margin: 36px !important;
}
.cms-content.mt36, .cms-content *.mt36 {
  margin-top: 36px !important;
}
.cms-content.mb36, .cms-content *.mb36 {
  margin-bottom: 36px !important;
}
.cms-content.ml36, .cms-content *.ml36 {
  margin-left: 36px !important;
}
.cms-content.mr36, .cms-content *.mr36 {
  margin-right: 36px !important;
}
.cms-content.mx36, .cms-content *.mx36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}
.cms-content.my36, .cms-content *.my36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}
.cms-content.p36, .cms-content *.p36 {
  padding: 36px !important;
}
.cms-content.pt36, .cms-content *.pt36 {
  padding-top: 36px !important;
}
.cms-content.pb36, .cms-content *.pb36 {
  padding-bottom: 36px !important;
}
.cms-content.pl36, .cms-content *.pl36 {
  padding-left: 36px !important;
}
.cms-content.pr36, .cms-content *.pr36 {
  padding-right: 36px !important;
}
.cms-content.px36, .cms-content *.px36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}
.cms-content.py36, .cms-content *.py36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}
.cms-content.m40, .cms-content *.m40 {
  margin: 40px !important;
}
.cms-content.mt40, .cms-content *.mt40 {
  margin-top: 40px !important;
}
.cms-content.mb40, .cms-content *.mb40 {
  margin-bottom: 40px !important;
}
.cms-content.ml40, .cms-content *.ml40 {
  margin-left: 40px !important;
}
.cms-content.mr40, .cms-content *.mr40 {
  margin-right: 40px !important;
}
.cms-content.mx40, .cms-content *.mx40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.cms-content.my40, .cms-content *.my40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.cms-content.p40, .cms-content *.p40 {
  padding: 40px !important;
}
.cms-content.pt40, .cms-content *.pt40 {
  padding-top: 40px !important;
}
.cms-content.pb40, .cms-content *.pb40 {
  padding-bottom: 40px !important;
}
.cms-content.pl40, .cms-content *.pl40 {
  padding-left: 40px !important;
}
.cms-content.pr40, .cms-content *.pr40 {
  padding-right: 40px !important;
}
.cms-content.px40, .cms-content *.px40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.cms-content.py40, .cms-content *.py40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.cms-content.m44, .cms-content *.m44 {
  margin: 44px !important;
}
.cms-content.mt44, .cms-content *.mt44 {
  margin-top: 44px !important;
}
.cms-content.mb44, .cms-content *.mb44 {
  margin-bottom: 44px !important;
}
.cms-content.ml44, .cms-content *.ml44 {
  margin-left: 44px !important;
}
.cms-content.mr44, .cms-content *.mr44 {
  margin-right: 44px !important;
}
.cms-content.mx44, .cms-content *.mx44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}
.cms-content.my44, .cms-content *.my44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}
.cms-content.p44, .cms-content *.p44 {
  padding: 44px !important;
}
.cms-content.pt44, .cms-content *.pt44 {
  padding-top: 44px !important;
}
.cms-content.pb44, .cms-content *.pb44 {
  padding-bottom: 44px !important;
}
.cms-content.pl44, .cms-content *.pl44 {
  padding-left: 44px !important;
}
.cms-content.pr44, .cms-content *.pr44 {
  padding-right: 44px !important;
}
.cms-content.px44, .cms-content *.px44 {
  padding-left: 44px !important;
  padding-right: 44px !important;
}
.cms-content.py44, .cms-content *.py44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}
.cms-content.m48, .cms-content *.m48 {
  margin: 48px !important;
}
.cms-content.mt48, .cms-content *.mt48 {
  margin-top: 48px !important;
}
.cms-content.mb48, .cms-content *.mb48 {
  margin-bottom: 48px !important;
}
.cms-content.ml48, .cms-content *.ml48 {
  margin-left: 48px !important;
}
.cms-content.mr48, .cms-content *.mr48 {
  margin-right: 48px !important;
}
.cms-content.mx48, .cms-content *.mx48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}
.cms-content.my48, .cms-content *.my48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}
.cms-content.p48, .cms-content *.p48 {
  padding: 48px !important;
}
.cms-content.pt48, .cms-content *.pt48 {
  padding-top: 48px !important;
}
.cms-content.pb48, .cms-content *.pb48 {
  padding-bottom: 48px !important;
}
.cms-content.pl48, .cms-content *.pl48 {
  padding-left: 48px !important;
}
.cms-content.pr48, .cms-content *.pr48 {
  padding-right: 48px !important;
}
.cms-content.px48, .cms-content *.px48 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}
.cms-content.py48, .cms-content *.py48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}
.cms-content.m52, .cms-content *.m52 {
  margin: 52px !important;
}
.cms-content.mt52, .cms-content *.mt52 {
  margin-top: 52px !important;
}
.cms-content.mb52, .cms-content *.mb52 {
  margin-bottom: 52px !important;
}
.cms-content.ml52, .cms-content *.ml52 {
  margin-left: 52px !important;
}
.cms-content.mr52, .cms-content *.mr52 {
  margin-right: 52px !important;
}
.cms-content.mx52, .cms-content *.mx52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}
.cms-content.my52, .cms-content *.my52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}
.cms-content.p52, .cms-content *.p52 {
  padding: 52px !important;
}
.cms-content.pt52, .cms-content *.pt52 {
  padding-top: 52px !important;
}
.cms-content.pb52, .cms-content *.pb52 {
  padding-bottom: 52px !important;
}
.cms-content.pl52, .cms-content *.pl52 {
  padding-left: 52px !important;
}
.cms-content.pr52, .cms-content *.pr52 {
  padding-right: 52px !important;
}
.cms-content.px52, .cms-content *.px52 {
  padding-left: 52px !important;
  padding-right: 52px !important;
}
.cms-content.py52, .cms-content *.py52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.cms-content.m56, .cms-content *.m56 {
  margin: 56px !important;
}
.cms-content.mt56, .cms-content *.mt56 {
  margin-top: 56px !important;
}
.cms-content.mb56, .cms-content *.mb56 {
  margin-bottom: 56px !important;
}
.cms-content.ml56, .cms-content *.ml56 {
  margin-left: 56px !important;
}
.cms-content.mr56, .cms-content *.mr56 {
  margin-right: 56px !important;
}
.cms-content.mx56, .cms-content *.mx56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}
.cms-content.my56, .cms-content *.my56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}
.cms-content.p56, .cms-content *.p56 {
  padding: 56px !important;
}
.cms-content.pt56, .cms-content *.pt56 {
  padding-top: 56px !important;
}
.cms-content.pb56, .cms-content *.pb56 {
  padding-bottom: 56px !important;
}
.cms-content.pl56, .cms-content *.pl56 {
  padding-left: 56px !important;
}
.cms-content.pr56, .cms-content *.pr56 {
  padding-right: 56px !important;
}
.cms-content.px56, .cms-content *.px56 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}
.cms-content.py56, .cms-content *.py56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
.cms-content.m60, .cms-content *.m60 {
  margin: 60px !important;
}
.cms-content.mt60, .cms-content *.mt60 {
  margin-top: 60px !important;
}
.cms-content.mb60, .cms-content *.mb60 {
  margin-bottom: 60px !important;
}
.cms-content.ml60, .cms-content *.ml60 {
  margin-left: 60px !important;
}
.cms-content.mr60, .cms-content *.mr60 {
  margin-right: 60px !important;
}
.cms-content.mx60, .cms-content *.mx60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.cms-content.my60, .cms-content *.my60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}
.cms-content.p60, .cms-content *.p60 {
  padding: 60px !important;
}
.cms-content.pt60, .cms-content *.pt60 {
  padding-top: 60px !important;
}
.cms-content.pb60, .cms-content *.pb60 {
  padding-bottom: 60px !important;
}
.cms-content.pl60, .cms-content *.pl60 {
  padding-left: 60px !important;
}
.cms-content.pr60, .cms-content *.pr60 {
  padding-right: 60px !important;
}
.cms-content.px60, .cms-content *.px60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.cms-content.py60, .cms-content *.py60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.cms-content.m64, .cms-content *.m64 {
  margin: 64px !important;
}
.cms-content.mt64, .cms-content *.mt64 {
  margin-top: 64px !important;
}
.cms-content.mb64, .cms-content *.mb64 {
  margin-bottom: 64px !important;
}
.cms-content.ml64, .cms-content *.ml64 {
  margin-left: 64px !important;
}
.cms-content.mr64, .cms-content *.mr64 {
  margin-right: 64px !important;
}
.cms-content.mx64, .cms-content *.mx64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}
.cms-content.my64, .cms-content *.my64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}
.cms-content.p64, .cms-content *.p64 {
  padding: 64px !important;
}
.cms-content.pt64, .cms-content *.pt64 {
  padding-top: 64px !important;
}
.cms-content.pb64, .cms-content *.pb64 {
  padding-bottom: 64px !important;
}
.cms-content.pl64, .cms-content *.pl64 {
  padding-left: 64px !important;
}
.cms-content.pr64, .cms-content *.pr64 {
  padding-right: 64px !important;
}
.cms-content.px64, .cms-content *.px64 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}
.cms-content.py64, .cms-content *.py64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
.cms-content.underline, .cms-content *.underline {
  text-decoration: underline !important;
}
.cms-content table,
.cms-content table[class^=tbl] {
  width: 100%;
  border-collapse: collapse;
}
.cms-content table th,
.cms-content table td,
.cms-content table[class^=tbl] th,
.cms-content table[class^=tbl] td {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 22px;
  border: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  text-align: center;
  vertical-align: middle;
}
.cms-content table thead th,
.cms-content table[class^=tbl] thead th {
  background: var(--color-gray30, #f6f6f6);
  font-weight: 400;
}
.cms-content table tbody th,
.cms-content table[class^=tbl] tbody th {
  font-weight: 400;
  background: var(--color-gray30, #f6f6f6);
}
.cms-content .tbl-header .tbl-unit {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
  text-align: right;
  margin-top: 16px;
}
.cms-content .tbl-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: var(--color-gray200, #cccccc) var(--color-gray30, #f6f6f6);
}
.cms-content .tbl-scroll::-webkit-scrollbar {
  height: 12px;
}
.cms-content .tbl-scroll::-webkit-scrollbar-track {
  background: var(--color-gray30, #f6f6f6);
  border-radius: var(--radius-full, 999px);
}
.cms-content .tbl-scroll::-webkit-scrollbar-thumb {
  background: var(--color-gray200, #cccccc);
  border-radius: var(--radius-full, 999px);
}
.cms-content .tbl-scroll > table,
.cms-content .tbl-scroll table[class^=tbl] {
  table-layout: fixed;
  min-width: max-content;
  border-collapse: separate;
  border-spacing: 0;
}
.cms-content .tbl-scroll > table > thead > tr > th,
.cms-content .tbl-scroll > table > thead > tr > td,
.cms-content .tbl-scroll > table > tbody > tr > th,
.cms-content .tbl-scroll > table > tbody > tr > td,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr > th,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr > td,
.cms-content .tbl-scroll table[class^=tbl] > tbody > tr > th,
.cms-content .tbl-scroll table[class^=tbl] > tbody > tr > td {
  border-top: none;
  border-left: none;
  border-right: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cms-content .tbl-scroll > table > thead > tr:first-child > th,
.cms-content .tbl-scroll > table > thead > tr:first-child > td,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr:first-child > th,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr:first-child > td {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cms-content .tbl-scroll > table:not(:has(> thead)) > tbody > tr:first-child > th, .cms-content .tbl-scroll > table:not(:has(> thead)) > tbody > tr:first-child > td,
.cms-content .tbl-scroll table[class^=tbl]:not(:has(> thead)) > tbody > tr:first-child > th,
.cms-content .tbl-scroll table[class^=tbl]:not(:has(> thead)) > tbody > tr:first-child > td {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cms-content .tbl-scroll > table > thead > tr > th:first-child,
.cms-content .tbl-scroll > table > tbody > tr > th,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr > th:first-child,
.cms-content .tbl-scroll table[class^=tbl] > tbody > tr > th {
  position: sticky;
  left: 0;
  z-index: 1;
  border-left: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cms-content .tbl-scroll > table > thead > tr > th:first-child,
.cms-content .tbl-scroll table[class^=tbl] > thead > tr > th:first-child {
  background: var(--color-gray30, #f6f6f6);
}
.cms-content .tbl-scroll > table > tbody > tr > th,
.cms-content .tbl-scroll table[class^=tbl] > tbody > tr > th {
  background: var(--color-white, #ffffff);
}
.cms-content .tbl-scroll > table:not(:has(> thead)) > tbody > tr > th,
.cms-content .tbl-scroll table[class^=tbl]:not(:has(> thead)) > tbody > tr > th {
  background: var(--color-gray30, #f6f6f6);
}
.cms-content col.col-pc-40 {
  width: 40px;
}
.cms-content col.col-pc-60 {
  width: 60px;
}
.cms-content col.col-pc-80 {
  width: 80px;
}
.cms-content col.col-pc-100 {
  width: 100px;
}
.cms-content col.col-pc-120 {
  width: 120px;
}
.cms-content col.col-pc-140 {
  width: 140px;
}
.cms-content col.col-pc-160 {
  width: 160px;
}
.cms-content col.col-pc-180 {
  width: 180px;
}
.cms-content col.col-pc-200 {
  width: 200px;
}
.cms-content col.col-pc-240 {
  width: 240px;
}
.cms-content .line-tbl {
  width: 100%;
  border-collapse: collapse;
}
.cms-content .line-tbl th {
  padding: 10px 8px;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  vertical-align: middle;
}
.cms-content .line-tbl td {
  padding: 24px 8px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cms-content .line-tbl td:first-child {
  text-align: left;
  padding-left: 0;
}

.scroll-box {
  background: var(--color-gray30, #f6f6f6);
  padding: 20px;
  height: 270px;
  overflow-y: auto;
}

.toast-popup {
  position: fixed;
  bottom: 40px;
  left: 50%;
  z-index: var(--z-toast, 1000);
  padding: 10px 12px;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: var(--radius-md, 5px);
}
.toast-popup[data-toast-template] {
  display: none;
}
.toast-popup.is-on {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}
.toast-popup.is-hiding {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-6px);
}
[data-platform=pc] .toast-popup {
  width: 624px;
}

.toast-popup-msg {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-white, #ffffff);
  text-align: center;
}

.nodata-comp {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 0;
}
.nodata-comp .nodata-comp-msg {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  color: var(--color-black, #000000);
}

.swiper-wrapper {
  height: auto;
}
/*# sourceMappingURL=../css.map/common.css.map */