@charset "UTF-8";
.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;
}

.mypage-pop .pop-head .pop-tit {
  font-size: 18px;
  line-height: 24px;
}
.mypage-pop .pop-body {
  padding-bottom: 64px;
}

.coupon-register-pop .modal-body {
  gap: 40px;
  padding-bottom: 36px;
}

.coupon-register-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.coupon-register-desc {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.mypage-nodata {
  text-align: center;
}
.mypage-nodata .btn.go-main {
  width: 308px;
}
.mypage-nodata .mypage-nodata-msg {
  padding: 120px 0;
  font-size: 16px;
  line-height: 24px;
}

.mypage-body {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.mypage-inner {
  display: flex;
}

.mypage-lnb {
  flex: 0 0 313px;
  padding: 40px 20px 80px;
}

.lnb-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.lnb-greeting {
  font-size: 16px;
  line-height: 24px;
}

.lnb-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lnb-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lnb-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38px;
  font-size: 16px;
  line-height: 24px;
}
.lnb-menu-link:after {
  content: "";
  display: flex;
  flex: 0 0 12px;
  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-gray300, #bbbbbb);
}

.lnb-menu-item.is-active .lnb-menu-link {
  font-weight: 700;
}
.lnb-menu-item.is-active .lnb-menu-link:after {
  background-color: var(--color-black, #000000);
}

.lnb-logout {
  font-size: 14px;
  line-height: 22px;
  line-height: 38px;
  color: var(--color-gray400, #757575);
  text-decoration: underline;
  text-align: left;
}

.mypage-content {
  flex: 1;
  min-width: 0;
  border-left: var(--line-width, 1px) solid var(--color-black, #000000);
}
.mypage-content .mypage-recommend .sec-recommend {
  margin: 0;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 60px 60px 60px 60px;
}

.mypage-inner > .mypage-content:only-child {
  border-left: 0;
}

.mypage-content-sections {
  display: flex;
  flex-direction: column;
  gap: 80px;
  width: 781px;
  padding: 40px 60px 80px 60px;
}
.mypage-content-sections .mypage-section-title {
  font-size: 32px;
  line-height: 40px;
  font-weight: 400;
  text-align: left;
}
.mypage-content-sections .mypage-section-title.is-center {
  text-align: center;
}
.mypage-content-sections.cs-main, .mypage-content-sections.cs-page {
  margin: 0 auto;
}
.mypage-content-sections.cs-main .mypage-section-title, .mypage-content-sections.cs-page .mypage-section-title {
  text-align: center;
}
.mypage-content-sections.cs-main .cs-contact-info, .mypage-content-sections.cs-page .cs-contact-info {
  margin-top: 20px;
  line-height: 38px;
}
.mypage-content-sections.cs-main .cs-contact-info .divider, .mypage-content-sections.cs-page .cs-contact-info .divider {
  margin-inline: 8px;
}

.wishlist-nodata {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wishlist-nodata-msg {
  font-size: 16px;
  line-height: 24px;
  padding: 120px 0;
  text-align: center;
}

.wishlist-nodata-btn {
  width: 351px;
}

.list-count {
  margin-top: 40px;
  font-size: 14px;
  line-height: 22px;
}

.wishlist-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 12px;
}

.list-more-wrap {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.coupon-subtitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 12px;
}

.coupon-subtitle-count {
  font-size: 14px;
  line-height: 22px;
}

.coupon-subtitle-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.coupon-text-btn {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

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

.coupon-card {
  border: var(--line-width, 1px) solid var(--color-black, #000000);
}

.coupon-card-inner {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 24px;
  word-break: break-all;
}

.coupon-card-badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.coupon-badge {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon-card-discount {
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
}

.coupon-card-name {
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coupon-card-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.coupon-card-info-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  word-break: break-all;
}
.coupon-card-info-row .divider.ver {
  flex-shrink: 0;
  height: 10px;
  margin-top: 4px;
}

.coupon-card-info-label {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 20px;
  color: #444;
  white-space: nowrap;
}

.coupon-card-info-value {
  flex: 1;
  min-width: 0;
  font-size: 13px;
  line-height: 20px;
  color: #444;
}

.coupon-card-detail {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
  word-break: break-all;
}

.coupon-notice {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 40px;
}

.coupon-notice-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}

.myinfo-menu {
  margin-top: 40px;
}

.myinfo-menu-list {
  display: flex;
  flex-direction: column;
}

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

.myinfo-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  line-height: 38px;
}

.myinfo-menu-label {
  font-size: 14px;
  line-height: 22px;
}

.member-sections {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.member-sections .member-section {
  margin-top: 40px;
}
.member-sections .member-section:first-child {
  margin-top: 0;
}

.member-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}

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

.member-text-btn {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

.member-info-box {
  padding: 0 0;
}
.member-info-box.is-center {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 80px;
}

.member-info-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.member-info-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.member-info-item .values li {
  text-align: right;
}

.member-info-label {
  font-size: 13px;
  line-height: 20px;
  flex-shrink: 0;
}

.member-info-value {
  font-size: 13px;
  line-height: 20px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.member-info-value-btn {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
  flex-shrink: 0;
}

.member-info-desc {
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}

.member-consent-value {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.member-consent-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 20px;
}

.member-consent-channels {
  color: var(--color-black, #000000);
}
.member-consent-channels .member-consent-sep {
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: var(--color-gray200, #cccccc);
  vertical-align: middle;
  margin-inline: 4px;
}

.member-withdraw {
  margin-top: 16px;
}

.myinfo-form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.myinfo-form-fields .btn {
  min-width: 65px;
}

.myinfo-email-row {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.myinfo-email-row .inp-underline-wrap {
  flex: 1;
  min-width: 0;
}
.myinfo-email-row .select-box {
  flex: 0 0 200px;
}

.myinfo-form-step {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.myinfo-form-btns {
  display: flex;
  gap: 8px;
}
.myinfo-form-btns .btn {
  flex: 1;
}

.login-security-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.login-security-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  line-height: 22px;
}

.login-security-date {
  display: flex;
  gap: 8px;
}
.login-security-date strong {
  font-weight: 400;
}

.pwd-check-step {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.pwd-check-step .inp-group {
  margin-top: 16px;
}
.pwd-check-step .notice-list {
  margin-top: 40px;
}
.pwd-check-step .inp-underline-wrap .inp-underline-label {
  color: var(--color-gray300, #bbbbbb);
}
.pwd-check-step .btn.req-auth {
  width: 87px;
}

.pwd-check-step-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.pwd-check-step-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 12px;
}

.pwd-check-step-desc {
  font-size: 14px;
  line-height: 22px;
}

.pwd-check-btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.pwd-check-confirm-btn {
  width: 308px;
}

.membership-convert-desc {
  margin-top: 40px;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.membership-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 40px;
}

.membership-terms-section {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.membership-terms-accordion {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 24px;
}

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

.membership-terms-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.membership-terms-view-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}
.membership-terms-view-btn i {
  transform: rotate(0deg);
  transition: transform 0.2s;
}
.membership-terms-view-btn[aria-expanded=true] i {
  transform: rotate(180deg);
}

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

.membership-terms-text {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray600, #444444);
}

.membership-cert-wrap {
  display: flex;
  justify-content: center;
}

.membership-cert-btn {
  width: 308px;
}

.membership-benefit {
  display: flex;
  flex-direction: column;
}

.membership-benefit-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 24px;
}

.cs-menu-list {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

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

.cs-menu-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  line-height: 38px;
}

.cs-menu-text {
  font-size: 14px;
  line-height: 22px;
}

.cs-tabs {
  display: flex;
  margin-top: 40px;
}

.cs-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 30px;
  font-size: 20px;
  line-height: 28px;
  color: var(--color-gray300, #bbbbbb);
  border: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  margin-left: -1px;
  position: relative;
}
.cs-tab:first-child {
  margin-left: 0;
}
.cs-tab.is-active {
  color: var(--color-black, #000000);
  border-color: var(--color-black, #000000);
  z-index: 1;
}

.faq-section {
  margin-top: 40px;
}
.faq-section .faq-category-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--color-black, #000000);
}
.faq-section .faq-category-btn {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border: 0;
  background: var(--color-white, #ffffff);
  cursor: pointer;
  padding: 0;
  z-index: 1;
}
.faq-section .faq-category-btn.faq-category-btn-prev::after {
  content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width: 20px;
  height: 100%;
  background: linear-gradient(to right, #ffffff, transparent);
  pointer-events: none;
}
.faq-section .faq-category-btn.faq-category-btn-next::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;
  background: linear-gradient(to left, #ffffff, transparent);
  pointer-events: none;
}
.faq-section .faq-category-scroll {
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.faq-section .faq-category-scroll::-webkit-scrollbar {
  display: none;
}
.faq-section .faq-category-tabs {
  display: flex;
  justify-content: safe center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-section .faq-category-item .faq-category-link {
  display: block;
  padding: 16px;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: var(--color-gray700, #222222);
  white-space: nowrap;
}
.faq-section .faq-category-item.is-active .faq-category-link {
  color: var(--color-black, #000000);
  font-weight: 700;
}
.faq-section .faq-sub-opts {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 16px 0 40px 0;
}
.faq-section .faq-sub-opts .divider.ver {
  height: 12px;
}
.faq-section .faq-sub-opts .faq-sub-opt {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
  color: var(--color-black, #000000);
}
.faq-section .faq-sub-opts .faq-sub-opt.is-active {
  font-weight: 700;
}
.faq-section .faq-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
}
.faq-section .faq-item {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.faq-section .faq-item:first-child {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.faq-section .faq-item.is-open i[class^=ico-], .faq-section .faq-item.is-open i[class*=" ico-"] {
  transform: rotate(180deg);
}
.faq-section .faq-item-q {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border: 0;
  background: none;
  cursor: pointer;
  text-align: left;
  word-break: break-all;
}
.faq-section .faq-item-q i[class^=ico-], .faq-section .faq-item-q i[class*=" ico-"] {
  flex-shrink: 0;
  transition: transform 0.2s;
}
.faq-section .faq-num {
  flex-shrink: 0;
  width: 80px;
  padding: 0 24px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.faq-section .faq-q-row {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 0;
  word-break: break-all;
}
.faq-section .faq-q-label {
  flex-shrink: 0;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}
.faq-section .faq-q-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  word-break: break-all;
}
.faq-section .faq-item-body {
  display: flex;
  gap: 8px;
  padding-bottom: 20px;
  padding-left: 80px;
}
.faq-section .faq-item-body[hidden] {
  display: none;
}
.faq-section .faq-item-answer {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray600, #444444);
  word-break: break-all;
}
.faq-section .faq-item-a-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.faq-section .faq-a-label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-gray600, #444444);
}
.faq-section .faq-item-files {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.faq-section .faq-item-file {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

.cs-inquiry-section {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.cs-inquiry-section .cs-list-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.cs-inquiry-section .cs-list-head .list-count {
  margin-top: 0;
}
.cs-inquiry-section .cs-list-head .cs-inquiry-write-btn {
  font-size: 14px;
}

.cs-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.cs-table th,
.cs-table td {
  padding: 16px 8px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
}
.cs-table th .coin,
.cs-table th small,
.cs-table td .coin,
.cs-table td small {
  font-size: 11px;
  line-height: 16px;
}
.cs-table th {
  padding: 10px 8px;
  font-weight: 400;
}
.cs-table thead tr {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.cs-table tbody tr {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cs-table .col-type {
  width: 94px;
}
.cs-table td.col-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.cs-table .col-date {
  width: 143px;
  white-space: nowrap;
}
.cs-table .col-status {
  width: 90px;
}
.cs-table .col-status .badge.disabled {
  background-color: var(--color-gray300, #bbbbbb);
  color: var(--color-white, #ffffff);
}

.cs-inquiry-link {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cs-inquiry-status {
  display: inline-block;
  border: var(--line-width, 1px) solid var(--color-black, #000000);
  padding-inline: 4px;
  font-size: 10px;
  line-height: 10px;
  color: var(--color-black, #000000);
}
.cs-inquiry-status.is-done {
  color: var(--color-white, #ffffff);
  border: var(--line-width, 1px) solid var(--color-gray300, #bbbbbb);
  background-color: var(--color-gray300, #bbbbbb);
}

.coupon-card-wrap {
  margin-top: 40px;
}

.coupon-card-wrap + .notice-list {
  margin-top: 40px;
}

.coupon-apply-prd-section {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 60px;
}
.coupon-apply-prd-section .coupon-detail-prd {
  margin: 0 0;
}
.coupon-apply-prd-section .coupon-detail-prd + .divider {
  display: none;
}
.coupon-apply-prd-section .plp-filter-tags {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  padding-block: 18px;
}
.coupon-apply-prd-section .coupon-detail-prd-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 12px;
}
.coupon-apply-prd-section .plp-list {
  padding-top: 0;
}
.coupon-apply-prd-section .plp-load-more {
  padding-bottom: 80px;
}

.coupon-detail-prd-count {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.coupon-detail-prd-actions {
  display: flex;
  gap: 8px;
}
.coupon-detail-prd-actions .btn {
  min-width: 80px;
}

.withdraw-desc {
  font-size: 14px;
  line-height: 22px;
  margin-top: 40px;
}

.withdraw-content {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin-top: 40px;
}

.withdraw-type {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.withdraw-type-list {
  display: flex;
  gap: 80px;
}
.withdraw-type-list .rdo-wrap .rdo + label {
  gap: 8px;
}

.withdraw-type-desc {
  font-size: 13px;
  line-height: 20px;
}
.withdraw-type-desc p {
  margin: 0;
  line-height: 20px;
}
.withdraw-type-desc .withdraw-type-desc-membership {
  display: none;
}

.withdraw-type:has(#withdrawTypeMembership:checked) .withdraw-type-desc-maje {
  display: none;
}
.withdraw-type:has(#withdrawTypeMembership:checked) .withdraw-type-desc-membership {
  display: block;
}

.withdraw-sections {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.withdraw-section-desc {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 12px;
}

.withdraw-tbl {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.withdraw-tbl th,
.withdraw-tbl td {
  padding: 10px 12px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}
.withdraw-tbl thead tr {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.withdraw-tbl tbody tr {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.withdraw-tbl-values {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.withdraw-form-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.withdraw-reason {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.withdraw-btn-wrap {
  display: flex;
  justify-content: center;
}

.withdraw-confirm-btn {
  width: 310px;
}

.cs-detail-section {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

.cs-detail-q {
  display: flex;
  flex-direction: column;
}

.cs-detail-q-title {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 20px 0;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.cs-detail-q-label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  flex-shrink: 0;
}

.cs-detail-q-header {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  word-break: break-all;
}
.cs-detail-q-header .badge {
  line-height: 18px;
  line-height: 16px;
}

.cs-detail-q-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
}

.cs-detail-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 0 20px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cs-detail-content .cart-item .cart-item-thumb {
  width: 88px;
}
.cs-detail-content .cart-item .cart-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
}

.cs-detail-product {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.cs-detail-desc {
  font-size: 13px;
  line-height: 20px;
  word-break: break-all;
}

.cs-detail-date {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray400, #757575);
}

.cs-detail-images {
  display: flex;
  gap: 8px;
}

.cs-detail-image-item {
  width: 125px;
  min-width: 0;
  aspect-ratio: 1/1;
}
.cs-detail-image-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cs-detail-question,
.cs-detail-answer {
  display: flex;
  gap: 8px;
  padding-block: 20px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  color: var(--color-gray400, #757575);
}

.cs-detail-question {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  margin-top: 24px;
}

.cs-detail-answer-label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  flex-shrink: 0;
  color: var(--color-black, #000000);
  word-break: break-all;
}

.cs-detail-question-body,
.cs-detail-answer-body {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 12px;
}

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

.cs-satisfaction-section {
  margin-top: 40px;
}

.cs-satisfaction-content {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
}
.cs-satisfaction-content .inp-underline-wrap {
  margin-top: 12px;
}

.cs-satisfaction-rating {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cs-satisfaction-stars {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  cursor: pointer;
}

.cs-satisfaction-star {
  display: block;
  width: 24px;
  height: 24px;
  -webkit-mask: url("../images/ico/ico-star.svg") center/contain no-repeat;
  mask: url("../images/ico/ico-star.svg") center/contain no-repeat;
  background-color: var(--color-gray200, #cccccc);
}
.cs-satisfaction-star.is-active {
  -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;
  background-color: var(--color-black, #000000);
}

.cs-satisfaction-btn {
  width: 97px;
}

.cs-write-inner {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.cs-write-inner .delivery-address {
  margin-top: 24px;
}
.cs-write-inner .form-section {
  margin-bottom: 32px;
}
.cs-write-inner .cs-write-upload-wrap {
  margin-top: 0;
}
.cs-write-inner .cs-write-btns {
  margin-top: 0;
}

.cs-write-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cs-write-fields-gap16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cs-write-type-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.cs-write-type-row .select-box {
  flex: 1;
}

.cs-write-order-btn {
  flex-shrink: 0;
  width: 118px;
}

.cs-write-product {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.cs-write-product[hidden] {
  display: none;
}
.cs-write-product .cart-item .cart-item-thumb {
  width: 88px;
}
.cs-write-product .cart-item .cart-item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
}

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

.cs-write-product-info {
  display: flex;
  flex: 1;
  min-width: 0;
  align-items: flex-start;
}

.cs-write-product-name {
  flex: 1;
  min-width: 0;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cs-write-product-del {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 0 0 12px;
  border: 0;
  background: none;
  cursor: pointer;
}

.cs-write-upload-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.cs-write-upload-slots {
  display: flex;
  gap: 8px;
}

.cs-write-upload-slot {
  width: 118px;
  height: 118px;
  flex-shrink: 0;
}

.cs-write-upload-slot-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cs-write-upload-slot-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.cs-write-upload-slot-del {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
}

.cs-write-upload-slot-empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-gray50, #efefef);
  cursor: pointer;
}

.cs-write-upload-slot-plus {
  width: 24px;
  height: 24px;
  background-color: var(--color-gray300, #bbbbbb);
}
.cs-write-upload-slot-plus.ico-plus {
  background-color: var(--color-gray300, #bbbbbb);
}

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

.cs-write-answer-row {
  display: flex;
  align-items: center;
  gap: 48px;
}

.cs-write-answer-label {
  font-size: 14px;
  line-height: 22px;
  flex-shrink: 0;
}

.cs-write-answer-options {
  display: flex;
  align-items: center;
  gap: 48px;
}

.cs-write-btns {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 32px;
}
.cs-write-btns .btn {
  width: 50%;
}

.order-product-modal .modal-body {
  padding: 24px 24px 0;
}
.order-product-modal .modal-footer {
  display: flex;
  gap: 8px;
  padding: 0 24px 36px;
}
.order-product-modal .modal-footer .btn {
  flex: 1 0 0;
}

.order-product-guide-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.order-product-guide {
  font-size: 14px;
  line-height: 22px;
}

.order-product-search .inp-search-wrap {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 1px 13px;
  border: var(--line-width, 1px) solid var(--color-gray500, #666666);
  border-radius: var(--radius-md, 5px);
}
.order-product-search .inp-search-wrap .inp-search-text {
  flex: 1 0 0;
  max-height: 22px;
  min-width: 1px;
  padding: 0;
  border: 0;
  background: none;
  outline: none;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}
.order-product-search .inp-search-wrap .inp-search-text::placeholder {
  color: var(--color-gray300, #bbbbbb);
}
.order-product-search .inp-search-wrap .inp-search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

.order-product-list-area {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-height: 548px;
  overflow-y: auto;
  padding-bottom: 40px;
}

.order-product-group {
  display: flex;
  flex-direction: column;
}
.order-product-group .order-product-group-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
}
.order-product-group .order-product-group-date,
.order-product-group .order-product-group-num {
  font-size: 13px;
  line-height: 20px;
}
.order-product-group .order-product-items {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-product-group .order-product-items > li {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.order-product-items {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  list-style: none;
  padding: 0;
  margin: 0;
}
.order-product-items > li {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.order-product-item {
  display: flex;
  align-items: flex-start;
  padding: 16px 0 16px 1px;
}
.order-product-item .rdo {
  appearance: none;
  -webkit-appearance: none;
  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;
  cursor: pointer;
  transition: background 0.15s;
}
.order-product-item .rdo:checked {
  background: var(--color-black, #000000);
}
.order-product-item .cart-item {
  flex: 1;
  min-width: 0;
}
.order-product-item .cart-item-thumb {
  width: 88px;
}
.order-product-item .cart-item-info {
  padding-right: 12px;
}
.order-product-item .cart-item-name {
  font-size: 11px;
  line-height: 16px;
  font-family: var(--font-en, AvantGarde LT);
  font-weight: 500;
  letter-spacing: 1px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  white-space: normal;
}

.benefit-agree-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px;
}
.benefit-agree-section .agree-item-row .chk-wrap {
  font-weight: 700;
}
.benefit-agree-section .agree-item-row .chk-wrap .chk + label {
  font-size: 16px;
  line-height: 24px;
}
.benefit-agree-section .agree-terms-box {
  height: 280px;
  overflow-y: auto;
  margin-top: 24px;
  padding: 16px;
  background: var(--color-gray30, #f6f6f6);
  border-radius: 5px;
}
.benefit-agree-section .agree-marketing-recv > span {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.benefit-agree-section .agree-marketing-grid {
  grid-template-columns: repeat(4, auto);
  gap: 48px;
}

.cs-notice-detail {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}

.cs-notice-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  padding: 20px 0;
}

.cs-notice-detail-title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  padding: 8px 0;
  word-break: break-all;
}

.cs-notice-detail-date {
  min-width: 143px;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
  width: 80px;
  padding-top: 8px;
  flex-shrink: 0;
  white-space: nowrap;
}

.cs-notice-detail-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.cs-notice-detail-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #f6f6f6;
  padding: 20px;
  font-size: 13px;
}
.cs-notice-detail-content .cs-notice-detail-text,
.cs-notice-detail-content a {
  font-size: 13px;
}
.cs-notice-detail-content a {
  text-decoration: underline;
  color: var(--color-gray500, #666666);
}

.cs-notice-detail-text {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  word-break: break-all;
}
.cs-notice-detail-text p {
  margin: 0;
}

.cs-notice-nav {
  display: flex;
  flex-direction: column;
}

.cs-notice-nav-item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.cs-notice-nav-item:first-child {
  border-top: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.cs-notice-nav-label {
  font-size: 13px;
  line-height: 20px;
  width: 80px;
  padding-left: 24px;
  flex-shrink: 0;
}

.cs-notice-nav-link {
  flex: 1 0 0;
  min-width: 0;
  font-size: 13px;
  line-height: 20px;
  padding: 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cs-notice-detail-btns {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.cs-notice-detail-btns .btn {
  width: 308px;
}

.benefit-save-modal .modal-dialog {
  width: 380px;
}
.benefit-save-modal .benefit-save-modal-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  padding: 36px;
}
.benefit-save-modal .benefit-save-modal-txt {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.benefit-save-modal .benefit-save-modal-title {
  font-size: 14px;
  line-height: 22px;
}
.benefit-save-modal .benefit-save-modal-date {
  display: block;
  font-size: 13px;
  line-height: 20px;
}
.benefit-save-modal .benefit-save-modal-status {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.benefit-save-modal .benefit-save-modal-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}
.benefit-save-modal .benefit-save-modal-btn {
  width: 308px;
}

/* 별도 cases */
.mypage-content-sections.withraw-page {
  width: 624px;
  margin: 0 auto;
  gap: 32px;
  align-items: center;
}
.mypage-content-sections.withraw-page .mypage-section-title {
  margin-bottom: 8px;
}
.mypage-content-sections.withraw-page .page-result-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.mypage-content-sections.withraw-page .page-result-desc {
  padding: 0;
}
.mypage-content-sections.withraw-page .page-result-actions {
  margin-top: 0;
}
.mypage-content-sections.withraw-page .withraw-btn {
  width: 310px;
}

.mypage-wrap .notice-list {
  font-size: 14px;
  line-height: 22px;
}

.order-filter {
  display: flex;
  justify-content: flex-end;
  margin-top: 40px;
}
.order-filter .select-box {
  width: 153px;
}
.order-filter + .tab-bar {
  margin-top: 40px;
}

.order-tabs {
  display: flex;
  margin-top: 40px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.order-tab {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--color-gray300, #bbbbbb);
  position: relative;
}
.order-tab.is-active {
  font-weight: 700;
  color: var(--color-black, #000000);
}
.order-tab.is-active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: var(--color-black, #000000);
}

.mypage-order-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
  list-style: none;
  padding: 0;
}
.mypage-order-list + .list-more-wrap {
  margin-top: 32px;
  border-top: 0;
}

.order-group {
  display: flex;
  flex-direction: column;
}
.order-group .order-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}
.order-group .order-group-head .order-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.order-group .order-group-head .order-detail-link {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  text-decoration: underline;
}

.order-sub-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 20px;
  background-color: var(--color-gray30, #f6f6f6);
  font-size: 12px;
  line-height: 18px;
}
.order-sub-info strong {
  padding-left: 4px;
  font-weight: 700;
}
.order-sub-info.is-pickup {
  justify-content: flex-start;
  gap: 8px;
}

.order-addr-btn {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.order-addr-tooltip {
  left: auto;
  right: 0;
  transform: none;
  width: 312px;
}

.order-addr-tooltip-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.order-addr-phone {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}

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

.order-addr-tooltip-address {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
  word-break: break-all;
}

.order-pickup-label {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.order-pickup-store {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
}

.order-items-head {
  display: flex;
  align-items: stretch;
  margin-top: 16px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  font-weight: 700;
}

.order-head-name,
.order-head-status,
.order-head-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  text-align: center;
}

.order-head-name {
  flex: 0 0 342px;
}

.order-head-status {
  flex: 0 0 200px;
}

.order-head-cancel {
  flex: 0 0 119px;
}

.order-items {
  display: flex;
  flex-direction: column;
  list-style: none;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  margin-top: 20px;
  padding: 0;
}

.order-group-head + .order-items {
  margin-top: 0;
}

.order-item-divider {
  list-style: none;
}
.order-item-divider .divider {
  margin: 0;
}

.order-item {
  display: flex;
  align-items: stretch;
  gap: 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.order-item .cart-item {
  flex: 1 1 0;
  min-width: 0;
  padding: 16px 24px 16px 0;
}
.order-item .cart-item-thumb {
  width: 88px;
}

.order-item-right {
  display: flex;
  align-items: stretch;
  flex: 0 0 319px;
}

.order-item-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px;
  flex: 0 0 200px;
}
.order-item-status .order-status-text {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  color: var(--color-black, #000000);
  text-align: center;
}
.order-item-status .order-status-date {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
  text-align: center;
}

.order-item-action {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 4px;
  padding: 24px 0;
  flex: 0 0 119px;
  white-space: nowrap;
}
.order-item-action .order-item-link {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
}

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

.order-progress-guide {
  margin-top: 40px;
}

.order-progress-title {
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 32px;
  padding-bottom: 12px;
}

.progress-steps {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 0 32px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  position: relative;
}

.progress-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  flex: 1;
  position: relative;
}
.progress-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 12px;
  right: -50%;
  width: 100%;
  height: 1px;
  border-bottom: var(--line-width, 1px) dotted var(--color-gray50, #efefef);
}

.progress-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-circle, 50%);
  background-color: var(--color-black, #000000);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white, #ffffff);
  position: relative;
  z-index: 1;
}

.progress-step-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-black, #000000);
  text-align: center;
  white-space: nowrap;
}

.progress-step-actions {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin-top: 10px;
}
.progress-step-actions li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray600, #444444);
}
.progress-step-actions li::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background-color: var(--color-gray600, #444444);
  border-radius: var(--radius-circle, 50%);
  margin-top: 7px;
  flex-shrink: 0;
}

.progress-desc {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 32px;
}

.progress-desc-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.progress-desc-title {
  flex-shrink: 0;
  min-width: 134px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 6px;
}

.progress-desc-text {
  flex: 1;
  min-width: 0;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray600, #444444);
}
.progress-desc-text .notice-list {
  font-size: 14px;
}

.progress-desc-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-circle, 50%);
  background-color: var(--color-black, #000000);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white, #ffffff);
  flex-shrink: 0;
}

.progress-desc-sub {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}

.exchange-group-head .exchange-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.order-steps-box {
  position: relative;
  padding: 66px 0 32px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  margin-top: 32px;
}

.order-phase-bar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: flex;
  gap: 2px;
}

.order-phase-item {
  background-color: var(--color-gray30, #f6f6f6);
  border-radius: var(--radius-full, 999px);
  padding: 3px 8px;
  font-size: 13px;
  line-height: 20px;
  color: var(--color-gray500, #666666);
  text-align: center;
  width: 100px;
}
.order-phase-item.is-grow {
  flex: 1;
  width: auto;
}

.order-steps-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}
.order-steps-row::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 51px;
  right: 51px;
  height: 1px;
  border-top: var(--line-width, 1px) dotted var(--color-gray50, #efefef);
}

.order-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1;
}

.order-step-num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--radius-circle, 50%);
  background-color: var(--color-black, #000000);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--color-white, #ffffff);
  flex-shrink: 0;
}

.order-step-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-align: center;
}

.order-step-sub {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}

.exchange-guide-intro {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
  margin-bottom: 16px;
}

.exchange-guide-list {
  position: relative;
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.exchange-guide-list::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  bottom: 11px;
  width: 1px;
  background-color: var(--color-gray50, #efefef);
  z-index: 0;
}

.exchange-guide-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.exchange-guide-item .notice-list li {
  color: var(--color-gray300, #bbbbbb);
}
.exchange-guide-item .notice-list li::before {
  background-color: var(--color-gray300, #bbbbbb);
}
.exchange-guide-item.is-active .notice-list li {
  color: var(--color-gray600, #444444);
}
.exchange-guide-item.is-active .notice-list li::before {
  background-color: var(--color-gray600, #444444);
}

.exchange-guide-marker {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exchange-guide-dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-circle, 50%);
  background-color: var(--color-gray300, #bbbbbb);
}
.exchange-guide-item.is-active .exchange-guide-dot {
  background-color: var(--color-black, #000000);
}

.exchange-guide-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.exchange-guide-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-gray300, #bbbbbb);
}
.exchange-guide-item.is-active .exchange-guide-name {
  color: var(--color-black, #000000);
}

.exchange-guide-group-header {
  display: flex;
  align-items: center;
  padding-left: 32px;
}

.exchange-guide-group-name {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  color: var(--color-gray300, #bbbbbb);
}
.exchange-guide-group-name.is-active {
  color: var(--color-black, #000000);
}

.exchange-guide-sublabel {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-gray300, #bbbbbb);
}

.return-progress-desc {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}

.return-progress-desc-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.return-progress-desc-item dd {
  flex: 1;
  min-width: 0;
}

.return-progress-desc-item dt {
  flex-shrink: 0;
  min-width: 134px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.return-progress-sub {
  display: block;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
}

.cancel-order-section {
  margin-top: 40px;
}
.cancel-order-section .select-box {
  width: 100%;
  margin-top: 40px;
}
.cancel-order-section .exchange-apply-items .exchange-apply-item + .exchange-apply-item {
  margin-top: 0;
}
.cancel-order-section .exchange-apply-items .exchange-apply-item + .exchange-apply-item > .order-items {
  border-top: none;
}

.order-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
}

.order-header-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.order-header-no {
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}

.cancel-add-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  background-color: var(--color-gray30, #f6f6f6);
}

.cancel-add-info {
  font-size: 13px;
  line-height: 20px;
}

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

.order-detail-info-box {
  margin-top: 40px;
  padding-bottom: 16px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.cancel-refund-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}

.cancel-refund-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.cancel-price-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cancel-price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cancel-price-item.cancel-price-total {
  padding-top: 8px;
}

.cancel-price-label,
.cancel-price-value {
  font-size: 14px;
  line-height: 22px;
}

.cancel-refund-bottom {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.cancel-notice {
  margin-top: 16px;
  background-color: var(--color-gray30, #f6f6f6);
  border-radius: var(--radius-md, 5px);
  padding: 20px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
}
.cancel-notice strong {
  font-weight: 700;
}

.order-cancel-all-sections {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.order-cancel-all-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}

.cancel-submit {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.cancel-submit .btn {
  width: 308px;
}

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

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

.cpay-amount-value {
  font-size: 14px;
  line-height: 22px;
}

.cpay-divider {
  margin: 40px 0;
}

.cpay-method-sect {
  margin-top: 0;
}

.cpay-method-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}

.cpay-radios {
  display: flex;
  gap: 48px;
}

.cpay-panel {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

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

.cpay-card-box-title {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.cpay-card-selects {
  display: flex;
  gap: 12px;
  width: 100%;
}
.cpay-card-selects .select-box {
  flex: 1;
}

.cpay-escrow-radios {
  display: flex;
  justify-content: center;
  gap: 64px;
}

.cpay-default-chk {
  margin-top: 16px;
}

.cancel-add-modal-list {
  list-style: none;
  padding: 0;
  margin-top: 16px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.cancel-add-modal-item {
  padding: 24px 24px 24px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}
.cancel-add-modal-item .cart-item-thumb {
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
}

.exchange-add-modal-notice {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}

.exchange-add-modal-list {
  list-style: none;
  padding: 0;
  margin-top: 16px;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.exchange-add-modal-item {
  padding: 16px 16px 16px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.exchange-add-modal-item .cart-item-thumb {
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
}

.order-detail {
  margin-top: 40px;
}

.order-detail-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding-bottom: 12px;
}

.order-detail-date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.order-detail-no {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
}

.order-pickup-hours {
  margin-left: auto;
  font-size: 13px;
  line-height: 20px;
}

.order-gift-row {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
  padding-bottom: 16px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.order-gift-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.order-gift-label,
.order-gift-value {
  font-size: 14px;
  line-height: 22px;
}

.order-detail-sub-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
  margin-bottom: 16px;
  padding-bottom: 12px;
}

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

.order-freegift-section {
  margin-top: 40px;
}
.order-freegift-section .order-detail-sub-head {
  border-bottom: 0;
  margin-bottom: 0;
}

.order-freegift-table {
  margin-top: 0;
}

.order-freegift-head {
  display: flex;
  align-items: center;
  border-top: var(--line-width, 1px) solid #000;
  border-bottom: var(--line-width, 1px) solid #000;
  height: 54px;
  margin-bottom: 16px;
}
.order-freegift-head .order-freegift-col-main {
  flex: 1 0 0;
  min-width: 0;
  padding: 0 24px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.order-freegift-head .order-freegift-col-action {
  flex-shrink: 0;
  width: 93px;
  padding: 0 24px;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}

.order-freegift-list {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
  list-style: none;
  padding: 0;
  margin: 12px 0 0 0;
}

.order-freegift-item {
  display: flex;
  align-items: center;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
  padding: 16px 0;
}
.order-freegift-item .order-freegift-product {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.order-freegift-item .order-freegift-product .cart-item .cart-item-thumb {
  width: 88px;
}
.order-freegift-item .order-freegift-product .cart-item .cart-item-name {
  font-size: 11px;
}
.order-freegift-item .order-freegift-thumb {
  flex-shrink: 0;
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
  overflow: hidden;
}
.order-freegift-item .order-freegift-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.order-freegift-item .order-freegift-info {
  flex: 1 0 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.order-freegift-item .order-freegift-name {
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 1px;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.order-freegift-item .order-freegift-qty {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
}
.order-freegift-item .order-freegift-action {
  flex-shrink: 0;
  width: 93px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.order-freegift-item .order-freegift-link {
  font-size: 13px;
  line-height: 20px;
  color: #666;
  text-decoration: underline;
}

.order-detail-addr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-break: break-all;
}
.order-detail-addr p,
.order-detail-addr div {
  font-size: 13px;
  line-height: 20px;
}

.order-detail-payment-section {
  margin-top: 40px;
}

.order-payment-groups {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.order-payment-group {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.order-payment-group.order-cancel-items-info, .order-payment-group.order-exchange-items-info {
  margin-top: 40px;
  gap: 12px;
}
.order-payment-group.order-cancel-items-info > .order-payment-subtitle, .order-payment-group.order-exchange-items-info > .order-payment-subtitle {
  font-size: 16px;
}

.order-payment-subtitle {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.order-payment {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.order-price-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.order-price-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-price-item.order-price-total {
  padding-top: 8px;
}
.order-price-item.order-price-total .order-price-label,
.order-price-item.order-price-total .order-price-value {
  font-weight: 700;
}
.order-price-item.is-sub .order-price-label,
.order-price-item.is-sub .order-price-value {
  color: var(--color-gray400, #757575);
}

.order-price-label,
.order-price-value {
  font-size: 14px;
  line-height: 22px;
}

.cancel-price-divider {
  height: 1px;
  background-color: var(--color-gray50, #efefef);
}

.cancel-price-total .cancel-price-label,
.cancel-price-total .cancel-price-value {
  font-weight: 700;
}

.cancel-price-item.is-sub .cancel-price-label,
.cancel-price-item.is-sub .cancel-price-value {
  color: var(--color-gray400, #757575);
}

.order-exchange-section {
  margin-top: 40px;
}

.order-cancel-item-list {
  list-style: none;
  padding: 0;
}
.order-cancel-item-list .cart-item-thumb {
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
}

.order-cancel-item {
  padding: 16px 0;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.order-cancel-item:first-child {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}

.exchange-apply-section {
  margin-top: 40px;
}

.exchange-apply-items {
  margin-top: 0;
}
.exchange-apply-items .exchange-apply-item:first-child {
  margin-top: 0;
}
.exchange-apply-items .order-items {
  margin-top: 0;
}
.exchange-apply-items + .cancel-add-bar {
  margin-top: 16px;
}

.exchange-apply-items-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 24px;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}

.exchange-apply-item {
  margin-top: 40px;
}
.exchange-apply-item + .exchange-apply-item {
  margin-top: 40px;
}

.exchange-apply-item > .order-items {
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.exchange-apply-item > .order-items > .order-item:last-child {
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}
.exchange-apply-item > .order-items > .order-item:last-child .cart-item {
  flex: 1 1 0;
  min-width: 0;
  padding: 16px 24px 16px 0;
}
.exchange-apply-item > .order-items > .order-item:last-child .cart-item-thumb {
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
}

.exchange-apply-item-right {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}

.exchange-apply-item-qty {
  flex: 0 0 158px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 24px;
}
.exchange-apply-item-qty .stepper {
  width: 110px;
}

.exchange-apply-qty-label {
  font-size: 13px;
  line-height: 20px;
}

.exchange-apply-item-del {
  flex: 0 0 56px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 8px;
}

.exchange-apply-del-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.exchange-apply-sub {
  margin-top: 32px;
}

.exchange-apply-sub-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 12px;
}

.exchange-apply-color {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.exchange-apply-color .filter-colorchip {
  margin-bottom: 16px;
  column-gap: 18px;
}

.exchange-apply-color-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 18px;
  color: var(--color-black, #000000);
}

.exchange-apply-color-label-text {
  flex-shrink: 0;
}

.exchange-apply-color-selected {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-gray500, #666666);
}

.exchange-apply-color-selected-val {
  font-size: 12px;
  line-height: 18px;
}

.exchange-apply-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.exchange-apply-options .select-box {
  width: 100%;
}

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

.exchange-apply-fee-amount {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 16px;
}
.exchange-apply-fee-amount .exchange-apply-fee-label {
  font-size: 14px;
  line-height: 22px;
  color: var(--color-black, #000000);
}
.exchange-apply-fee-amount .exchange-apply-fee-value {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.exchange-apply-upload-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.exchange-apply-upload-slots {
  display: flex;
  gap: 8px;
}

.exchange-apply-upload-slot {
  width: 118px;
  height: 118px;
  flex-shrink: 0;
}

.exchange-apply-upload-slot-preview {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.exchange-apply-upload-slot-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.exchange-apply-upload-slot-del {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: rgba(255, 255, 255, 0.4);
}

.exchange-apply-upload-slot-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-gray50, #efefef);
  cursor: pointer;
}

.exchange-apply-upload-slot-plus {
  width: 24px;
  height: 24px;
  background-color: var(--color-gray300, #bbbbbb);
}
.exchange-apply-upload-slot-plus.ico-plus {
  background-color: var(--color-gray300, #bbbbbb);
}

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

.exchange-apply-sub .select-box {
  width: 100%;
}
.exchange-apply-sub .textarea-wrap {
  margin-top: 0;
}

.exchange-apply-add-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  margin-top: 40px;
  background-color: var(--color-gray30, #f6f6f6);
}

.exchange-apply-add-msg {
  font-size: 13px;
  line-height: 20px;
  color: var(--color-black, #000000);
}

.exchange-apply-add-link {
  font-size: 12px;
  line-height: 18px;
  color: var(--color-gray500, #666666);
  text-decoration: underline;
  white-space: nowrap;
}

.exchange-section-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: var(--line-width, 1px) solid var(--color-black, #000000);
}

.exchange-pickup-section {
  margin-top: 40px;
}
.exchange-pickup-section .order-detail-sub-head {
  border-bottom: 0;
  margin-bottom: 0;
}

.exchange-pickup-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.exchange-pickup-dl {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.exchange-pickup-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  word-break: break-all;
}

.exchange-pickup-label {
  flex: 0 0 130px;
  font-size: 14px;
  line-height: 22px;
}

.exchange-pickup-value {
  flex: 1;
  font-size: 14px;
  line-height: 22px;
  text-align: right;
}

.exchange-pickup-addr {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  word-break: break-all;
}
.exchange-pickup-addr .order-item-link {
  font-size: 12px;
  line-height: 18px;
}

.exchange-pickup-request .select-box {
  width: 100%;
}

.exchange-pickup-box-qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exchange-pickup-box-qty .stepper {
  width: 111px;
}

.exchange-pickup-box-label {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 22px;
  position: relative;
}

.exchange-pickup-box-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}

.exchange-fee-section {
  margin-top: 40px;
  padding-bottom: 16px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.exchange-fee-body {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.exchange-fee-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.exchange-fee-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.exchange-fee-item.is-sub .exchange-fee-label,
.exchange-fee-item.is-sub .exchange-fee-value {
  color: var(--color-gray400, #757575);
}

.exchange-fee-label,
.exchange-fee-value {
  font-size: 14px;
  line-height: 22px;
}

.exchange-fee-section .divider {
  margin: 16px 0;
}

.exchange-fee-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.exchange-fee-total-label,
.exchange-fee-total-value {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.exchange-fee-notice {
  padding: 20px;
  margin-top: 16px;
  background-color: var(--color-gray30, #f6f6f6);
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.exchange-fee-notice strong {
  font-weight: 700;
}

.return-apply-section {
  margin-top: 40px;
}

.return-apply-items .return-apply-item:first-child {
  margin-top: 0;
}
.return-apply-items .return-apply-item + .return-apply-item {
  margin-top: 0;
}
.return-apply-items .return-apply-item + .return-apply-item > .order-items {
  margin-top: 40px;
}

.return-apply-item {
  margin-top: 40px;
}
.return-apply-item > .order-items {
  margin-top: 0;
  border-top: var(--line-width, 1px) solid var(--color-black, #000000);
}
.return-apply-item > .order-items > .order-item .cart-item-thumb {
  width: 88px;
  aspect-ratio: var(--ratio, 0.75);
}

.return-refund-section {
  margin-top: 40px;
  padding-bottom: 16px;
  border-bottom: var(--line-width, 1px) solid var(--color-gray50, #efefef);
}

.return-refund-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.return-refund-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.return-refund-item.is-total {
  margin-top: 16px;
}
.return-refund-item.is-total .return-refund-label,
.return-refund-item.is-total .return-refund-value {
  font-weight: 700;
}
.return-refund-item.is-sub .return-refund-label,
.return-refund-item.is-sub .return-refund-value {
  color: var(--color-gray400, #757575);
}

.return-refund-label,
.return-refund-value {
  font-size: 14px;
  line-height: 22px;
}

.return-refund-section .divider {
  margin: 16px 0;
}

.return-refund-notice {
  margin-top: 16px;
  padding: 20px;
  background-color: var(--color-gray50, #efefef);
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  line-height: 22px;
}
.return-refund-notice strong {
  font-weight: 700;
}

.order-detail-actions {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 32px;
}
.order-detail-actions .btn {
  max-width: 310px;
  flex: 1;
}

.exchange-complete-wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
.exchange-complete-wrap .order-progress-guide {
  margin-top: 0;
}

.exchange-complete-top {
  display: flex;
  flex-direction: column;
}

.exchange-complete-banner {
  padding: 120px 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.exchange-complete-btn {
  display: flex;
  justify-content: center;
}
.exchange-complete-btn .btn {
  width: 308px;
}

.exchange-complete-guides {
  display: flex;
  flex-direction: column;
}
.exchange-complete-guides .order-detail-info-box {
  border-bottom: 0;
  padding-bottom: 0;
}

.exchange-complete-guide-desc {
  font-size: 14px;
  line-height: 22px;
}

.return-complete-wrap {
  display: flex;
  flex-direction: column;
  gap: 64px;
  margin-top: 40px;
}
.return-complete-wrap .order-progress-guide {
  margin-top: 0;
}

.return-complete-top {
  display: flex;
  flex-direction: column;
}

.return-complete-banner {
  padding: 120px 0;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}

.return-complete-btn {
  display: flex;
  justify-content: center;
}
.return-complete-btn .btn {
  width: 308px;
}

.return-complete-guides {
  display: flex;
  flex-direction: column;
}
.return-complete-guides .order-detail-info-box {
  border-bottom: 0;
  padding-bottom: 0;
}

.return-complete-guide-desc {
  font-size: 14px;
  line-height: 22px;
}

/* 매장안내 모달 특정 */
.modal.modal-store .modal-sec-head {
  gap: 8px;
}
.modal.modal-store .modal-sec-desc div,
.modal.modal-store .modal-sec-desc p {
  margin-bottom: 8px;
}
.modal.modal-store .modal-sec-desc div:last-child,
.modal.modal-store .modal-sec-desc p:last-child {
  margin-bottom: 0;
}
/*# sourceMappingURL=../css.map/mypage.css.map */