@charset "UTF-8";
/* #### login  ####  */
.login_banner {
  width: 50%;
  background: url(../images/common/login_back.png) no-repeat center center/cover;
  min-height: 100vh;
}
.login_area {
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
}
.login_form {
  background: #ffffff;
  box-shadow: 0 6px 20px 0 #0000000d, 0 3px 15px 0 #0000000a;
  padding: 40px 40px 32px;
  border-radius: 16px;
  max-width: 460px;
  width: 100%;
}
.login_form .login_logo {
  width: 154px;
  height: 62px;
  margin: 0 auto 40px;
}
.login_form .login_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.login_form .ip__area {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
.login_form .ip_box {
  position: relative;
}
.login_form .ip_box input {
  width: 100%;
  height: 50px;
  padding-left: 56px;
}
.login_form .ip_box input:focus {
  border-color: #151515;
}
.login_form .ip_box span {
  content: "아이디";
  width: fit-content;
  height: 16px;
  color: #151515;
  position: absolute;
  top: -8px;
  left: 16px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
  padding: 0 4px;
  font-weight: 400;
  font-size: 12px;
}
.login_form .ip_box > img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}
.login_form .ip_box:focus-within span {
  opacity: 1;
  visibility: visible;
}
.login_form .login_title {
  display: none;
}
.login_form .join_go {
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  text-align: center;
  position: relative;
  overflow: visible;
}
.login_form .join_go_text {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 0;
}
.login_form .join_go_title {
  color: #151515;
  font-weight: 600;
  font-size: 15px;
  line-height: 19.5px;
}
.login_form .join_go_desc {
  color: #666666;
  font-weight: 400;
  font-size: 14px;
  line-height: 18.2px;
}
.login_form .join_go_text img {
  width: 48px;
  height: 30px;
  object-fit: contain;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  z-index: 2;
}
.modal_join {
  background-color: rgba(0, 0, 0, 0.2);
}
.modal_join .modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(544px, calc(100% - 48px));
  max-width: 544px;
  height: 800px;
  max-height: calc(100dvh - 40px);
  border-radius: 8px;
  background: #ffffff;
  padding: 24px 24px 32px;
  overflow: hidden;
}
.modal_join.open .modal__inner {
  top: 50%;
}
.join_modal_head {
  position: relative;
  min-height: 32px;
}
.join_modal_head h2 {
  color: #151515;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
}
.join_modal_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  color: #151515;
  font-size: 30px;
  line-height: 1;
}
.join_modal_body {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.join_modal_scroll {
  height: 600px;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 4px;
}
.join_modal_scroll::-webkit-scrollbar {
  width: 4px;
}
.join_modal_scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.join_modal_scroll::-webkit-scrollbar-track {
  background: transparent;
}
.join_modal_body h3 {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding-bottom: 8px;
  border-bottom: 1px solid #151515;
}
.join_form_grid {
  margin-top: 0;
}
.join_row {
  display: grid;
  grid-template-columns: 106px 1fr;
  align-items: center;
  gap: 0;
  min-height: 60px;
  border-bottom: 1px solid #e6e6e6;
}
.join_label {
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  padding: 10px;
}
.join_label span {
  color: #cd0000;
}
.join_field {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px;
}
.join_field .ip_basic {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  font-size: 15px;
}
.join_inline .btn {
  white-space: nowrap;
  min-width: 60px;
  height: 40px;
  padding: 0 16px;
  line-height: 40px;
  font-size: 15px;
  font-weight: 400;
}
.join_col2 {
  flex-direction: column;
  gap: 8px;
}
.join_phone .ip_basic {
  max-width: none;
}
.join_phone span {
  color: #151515;
  font-size: 15px;
}
.join_terms {
  margin-top: 24px;
}
.join_terms h4 {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  padding-bottom: 8px;
  border-bottom: 1px solid #151515;
}
.join_terms_list {
  margin-top: 0;
  padding: 16px 8px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.join_terms .check_A em {
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.join_terms .check_A p {
  font-size: 15px;
  line-height: 19.5px;
}
.join_terms hr {
  display: none;
}
.join_all_check {
  margin-top: 16px;
}
.join_all_check p {
  font-size: 15px;
  line-height: 19.5px;
  font-weight: 500;
}
.join_modal_actions {
  margin-top: 24px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.join_modal_actions .btn {
  min-width: 60px;
  height: 36px;
  padding: 0 16px;
  line-height: 36px;
  font-size: 15px;
  font-weight: 400;
}

.interest_search_box .search_item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.interest_search_box .search_item .gap8 {
  width: calc(100% - 160px);
}

.interest_table thead th {
  text-align: center;
  font-size: 14px;
}

.interest_table tbody td {
  padding: 10px 8px;
}

.interest_table tbody tr:has(input[type="checkbox"]:checked) td {
  background: #e7fef4;
}

.interest_img {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}

.interest_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 관심상품 interest.html — Figma */
.page_interest .main_contents {
  padding: 32px 40px 40px;
}
.page_interest .main_tit {
  font-weight: 700;
  line-height: 42px;
}
.page_interest .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.page_interest .interest_search_box .flex {
  align-items: flex-start;
  gap: 40px;
}
.page_interest .interest_search_box .search_items {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.page_interest .interest_search_row {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.page_interest .interest_search_row .search_field_label {
  width: auto;
  min-width: 64px;
}
.page_interest .interest_search_options {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
}
.page_interest .interest_search_select {
  flex-shrink: 0;
  width: 160px;
}
.page_interest .interest_search_select .nice-select.select-primary {
  width: 100%;
}
.page_interest .interest_search_input {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: 40px;
  font-size: 15px;
}
.page_interest .interest_search_box .btns .search_btn {
  height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.3;
}
.page_interest .content_box {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.page_interest .interest_top_box {
  margin-bottom: 16px;
}
.page_interest .content_box > .interest_table {
  margin-bottom: 24px;
}
.page_interest .interest_top_actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_interest .interest_btn_outline {
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
  background: #fff;
  border: 1px solid #151515;
  border-radius: 4px;
  cursor: pointer;
}
.page_interest .interest_btn_danger_outline {
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #cd0000;
  background: #fff;
  border: 1px solid #cd0000;
  border-radius: 4px;
  cursor: pointer;
}
.page_interest .interest_table thead th {
  height: 50px;
  font-size: 16px;
  font-weight: 600;
  vertical-align: middle;
  background: #e7e8ea;
  border: 1px solid #e7e8ea;
  color: #151515;
}
.page_interest .interest_table tbody td {
  padding: 16px 12px;
  vertical-align: middle;
  border-color: #e6e6e6;
}
.page_interest .interest_table tbody td {
  background: #fff;
}
.page_interest .interest_table tbody tr:has(input[type="checkbox"]:checked) td {
  background: #e7fef4;
}
.page_interest .interest_img {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #f6f6f6;
  overflow: hidden;
}
.page_interest .interest_img img {
  object-fit: cover;
}
.page_interest .interest_td_code {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
}
.page_interest .interest_product_title {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.page_interest .interest_product_title a {
  color: #151515;
  text-decoration: none;
}
.page_interest .interest_product_title a:hover {
  text-decoration: underline;
}
.page_interest .interest_meta {
  font-size: 14px;
  line-height: 1.3;
  color: #444444;
}
.page_interest .interest_tr--underline .interest_product_title a,
.page_interest .interest_tr--underline .interest_meta {
  text-decoration: none;
}
.page_interest .interest_tr--underline .interest_product_title a:hover,
.page_interest .interest_tr--underline .interest_meta:hover {
  text-decoration: underline;
}
.page_interest .interest_table .price {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}
.page_interest .interest_td_date {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
  margin: 0;
}
.page_interest .content_box > .pagination {
  justify-content: center;
}
.page_interest .interest_table tbody td .row_4 {
  gap: 4px;
}

.changed_search_box .search_items {
  gap: 12px;
}

.changed_search_box .search_item .gap8 {
  flex-wrap: wrap;
}

.changed_search_box .search_item .ml16 {
  margin-left: 16px;
  font-size: 15px;
  color: #151515;
}

/* 수정상품 리스트 — Figma 정렬 */
.page_changed_product .main_contents {
  padding: 24px 40px 40px;
}
.page_changed_product .changed_search_box .flex {
  align-items: flex-start;
  gap: 40px;
}
.page_changed_product .changed_search_box .btns {
  padding-top: 0;
}
.page_changed_product .changed_search_box .btns .search_btn {
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.3;
}
.page_changed_product .changed_search_box .search_items {
  gap: 8px;
}
.page_changed_product .changed_search_row {
  height: auto;
  min-height: 40px;
  align-items: flex-start;
}
.page_changed_product .changed_search_row--topline {
  flex-wrap: nowrap;
  gap: 24px;
  align-items: center;
  min-width: 0;
  overflow-x: auto;
}
.page_changed_product .changed_search_row--topline::-webkit-scrollbar {
  height: 6px;
}
.page_changed_product .changed_search_pay {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 0;
  min-width: 0;
  flex-shrink: 1;
}
.page_changed_product .changed_search_pay_inner {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  flex-wrap: nowrap;
}
.page_changed_product .changed_search_pay_inner .sel_box {
  flex: 1 1 0;
  min-width: 72px;
  max-width: 160px;
}
.page_changed_product .changed_search_pay_inner .sel_box .nice-select.select-primary {
  width: 100%;
}
.page_changed_product .changed_search_add {
  flex-shrink: 0;
  min-width: 60px;
  height: 40px;
  padding: 8px 16px;
  font-size: 15px;
  line-height: 1.3;
  color: #151515;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
}
.page_changed_product .changed_search_vsep {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.page_changed_product .changed_search_vsep img {
  display: block;
}
.page_changed_product .changed_search_period {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  flex: 1 1 0;
  min-width: 0;
}
.page_changed_product .changed_search_period .search_field_label {
  flex-shrink: 0;
}
.page_changed_product .changed_period_cluster {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  flex: 1 1 auto;
  min-width: 0;
}
.page_changed_product .changed_search_period .changed_search_dates {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.page_changed_product .changed_search_period .date_area input.datepicker-basic {
  width: 140px;
  font-size: 15px;
}
.page_changed_product .changed_search_period .changed_search_dates h6 {
  font-weight: 400;
}
.page_changed_product .changed_search_period .changed_quick_row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  flex-shrink: 0;
}
.page_changed_product .changed_search_pay .search_field_label {
  flex-shrink: 0;
}
.page_changed_product .changed_search_row--chips .gap8 {
  flex-wrap: wrap;
}
.page_changed_product .changed_search_row--fields {
  align-items: center;
}
.page_changed_product .changed_search_row--fields .gap8 {
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
}
.page_changed_product .changed_search_field {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1 1 200px;
  min-width: 180px;
}
.page_changed_product .changed_search_field .search_field_label {
  flex-shrink: 0;
  width: auto;
  min-width: 51px;
}
.page_changed_product .changed_search_field .input_basic {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}
.page_changed_product .changed_search_field--name .input_basic {
  border-color: #e6e6e6;
}
.page_changed_product .changed_search_field--name .input_basic:focus,
.page_changed_product .changed_search_field--name .input_basic:focus-visible {
  border-color: #151515;
}
.page_changed_product .check_B input[name="chg_period"]:checked + em {
  color: #0d1731;
}
.page_changed_product .check_B input[name="chg_filter"]:checked + em {
  color: #0d1731;
}
.page_changed_product .changed_table tbody td p.changed_tbl_sub {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.page_changed_product .changed_table tbody td p.changed_tbl_desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.page_changed_product .changed_table tbody td p.changed_tbl_underline {
  font-size: 16px;
  text-decoration: none;
}
.page_changed_product .changed_table tbody td p.changed_tbl_underline:hover {
  text-decoration: underline;
}
.page_changed_product .changed_table thead th {
  height: 50px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.page_changed_product .changed_table tbody td p {
  font-size: 16px;
  line-height: 1.3;
}
.page_changed_product .changed_table tbody tr td {
  padding: 16px 12px;
  vertical-align: middle;
  box-sizing: border-box;
}
.page_changed_product .changed_table tbody tr td p {
  margin: 0;
}
.page_changed_product .changed_table tbody tr td .row_4 {
  justify-content: center;
  gap: 4px;
}
.page_changed_product .content_box > .pagination {
  justify-content: center;
}

.changed_table table th,
.changed_table table td {
  vertical-align: top;
}

.changed_table table td p {
  line-height: 1.35;
}

.basket_upload_box h4 {
  font-size: 16px;
  font-weight: 600;
  color: #151515;
}

.basket_upload_box p {
  margin-top: 6px;
  font-size: 12px;
  color: #444444;
}

.basket_upload_row {
  margin-top: 16px;
  display: flex;
  gap: 8px;
}

.basket_content_box .top_box {
  margin-bottom: 10px;
}

.basket_table tbody tr.active td {
  background: #e9faf4;
}

.basket_bottom_btn {
  margin-top: 12px;
  text-align: center;
}

.basket_bottom_btn .btn {
  min-width: 122px;
}

.mobile_basket {
  display: none;
}

/* basket page - figma alignment (desktop only) */
.basket_page .basket_figma_wrap {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.basket_page .basket_upload_box--figma {
  padding: 24px;
  border-radius: 8px;
}
.basket_page .basket_figma_wrap .basket_upload_box--figma h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #151515;
}
.basket_page .basket_upload_box--figma .basket_upload_notice {
  margin-top: 0;
  font-size: 16px;
  line-height: 20.8px;
  color: #444444;
}
.basket_page .basket_upload_box--figma .basket_upload_notice + .basket_upload_notice {
  margin-top: 4px;
}
.basket_page .basket_upload_link {
  color: #07ae66;
  font-weight: 600;
}
.basket_page .basket_upload_row {
  margin-top: 16px;
  align-items: center;
}
.basket_page .basket_upload_input {
  width: 640px;
  max-width: 100%;
  height: 40px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  color: #151515;
}
.basket_page .basket_upload_input::placeholder {
  color: #999999;
}
.basket_page .basket_upload_row .btn_bor_gray {
  background: #ffffff;
  border: 1px solid #e6e6e6;
  color: #151515;
}
.basket_page .basket_upload_row .btn {
  height: 40px;
  line-height: 20.8px;
  font-size: 16px;
  font-weight: 400;
  padding: 8px 20px;
}
.basket_page .basket_content_box--figma {
  padding: 24px;
  border-radius: 8px;
  gap: 24px;
}
.basket_page .basket_content_box--figma .top_box {
  margin-bottom: 16px;
}
.basket_page .basket_content_box--figma .top_box .left h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #151515;
}
.basket_page .basket_content_box--figma .top_box .right {
  display: flex;
  gap: 8px;
}
.basket_page .basket_content_box--figma .top_box .right .btn {
  min-height: 32px;
  line-height: 18.2px;
  font-weight: 400;
  border-radius: 4px;
}
/* 리스트: thead 고정, tbody 데이터 영역만 세로 스크롤 */
.basket_page .basket_table_scroll {
  overflow-x: auto;
  min-width: 0;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.basket_page .basket_table_scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.basket_page .basket_table_scroll::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.basket_page .basket_table_scroll::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.basket_page .basket_table_scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.28);
}
.basket_page .basket_table_scroll table.basket_table--body_scroll {
  width: 100%;
  border-collapse: collapse;
  display: block;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll thead {
  display: block;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody {
  display: block;
  max-height: 640px;
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 4px;
  scrollbar-gutter: stable;
  /* Firefox — thumb = Divider rgba(0,0,0,0.20) */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll thead tr,
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th {
  position: static;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll th,
.basket_page .basket_table.desktop_table table.basket_table--body_scroll td {
  box-sizing: border-box;
}
/* 고정(px): 체크, 상품코드, 이미지(156), 수량, 공급가, 등록일 — 가변: 상품/옵션·소비자가 */
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(1),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(1) {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(2),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(2) {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(3),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(3) {
  width: 156px;
  min-width: 156px;
  max-width: 156px;
}
/* 가변: 상품 / 옵션 */
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(4),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(4) {
  width: auto;
  min-width: 0;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(5),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(5) {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(6),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(6) {
  width: 140px;
  min-width: 140px;
  max-width: 140px;
}
/* 가변: 소비자가 */
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(7),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(7) {
  width: auto;
  min-width: 120px;
}
.basket_page .basket_table.desktop_table table.basket_table--body_scroll thead th:nth-child(8),
.basket_page .basket_table.desktop_table table.basket_table--body_scroll tbody td:nth-child(8) {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
}
/* MY카트 tbody 스크롤 — Figma Divider: bg rgba(0,0,0,0.20), radius 4px */
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody::-webkit-scrollbar {
  width: 4px;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}
.basket_page .basket_table_scroll table.basket_table--body_scroll tbody::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.28);
}
.basket_page .basket_table.desktop_table {
  overflow: visible;
  max-height: none;
}
.basket_page .basket_table.desktop_table table thead th {
  height: 50px;
  padding: 0 16px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  text-align: center;
  vertical-align: middle;
  background: #e7e8ea;
  box-shadow: 0 1px 0 #e6e6e6;
}
.basket_page .basket_table.desktop_table table tbody td {
  padding: 16px;
  font-size: 14px;
  line-height: 18.2px;
  color: #151515;
  vertical-align: middle;
  background: transparent;
}
.basket_page .basket_table.desktop_table tbody tr:not(.active) td {
  background: transparent;
}
.basket_page .basket_table.desktop_table tbody td:nth-child(3) {
  padding: 8px;
}
.basket_page .basket_table.desktop_table td.top_vertical {
  text-align: left;
  vertical-align: middle;
}
.basket_page .basket_table.desktop_table td.top_vertical .row_4 > p:first-of-type {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #151515;
}
.basket_page .basket_table.desktop_table td.top_vertical .row_4 .gray_text {
  font-size: 14px;
  line-height: 18.2px;
  color: #444444;
}
.basket_page .basket_table.desktop_table table tbody td .price {
  font-weight: 600;
}
.basket_page .basket_table.desktop_table table tbody td .price.red_text {
  color: #cd0000;
}
/* MY카트 썸네일 140×140 (이미지 열 156px 안에 여백 두고 중앙 정렬) */
.basket_page .interest_img {
  width: 140px;
  height: 140px;
}
.basket_page .interest_img img {
  object-fit: cover;
}
.basket_page .basket_table.desktop_table .interest_img {
  margin: 0 auto;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #f6f6f6;
  overflow: hidden;
}
.basket_page .basket_table.desktop_table .interest_img img {
  object-fit: cover;
}
.basket_page .basket_table.desktop_table .check_A input + em {
  border-radius: 3px;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e6e6e6;
}
.basket_page .basket_table.desktop_table .check_A input:checked + em {
  background-color: transparent;
  background-image: url(../images/icon/icon_check_basic_on.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  border: 0;
}
.basket_page .basket_table.desktop_table tbody tr.active td {
  background: #e7fef4 !important;
}
.basket_page .basket_bottom_btn {
  margin-top: 24px;
}
.basket_page .basket_bottom_btn .btn_green {
  box-sizing: border-box;
  width: 135px;
  min-width: 135px;
  max-width: 135px;
  height: 52px;
  line-height: 52px;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 600;
  background: #09df82;
  color: #151515;
  border: 0;
  border-radius: 4px;
}

.mobile_exchange_search,
.mobile_exchange_list {
  display: none;
}

.order_mo_status_tabs,
.order_mo_search,
.order_mo_divider,
.order_mo_list {
  display: none;
}

.modal_settlement_detail .modal__inner {
  max-width: 1400px;
  width: calc(100% - 80px);
  max-height: 86vh;
}

.settlement_modal_head {
  height: 56px;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.settlement_modal_head h2 {
  color: #151515;
  font-size: 24px;
  font-weight: 700;
}

.settlement_modal_close {
  font-size: 30px;
  color: #151515;
  line-height: 1;
}

.settlement_modal_body {
  padding: 16px;
}

.settlement_modal_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.settlement_modal_top h3 {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
}

.settlement_modal_table {
  max-height: 62vh;
  overflow: auto;
}

.settlement_modal_table table {
  min-width: 1160px;
}

/* #### dashboard (피그마) #### */
.main_contents.dashboard_contents {
  padding: 40px;
  background: #e7e8ea;
  box-sizing: border-box;
}
.dashboard_contents {
  padding: 0;
}
.dashboard_board.dash_board {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dash_row {
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex-wrap: wrap;
}
.dash_panel {
  background: #ffffff;
  border-radius: 8px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 330px;
}
.dash_panel_head,
.dash_sub_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-shrink: 0;
}
.dash_panel_title {
  color: #151515;
  font-size: 22px;
  font-weight: 800;
  line-height: 33px;
  margin: 0;
}
.dash_sub_title {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  margin: 0;
}
.dash_more {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #444444;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: none;
}
.dash_more:hover {
  opacity: 0.85;
}
.dash_more_txt {
  display: inline-block;
}
.dash_more img {
  display: block;
  flex-shrink: 0;
}
.dash_order_mgmt {
  flex: 1 1 0;
  min-width: 280px;
}
.dash_my_info,
.dash_promo {
  width: 360px;
  flex: 0 0 360px;
  max-width: 100%;
}
.dash_order_stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-content: flex-start;
}
.dash_stat_card {
  width: calc((100% - 24px) / 4);
  flex: 0 0 calc((100% - 24px) / 4);
  max-width: calc((100% - 24px) / 4);
  box-sizing: border-box;
  padding: 16px 12px 12px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.dash_stat_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.dash_stat_top--col {
  justify-content: flex-start;
}
.dash_stat_label {
  color: #151515;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.dash_stat_sub {
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-align: right;
  white-space: nowrap;
}
.dash_stat_value {
  text-align: right;
  color: #151515;
  font-size: 32px;
  font-weight: 800;
  line-height: 48px;
}
.dash_stat_card--key {
  background: #0d1731;
  border: none;
}
.dash_stat_card--key .dash_stat_label {
  color: #0af58f;
}
.dash_stat_card--key .dash_stat_sub:empty {
  min-width: 0;
}
.dash_stat_card--key .dash_stat_sub {
  color: #e7fef4;
}
.dash_stat_card--key .dash_stat_value {
  color: #0af58f;
}
.dash_stat_card--alert {
  background: #cd0000;
  border: none;
}
.dash_stat_card--alert .dash_stat_label,
.dash_stat_card--alert .dash_stat_value {
  color: #ffffff;
}
.dash_my_body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}
.dash_my_profile {
  flex: 1;
  padding: 16px;
  background: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-sizing: border-box;
}
.dash_my_profile_head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e6e6e6;
}
.dash_my_company {
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}
.dash_my_id {
  margin-left: auto;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.dash_my_addr {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dash_my_addr p {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  margin: 0;
}
.dash_my_info_grid {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.dash_my_settle {
  flex: 1 1 0;
  padding: 12px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  box-sizing: border-box;
}
.dash_settle_value {
  width: 100%;
  text-align: right;
  color: #00a550;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.dash_my_cash {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.dash_my_cash--card {
  flex: 1 1 0;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
}
.dash_my_cash_left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dash_cash_label {
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
}
.dash_cash_value {
  color: #0070ff;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  width: 100%;
  text-align: right;
}
.dash_btn_xs {
  height: 24px;
  min-width: 40px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #151515;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  cursor: pointer;
}
.dash_btn_xs--float {
  position: absolute;
  top: 8px;
  right: 12px;
}
.dash_promo_inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}
.dash_promo_slider {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dash_promo_visual {
  position: relative;
  flex: 1;
  min-height: 140px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  overflow: visible;
  background: #f6f6f6;
}
.dash_promo_img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 140px;
  object-fit: cover;
  border-radius: 4px;
}
.dash_promo_nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: 1px solid #e6e6e6;
  border-radius: 999px;
  background: #ffffff;
  cursor: pointer;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.dash_promo_nav--prev {
  left: -12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.424 4.176a.6.6 0 0 1 0 .848L6.448 8l2.976 2.976a.6.6 0 1 1-.848.848l-3.4-3.4a.6.6 0 0 1 0-.848l3.4-3.4a.6.6 0 0 1 .848 0z' fill='%23151515'/%3E%3C/svg%3E");
}
.dash_promo_nav--next {
  right: -12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.576 4.176a.6.6 0 0 1 .848 0l3.4 3.4a.6.6 0 0 1 0 .848l-3.4 3.4a.6.6 0 0 1-.848-.848L9.552 8 6.576 5.024a.6.6 0 0 1 0-.848z' fill='%23151515'/%3E%3C/svg%3E");
}
.dash_promo_pager {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 2px 8px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 9999px;
  color: #151515;
  font-size: 10px;
  font-weight: 400;
  line-height: 13px;
  z-index: 2;
}
.dash_promo_feature {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dash_promo_feature_tit {
  flex: 1;
  color: #151515;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.dash_promo_feature_date {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
}
.dash_list_rows {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.dash_list_rows li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #ececec;
}
.dash_list_rows li:last-child {
  border-bottom: none;
}
.dash_list_link,
.dash_list_txt {
  flex: 1;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dash_list_link--und {
  text-decoration: underline;
}
.dash_list_date {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
}
.dash_chart_panel {
  flex: 1 1 0;
  min-width: 280px;
}
.dash_notice {
  width: 360px;
  flex: 0 0 360px;
  max-width: 100%;
}
.dash_kw_inquiry {
  width: 360px;
  flex: 0 0 360px;
  max-width: 100%;
  gap: 8px;
}
.dash_chart_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.dash_chart_head_left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.dash_chart_head_right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dash_divider {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
}
.dash_divider img {
  display: block;
}
.dash_chart_tabs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dash_pill {
  height: 32px;
  padding: 6px 12px;
  border-radius: 9999px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.dash_pill--on {
  background: #151515;
  border-color: #151515;
  color: #ffffff;
}
.dash_btn_period {
  height: 24px;
  padding: 4px 6px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #151515;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  cursor: pointer;
}
.dash_barchart {
  flex: 1;
  min-height: 249px;
}
.dash_bb_chart {
  width: 100%;
  height: 249px;
}
.dash_bb_chart .bb-axis path,
.dash_bb_chart .bb-axis line {
  stroke: #ececec;
}
.dash_bb_chart .bb-axis-x path {
  stroke: #ececec;
}
.dash_bb_chart .bb-axis text {
  fill: #999999;
  font-size: 12px;
}
.dash_bb_chart .bb-grid line {
  stroke: #ececec;
}
.dash_bb_chart .bb-bar {
  fill: #09df82;
}
.dash_notice_list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  overflow: auto;
  min-height: 0;
}
.dash_notice_list li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #ececec;
}
.dash_notice_list li:last-child {
  border-bottom: none;
}
.dash_notice_list a,
.dash_notice_txt {
  flex: 1;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: none;
  word-break: break-word;
}
.dash_notice_list a.dash_list_under {
  text-decoration: underline;
}
.dash_notice_list span:last-child {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
  flex-shrink: 0;
}
.dash_kw_block {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 0;
}
.dash_wordcloud {
  position: relative;
  flex: 1;
  min-height: 200px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
}
.dash_w {
  position: absolute;
  font-weight: 600;
  white-space: nowrap;
  transform: translate(-50%, -50%);
}
.dash_w.w-xl {
  font-size: 26px;
  line-height: 39px;
}
.dash_w.w-l {
  font-size: 20px;
  line-height: 30px;
}
.dash_w.w-m {
  font-size: 16px;
  line-height: 20.8px;
}
.dash_w.w-s {
  font-size: 14px;
  line-height: 18.2px;
  color: #666666;
}
.dash_w--green {
  color: #07ae66;
}
.dash_w--red {
  color: #cd0000;
}
.dash_w--blue {
  color: #0070ff;
}
.dash_wordcloud .dash_w:nth-child(1) {
  left: 50%;
  top: 52%;
}
.dash_wordcloud .dash_w:nth-child(2) {
  left: 78%;
  top: 18%;
}
.dash_wordcloud .dash_w:nth-child(3) {
  left: 16%;
  top: 68%;
}
.dash_wordcloud .dash_w:nth-child(4) {
  left: 72%;
  top: 72%;
}
.dash_wordcloud .dash_w:nth-child(5) {
  left: 56%;
  top: 12%;
}
.dash_wordcloud .dash_w:nth-child(6) {
  left: 26%;
  top: 16%;
}
.dash_wordcloud .dash_w:nth-child(7) {
  left: 10%;
  top: 42%;
}
.dash_wordcloud .dash_w:nth-child(8) {
  left: 34%;
  top: 82%;
}
.dash_wordcloud .dash_w:nth-child(9) {
  left: 56%;
  top: 88%;
}
.dash_wordcloud .dash_w:nth-child(10) {
  left: 86%;
  top: 48%;
}
.dash_inquiry_block {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}
.dash_inquiry_list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.dash_inquiry_list li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0;
  border-bottom: 1px solid #ececec;
}
.dash_inquiry_list li:last-child {
  border-bottom: none;
}
.dash_inquiry_txt {
  flex: 1 1 0;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: none;
}
.dash_inquiry_txt--und {
  text-decoration: underline;
}
.dash_inquiry_state {
  color: #999999;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
}
.dash_inquiry_state--done {
  color: #151515;
}
.dash_inquiry_empty {
  height: 68px;
  padding: 24px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
}
.dash_inquiry_empty p {
  margin: 0;
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .dash_my_info,
  .dash_promo,
  .dash_notice,
  .dash_kw_inquiry {
    flex: 1 1 100%;
    width: 100%;
  }
  .dash_stat_card {
    width: calc((100% - 24px) / 4);
    flex: 0 0 calc((100% - 24px) / 4);
    max-width: calc((100% - 24px) / 4);
  }
}
@media screen and (max-width: 768px) {
  .main_contents.dashboard_contents {
    padding: 16px;
  }
  .dash_stat_card {
    width: 100%;
    flex: 0 0 calc(50% - 4px);
    max-width: calc(50% - 4px);
  }
  .dash_promo_nav--prev {
    left: 4px;
  }
  .dash_promo_nav--next {
    right: 4px;
  }
}
.main_contents {
  background: #e7e8ea;
  width: calc(100% - 240px);
  padding: 32px 40px 40px;
}
.main_tit {
  color: #151515;
  font-weight: 800;
  font-size: 28px;
  line-height: 150%;
  margin-bottom: 16px;
}

/* 추천검색어 관리 manage_search_terms.html — Figma */
.page_search_terms .main_contents {
  padding-top: 24px;
}
.page_search_terms .search_terms_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}
.page_search_terms .search_terms_card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page_search_terms .search_terms_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_search_terms .search_terms_table thead th {
  height: 50px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-align: center;
  vertical-align: middle;
}
.page_search_terms .search_terms_table tbody td {
  height: 56px;
  padding: 8px;
  box-sizing: border-box;
  vertical-align: middle;
}
.page_search_terms .search_terms_rank {
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.page_search_terms .search_terms_input {
  width: 100%;
  height: 40px;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
}
.page_search_terms .search_terms_input:focus {
  outline: none;
  border-color: #151515;
}
.page_search_terms .search_terms_field {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 40px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
}
.page_search_terms .search_terms_field--focus {
  border-color: #151515;
}
.page_search_terms .search_terms_field__caret {
  width: 1px;
  height: 14px;
  flex-shrink: 0;
  background: #151515;
}
.page_search_terms .search_terms_input--bare {
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  padding: 10px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.page_search_terms .search_terms_input--bare:focus {
  border: 0;
  outline: none;
}
.page_search_terms .search_terms_action_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.page_search_terms .search_terms_actions {
  display: flex;
  justify-content: center;
  width: 100%;
}
.page_search_terms .search_terms_save_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #0d1731;
  background: #09df82;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.page_search_terms .search_terms_save_btn:hover {
  filter: brightness(0.97);
}

.search_box {
  background: #fff;
  border-radius: 8px;
  padding: 24px;

  margin-bottom: 16px;
}
.search_box .flex {
  display: flex;
  gap: 40px;
  /* align-items: flex-start; */
  /* align-items: stretch; */
  justify-content: space-between;
  width: 100%;
}
.search_box .btns {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  /* height: 100%; */
}

.search_box .search_items {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search_box .search_items .search_item {
  display: flex;
  gap: 16px;
  align-items: center;
}
.search_box .search_items .search_item.h40 {
  height: 40px;
}
.search_box .search_items .search_item span {
  color: #151515;
  font-weight: 500;
  font-size: 15px;
}
.search_box .search_items .search_item span.search_field_label {
  flex-shrink: 0;
  width: 52px;
}
.search_box .search_items .search_item .check_boxs {
  display: flex;
  align-items: center;
  gap: 16px;
}
.search_box .search_items .search_item .check_A p {
  font-size: 15px;
}
.search_box .search_items .search_item .line {
  background: #e6e6e6;
  border: 0;
  width: 1px;
  height: 20px;
  margin: 0 8px;
}
.search_box .search_items .search_item .gap16 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.search_box .search_items .search_item .gap8 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.best_ds_search .flex {
  gap: 16px;
  align-items: flex-start;
}
.best_ds_search .search_items {
  flex: 1 1 auto;
}
.best_ds_search .search_items .search_item {
  gap: 8px;
}
.best_ds_search .search_items .search_item span.search_field_label {
  width: auto;
  min-width: 40px;
}
.best_ds_search .best_ds_search__divider {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin: 0 24px;
}
.best_ds_search .best_ds_search__divider img {
  display: block;
}
.best_ds_search .best_ds_search__row .date_area input {
  width: 150px;
}
.best_ds_search .best_ds_search__text {
  width: 320px;
  height: 40px;
}
.best_ds_search .best_ds_search__price {
  width: 140px;
  height: 40px;
}
.best_ds_search .best_ds_search__soldout_label {
  margin-left: 0;
}
.best_ds_search .best_ds_search__row--category {
  align-items: center;
}
.best_ds_search .best_ds_search__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}
.best_ds_search .best_ds_search__selects {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.best_ds_search .best_ds_search__add {
  width: 24px;
  height: 24px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
}
.best_ds_search .best_ds_search__add img {
  display: block;
}
.best_ds_search .best_ds_search__crumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  width: 100%;
  min-width: 0;
}
.best_ds_search .best_ds_search__crumb_row {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.best_ds_search .best_ds_search__crumb_delete {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  cursor: pointer;
  flex-shrink: 0;
}
.best_ds_search .best_ds_search__crumb_delete img {
  display: block;
}
.best_ds_search .best_ds_search__crumb {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #666666;
  font-size: 12px;
  font-family: Pretendard;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.best_ds_search .best_ds_search__crumb_txt {
  white-space: nowrap;
}
.best_ds_search .best_ds_search__crumb_sep {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin: 0 2px;
}
.best_ds_search .best_ds_search__crumb_sep img {
  display: block;
}
.best_ds_search .btns {
  align-self: flex-start;
  justify-content: flex-start;
  min-width: 84px;
}
.search_box .detail__area {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f6f6f6;
}
.date_area {
  position: relative;
}
.date_area .icon_cal {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon_calendar.svg) no-repeat center center/contain;
}
.date_area h6 {
  color: #151515;
  font-weight: 400;
  font-size: 15px;
}
.w610 {
  width: 610px;
  height: 40px;
}
.w420 {
  width: 420px;
  height: 40px;
}

.input-w100p {
  width: 100%;
  height: 40px;
}
.content_box {
  padding: 24px;
  background: #fff;
  width: 100%;
  border-radius: 8px;
}
.content_box .top_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.content_box .top_box .left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.content_box .top_box .left h4 {
  color: #444444;
  font-weight: 400;
  font-size: 16px;
}
.content_box .top_box .left h4 b {
  color: #09df82;
  font-weight: 600;
}
.content_box .top_box .left .line {
  content: "";
  width: 1px;
  height: 16px;
  background: #e6e6e6;
  border: 0;
  display: inline-block;
}
.content_box .top_box .right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.content_box .top_box .right_gap16 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.content_box .top_box .category_ch {
  display: flex;
  align-items: center;
  gap: 4px;
}
.table_basic thead tr th {
  height: 50px;
  background: #e7e8ea;
  border: 1px solid #e7e8ea;
  color: #151515;
  font-weight: 600;
  font-size: 16px;
}
.table_basic tbody tr td {
  border: 1px solid #e6e6e6;
  padding: 16px;
}
.table_basic tbody tr td .row_4 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.table_basic tbody tr td .row_16 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.table_basic tbody tr td p {
  font-size: 14px;
  line-height: 130%;
  color: #151515;
}
.table_basic tbody tr td p.hover_underline:hover {
  text-decoration: underline;
}

.table_basic tbody tr td p.fz15 {
  font-size: 15px;
}
.table_basic tbody tr td .gray_text {
  color: #444444;
}
.table_basic tbody tr td .lightgray_text {
  color: #999999;
}
.table_basic tbody tr td .red_text {
  color: #cd0000;
}
.table_basic tbody tr td p.price {
  font-weight: 600;
  font-size: 16px;
}
.table_basic tbody tr td .primary_text {
  color: #09df82;
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
}
.table_basic tbody tr td .inform_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table_basic table {
  width: 100%;
}
.page_member_mgt_list .search_box .search_items.member-status {
  border-left: 1px solid #e6e6e6;
  margin-left: 24px;
  padding-left: 24px;
}
.page_member_mgt_list .notice_tbl .table_basic thead tr th:first-child,
.page_member_mgt_list .notice_tbl .table_basic tbody tr td:first-child {
  border-left: 0;
}
.page_member_mgt_list .notice_tbl .table_basic thead tr th:last-child,
.page_member_mgt_list .notice_tbl .table_basic tbody tr td:last-child {
  border-right: 0;
}
.page_operator_mgt_list .notice_tbl .table_basic thead tr th:first-child,
.page_operator_mgt_list .notice_tbl .table_basic tbody tr td:first-child {
  border-left: 0;
}
.page_operator_mgt_list .notice_tbl .table_basic thead tr th:last-child,
.page_operator_mgt_list .notice_tbl .table_basic tbody tr td:last-child {
  border-right: 0;
}
.page_member_mgt_reg .member_reg_wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.page_member_mgt_reg .member_reg_card {
  padding: 24px;
}
.page_member_mgt_reg .member_reg_card .top_box {
  margin-bottom: 16px;
}
.page_member_mgt_reg .member_reg_card .top_box .left h4 {
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_member_mgt_reg .member_reg_table table th {
  width: 140px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
  padding: 16px;
}
.page_member_mgt_reg .member_reg_table table td {
  border: 1px solid #e6e6e6;
  padding: 8px;
  vertical-align: middle;
}
.page_member_mgt_reg .member_reg_table .required {
  color: #cd0000;
}
.page_member_mgt_reg .member_reg_radio_group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page_member_mgt_reg .member_reg_radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.page_member_mgt_reg .member_reg_radio input {
  display: none;
}
.page_member_mgt_reg .member_reg_radio span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #151515;
  font-size: 15px;
  line-height: 19.5px;
  font-weight: 400;
}
.page_member_mgt_reg .member_reg_radio span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background: radial-gradient(circle, #09df82 0 4px, transparent 5px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0 0;
}
.page_member_mgt_reg .member_reg_radio input:checked + span::before {
  border-color: #09df82;
  background-size: 18px 18px;
}
.page_member_mgt_reg .member_reg_table .ip_basic {
  border: 1px solid #e6e6e6;
}
.page_member_mgt_reg .member_reg_table .ip_basic:focus,
.page_member_mgt_reg .member_reg_table .ip_basic:focus-visible {
  border-color: #151515;
}
.page_member_mgt_reg .member_reg_inline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_member_mgt_reg .member_reg_btn {
  flex-shrink: 0;
  border-color: #e6e6e6;
}
.page_member_mgt_reg .member_reg_btn:focus,
.page_member_mgt_reg .member_reg_btn:focus-visible,
.page_member_mgt_reg .member_reg_btn:active {
  border-color: #151515;
}
.page_member_mgt_reg .member_reg_phone {
  display: flex;
  align-items: center;
}
.page_member_mgt_reg .member_reg_phone span {
  color: #151515;
  font-size: 15px;
  margin: 0 8px;
}
.page_member_mgt_reg .member_reg_email {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page_member_mgt_reg .member_reg_email_input {
  width: 520px;
  max-width: 100%;
}
.page_member_mgt_reg .member_reg_corp {
  width: 260px;
}
.page_member_mgt_reg .member_reg_corp .nice-select {
  width: 100%;
  border: 1px solid #e6e6e6;
}
.page_member_mgt_reg .member_reg_corp .nice-select.open,
.page_member_mgt_reg .member_reg_corp .nice-select:focus,
.page_member_mgt_reg .member_reg_corp .nice-select:focus-visible {
  border-color: #151515;
}
.page_member_mgt_reg .member_reg_corp .nice-select:after {
  border: 0;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  right: 12px;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  background: url(../images/icon/icon_arrow_down.svg) no-repeat center center / contain;
}
.page_member_mgt_reg .member_reg_corp .nice-select.open:after {
  transform: rotate(180deg);
}
.page_member_mgt_reg .member_reg_action_card {
  padding: 24px;
}
.page_member_mgt_reg .member_reg_action_card .basket_bottom_btn {
  margin-top: 0;
}
.page_member_mgt_reg .member_reg_action_card .basket_bottom_btn .btn {
  min-width: 0;
  width: auto;
  height: 40px;
  line-height: normal;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* 회원 수정: 사업자 선택 — 피그마 검색·드롭다운 (해당 페이지만) */
.page_member_mgt_modify .member_corp_figma {
  position: relative;
  width: 260px;
  max-width: 100%;
}
.page_member_mgt_modify .member_corp_figma__native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.page_member_mgt_modify .member_corp_figma__trigger {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  font: inherit;
  color: #151515;
}
.page_member_mgt_modify .member_corp_figma__trigger:hover {
  border-color: #e6e6e6;
}
.page_member_mgt_modify .member_corp_figma__trigger.is-open,
.page_member_mgt_modify .member_corp_figma__trigger:focus,
.page_member_mgt_modify .member_corp_figma__trigger:focus-visible {
  border-color: #151515;
  outline: none;
}
.page_member_mgt_modify .member_corp_figma__value {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page_member_mgt_modify .member_corp_figma__chev {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.page_member_mgt_modify .member_corp_figma__chev img {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
}
.page_member_mgt_modify .member_corp_figma__trigger.is-open .member_corp_figma__chev img {
  transform: rotate(180deg);
}
.page_member_mgt_modify .member_corp_figma__panel {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 200;
  width: 260px;
  max-width: 100%;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow:
    20px 20px 40px rgba(0, 0, 0, 0.04),
    9px 9px 25px rgba(0, 0, 0, 0.04),
    6px 6px 20px rgba(0, 0, 0, 0.03),
    3px 3px 15px rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.page_member_mgt_modify .member_corp_figma__search {
  padding: 4px;
}
.page_member_mgt_modify .member_corp_figma__search_inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 4px;
  height: 40px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.page_member_mgt_modify .member_corp_figma__search:focus-within .member_corp_figma__search_inner {
  border-color: #151515;
}
.page_member_mgt_modify .member_corp_figma__search_line {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  background: #000;
}
.page_member_mgt_modify .member_corp_figma__search_input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_member_mgt_modify .member_corp_figma__list {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 220px;
  overflow-y: auto;
}
.page_member_mgt_modify .member_corp_figma__list::-webkit-scrollbar {
  width: 4px;
}
.page_member_mgt_modify .member_corp_figma__list::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.page_member_mgt_modify .member_corp_figma__option {
  padding: 8px 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #202124;
  cursor: pointer;
}
.page_member_mgt_modify .member_corp_figma__option:hover,
.page_member_mgt_modify .member_corp_figma__option.is-active {
  background: #f6f6f6;
}
.w1400 {
  max-width: 1400px;
  width: 100%;
}
.w1600 {
  max-width: 1600px;
  width: 100%;
}
.min1400 {
  overflow: auto;
  max-width: 1600px;
}
.min1400-wrap {
  width: 100%;
  overflow-x: auto;
}

.min1400 {
  min-width: 1400px;
}
.min1400 table col:last-child {
  width: 150px;
}
.memo--area {
  background: #f6f6f6;
  border-radius: 4px;
  padding: 10px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.memo--area .icon_memo {
  width: 20px;
  height: 20px;
  background: url(../images/icon/icon_memo.svg) no-repeat center center/contain;
}

.memo--area input {
  height: 18px;
  width: 100%;
  border: none;
  background: transparent;
  font-size: 14px;
  padding: 0;
  color: #151515;
}

.memo--area input::placeholder {
  font-size: 14px;
}
.memo--area.on .icon_memo {
  background: url(../images/icon/icon_memo_on.svg) no-repeat center center/contain;
}
.memo--area.on h4 {
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  color: #151515;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.tooltip_wrap {
  position: relative;
  display: inline-block;
}
.tooltip_wrap .btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tooltip_wrap .btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.tooltip {
  position: absolute;
  top: 0;
  right: calc(100% + 16px);
  /* transform: translateX(-50%); */
  display: none;
  width: 186px;
  background: #000000cc;
  border-radius: 4px;
  padding: 12px;
  text-align: left;
}
.tooltip:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10px;
  width: 0px;
  height: 0px;
  border-right: 8px solid none;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 8px solid #000000cc;
}
.tooltip_wrap:hover .tooltip {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tooltip h1 {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 130%;
}
.tooltip .row2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.tooltip .row2 li {
  color: #ffffff;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
}
.pagination {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.pagination li {
  width: 36px;
  height: 36px;
}
.pagination li a {
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
}
.pagination li a.num {
  border-radius: 100%;
  color: #151515;
  font-weight: 400;
  font-size: 15px;
}
.pagination li a.active {
  background: #ececec;
}
.pagination li a.first,
.pagination li a.end {
  background: url(../images/icon/icon_pagi_first.svg) no-repeat center center/contain;
}
.pagination li a.prev,
.pagination li a.next {
  background: url(../images/icon/icon_pagi_prev.svg) no-repeat center center/contain;
}
.pagination li a.end,
.pagination li a.next {
  rotate: 180deg;
}
.recommend_box {
  border-radius: 8px;
  padding: 24px;
  background: #fff;
  position: relative;
}
.swiper-pagination.recommend {
  position: static;
  width: fit-content;
  color: #07ae66;
  font-weight: 600;
  font-size: 18px;
}
.recommend_box .recommend_title {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.recommend_box .recommend_title h1 {
  color: #151515;
  font-weight: 400;
  font-size: 18px;
}
.recommend_nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: url(../images/icon/icon_sw_btn.svg) no-repeat center center/contain;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
}

.recommend_nav:hover {
  box-shadow: 0 6px 20px 0 #0000000d, 0 3px 15px 0 #0000000a;
}
.recommend_nav.prev {
  left: 4px;
}
.recommend_nav.next {
  right: 4px;
  transform: translateY(-50%) rotate(180deg);
}

.recommend_grid_item .img_box {
  width: 100%;
  aspect-ratio: 1/1;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.recommend_grid_item .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recommend_grid_item .text_box {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.recommend_grid_item .text_box h3 {
  color: #151515;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recommend_grid_item .text_box h2 {
  color: #151515;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
}
.recommend_grid_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 44px 16px;
}
.recommend_list_box .best_img {
  width: 160px;
  height: 160px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.recommend_list_box .best_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_best_list_table {
  table-layout: fixed;
  width: 100%;
}
.product_best_list_table col.product_best_col_chk {
  width: 80px;
}
.product_best_list_table col.product_best_col_code {
  width: 140px;
}
.product_best_list_table col.product_best_col_img {
  width: 156px;
}
.product_best_list_table col.product_best_col_info {
  width: auto;
}
.product_best_list_table col.product_best_col_price {
  width: 140px;
}
.product_best_list_table col.product_best_col_date {
  width: 180px;
}

/* 베스트 상품 — 피그마 리스트/그리드 전환 */
.product_best {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.product_best .top_box {
  margin-bottom: 0;
}
.product_best.view--grid .product_best_list_wrap {
  display: none;
}
.product_best.view--list .product_best_grid {
  display: none;
}
.product_best_top {
  flex-wrap: wrap;
  row-gap: 12px;
}
.product_best_top_left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  min-width: 0;
}
.product_best_total {
  display: flex;
  align-items: baseline;
  gap: 0;
  flex-wrap: wrap;
}
.product_best_total__label,
.product_best_total__unit {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.product_best_total__num {
  color: #09df82;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.product_best_top_divider {
  width: 1px;
  height: 16px;
  background: #e6e6e6;
  flex-shrink: 0;
}
.product_best_chk_all {
  gap: 8px;
}
.product_best_chk_all p {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.product_best_header_btns {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product_best_btn {
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
}
.product_best_btn--interest {
  background: #09df82;
  color: #0d1731;
}
.product_best_btn--cart {
  background: #151515;
  color: #fff;
}
.product_best .category_ch button {
  border-radius: 4px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.product_best .grid-view_btn:not(.active) {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.product_best .list-view_btn:not(.active) {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.product_best .list-view_btn.active {
  background-color: #151515;
  border: 1px solid #151515;
}
.product_best .grid-view_btn.active {
  background-color: #151515;
  border: 1px solid #151515;
}
.product_best .excel_fill_btn {
  height: 36px;
  align-items: center;
}
.product_best_sort .nice-select {
  height: 36px;
  line-height: 36px;
}
.product_best_list_wrap {
  width: 100%;
  min-width: 0;
}
.product_best_list_box.table_basic {
  overflow-x: auto;
}
.product_best_list_table tbody tr td {
  vertical-align: middle;
}
.product_best_td_img {
  padding: 8px;
  vertical-align: middle;
}
.product_best_list_table tbody tr td.product_best_td_img {
  padding: 8px;
}
.product_best_thumb {
  width: 140px;
  height: 140px;
  margin: 0 auto;
}
.product_best_list_wrap .product_best_thumb {
  width: 140px;
  height: 140px;
}
.product_best_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product_best_td_code {
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
}
.product_best_td_price p {
  margin: 0;
}
.product_best_td_price p + p {
  margin-top: 4px;
}
.product_best_price_supply {
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
}
.product_best_price_consumer {
  color: #cd0000;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
}
.product_best_td_date p {
  margin: 0;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.product_best_td_date p + p {
  margin-top: 4px;
}
.product_best_list_table tbody tr td {
  background: transparent;
}
.product_best_list_table tbody tr:has(input[data-row-check]:checked) td {
  background: #e7fef4;
}
.product_best_list_table tbody tr td .product_best_info_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.product_best_list_table tbody tr td .product_best_info_title a {
  color: #151515;
}
.product_best_tr--underline .product_best_info_title a,
.product_best_tr--underline .product_best_info_meta {
  text-decoration: underline;
}
.product_best_pagination {
  margin-top: 0;
}

/* 베스트 상품 — 그리드 셀·체크 (피그마 이미지형) */
.product_best_grid_cell {
  position: relative;
  min-width: 0;
  background: transparent;
}
.product_best_grid_cell:has(input[data-grid-check]:checked) {
  background: #e7fef4;
}
.product_best_grid_chk {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  margin: 0;
  cursor: pointer;
}
.product_best_grid_chk em {
  margin: 0;
}

/* 베스트 상품 — 모바일 (0301_Product List_image Type_mo) */
.page_best .best_mo_menu_bar,
.page_best .best_mo_only,
.page_best .best_mo_section_gap {
  display: none;
}

@media screen and (max-width: 768px) {
  .page_best .best_mo_menu_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 60px;
    padding: 0 16px;
    margin: 0 0 0;
    box-sizing: border-box;
    background: #0d1731;
  }
  .page_best .best_mo_menu_bar__left {
    display: flex;
    align-items: center;
    gap: 40px;
    min-width: 0;
  }
  .page_best .best_mo_menu_bar__logo img {
    display: block;
    width: 85px;
    height: 32px;
    object-fit: contain;
  }
  .page_best .best_mo_menu_bar__tabs {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 40px;
  }
  .page_best .best_mo_menu_bar__tab {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
  }
  .page_best .best_mo_menu_bar__tab--on {
    color: #0af58f;
  }
  .page_best .best_mo_menu_bar__sep {
    width: 2px;
    height: 14px;
    background: #3d455a;
    flex-shrink: 0;
  }
  .page_best .best_mo_menu_bar__logout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border: none;
    background: transparent;
    color: #fff;
    cursor: pointer;
  }

  .page_best .main_tit {
    display: none;
  }

  .page_best .search_box--desktop {
    display: none !important;
  }
  .page_best .best_mo_only {
    display: block;
  }
  .page_best .search_box.search_box_mo {
    padding: 24px 16px;
    background: #fff;
  }
  .page_best .best_mo_search {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .page_best .best_mo_search__row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
  }
  .page_best .best_mo_search__label {
    flex: 0 0 52px;
    width: 52px;
    padding-top: 10px;
    font-size: 15px;
    font-weight: 500;
    line-height: 19.5px;
    color: #151515;
  }
  .page_best .best_mo_search__field {
    flex: 1 1 auto;
    min-width: 0;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
  }
  .page_best .best_mo_search__dates {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
  }
  .page_best .best_mo_date {
    flex: 1 1 0;
    min-width: 0;
  }
  .page_best .best_mo_date .datepicker {
    height: 40px;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
  }
  .page_best .best_mo_search__tilde {
    flex-shrink: 0;
    font-size: 15px;
    line-height: 19.5px;
    color: #151515;
  }
  .page_best .best_mo_search__range {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
  }
  .page_best .best_mo_search__range .best_mo_search__field {
    flex: 1 1 0;
    text-align: right;
  }
  .page_best .best_mo_search__row--multiline .best_mo_search__label {
    padding-top: 8px;
  }
  .page_best .best_mo_search__classify {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .page_best .best_mo_search__selects {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
  }
  .page_best .best_mo_search__selects .sel_box {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 0;
  }
  .page_best .best_mo_search__selects .nice-select {
    height: auto;
    min-height: 36px;
    line-height: 1.3;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .page_best .best_mo_search__add {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    color: #151515;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
  }
  .page_best .best_mo_breadcrumbs {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }
  .page_best .best_mo_breadcrumbs__row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
  }
  .page_best .best_mo_breadcrumbs__rm {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #fff;
    color: #151515;
    cursor: pointer;
    padding: 0;
  }
  .page_best .best_mo_breadcrumbs__path {
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 18.2px;
    color: #151515;
    word-break: break-word;
  }
  .page_best .best_mo_search__soldout {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
  }
  .page_best .best_mo_search__soldout .check_A p {
    font-size: 15px;
    line-height: 19.5px;
    color: #151515;
  }
  .page_best .best_mo_search__submit {
    margin-top: 8px;
    width: 100%;
  }
  .page_best .best_mo_search_btn {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    background: #151515;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 19.5px;
    cursor: pointer;
    box-sizing: border-box;
  }
  .page_best .best_mo_search_btn svg {
    flex-shrink: 0;
    color: #fff;
  }

  .page_best .best_mo_section_gap {
    display: block;
    width: 100%;
    height: 6px;
    background: #f6f6f6;
    border-top: 1px solid #ececec;
    margin: 0;
  }

  .page_best .recommend_box.mb16 {
    padding: 24px 16px;
    margin-bottom: 0;
    background: #fff;
  }
  .page_best .recommend_box .recommend_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin-bottom: 16px;
  }
  .page_best .recommend_box .recommend_title h1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.8px;
    color: #151515;
    margin: 0;
  }
  .page_best .recommend_box .swiper-pagination.recommend {
    position: static;
    width: auto;
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    color: #07ae66;
  }
  .page_best .recommend_nav {
    width: 32px;
    height: 32px;
  }

  .page_best .product_best {
    gap: 16px;
    padding: 24px 16px 40px;
    box-sizing: border-box;
  }
  .page_best .product_best_top_left .product_best_top_divider,
  .page_best .product_best_chk_all,
  .page_best .product_best_header_btns,
  .page_best .product_best_excel {
    display: none !important;
  }
  .page_best .product_best_total__label,
  .page_best .product_best_total__unit {
    font-size: 14px;
    line-height: 18.2px;
    color: #444;
  }
  .page_best .product_best_total__num {
    font-size: 14px;
    font-weight: 600;
    line-height: 18.2px;
    color: #09df82;
  }
  .page_best .product_best_top {
    align-items: center;
  }
  .page_best .product_best_top_left {
    gap: 10px;
  }
  .page_best .product_best .category_ch button {
    width: 36px;
    height: 36px;
  }
  .page_best .product_best_sort .nice-select {
    height: 36px;
    line-height: 36px;
    min-width: 110px;
    font-size: 14px;
  }
  .page_best .product_best .right_gap16 {
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
  }
  .page_best .product_best .right_gap16 .right {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .page_best .recommend_grid_box.product_best_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .page_best .product_best_grid_cell .recommend_grid_item .img_box {
    max-width: 163px;
    margin-left: auto;
    margin-right: auto;
  }
  .page_best .product_best_grid_cell .recommend_grid_item .img_box,
  .page_best .product_best_grid_cell .recommend_grid_item .img_box img {
    aspect-ratio: 1 / 1;
  }

  .page_best ul.pagination.product_best_pagination {
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    padding: 0;
    margin-top: 8px;
  }
  .page_best ul.pagination.product_best_pagination li a,
  .page_best ul.pagination.product_best_pagination li span {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: 15px;
    line-height: 19.5px;
    box-sizing: border-box;
  }
  .page_best ul.pagination.product_best_pagination li a.num.active {
    background: #ececec;
  }

  /* 베스트 상품 — 모바일 리스트형 (0302_Product Search_List Type_mo): 테이블 숨김, 카드 가로 레이아웃 */
  .page_best .product_best_list_wrap {
    display: none !important;
  }
  .page_best .product_best.view--list .product_best_grid {
    display: grid !important;
  }
  .page_best .product_best.view--list .recommend_grid_box.product_best_grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  .page_best .product_best.view--list .product_best_grid_cell {
    position: relative;
    align-self: stretch;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 4px;
  }
  .page_best .product_best.view--list .product_best_grid_cell:has(input[data-grid-check]:checked) {
    background: #e7fef4;
  }
  .page_best .product_best.view--list .product_best_grid_chk {
    left: 8px;
    top: 8px;
  }
  .page_best .product_best.view--list .recommend_grid_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .page_best .product_best.view--list .recommend_grid_item .img_box {
    width: 140px;
    height: 140px;
    max-width: 140px;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0;
    aspect-ratio: 1 / 1;
  }
  .page_best .product_best.view--list .recommend_grid_item .img_box,
  .page_best .product_best.view--list .recommend_grid_item .img_box img {
    border-radius: 4px;
  }
  .page_best .product_best.view--list .recommend_grid_item .text_box {
    margin-top: 0;
    flex: 1 1 0;
    min-width: 0;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 16px;
}
.breadcrumb p {
  display: flex;
  gap: 2px;
  align-items: center;
  color: #666666;
  font-weight: 400;
  font-size: 14px;
}
.breadcrumb p:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon/icon_arrow_right.svg) no-repeat center center/contain;
}
.item_detail_desc {
  display: flex;
  gap: 64px;
}
.item_detail_desc .item_sw {
  width: 600px;
  position: relative;
}
.item_detail_desc .item_sw .main_item_sw {
  aspect-ratio: 1/1;
  width: 100%;
  margin-bottom: 4px;
}
.item_detail_desc .item_sw .main_item_sw .swiper-slide img,
.item_detail_desc .item_sw .main_item_thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  overflow: hidden;
}
.item_detail_desc .item_sw .main_item_thumb img {
  cursor: pointer;
}
.main_item_nav {
  position: absolute;
  bottom: 20px;
  z-index: 10;
  background: url(../images/icon/icon_sw_btn.svg) no-repeat center center/contain;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  cursor: pointer;
}

.main_item_nav:hover {
  box-shadow: 0 6px 20px 0 #0000000d, 0 3px 15px 0 #0000000a;
}
.main_item_nav.prev {
  left: -16px;
}
.main_item_nav.next {
  right: -16px;
  transform: rotate(180deg);
}

.item_detail_desc .item_desc {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.item_detail_desc .item_desc .tit {
  color: #151515;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
}
.item_detail_desc .item_desc .item_inform {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item_detail_desc .item_desc .item_inform .item h2 {
  color: #151515;
  font-weight: 600;
  font-size: 15px;
  line-height: 130%;
  margin-bottom: 8px;
}
.item_detail_desc .item_desc .iten_option {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.item_detail_desc .item_desc .iten_option .option_item {
  display: flex;
  align-items: center;
  gap: 24px;
}
.item_detail_desc .item_desc .iten_option .option_item.justi_between {
  justify-content: space-between;
}
.item_detail_desc .item_desc .iten_option .option_item h5 {
  width: 52px;
  color: #151515;
  font-weight: 600;
  font-size: 15px;
  display: inline-flex;
  justify-content: space-between;
}

.item_detail_desc .item_desc .iten_option .option_item h1 {
  color: #151515;
  font-weight: 600;
  font-size: 22px;
  line-height: 150%;
}
.number_area {
  display: flex;
  gap: 16px;
  align-items: center;
}
.number_area .btn_plus {
  width: 24px;
  height: 24px;
  background: url(../images/icon/icon_plus.svg) no-repeat center center/contain;
  border-radius: 4px;
}
.number_area .btn_minus {
  width: 24px;
  height: 24px;
  background: url(../images/icon/icon_minus.svg) no-repeat center center/contain;
  border-radius: 4px;
}
.number_area .num {
  color: #151515;
  font-weight: 500;
  font-size: 16px;
}
.item_detail_desc .item_desc .btns {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.item_detail_desc .item_desc .btns .btn {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.item_detail_desc .item_desc .btns .btn img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.mini_tbl th {
  border: 1px solid #e6e6e6;
  background: #f6f6f6;
  padding: 0 8px;
  color: #151515;
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}
.mini_tbl td {
  border: 1px solid #e6e6e6;
  padding: 8px;
  color: #151515;
  font-weight: 400;
  font-size: 14px;
}

.mini_tbl td .row2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.content_box.p40 {
  padding: 32px 40px 40px;
}
.content_box_B .main_item_img {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.content_box_B .main_item_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.content_box_B {
  padding: 40px 80px 80px;
  border-radius: 8px;
  background: #fff;
}
.detail_tab_cont {
  width: 100%;
  margin: 80px auto 0;
}
.detail_tab_cont .tabnav {
  display: flex;
  width: 100%;
}
.detail_tab_cont .tabnav li {
  flex: 1;
}
.detail_tab_cont .tabnav li a {
  width: 100%;
  display: inline-block;
  text-align: center;
  height: 59px;
  line-height: 59px;
  color: #151515;
  font-weight: 600;
  font-size: 18px;
  border-bottom: 1px solid #151515;
}
.detail_tab_cont .tabnav li a.active {
  border-top: 1px solid #151515;
  border-bottom: 0;
  border-left: 1px solid #151515;
  border-right: 1px solid #151515;
}
.detail_tab_cont .tabcontent {
  padding-top: 40px;
}

.detail_tab_cont .tabcontent h4 {
  color: #151515;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 8px;
}
.tab_tbl table th {
  background: #f6f6f6;
  text-align: left;
}
.tab_tbl table th,
.tab_tbl table td {
  border: 1px solid #e6e6e6;
  padding: 12px;
  color: #151515;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  word-break: break-all;
}
.detail_tab_cont .delivery_inform {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.detail_tab_cont .delivery_inform li {
  color: #151515;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-indent: -10px;
  padding-left: 10px;
}
.notice_tbl .table_basic p {
  font-size: 16px;
}
.notice_tbl .table_basic .green_badge {
  height: 24px;
  line-height: 24px;
  background: #09df82;
  border-radius: 4px;
  width: 40px;
  text-align: center;
  color: #0d1731;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
}
.notice_tbl .table_basic .notice_tit {
  display: flex;
  gap: 8px;
  align-items: center;
}
.notice_tbl .table_basic a {
  color: #151515;
  font-weight: 400;
  font-size: 16px;
}
.notice_tbl .table_basic a:hover {
  text-decoration: underline;
}
.notice_tbl .table_basic a.notice {
  font-weight: 600;
}
.notice_tbl .table_basic .icon_file {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.notice_tbl .table_basic .new_badge {
  height: 24px;
  line-height: 24px;
  border-radius: 4px;
  width: 40px;
  text-align: center;
  border: 1px solid #07ae66;
  color: #07ae66;
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
}
.notice_tbl .table_basic .not_search {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}
.notice_tbl .table_basic .not_search img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.notice_tbl .table_basic .not_search p {
  color: #444444;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
}
.event_view_box {
  border-top: 1px solid #e6e6e6;
  padding: 16px 0 8px;
}
.event_view_box h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #111;
}
.event_view_date {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.event_view_body {
  margin-top: 12px;
  border-top: 1px solid #e6e6e6;
  padding-top: 14px;
}
.event_view_body p {
  font-size: 13px;
  line-height: 22px;
  color: #333;
}
.event_view_body p + p {
  margin-top: 8px;
}
.event_view_visual {
  margin-top: 12px;
  width: 430px;
  max-width: 100%;
  height: 280px;
  border: 1px solid #e3c3c3;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%) 0 0 / 28px 28px,
    linear-gradient(315deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%) 0 0 / 28px 28px,
    linear-gradient(180deg, #efc9c9 0%, #ebb6b6 100%);
}
.bottom_area {
  position: relative;
}
.bottom_area .pagination {
  padding: 2px 0;
}
.bottom_area .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.bottom_area .btn_green {
  color: #0d1731;
}

/* helpdesk/notice_list.html — Figma 공지사항 목록 */
.page_notice_list.main_contents {
  padding: 24px 40px 40px;
}
.page_notice_list .notice_list_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.page_notice_list .main_tit {
  margin-bottom: 0;
}
.page_notice_list .notice_search_box {
  margin-bottom: 16px;
}
.page_notice_list .notice_search_row {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.page_notice_list .notice_search_items {
  flex: 1 1 0;
  min-width: 0;
}
.page_notice_list .notice_search_item {
  align-items: center;
}
.page_notice_list .notice_search_label {
  flex-shrink: 0;
  width: auto;
  min-width: 42px;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.page_notice_list .notice_search_fields {
  flex: 1 1 0;
  min-width: 0;
}
.page_notice_list .notice_sel_box .nice-select.select-primary.w260,
.page_notice_list .notice_sel_box .nice-select {
  width: 260px;
  min-width: 260px;
  height: 40px;
  line-height: 40px;
  padding-left: 12px;
  padding-right: 36px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
}
.page_notice_list .notice_search_input.input-w100p {
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_list .notice_search_input::placeholder {
  color: #999999;
}
/* 검색: 기본 회색 테두리, 포커스·셀렉트 펼침 시만 검정 */
.page_notice_list .notice_search_input.input-w100p:focus,
.page_notice_list .notice_search_input.input-w100p:focus-visible {
  outline: none;
  border-color: #151515;
}
.page_notice_list .notice_sel_box .nice-select.select-primary:active,
.page_notice_list .notice_sel_box .nice-select.select-primary.open,
.page_notice_list .notice_sel_box .nice-select.select-primary:focus {
  border-color: #151515;
}
.page_notice_list .notice_search_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  cursor: pointer;
}
.page_notice_list .notice_search_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.page_notice_list .notice_search_btn:hover {
  filter: brightness(1.05);
}
.page_notice_list .notice_list_card.content_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
}
.page_notice_list .notice_tbl .table_basic thead tr th {
  text-align: center;
  vertical-align: middle;
  line-height: 20.8px;
  padding-left: 16px;
  padding-right: 16px;
  border-color: #e6e6e6;
}
.page_notice_list .notice_tbl .table_basic tbody tr td {
  vertical-align: middle;
}
.page_notice_list .notice_tbl .table_basic tbody tr td p {
  font-size: 16px;
  line-height: 20.8px;
}
.page_notice_list .notice_tbl .table_basic thead tr th:first-child,
.page_notice_list .notice_tbl .table_basic tbody tr td:first-child {
  border-left: none;
}
.page_notice_list .notice_tbl .table_basic thead tr th:last-child,
.page_notice_list .notice_tbl .table_basic tbody tr td:last-child {
  border-right: none;
}
.page_notice_list .notice_list_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 0;
  padding-top: 0;
  position: relative;
}
.page_notice_list .notice_list_bottom .pagination {
  flex: 1;
  justify-content: center;
  margin-top: 0;
}
.page_notice_list .notice_list_bottom__spacer {
  width: 68px;
  flex-shrink: 0;
}
.page_notice_list .notice_list_bottom__actions {
  flex-shrink: 0;
}
.page_notice_list .notice_list_bottom .btn {
  position: static;
}
.page_notice_list .notice_list_btn_register.btn_green {
  height: 40px;
  min-width: 60px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 4px;
  background: #09df82;
  color: #0d1731;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}

/* helpdesk/inquiry_list.html — 1:1 문의 (공지 목록 토큰 + 검색 행·테이블 보조) */
.page_notice_list.page_inquiry_list .inquiry_search_row {
  align-items: center;
}
.page_notice_list.page_inquiry_list .inquiry_search_cluster {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.page_notice_list.page_inquiry_list .inquiry_search_segment--grow {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.page_notice_list.page_inquiry_list .inquiry_search_segment--compact {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.page_notice_list.page_inquiry_list .inquiry_keyword_fields {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  flex: 1 1 0;
  min-width: 0;
}
.page_notice_list.page_inquiry_list .inquiry_keyword_fields .notice_search_input.input-w100p {
  flex: 0 0 650px;
  width: 650px;
  max-width: 100%;
}
.page_notice_list.page_inquiry_list .inquiry_search_divider {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.page_notice_list.page_inquiry_list .notice_sel_box .nice-select.select-primary.w160 {
  width: 160px;
  min-width: 160px;
}
.page_notice_list.page_inquiry_list .notice_sel_box .nice-select.select-primary.w160:active,
.page_notice_list.page_inquiry_list .notice_sel_box .nice-select.select-primary.w160.open,
.page_notice_list.page_inquiry_list .notice_sel_box .nice-select.select-primary.w160:focus {
  border-color: #151515;
}
.page_notice_list.page_inquiry_list .notice_tbl .table_basic .notice_tit a {
  text-decoration: none;
}
.page_notice_list.page_inquiry_list .notice_tbl .table_basic .notice_tit a:hover {
  text-decoration: underline;
}

/* payment/charging_history.html · payment/charging.html — 탭 트랙 공통 */
.page_notice_list.page_charging_history .charging_history_shell,
.page_notice_list.page_charging .charging_history_shell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: stretch;
}
.page_notice_list.page_charging_history .charging_history_tabs,
.page_notice_list.page_charging .charging_history_tabs {
  display: flex;
  align-self: stretch;
  background: #dddfe3;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}
.page_notice_list.page_charging_history .charging_history_tab,
.page_notice_list.page_charging .charging_history_tab {
  flex: 1 1 0;
  margin: 0;
  padding: 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #666666;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_notice_list .charging_history_tabs a.charging_history_tab {
  text-decoration: none;
  color: inherit;
}
.page_notice_list.page_charging_history .charging_history_tab.is_active,
.page_notice_list.page_charging .charging_history_tab.is_active {
  background: #ffffff;
  border-radius: 8px 8px 0 0;
  color: #07ae66;
}
.page_notice_list.page_charging_history .charging_history_panel.content_box {
  border-radius: 0 0 8px 8px;
  margin-top: 0;
}
.page_notice_list.page_charging_history .charging_history_balance {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 4px;
  background: #e7fef4;
}
.page_notice_list.page_charging_history .charging_history_balance__label {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #151515;
}
.page_notice_list.page_charging_history .charging_history_balance__amount {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #07ae66;
}
.page_notice_list.page_charging_history .charging_history_charge_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  min-width: 40px;
  padding: 6px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
  cursor: pointer;
  font-family: inherit;
}
.page_notice_list.page_charging_history .charging_history_filter {
  margin-bottom: 0;
}
.page_notice_list.page_charging_history .charging_history_search_row {
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
}
.page_notice_list.page_charging_history .charging_history_search_cluster {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.page_notice_list.page_charging_history .inquiry_search_divider {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.page_notice_list.page_charging_history .charging_history_usage_segment {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.page_notice_list.page_charging_history .charging_history_period_segment {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.page_notice_list.page_charging_history .charging_history_chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.page_notice_list.page_charging_history .charging_history_chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  min-width: 60px;
  padding: 8px 12px;
  margin: 0;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
}
.page_notice_list.page_charging_history .charging_history_chip--active {
  border-color: #09df82;
  background: #09df82;
  color: #0d1731;
}
.page_notice_list.page_charging_history .charging_history_chip--muted {
  background: #f6f6f6;
}
.page_notice_list.page_charging_history .charging_history_dates {
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_notice_list.page_charging_history .charging_history_date_sep {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_list.page_charging_history .charging_history_bottom {
  margin-top: 0;
  padding-top: 0;
}

/* payment/charging.html — 캐시 충전 (Figma) */
.page_notice_list.page_charging .charging_page_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
  margin-top: 8px;
}
.page_notice_list.page_charging .charging_form_card.content_box {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 24px;
  border-radius: 8px;
}
.page_notice_list.page_charging .charging_actions_card.content_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 24px;
  border-radius: 8px;
}
.page_notice_list.page_charging .charging_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_notice_list.page_charging .charging_form_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.page_notice_list.page_charging .charging_kv_table {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.page_notice_list.page_charging .charging_kv_row {
  display: flex;
  align-self: stretch;
  align-items: stretch;
}
.page_notice_list.page_charging .charging_kv_row:first-child .charging_kv_label,
.page_notice_list.page_charging .charging_kv_row:first-child .charging_kv_value {
  border-top: 1px solid #e6e6e6;
}
.page_notice_list.page_charging .charging_kv_label {
  display: flex;
  align-items: center;
  width: 140px;
  flex-shrink: 0;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  box-sizing: border-box;
}
.page_notice_list.page_charging .charging_kv_value {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.page_notice_list.page_charging .charging_kv_value--stack {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
.page_notice_list.page_charging .charging_kv_value--mid {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.page_notice_list.page_charging .charging_kv_value--border_r {
  border-right: 1px solid #e6e6e6;
}
.page_notice_list.page_charging .charging_kv_row--pay_select {
  min-height: 56px;
}
.page_notice_list.page_charging .charging_kv_row--pay_select .charging_kv_value {
  display: flex;
  align-items: center;
}
.page_notice_list.page_charging .charging_kv_value--pay_radios {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.page_notice_list.page_charging .charging_amount_controls {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.page_notice_list.page_charging .charging_amount_field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.page_notice_list.page_charging .charging_amount_input {
  width: 120px;
  text-align: right;
}
.page_notice_list.page_charging .charging_amount_won {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_list.page_charging .charging_kv_divider {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.page_notice_list.page_charging .charging_preset_chips {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.page_notice_list.page_charging .charging_preset_chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  min-width: 40px;
  padding: 6px 12px;
  margin: 0;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
  cursor: pointer;
  font-family: inherit;
  box-sizing: border-box;
}
.page_notice_list.page_charging .charging_preset_chip--muted {
  background: #f6f6f6;
}
.page_notice_list.page_charging .charging_preset_chip--active {
  border-color: #09df82;
  background: #09df82;
  color: #0d1731;
}
.page_notice_list.page_charging .charging_amount_hint {
  margin: 0;
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
}
.page_notice_list.page_charging .charging_dual_balances {
  display: flex;
  align-self: stretch;
}
.page_notice_list.page_charging .charging_balance_pair {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  align-items: stretch;
}
.page_notice_list.page_charging .charging_balance_txt {
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_list.page_charging .charging_balance_txt--after {
  color: #cd0000;
}
.page_notice_list.page_charging .charging_pay_radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_list.page_charging .charging_pay_radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
}
.page_notice_list.page_charging .charging_pay_radio__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #e6e6e6;
  box-sizing: border-box;
  background: #fff;
}
.page_notice_list.page_charging .charging_pay_radio input:checked + .charging_pay_radio__icon {
  border-color: #09df82;
  background: radial-gradient(circle at center, #09df82 0%, #09df82 38%, #fff 39%);
}
.page_notice_list.page_charging .charging_pay_radio input:focus-visible + .charging_pay_radio__icon {
  outline: 2px solid #151515;
  outline-offset: 2px;
}
.page_notice_list.page_charging .charging_kv_value--bank {
  gap: 8px;
}
.page_notice_list.page_charging .charging_bank_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding: 8px;
  align-self: stretch;
}
.page_notice_list.page_charging .charging_bank_account {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #151515;
}
.page_notice_list.page_charging .charging_bank_holder {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.page_notice_list.page_charging .charging_bank_notice {
  align-self: stretch;
  padding: 16px;
  background: #f6f6f6;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.page_notice_list.page_charging .charging_bank_notice__tit {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  color: #151515;
}
.page_notice_list.page_charging .charging_bank_notice__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.page_notice_list.page_charging .charging_bank_notice__list li {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
}
.page_notice_list.page_charging .charging_bank_notice__dash {
  flex-shrink: 0;
}
.page_notice_list.page_charging .charging_action_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  margin: 0;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: inherit;
  cursor: pointer;
  box-sizing: border-box;
}
.page_notice_list.page_charging .charging_action_btn--primary {
  border: none;
  background: #151515;
  color: #ffffff;
}
.page_notice_list.page_charging .charging_action_btn--line {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}
.page_notice_list.page_charging .charging_action_btn--primary:hover {
  filter: brightness(1.05);
}
.page_notice_list.page_charging .charging_action_btn--line:hover {
  background: #fafafa;
}

/* etc/setting_info.html — 정보수정 (Figma) */
.page_notice_list.page_setting_info .setting_info_form {
  display: block;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_form_card.content_box {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 24px;
  border-radius: 8px;
}
.page_notice_list.page_setting_info .setting_info_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_notice_list.page_setting_info .setting_info_details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_kv_table {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_kv_row--two {
  display: flex;
  align-self: stretch;
}
.page_notice_list.page_setting_info .setting_info_kv_pair {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
  align-items: stretch;
}
.page_notice_list.page_setting_info .setting_info_kv_label {
  display: flex;
  align-items: center;
  width: 140px;
  flex-shrink: 0;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  box-sizing: border-box;
}
.page_notice_list.page_setting_info .setting_info_kv_row--top .setting_info_kv_label,
.page_notice_list.page_setting_info .setting_info_kv_row--top .setting_info_kv_value {
  border-top: 1px solid #e6e6e6;
}
.page_notice_list.page_setting_info .setting_info_kv_value {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
}
.page_notice_list.page_setting_info .setting_info_kv_value--text {
  display: flex;
  align-items: center;
  min-height: 40px;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.page_notice_list.page_setting_info .setting_info_kv_value--col_sep {
  border-right: 1px solid #e6e6e6;
}
.page_notice_list.page_setting_info .setting_info_kv_value--field {
  display: flex;
  align-items: center;
}
.page_notice_list.page_setting_info .setting_info_kv_row--top .setting_info_kv_pair {
  min-height: 56px;
}
.page_notice_list.page_setting_info .setting_info_input {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  font-family: inherit;
  box-sizing: border-box;
}
.page_notice_list.page_setting_info .setting_info_input::placeholder {
  color: #999999;
}
.page_notice_list.page_setting_info .setting_info_input:focus,
.page_notice_list.page_setting_info .setting_info_input:focus-visible {
  outline: none;
  border-color: #151515;
}
.page_notice_list.page_setting_info .setting_info_hint {
  margin: 0;
  align-self: stretch;
  color: #cd0000;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
}
.page_notice_list.page_setting_info .setting_info_actions.content_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 24px;
  border-radius: 8px;
}
.page_notice_list.page_setting_info .setting_info_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  margin: 0;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: inherit;
  cursor: pointer;
  box-sizing: border-box;
  background: #ffffff;
}
.page_notice_list.page_setting_info .setting_info_btn--edit {
  border: 1px solid #07ae66;
  color: #07ae66;
}
.page_notice_list.page_setting_info .setting_info_btn--edit:hover {
  background: #f7fdfb;
}
.page_notice_list.page_setting_info .setting_info_btn--cancel {
  border: 1px solid #151515;
  color: #151515;
}
.page_notice_list.page_setting_info .setting_info_btn--cancel:hover {
  background: #fafafa;
}

/* helpdesk/inquiry_mgt_list.html — 1:1 문의 관리 (검색·필터 칩·7열 테이블) */
.page_notice_list.page_inquiry_mgt_list .inquiry_keyword_fields .notice_search_input.input-w100p {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  max-width: 100%;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_filter_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 60px;
  min-height: 36px;
  padding: 8px 12px;
  margin: 0;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  box-sizing: border-box;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip__label {
  color: #151515;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip__count--deep {
  color: #07ae66;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip__count--goods {
  color: #04673c;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip--goods:hover {
  background: #f6f6f6;
  border-color: #e6e6e6;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip--goods:hover .inquiry_mgt_chip__count--goods {
  color: #04673c;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip:hover:not(.inquiry_mgt_chip--active) {
  background: #f6f6f6;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip--active {
  border: none;
  background: #09df82;
  color: #0d1731;
  padding-left: 12px;
  padding-right: 12px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_chip--active .inquiry_mgt_chip__active_text {
  color: #0d1731;
  font-size: 15px;
  line-height: 19.5px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_title_cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_title_cell > a {
  text-decoration: none;
  color: #151515;
  font-size: 16px;
  line-height: 20.8px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_title_cell > a:hover {
  text-decoration: underline;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_special_btn {
  flex-shrink: 0;
  height: 24px;
  min-width: 40px;
  padding: 4px 6px;
  border: 1px solid #07ae66;
  border-radius: 4px;
  background: #ffffff;
  color: #07ae66;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  cursor: pointer;
  box-sizing: border-box;
}
.page_notice_list.page_inquiry_mgt_list .notice_tbl .table_basic .notice_tit a {
  text-decoration: none;
}
.page_notice_list.page_inquiry_mgt_list .notice_tbl .table_basic .notice_tit a:hover {
  text-decoration: underline;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_list_body--empty {
  display: none;
}
.page_notice_list.page_inquiry_mgt_list.inquiry_mgt_list--empty .inquiry_mgt_list_body--data {
  display: none;
}
.page_notice_list.page_inquiry_mgt_list.inquiry_mgt_list--empty .inquiry_mgt_list_body--empty {
  display: table-row-group;
}
.page_notice_list.page_inquiry_mgt_list.inquiry_mgt_list--empty .notice_list_bottom .inquiry_mgt_list_pagination {
  display: none;
}
.page_notice_list.page_inquiry_mgt_list.inquiry_mgt_list--empty .notice_list_bottom .notice_list_bottom__actions {
  margin-left: auto;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_empty_td {
  padding: 0;
  vertical-align: middle;
  border-bottom: 1px solid #e6e6e6;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_empty_state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 375px;
  padding: 80px 16px;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_empty_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_notice_list.page_inquiry_mgt_list .inquiry_mgt_empty_msg {
  margin: 0;
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  text-align: center;
}

/* helpdesk/event_list.html — 홍보/이벤트 목록 (공지 목록 토큰 재사용 + 전용 보조) */
.page_event_list .event_list_total {
  margin: 0;
}
.page_event_list .event_list_total__text {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #444444;
}
.page_event_list .event_list_total__label,
.page_event_list .event_list_total__unit {
  color: #444444;
}
.page_event_list .event_list_total__num {
  color: #09df82;
  font-weight: 600;
}
.page_event_list .notice_list_bottom.event_list_bottom {
  justify-content: center;
}
.page_event_list .notice_list_bottom.event_list_bottom .pagination {
  flex: 0 1 auto;
  margin-top: 0;
}

/* helpdesk/notice_view.html — Figma 공지 상세 */
.page_notice_view.main_contents {
  padding: 24px 40px 40px;
}
.page_notice_view .notice_view_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.page_notice_view .main_tit {
  margin-bottom: 0;
}
.page_notice_view .notice_view_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.page_notice_view .notice_view_detail_card.content_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  margin: 0;
}
.page_notice_view .notice_view_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_notice_view .notice_view_detail_rows {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}
.page_notice_view .notice_view_row {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  min-height: 56px;
}
.page_notice_view .notice_view_row--title {
  align-items: stretch;
  min-height: 56px;
}
.page_notice_view .notice_view_row--title .notice_view_cell--label,
.page_notice_view .notice_view_row--title .notice_view_cell--value {
  min-height: 56px;
}
.page_notice_view .notice_view_row--title .notice_view_cell--value {
  align-items: center;
}
.page_notice_view .notice_view_row--body {
  min-height: 321px;
  align-items: stretch;
}
.page_notice_view .notice_view_row--files {
  align-items: stretch;
}
.page_notice_view .notice_view_cell--label {
  box-sizing: border-box;
  flex: 0 0 140px;
  width: 140px;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.page_notice_view .notice_view_row--title .notice_view_cell--label {
  border-top: 1px solid #e6e6e6;
}
.page_notice_view .notice_view_cell--value {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_notice_view .notice_view_row--title .notice_view_cell--value {
  border-top: 1px solid #e6e6e6;
}
.page_notice_view .notice_view_value_text {
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.page_notice_view .notice_view_cell--body {
  align-items: flex-start;
}
.page_notice_view .notice_view_body_text {
  flex: 1 1 0;
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  word-break: break-word;
}
.page_notice_view .notice_view_cell--files {
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  gap: 8px;
}
.page_notice_view .notice_view_file_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  text-decoration: none;
  box-sizing: border-box;
}
.page_notice_view .notice_view_file_btn:hover {
  background: #f6f6f6;
}
.page_notice_view .notice_view_file_btn__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  word-break: break-word;
}
.page_notice_view .notice_view_file_btn img {
  flex-shrink: 0;
  display: block;
}
.page_notice_view .notice_view_file_btn--muted {
  background: #f6f6f6;
}
.page_notice_view .notice_view_actions_card.content_box,
.page_event_view .notice_view_actions_card.content_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  margin: 0;
}
.page_notice_view .notice_view_action_inner,
.page_event_view .notice_view_action_inner {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.page_notice_view .notice_view_action_btn,
.page_event_view .notice_view_action_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.page_notice_view .notice_view_action_btn--list,
.page_event_view .notice_view_action_btn--list {
  background: #fff;
  color: #151515;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
}
.page_notice_view .notice_view_action_btn--list:hover,
.page_event_view .notice_view_action_btn--list:hover {
  background: #fafafa;
}
.page_notice_view .notice_view_action_btn--primary,
.page_event_view .notice_view_action_btn--primary {
  background: #09df82;
  color: #0d1731;
}
.page_notice_view .notice_view_action_btn--primary:hover,
.page_event_view .notice_view_action_btn--primary:hover {
  filter: brightness(0.97);
}
.page_notice_view .notice_view_action_btn--danger,
.page_event_view .notice_view_action_btn--danger {
  background: #fff;
  color: #cd0000;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
}
.page_notice_view .notice_view_action_btn--danger:hover,
.page_event_view .notice_view_action_btn--danger:hover {
  background: #fff5f5;
}

/* helpdesk/inquiry_view.html — 1:1 문의 상세 (공지 상세 토큰 + 2열 행·버튼) */
.page_notice_view.page_inquiry_view .inquiry_view_row_twin {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 56px;
}
.page_notice_view.page_inquiry_view .inquiry_view_row_twin > .inquiry_view_twin_half {
  flex: 1 1 0;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-width: 0;
}
.page_notice_view.page_inquiry_view .inquiry_view_twin_value--sep {
  border-right: 1px solid #e6e6e6;
}
.page_notice_view.page_inquiry_view .notice_view_action_btn--inquiry-edit {
  background: #fff;
  color: #07ae66;
  outline: 1px solid #07ae66;
  outline-offset: -1px;
}
.page_notice_view.page_inquiry_view .notice_view_action_btn--inquiry-edit:hover {
  background: #f6fcf9;
  filter: none;
}
.page_notice_view.page_inquiry_view .notice_view_action_btn--inquiry-delete {
  background: #fff;
  color: #cd0000;
  outline: 1px solid #cd0000;
  outline-offset: -1px;
}
.page_notice_view.page_inquiry_view .notice_view_action_btn--inquiry-delete:hover {
  background: #fff5f5;
  filter: none;
}

/* helpdesk/inquiry_view_complete.html — 답변 블록 상단 구분선 (피그마) */
.page_notice_view.page_inquiry_view.page_inquiry_view_complete .inquiry_view_reply_body_row .notice_view_cell--label {
  border-top: 1px solid #e6e6e6;
}
.page_notice_view.page_inquiry_view.page_inquiry_view_complete .inquiry_view_reply_body_row .notice_view_cell--value {
  border-top: 1px solid #e6e6e6;
}

/* helpdesk/event_view.html — Figma 홍보/이벤트 상세 */
.page_event_view.main_contents {
  padding: 24px 40px 40px;
}
.page_event_view .event_view_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.page_event_view .main_tit {
  margin-bottom: 0;
  color: #151515;
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
}
.page_event_view .event_view_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.page_event_view .event_view_detail_card.content_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  min-height: 400px;
  padding: 24px;
  margin: 0;
  border-radius: 8px;
  background: #fff;
}
.page_event_view .event_view_header {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e6e6e6;
}
.page_event_view .event_view_article_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_event_view .event_view_meta_date {
  margin: 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.page_event_view .event_view_article_body {
  align-self: stretch;
  margin: 0;
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  word-wrap: break-word;
}
.page_event_view .event_view_figure {
  margin: 0;
  width: 100%;
  max-width: 800px;
}
.page_event_view .event_view_img {
  display: block;
  width: 100%;
  max-width: 800px;
  height: auto;
}

/* helpdesk/notice_write.html — Figma 공지 등록/수정 */
.page_notice_write.main_contents {
  padding: 24px 40px 40px;
}
.page_notice_write .notice_write_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}
.page_notice_write .main_tit {
  margin-bottom: 0;
}
.page_notice_write .notice_write_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: stretch;
}
.page_notice_write .notice_write_form {
  display: block;
  width: 100%;
}
.page_notice_write .notice_write_detail_card.content_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  margin: 0;
}
.page_notice_write .notice_write_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.page_notice_write .notice_write_detail_rows {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
}
.page_notice_write .notice_write_row {
  display: flex;
  align-self: stretch;
  align-items: stretch;
  min-height: 56px;
}
.page_notice_write .notice_write_row--title {
  min-height: 56px;
}
.page_notice_write .notice_write_row--title .notice_write_cell--label,
.page_notice_write .notice_write_row--title .notice_write_cell--value {
  min-height: 56px;
}
.page_notice_write .notice_write_row--body {
  min-height: 206px;
  align-items: stretch;
}
.page_notice_write .notice_write_row--attach {
  align-items: stretch;
}
.page_notice_write .notice_write_cell--label {
  box-sizing: border-box;
  flex: 0 0 140px;
  width: 140px;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.page_notice_write .notice_write_row--title .notice_write_cell--label {
  border-top: 1px solid #e6e6e6;
}
.page_notice_write .notice_write_cell--value {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_notice_write .notice_write_row--title .notice_write_cell--value {
  border-top: 1px solid #e6e6e6;
}
.page_notice_write .notice_write_cell--title_field {
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
}
.page_notice_write .notice_write_input,
.page_notice_write .notice_write_textarea {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_write .notice_write_input::placeholder,
.page_notice_write .notice_write_textarea::placeholder {
  color: #999999;
}
.page_notice_write .notice_write_input--title {
  flex: 1 1 auto;
  width: 100%;
  max-width: 800px;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
}
.page_notice_write .notice_write_check_notice {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.page_notice_write .notice_write_check_notice p {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.page_notice_write .notice_write_cell--editor {
  align-items: stretch;
}
.page_notice_write .notice_write_textarea {
  width: 100%;
  min-height: 206px;
  padding: 10px 12px;
  resize: vertical;
}
.page_notice_write .notice_write_cell--files_col {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}
.page_notice_write .notice_write_file_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.page_notice_write .notice_write_input--filename {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 800px;
  height: 40px;
  padding: 10px 12px;
}
.page_notice_write .notice_write_btn_pick {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
  font-family: var(--primary-font), Pretendard, sans-serif;
}
.page_notice_write .notice_write_btn_pick:hover {
  background: #fafafa;
}
.page_notice_write .notice_write_file_native {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.page_notice_write .notice_write_attach_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  min-height: 72px;
  align-self: stretch;
}
.page_notice_write .notice_write_file_chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: var(--primary-font), Pretendard, sans-serif;
}
.page_notice_write .notice_write_file_chip:hover {
  background: #f6f6f6;
}
.page_notice_write .notice_write_file_chip--muted {
  background: #f6f6f6;
}
.page_notice_write .notice_write_file_chip__label {
  flex: 1 1 auto;
  min-width: 0;
  text-align: left;
  word-break: break-word;
}
.page_notice_write .notice_write_file_chip__ico {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page_notice_write .notice_write_actions_card.content_box {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 24px;
  margin: 0;
}
.page_notice_write .notice_write_action_inner {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.page_notice_write .notice_write_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  cursor: pointer;
  text-decoration: none;
  border: none;
}
.page_notice_write .notice_write_btn--submit {
  background: #151515;
  color: #ffffff;
}
.page_notice_write .notice_write_btn--submit:hover {
  filter: brightness(1.08);
}
.page_notice_write .notice_write_btn--cancel {
  background: #fff;
  color: #151515;
  outline: 1px solid #151515;
  outline-offset: -1px;
}
.page_notice_write .notice_write_btn--cancel:hover {
  background: #fafafa;
}
/* helpdesk/notice_modify.html — 파일선택 Large Hover (#F6F6F6) */
.page_notice_modify .notice_write_btn_pick.notice_write_btn_pick--muted {
  background: #f6f6f6;
}
.page_notice_modify .notice_write_btn_pick.notice_write_btn_pick--muted:hover {
  background: #ececec;
}

/* helpdesk/inquiry_write.html — 1:1 문의 등록 (공지 등록 토큰 + 구분 247px·포커스 테두리) */
.page_notice_write.page_inquiry_write .inquiry_write_sel_box .nice-select.select-primary.inquiry_write_select_w247 {
  width: 247px;
  min-width: 247px;
  height: 40px;
  line-height: 40px;
  padding-left: 12px;
  padding-right: 36px;
}
.page_notice_write.page_inquiry_write .inquiry_write_sel_box .nice-select.select-primary.inquiry_write_select_w247:active,
.page_notice_write.page_inquiry_write .inquiry_write_sel_box .nice-select.select-primary.inquiry_write_select_w247.open,
.page_notice_write.page_inquiry_write .inquiry_write_sel_box .nice-select.select-primary.inquiry_write_select_w247:focus {
  border-color: #151515;
}
.page_notice_write.page_inquiry_write .notice_write_input:focus,
.page_notice_write.page_inquiry_write .notice_write_input:focus-visible,
.page_notice_write.page_inquiry_write .notice_write_textarea:focus,
.page_notice_write.page_inquiry_write .notice_write_textarea:focus-visible {
  outline: none;
  border-color: #151515;
}
.page_notice_write.page_inquiry_write .inquiry_write_input_filename.notice_write_input--filename {
  flex: 0 0 800px;
  width: 800px;
  max-width: 100%;
}

/* helpdesk/inquiry_mgt_write.html — 상단 상세(읽기) + 답변 폼·확인/삭제/목록 */
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_reply_row_first .notice_write_cell--label,
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_reply_row_first .notice_write_cell--value {
  border-top: 1px solid #e6e6e6;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_row_specialty {
  align-items: stretch;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_textarea_specialty {
  min-height: 120px;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_btn_danger {
  background: #fff;
  color: #cd0000;
  outline: 1px solid #cd0000;
  outline-offset: -1px;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_btn_danger:hover {
  background: #fff5f5;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_btn_list {
  background: #fff;
  color: #151515;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
}
.page_notice_write.page_inquiry_mgt_write .inquiry_mgt_write_btn_list:hover {
  background: #fafafa;
}

/* #### error (etc/error.html) — Figma PC/MO #### */
.error_main {
  min-height: 100vh;
  background: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 70px 40px;
  box-sizing: border-box;
}

.error_card {
  position: relative;
  width: 100%;
  max-width: 460px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05), 0 3px 15px rgba(0, 0, 0, 0.04);
  padding: 80px 40px 48px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 40px;
  box-sizing: border-box;
}

.error_logo {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 106px;
  height: 40px;
  object-fit: contain;
}

.error_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}

.error_illustration {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}

.error_illustration img {
  display: block;
  max-width: 100%;
  height: auto;
}

.error_texts {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  text-align: center;
}

.error_texts h2 {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.error_texts p {
  margin: 0;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}

.error_contacts {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  padding: 12px 16px;
  background: #f6f6f6;
  border-radius: 8px;
  box-sizing: border-box;
}

.error_contact_link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  text-decoration: none;
}

.error_contact_link:hover {
  text-decoration: underline;
}

.error_contact_divider {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.error_actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.error_btn {
  min-width: 60px;
  height: 36px;
  padding: 8px 16px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  font-family: inherit;
  cursor: pointer;
  box-sizing: border-box;
  border: none;
  text-decoration: none;
}

.error_btn_primary {
  background: #151515;
  color: #ffffff;
}

.error_btn_primary:hover {
  filter: brightness(1.05);
}

.error_btn_outline {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.error_btn_outline:hover {
  background: #fafafa;
}
/* Pad & Mobile */
@media screen and (max-width: 1200px) {
}
/* Pad */
@media screen and (min-width: 768px) and (max-width: 1200px) {
}
/* Mobile */
@media screen and (max-width: 768px) {
  .login_main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background: #e6e6e6;
    padding: 16px;
  }

  .login_banner {
    display: none;
  }

  .login_area {
    width: 100%;
    min-height: auto;
    background: transparent;
    align-items: center;
    justify-content: center;
  }

  .login_form {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin-top: 0;
    padding: 32px 24px 28px;
    border-radius: 16px;
  }

  .login_form .login_title {
    display: block;
    margin-bottom: 26px;
    text-align: center;
    color: #e7e8ea;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: -0.02em;
  }

  .login_form .login_logo {
    width: 127px;
    height: 48px;
    margin: 0;
    position: absolute;
    top: -76px;
    right: 24px;
  }

  .login_form .ip__area {
    gap: 14px;
    margin-bottom: 28px;
  }

  .login_form .join_go {
    margin-top: 22px;
    border-radius: 8px;
    background: #ffffff;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 11px 12px;
    gap: 10px;
    overflow: visible;
  }

  .login_form .join_go_text {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    padding-bottom: 0;
  }

  .login_form .join_go_title {
    font-size: 14px;
    line-height: 18.2px;
  }

  .login_form .join_go_desc {
    font-size: 12px;
    line-height: 15.6px;
    margin-top: 2px;
    word-break: keep-all;
    flex: 1;
    min-width: 0;
  }

  .login_form .join_go_text img {
    width: 48px;
    height: 30px;
    flex-shrink: 0;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 2;
  }

  .modal_join {
    background-color: transparent;
  }

  .modal_join .modal__inner {
    top: 0;
    left: 0;
    transform: none;
    width: 100%;
    max-width: none;
    height: 100dvh;
    max-height: none;
    padding: 16px 16px 24px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .modal_join.open .modal__inner {
    top: 0;
  }

  .join_modal_head {
    min-height: 32px;
    flex-shrink: 0;
  }

  .join_modal_head h2 {
    font-size: 20px;
    line-height: 30px;
  }

  .join_modal_close {
    width: 32px;
    height: 32px;
    top: 0;
    right: 0;
    font-size: 28px;
  }

  .join_modal_body {
    margin-top: 24px;
    gap: 24px;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .join_modal_body h3 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .join_row {
    grid-template-columns: 1fr;
    gap: 8px;
    min-height: auto;
    padding: 12px 0;
    border-bottom: 0;
  }

  .join_modal_scroll {
    flex: 1;
    min-height: 0;
    max-height: none;
    height: auto;
    overflow-y: auto;
  }

  .join_label {
    font-size: 15px;
    padding: 0;
  }

  .join_field .ip_basic {
    height: 40px;
    font-size: 15px;
  }

  .join_field .ip_basic::placeholder {
    font-size: 15px;
  }

  .join_inline .btn {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    padding: 0 16px;
  }

  .join_phone .ip_basic {
    max-width: none;
  }

  .join_terms {
    margin-top: 0;
  }

  .join_terms h4 {
    font-size: 16px;
    line-height: 20.8px;
  }

  .join_terms_list {
    gap: 16px;
    align-items: flex-start;
    flex-direction: column;
    padding: 16px 8px;
    border-bottom: 1px solid #e6e6e6;
  }

  .join_terms .check_A p,
  .join_all_check p {
    font-size: 15px;
    line-height: 19.5px;
  }

  .join_modal_actions {
    margin-top: 0;
    flex-shrink: 0;
  }

  .join_modal_actions .btn {
    min-width: 60px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
  }

  .basket_page .side_lnb {
    display: none;
  }

  .basket_page .main_contents {
    width: 100%;
    padding: 16px;
  }

  .basket_page .main_tit {
    display: none;
  }

  .basket_upload_box {
    display: none;
  }

  .basket_content_box {
    padding: 0;
    background: transparent;
  }

  .basket_content_box > .top_box {
    display: none;
  }

  .basket_table.desktop_table {
    display: none;
  }

  .basket_page .basket_table_scroll {
    display: none;
  }

  .mobile_basket {
    display: block;
  }

  .mobile_basket_actions {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
  }

  .mobile_basket_head {
    display: grid;
    grid-template-columns: 40px 140px 1fr;
    align-items: center;
    background: #e2e2e2;
    height: 40px;
    padding: 0 8px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }

  .mobile_basket_head h5 {
    font-size: 16px;
    font-weight: 600;
    color: #151515;
  }

  .mobile_basket_list li {
    display: grid;
    grid-template-columns: 40px 140px 1fr;
    gap: 10px;
    padding: 10px 8px;
    border-bottom: 1px solid #e6e6e6;
  }

  .mobile_basket_list li.active {
    background: #e9faf4;
  }

  .mobile_basket_list .thumb {
    width: 140px;
    height: 140px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    overflow: hidden;
  }

  .mobile_basket_list .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mobile_basket_list .info h6 {
    font-size: 14px;
    font-weight: 700;
    color: #151515;
    line-height: 1.35;
  }

  .mobile_basket_list .info p {
    margin-top: 4px;
    font-size: 12px;
    color: #555555;
    line-height: 1.3;
  }

  .mobile_basket_summary {
    margin-top: 12px;
    background: #e2e2e2;
    padding: 10px 16px;
  }

  .mobile_basket_summary p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #151515;
    font-size: 15px;
    margin-top: 8px;
  }

  .mobile_basket_summary p:first-child {
    margin-top: 0;
  }

  .mobile_basket_summary p strong {
    font-size: 32px;
    font-weight: 700;
  }

  .basket_bottom_btn {
    margin-top: 18px;
  }

  .basket_bottom_btn .btn {
    width: 100%;
    height: 50px;
    line-height: 50px;
  }

  .basket_page .basket_bottom_btn .btn_green {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  .exchange_page .side_lnb {
    display: none;
  }

  .exchange_page .main_contents {
    width: 100%;
    padding: 16px 0 20px;
  }

  .exchange_page .main_tit,
  .exchange_page .min1400-wrap {
    display: none;
  }

  .mobile_exchange_search {
    display: block;
    padding: 8px 16px 16px;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f5f6;
  }

  .mobile_exchange_search .row {
    display: grid;
    grid-template-columns: 72px 1fr;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
  }

  .mobile_exchange_search .row label {
    color: #151515;
    font-size: 14px;
    font-weight: 600;
  }

  .mobile_exchange_search .row .check_boxs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
  }

  .mobile_exchange_search .row .check_A p {
    font-size: 12px;
  }

  .mobile_exchange_search .row .gap8 {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
  }

  .mobile_exchange_search .row .date_area {
    width: calc(50% - 3px);
  }

  .mobile_exchange_search .row .date_area input {
    width: 100%;
  }

  .mobile_exchange_search .quick .check_B input + em {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  .mobile_exchange_search .col2 {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .mobile_exchange_search .select-primary {
    width: 100%;
  }

  .mobile_exchange_search > .search_btn {
    display: flex;
    margin: 12px auto 0;
  }

  .mobile_exchange_list {
    display: block;
    padding: 12px 0 0;
  }

  .mobile_exchange_list .mobile_top {
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .mobile_exchange_list .mobile_top h4 {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
  }

  .mobile_exchange_list .mobile_top h4 b {
    color: #09df82;
    font-weight: 600;
  }

  .mobile_exchange_list .mobile_tbl {
    margin-top: 8px;
    overflow-x: auto;
  }

  .mobile_exchange_list .mobile_tbl .head {
    min-width: 560px;
    height: 42px;
    background: #e6e6e6;
    display: grid;
    grid-template-columns: 170px 390px;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #151515;
  }

  .mobile_exchange_list .mobile_tbl ul {
    min-width: 560px;
  }

  .mobile_exchange_list .mobile_tbl li {
    display: grid;
    grid-template-columns: 170px 390px;
    border-bottom: 1px solid #e6e6e6;
  }

  .mobile_exchange_list .order_col,
  .mobile_exchange_list .ship_col {
    padding: 10px;
  }

  .mobile_exchange_list .order_col {
    text-align: center;
    border-right: 1px solid #e6e6e6;
  }

  .mobile_exchange_list .order_col p,
  .mobile_exchange_list .ship_col p {
    font-size: 12px;
    margin-top: 4px;
    color: #444444;
    line-height: 1.3;
  }

  .mobile_exchange_list .ship_col .inform_tit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
  }

  .mobile_exchange_list .pagination {
    margin: 14px 0 0;
  }

  .error_main {
    padding: 182px 16px;
  }

  .error_card {
    max-width: 343px;
    padding: 80px 24px 40px;
    gap: 40px;
  }

  .error_logo {
    width: 85px;
    height: 32px;
    top: 20px;
    right: 20px;
  }

  .error_texts {
    align-items: stretch;
  }

  .error_texts h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    word-break: keep-all;
  }

  .error_texts p {
    font-size: 14px;
    line-height: 18.2px;
  }

  .error_contacts {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding: 16px;
  }

  .error_contact_divider {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .dashboard_board.dash_board {
    max-width: 1600px;
  }

  .product_mgt_table table {
    table-layout: fixed;
  }
}

.product_mgt_search {
  padding: 14px 16px;
}

.product_mgt_search .search_items {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.product_mgt_search .search_items:last-child {
  margin-bottom: 0;
}

.product_mgt_search .search_item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product_mgt_radios {
  flex-wrap: wrap;
}

.product_mgt_radios > span {
  width: 60px;
  flex: 0 0 auto;
}

.product_mgt_content .top_box {
  margin-bottom: 10px;
}

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

.product_mgt_actions h4 {
  margin-right: 8px;
}

.product_mgt_table {
  overflow-x: auto;
}

.product_mgt_table table {
  min-width: 1280px;
}

.product_mgt_table thead th {
  font-size: 12px;
}

.product_mgt_table tbody td {
  vertical-align: top;
  font-size: 11px;
  line-height: 1.35;
}

.product_mgt_table tbody tr.is_active td {
  background: #e9faf4;
}

.product_mgt_table--figma.product_mgt_table tbody tr.is_active td {
  background: transparent;
}

.product_mgt_table .ip_basic {
  width: 46px;
  height: 24px;
  padding: 0 4px;
  font-size: 11px;
  text-align: right;
}

.product_mgt_table .nice-select {
  height: 26px;
  line-height: 24px;
  min-width: 64px;
}

/* 상품관리 product_mgt_list.html — Figma */
.product_mgt_page--figma .main_contents {
  background: #f6f6f6;
}

.product_mgt_wrap--figma {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.product_mgt_search--figma {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}

.product_mgt_search--figma.product_mgt_search {
  padding: 24px;
}

.product_mgt_search_flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
}

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

.product_mgt_filter_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}

.product_mgt_filter_row--top .product_mgt_fieldgrow--search {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.product_mgt_lbl {
  flex: 0 0 auto;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}

/* 검색조건 셀렉트 ↔ 등록일 날짜 필드 좌측 라인 정렬 */
.product_mgt_search--figma .product_mgt_filter_row--top .product_mgt_lbl,
.product_mgt_search--figma .product_mgt_filter_row--mid > .product_mgt_inline_blk:first-of-type .product_mgt_lbl {
  flex: 0 0 80px;
  width: 80px;
  min-width: 80px;
  text-align: left;
  box-sizing: border-box;
}

.product_mgt_sel_w160 .nice-select,
.product_mgt_sel_w160 select.nice-select {
  min-width: 160px;
  width: 160px;
}

.product_mgt_input_figma {
  flex: 1 1 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  line-height: 19.5px;
  color: #151515;
  background: #fff;
  outline: none;
  box-sizing: border-box;
}

.product_mgt_input_figma::placeholder {
  color: #999;
}

.product_mgt_input_figma:focus,
.product_mgt_input_figma:focus-visible {
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.product_mgt_filter_row--mid {
  gap: 24px;
}

.product_mgt_inline_blk {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product_mgt_inline_blk--grow {
  flex: 1 1 auto;
  min-width: 0;
}

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

.product_mgt_date_area.date_area {
  display: flex;
  align-items: center;
}

.product_mgt_page--figma .product_mgt_date_area input.datepicker {
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  line-height: 19.5px;
  box-sizing: border-box;
}

.product_mgt_page--figma .product_mgt_date_area input.datepicker:focus {
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.product_mgt_page--figma .product_mgt_date_area .icon_cal {
  right: 10px;
}

.product_mgt_tilde {
  color: #151515;
  font-size: 15px;
  line-height: 19.5px;
}

.product_mgt_classify_selects {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.product_mgt_page--figma .nice-select.product_mgt_sel_focus {
  border-color: #151515;
}

.product_mgt_divider_v {
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
}

.product_mgt_filter_row--radios {
  align-items: center;
  gap: 24px;
  min-height: 40px;
}

.product_mgt_radio_blk {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product_mgt_radios_figma {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.product_mgt_rb {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  margin: 0;
}

.product_mgt_rb_input {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}

.product_mgt_rb_face {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #e6e6e6;
  background: #fff;
  box-sizing: border-box;
  pointer-events: none;
}

.product_mgt_rb_txt {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.product_mgt_rb_input:checked + .product_mgt_rb_face {
  border-color: #09df82;
  background: #fff;
  box-shadow: inset 0 0 0 4px #09df82;
}

.product_mgt_rb_input:focus-visible + .product_mgt_rb_face {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.product_mgt_btn_search_figma {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  background: #151515;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.product_mgt_btn_search_figma_lbl {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}

.product_mgt_content--figma.content_box {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}

.product_mgt_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.product_mgt_toolbar_left {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.product_mgt_total_line {
  margin: 0;
  display: flex;
  align-items: baseline;
  gap: 0;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 20.8px;
}

.product_mgt_total_label {
  color: #444;
  font-weight: 400;
}

.product_mgt_total_num {
  color: #09df82;
  font-weight: 600;
}

.product_mgt_total_unit {
  color: #444;
  font-weight: 400;
}

.product_mgt_toolbar_divider {
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}

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

.product_mgt_btn_line {
  height: 32px;
  min-width: 40px;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18.2px;
  font-weight: 400;
  cursor: pointer;
  background: #fff;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* 기본: 이전 라인(아웃라인) 스타일 */
.product_mgt_btn_line--primary {
  border: 1px solid #07ae66;
  color: #07ae66;
}

/* hover: Figma 채움형 — 배경 #09DF82, 글자 #0D1731 */
.product_mgt_btn_line--primary:hover {
  background: #09df82;
  border-color: #09df82;
  color: #0d1731;
}

.product_mgt_btn_line--primary:focus-visible {
  outline: 2px solid #07ae66;
  outline-offset: 2px;
}

.product_mgt_btn_line--danger {
  border: 1px solid #cd0000;
  color: #cd0000;
}

/* hover: Figma 채움형 — 배경 #CD0000, 글자 흰색 */
.product_mgt_btn_line--danger:hover {
  background: #cd0000;
  border-color: #cd0000;
  color: #fff;
}

.product_mgt_btn_line--danger:focus-visible {
  outline: 2px solid #cd0000;
  outline-offset: 2px;
}

.product_mgt_btn_excel {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 8px 12px;
  background: #005b2c;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  line-height: 18.2px;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.product_mgt_btn_excel:hover {
  background: #004722;
}

.product_mgt_btn_excel:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

.product_mgt_table--figma.product_mgt_table thead th {
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  background: #e7e8ea;
  vertical-align: middle;
  text-align: center;
}

.product_mgt_table--figma.product_mgt_table thead tr:last-child th {
  background: #dddfe3;
}

.product_mgt_table--figma.product_mgt_table tbody td {
  padding: 10px;
  border-color: #e6e6e6;
  vertical-align: middle;
  font-size: 14px;
  line-height: 18.2px;
  color: #151515;
}

/* 체크된 행만 연녹색 배경 (:has — 행 체크박스 기준) */
.product_mgt_table--figma.product_mgt_table tbody tr:has(.product_mgt_td_chk .product_mgt_chk_native:checked) td {
  background: #e7fef4;
}

.product_mgt_td_codes {
  text-align: center;
}

.product_mgt_td_codes p {
  margin: 0;
  font-size: 14px;
  line-height: 18.2px;
}

.product_mgt_td_codes p + p {
  margin-top: 4px;
}

.product_mgt_td_name {
  text-align: left;
  vertical-align: middle;
}

.product_mgt_prod_title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  color: #151515;
  text-decoration: none;
}

.product_mgt_prod_title:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.product_mgt_prod_title--link {
  cursor: pointer;
}

.product_mgt_prod_cat {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #444;
}

.product_mgt_price_cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.product_mgt_table--figma .product_mgt_price_inp.ip_basic {
  width: 70px;
  min-width: 70px;
  height: auto;
  min-height: 36px;
  padding: 8px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  text-align: right;
  box-sizing: border-box;
}

.product_mgt_table--figma .product_mgt_price_inp.ip_basic:focus {
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.product_mgt_won {
  font-size: 14px;
  line-height: 18.2px;
  color: #151515;
  flex-shrink: 0;
}

.product_mgt_td_extra p {
  margin: 0;
  font-size: 14px;
  line-height: 18.2px;
}

.product_mgt_td_extra p + p {
  margin-top: 2px;
}

.product_mgt_td_dates {
  text-align: center;
}

.product_mgt_td_dates p {
  margin: 0;
  font-size: 14px;
  line-height: 18.2px;
}

.product_mgt_td_dates p + p {
  margin-top: 4px;
}

.product_mgt_chk_native {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}

.product_mgt_chk_head,
.product_mgt_chk_row {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.product_mgt_chk_ui {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-sizing: border-box;
  pointer-events: none;
}

.product_mgt_chk_native:checked + .product_mgt_chk_ui {
  background: #09df82;
  border-color: #09df82;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' rx='3' fill='%2309DF82'/%3E%3Cpath d='M5.25 8.25L8.25 11.25L12.75 6.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border: none;
}

/* 열 너비는 col(114px) — 셀렉트만 90px */
.product_mgt_sel_cell {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.product_mgt_sel_cell .nice-select {
  float: none;
  width: 90px;
  min-width: 90px;
  max-width: 90px;
  height: auto;
  min-height: 36px;
  line-height: 1.2;
  padding: 8px 28px 8px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
}

.product_mgt_sel_cell .nice-select:focus,
.product_mgt_sel_cell .nice-select.open {
  border-color: #151515;
}

.product_mgt_btn_xs {
  height: 24px;
  min-width: 40px;
  padding: 4px 6px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  line-height: 15.6px;
  color: #151515;
  cursor: pointer;
}

.product_mgt_btn_xs--hover {
  background: #f6f6f6;
}

.product_mgt_btn_xs:hover {
  background: #f6f6f6;
}

.product_mgt_pagination--figma.pagination {
  justify-content: center;
  margin-top: 20px;
  gap: 4px;
}

.product_mgt_pagination--figma.pagination li a.num {
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 19.5px;
  color: #151515;
}

.product_mgt_pagination--figma.pagination li a.num.active {
  background: #ececec;
}

.product_mgt_pagination--figma.pagination .first,
.product_mgt_pagination--figma.pagination .prev,
.product_mgt_pagination--figma.pagination .next,
.product_mgt_pagination--figma.pagination .end {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}

.product_mgt_page--figma .nice-select.select-primary {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.product_mgt_search--figma .nice-select {
  float: none;
  height: 40px;
  line-height: 38px;
  padding-left: 12px;
  padding-right: 36px;
}

.product_mgt_search--figma .sel_box {
  display: flex;
  align-items: center;
}

.product_mgt_page--figma .nice-select:after {
  border-bottom-color: #151515;
  border-right-color: #151515;
}

.product_mgt_td_chk {
  vertical-align: middle;
  text-align: center;
  padding-top: 16px;
  padding-bottom: 16px;
}

.product_mgt_th_chk {
  vertical-align: middle;
}

#modal-product-info.modal {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal_product_info .modal__inner {
  width: min(920px, calc(100vw - 40px));
  max-height: calc(100vh - 70px);
  overflow: auto;
  border-radius: 8px;
  padding: 0;
}

.modal_product_info .modal__inner.product_info_inner {
  padding: 24px 24px 32px;
  box-sizing: border-box;
}

.modal_product_info .product_info_top {
  position: relative;
  padding-right: 40px;
}

.modal_product_info .product_info_title {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  color: #151515;
}

.modal_product_info .product_info_close {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  line-height: 0;
}

.modal_product_info .product_info_close img {
  display: block;
}

.modal_product_info .product_info_tabs {
  display: flex;
  align-items: stretch;
  margin-top: 24px;
  padding: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #ececec;
}

.modal_product_info .product_info_tabs button {
  flex: 1 1 0;
  min-height: 0;
  padding: 12px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #999;
  cursor: pointer;
}

.modal_product_info .product_info_tabs button.is_active {
  background: #09df82;
  color: #0d1731;
}

.modal_product_info .product_info_body {
  padding: 24px 0 0;
}

.product_tab_panel {
  display: none;
}

.product_tab_panel.is_active {
  display: block;
}

.modal_product_info .pi_notice_section {
  width: 100%;
}

.modal_product_info .pi_notice_heading_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  margin-bottom: 8px;
}

.modal_product_info .pi_notice_heading_row .pi_section_heading {
  margin: 0;
}

.modal_product_info .pi_notice_heading_title {
  flex-shrink: 0;
}

.modal_product_info .pi_notice_type_wrap {
  flex: 0 0 auto;
  width: 420px;
  max-width: 100%;
}

.modal_product_info .pi_notice_heading_inp {
  width: 100%;
}

.modal_product_info .pi_notice_section .pi_inp {
  border-color: #e6e6e6;
}

.modal_product_info .pi_notice_section .pi_inp:focus {
  border-color: #151515;
  outline: none;
}

.modal_product_info .pi_notice_grid {
  width: 100%;
}

.modal_product_info .pi_row_notice {
  display: grid;
  grid-template-columns: 220px 1fr;
  width: 100%;
}

.modal_product_info .pi_row_notice > * {
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
}

.modal_product_info .pi_row_notice > .pi_th {
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 1px;
}

.modal_product_info .pi_row_notice > .pi_td {
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 0;
}

.modal_product_info .pi_row_notice.pi_row_top > .pi_th,
.modal_product_info .pi_row_notice.pi_row_top > .pi_td {
  border-top-width: 1px;
}

.modal_product_info .pi_th_notice {
  justify-content: flex-start;
  text-align: left;
}

.modal_product_info .pi_delivery_section {
  width: 100%;
}

.modal_product_info .pi_delivery_grid {
  width: 100%;
}

.modal_product_info .pi_delivery_row {
  display: flex;
  align-items: stretch;
  width: 100%;
  min-height: 206px;
}

.modal_product_info .pi_delivery_label {
  flex: 0 0 120px;
  width: 120px;
  padding: 16px;
  box-sizing: border-box;
  background: #f6f6f6;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  color: #151515;
}

.modal_product_info .pi_delivery_row_first .pi_delivery_label {
  border-top-width: 1px;
}

.modal_product_info .pi_delivery_value {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px;
  box-sizing: border-box;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.modal_product_info .pi_delivery_row_first .pi_delivery_value {
  border-top-width: 1px;
}

.modal_product_info .pi_delivery_textarea {
  flex: 1 1 auto;
  min-height: 186px;
  height: auto;
  width: 100%;
  margin: 0;
  resize: vertical;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  background: #fff;
  box-sizing: border-box;
}

.modal_product_info .pi_delivery_textarea::placeholder {
  color: #999;
}

.modal_product_info .pi_section + .pi_section {
  margin-top: 24px;
}

.modal_product_info .pi_section_heading {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
  color: #151515;
}

.modal_product_info .pi_grid {
  width: 100%;
}

.modal_product_info .pi_row_4 {
  display: grid;
  grid-template-columns: 120px 1fr 120px 1fr;
  width: 100%;
}

.modal_product_info .pi_row_4 > * {
  margin: 0;
  min-width: 0;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 0;
  box-sizing: border-box;
}

.modal_product_info .pi_row_4 > *:nth-child(4n + 1) {
  border-left-width: 1px;
}

.modal_product_info .pi_row_4.pi_row_top > * {
  border-top-width: 1px;
}

.modal_product_info .pi_row_2 {
  display: grid;
  grid-template-columns: 120px 1fr;
  width: 100%;
}

.modal_product_info .pi_row_2 > * {
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
}

.modal_product_info .pi_row_2 > .pi_th {
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 1px;
}

.modal_product_info .pi_row_2 > .pi_td {
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 0;
}

.modal_product_info .pi_row_2.pi_row_top > .pi_th {
  border-top-width: 1px;
}

.modal_product_info .pi_row_2.pi_row_top > .pi_td {
  border-top-width: 1px;
}

.modal_product_info .pi_th {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #f6f6f6;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  color: #151515;
  text-align: center;
}

.modal_product_info .pi_th.pi_th_top {
  align-items: flex-start;
}

.modal_product_info .pi_td {
  padding: 10px;
  background: #fff;
  display: flex;
  align-items: center;
}

.modal_product_info .pi_td.pi_td_nowrap {
  flex-wrap: nowrap;
}

.modal_product_info .pi_inp {
  height: 32px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.modal_product_info .pi_inp.pi_inp_focus,
.modal_product_info .pi_td .ip_basic.pi_inp_focus {
  border-color: #151515;
}

.modal_product_info .pi_inp_num {
  text-align: right;
}

.modal_product_info .pi_flex_gap {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.modal_product_info .pi_slash {
  font-size: 15px;
  color: #151515;
  flex-shrink: 0;
}

.modal_product_info .pi_sel {
  flex: 1 1 0;
  min-width: 0;
}

.modal_product_info .pi_sel .nice-select {
  width: 100%;
  height: 32px;
  line-height: 30px;
  padding-left: 12px;
  padding-right: 28px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  font-size: 15px;
}

.modal_product_info .pi_sel .nice-select .current {
  font-weight: 400;
  color: #151515;
}

.modal_product_info .pi_sel_cat_primary .nice-select {
  border-color: #151515;
}

.modal_product_info .pi_cat_row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.modal_product_info .pi_cat_row .pi_sel {
  flex: 0 0 114px;
  width: 114px;
}

.modal_product_info .pi_code_pair {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.modal_product_info .pi_code_pair .ip_basic {
  flex: 1 1 0;
  min-width: 0;
}

.modal_product_info .pi_group_price {
  display: flex;
  align-items: center;
  gap: 0;
  width: 100%;
}

.modal_product_info .pi_gp_cell {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.modal_product_info .pi_gp_lbl,
.modal_product_info .pi_gp_unit {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  flex-shrink: 0;
}

.modal_product_info .pi_gp_cell .pi_inp {
  flex: 1 1 0;
  min-width: 0;
}

.modal_product_info .pi_v_div {
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
  margin: 0 4px;
}

.modal_product_info .pi_sel_wide {
  width: 236px;
  max-width: 100%;
  flex: 0 0 auto;
}

.modal_product_info .pi_td_options {
  align-items: flex-start;
  gap: 24px;
}

.modal_product_info .pi_option_block {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

.modal_product_info .pi_option_row {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.modal_product_info .pi_opt_name {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.modal_product_info .pi_opt_i {
  width: 40px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 400;
  color: #151515;
}

.modal_product_info .pi_opt_price {
  width: 200px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.modal_product_info .pi_opt_pl {
  width: 70px;
  flex-shrink: 0;
  font-size: 15px;
  font-weight: 400;
  color: #151515;
}

.modal_product_info .pi_opt_price .pi_inp {
  flex: 1 1 0;
  min-width: 0;
}

.modal_product_info .pi_v_div_opt {
  margin: 0 0 0 4px;
}

.modal_product_info .pi_btn_add {
  flex-shrink: 0;
  height: 32px;
  min-width: 40px;
  padding: 6px 16px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
  cursor: pointer;
}

.modal_product_info .pi_money {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.modal_product_info .pi_money .pi_inp {
  flex: 1 1 0;
}

.modal_product_info .pi_row_detail {
  display: grid;
  grid-template-columns: 120px 1fr;
  width: 100%;
}

.modal_product_info .pi_row_detail > .pi_th {
  align-self: stretch;
  padding: 16px 12px;
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 1px;
}

.modal_product_info .pi_row_detail > .pi_td {
  border-style: solid;
  border-color: #e6e6e6;
  border-width: 0 1px 1px 0;
  align-items: stretch;
}

.modal_product_info .pi_td_detail {
  flex-direction: column;
  align-items: stretch;
}

.modal_product_info .pi_textarea_detail {
  min-height: 206px;
  height: auto;
  resize: vertical;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  font-size: 15px;
  line-height: 1.4;
}

.modal_product_info .pi_textarea_detail.product_info_lg_textarea {
  height: auto;
}

.modal_product_info .product_info_actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin-top: 24px;
}

.modal_product_info .pi_btn {
  height: 36px;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
  box-sizing: border-box;
}

.modal_product_info .pi_btn_primary {
  border: 0;
  background: #151515;
  color: #fff;
}

.modal_product_info .pi_btn_line {
  border: 1px solid #151515;
  background: #fff;
  color: #151515;
}

.product_info_body .changed_table th,
.product_info_body .changed_table td {
  padding: 7px 10px;
}

.product_info_body .changed_table .ip_basic {
  height: 28px;
}

.product_info_body .changed_table .sel_box .nice-select {
  min-width: 96px;
}

.product_info_body .changed_table table th,
.product_info_body .changed_table table td {
  vertical-align: middle;
}

.product_info_subtitle {
  text-align: left;
  font-weight: 700;
  background: #fafafa;
}

.product_info_option_grid {
  display: grid;
  grid-template-columns: 50px 1fr 65px 120px 20px 48px;
  gap: 6px;
  align-items: center;
}

.product_info_option_grid span {
  font-size: 12px;
}

.product_info_option_grid .btn {
  min-width: 46px;
}

.product_info_lg_textarea {
  height: 140px;
  resize: none;
  padding: 12px;
}

.product_info_md_textarea {
  height: 180px;
  resize: none;
  padding: 12px;
}

.product_info_notice_select {
  margin-bottom: 8px;
}

.product_info_notice_select .nice-select {
  width: 100%;
}

.event_mgt_thumb {
  width: 74px;
  height: 42px;
  border-radius: 3px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
  background: linear-gradient(135deg, #2188ff 0%, #ffb000 100%);
}

.event_mgt_thumb.event_mgt_thumb_lg {
  width: 160px;
  height: 76px;
  font-size: 28px;
  line-height: 1;
}

.event_mgt_upload_preview {
  display: flex;
  gap: 8px;
}

.event_mgt_upload_item {
  position: relative;
  display: inline-flex;
}

.event_mgt_remove {
  position: absolute;
  right: 2px;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

/* 홍보/이벤트 관리 event_mgt_list.html — Figma */
.event_mgt_list_page .main_contents {
  background: #e7e8ea;
  padding: 32px 40px 40px;
}

.event_mgt_wrap--figma {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.event_mgt_search--figma {
  margin-bottom: 0;
}

.event_mgt_search--figma .event_mgt_search_flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  width: 100%;
}

.event_mgt_search--figma .event_mgt_search_main {
  flex: 1 1 0;
  min-width: 0;
}

.event_mgt_filter_row--event {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}

.event_mgt_field_grp {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.event_mgt_field_grp--grow {
  flex: 1 1 0;
  min-width: 0;
}

.event_mgt_lbl {
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  flex-shrink: 0;
}

.event_mgt_fieldgrow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 0;
  min-width: 0;
}

.event_mgt_divider_v {
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
  align-self: center;
}

.event_mgt_btn_search_figma {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  background: #151515;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  font-family: inherit;
  cursor: pointer;
  flex-shrink: 0;
}

.event_mgt_btn_search_figma:hover {
  filter: brightness(1.06);
}

.event_mgt_btn_search_figma_lbl {
  text-align: center;
}

.event_mgt_icon_search {
  flex-shrink: 0;
  display: block;
}

.event_mgt_search_input.product_mgt_input_figma {
  flex: 1 1 0;
  min-width: 120px;
}

.event_mgt_list_thumb {
  width: 140px;
  height: 64px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.event_mgt_list_page .notice_tbl .table_basic tbody tr td.event_mgt_td_thumb {
  padding: 8px;
  vertical-align: middle;
}

.event_mgt_list_page .notice_tbl .table_basic .notice_tit a {
  text-decoration: none;
}

.event_mgt_list_page .notice_tbl .table_basic .notice_tit a:hover {
  text-decoration: underline;
}

.event_mgt_list_page .notice_tbl .table_basic thead tr th:first-child,
.event_mgt_list_page .notice_tbl .table_basic tbody tr td:first-child {
  border-left: none;
}

.event_mgt_list_page .notice_tbl .table_basic thead tr th:last-child,
.event_mgt_list_page .notice_tbl .table_basic tbody tr td:last-child {
  border-right: none;
}

/* 홍보/이벤트 관리 event_mgt_modify.html · event_mgt_write.html — Figma */
.event_mgt_modify_page .main_contents,
.event_mgt_write_page .main_contents {
  padding-top: 24px;
  padding-bottom: 40px;
}

.event_mgt_modify_page .event_mgt_wrap--figma > .content_box + .content_box,
.event_mgt_write_page .event_mgt_wrap--figma > .content_box + .content_box {
  margin-top: 8px;
}

.event_mgt_modify_page .event_mgt_modify_form_card .top_box,
.event_mgt_write_page .event_mgt_modify_form_card .top_box {
  margin-bottom: 16px;
}

.event_mgt_modify_page .event_mgt_modify_form_card .top_box .left h4,
.event_mgt_write_page .event_mgt_modify_form_card .top_box .left h4 {
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.event_mgt_modify_tbl col.event_mgt_modify_col_th {
  width: 140px;
}

.event_mgt_modify_page .event_mgt_modify_tbl tbody th,
.event_mgt_write_page .event_mgt_modify_tbl tbody th {
  width: 140px;
  padding: 16px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  vertical-align: middle;
  text-align: left;
}

.event_mgt_modify_page .event_mgt_modify_tbl tbody td,
.event_mgt_write_page .event_mgt_modify_tbl tbody td {
  padding: 8px;
  border: 1px solid #e6e6e6;
  vertical-align: middle;
}

.event_mgt_modify_page .event_mgt_modify_tbl .event_mgt_modify_row_body td,
.event_mgt_write_page .event_mgt_modify_tbl .event_mgt_modify_row_body td {
  vertical-align: top;
}

.event_mgt_modify_page .event_mgt_modify_tbl thead tr th:first-child,
.event_mgt_write_page .event_mgt_modify_tbl thead tr th:first-child,
.event_mgt_modify_page .event_mgt_modify_tbl tbody tr th:first-child,
.event_mgt_write_page .event_mgt_modify_tbl tbody tr th:first-child,
.event_mgt_modify_page .event_mgt_modify_tbl tbody tr td:first-child,
.event_mgt_write_page .event_mgt_modify_tbl tbody tr td:first-child {
  border-left: none;
}

.event_mgt_modify_page .event_mgt_modify_tbl thead tr th:last-child,
.event_mgt_write_page .event_mgt_modify_tbl thead tr th:last-child,
.event_mgt_modify_page .event_mgt_modify_tbl tbody tr th:last-child,
.event_mgt_write_page .event_mgt_modify_tbl tbody tr th:last-child,
.event_mgt_modify_page .event_mgt_modify_tbl tbody tr td:last-child,
.event_mgt_write_page .event_mgt_modify_tbl tbody tr td:last-child {
  border-right: none;
}

.event_mgt_modify_sel260 .nice-select.select-primary {
  width: 260px;
  max-width: 100%;
}

.event_mgt_modify_page .event_mgt_modify_sel260 .nice-select.select-primary,
.event_mgt_write_page .event_mgt_modify_sel260 .nice-select.select-primary {
  border: 1px solid #e6e6e6;
}

.event_mgt_modify_page .event_mgt_modify_sel260 .nice-select.select-primary:active,
.event_mgt_modify_page .event_mgt_modify_sel260 .nice-select.select-primary.open,
.event_mgt_modify_page .event_mgt_modify_sel260 .nice-select.select-primary:focus,
.event_mgt_write_page .event_mgt_modify_sel260 .nice-select.select-primary:active,
.event_mgt_write_page .event_mgt_modify_sel260 .nice-select.select-primary.open,
.event_mgt_write_page .event_mgt_modify_sel260 .nice-select.select-primary:focus {
  border-color: #151515;
}

.event_mgt_modify_page .event_mgt_modify_ip,
.event_mgt_write_page .event_mgt_modify_ip {
  border-radius: 4px;
  border: 1px solid #e6e6e6;
}

.event_mgt_modify_page .event_mgt_modify_ip:focus,
.event_mgt_write_page .event_mgt_modify_ip:focus {
  border-color: #151515;
  outline: none;
}

.event_mgt_modify_page .event_mgt_modify_ip_order,
.event_mgt_write_page .event_mgt_modify_ip_order {
  width: 260px;
  max-width: 100%;
}

.event_mgt_modify_textarea {
  min-height: 206px;
  height: auto;
  padding: 10px 12px;
  resize: vertical;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  line-height: 19.5px;
}

.event_mgt_modify_page .event_mgt_modify_textarea:focus,
.event_mgt_write_page .event_mgt_modify_textarea:focus {
  border-color: #151515;
  outline: none;
}

.event_mgt_modify_page ::placeholder,
.event_mgt_write_page ::placeholder {
  color: #999999;
}

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

.event_mgt_modify_img_stack {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}

.event_mgt_modify_page .event_mgt_modify_img_stack,
.event_mgt_write_page .event_mgt_modify_img_stack {
  max-width: 800px;
  width: 100%;
  align-items: flex-start;
}

.event_mgt_modify_file_row {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  flex-wrap: wrap;
}

.event_mgt_modify_page .event_mgt_modify_file_txt,
.event_mgt_write_page .event_mgt_modify_file_txt {
  flex: 1 1 200px;
  min-width: 0;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
}

.event_mgt_modify_page .event_mgt_modify_file_txt:focus,
.event_mgt_write_page .event_mgt_modify_file_txt:focus {
  border-color: #151515;
  outline: none;
}

.event_mgt_btn_file {
  flex-shrink: 0;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}

.event_mgt_btn_file:hover {
  background: #fafafa;
}

.event_mgt_modify_preview {
  flex-wrap: wrap;
  align-content: flex-start;
}

.event_mgt_modify_preview_item {
  width: 307px;
  max-width: 100%;
}

.event_mgt_modify_thumb {
  display: block;
  width: 100%;
  height: 140px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  object-fit: cover;
  background: #f6f6f6;
}

.event_mgt_modify_remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  border-radius: 4px;
  background: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.event_mgt_modify_remove_icon {
  display: block;
  width: 20px;
  height: 20px;
}

.event_mgt_modify_remove:focus-visible {
  outline: 2px solid #09df82;
  outline-offset: 2px;
}

.event_mgt_radio_row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.event_mgt_radio_figma {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}

.event_mgt_radio_figma input {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}

.event_mgt_radio_ui {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #e6e6e6;
  background: #fff;
  box-sizing: border-box;
  pointer-events: none;
}

.event_mgt_radio_figma input:checked + .event_mgt_radio_ui {
  border-color: #09df82;
  background: #fff;
  position: relative;
}

.event_mgt_radio_figma input:checked + .event_mgt_radio_ui::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #09df82;
}

.event_mgt_radio_lbl {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.event_mgt_modify_actions_card {
  padding: 24px;
}

.event_mgt_modify_actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.event_mgt_btn_confirm {
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  border: none;
  background: #151515;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}

.event_mgt_btn_confirm:hover {
  filter: brightness(1.06);
}

.event_mgt_btn_cancel {
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #151515;
  background: #fff;
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}

.event_mgt_btn_cancel:hover {
  background: #fafafa;
}

.event_mgt_btn_del {
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  border: 1px solid #ff4d4f;
  background: #fff;
  color: #ff4d4f;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}

.event_mgt_btn_del:hover {
  background: #fff5f5;
}

.pay_tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #d9d9d9;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 12px;
}

.pay_tabs button {
  height: 40px;
  background: #ededed;
  color: #555;
  font-weight: 600;
}

.pay_tabs button.is_active {
  background: #ffffff;
  color: #0d1731;
}

.pay_cash_box {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #dbf2ea;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 10px;
}

.pay_cash_box span {
  font-size: 14px;
  color: #151515;
  font-weight: 600;
}

.pay_cash_box strong {
  font-size: 22px;
  color: #07ae66;
}

.pay_filter_row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
}

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

.pay_filter_group > span {
  font-size: 13px;
  color: #444;
}

.pay_history_table tbody td p {
  font-size: 12px;
}

.pay_order_layout {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 8px;
}

/* 주문 · 결제 — Figma (payment/order_payment.html, .pay_order_layout--figma) */
.pay_order_layout--figma {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.pay_order_layout--figma .pay_order_left {
  flex: 1 1 1320px;
  max-width: 1320px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 헤더 고정 70px + 본문 상단 여백과 맞춤 — MY카트·결제 블록 함께 고정 */
.pay_order_layout--figma .pay_order_right {
  flex: 0 0 264px;
  width: 264px;
  min-width: 264px;
  max-width: 264px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: fit-content;
  position: sticky;
  top: calc(70px + 32px);
  align-self: flex-start;
  z-index: 5;
}

.pay_order_layout--figma .order_pay_side_card--steps {
  flex-shrink: 0;
}

.pay_order_layout--figma .order_pay_side_card--checkout {
  flex-shrink: 0;
}

.pay_order_page .main_contents {
  overflow-x: visible;
  overflow-y: visible;
}

.order_pay_section_tit {
  margin: 0 0 16px;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}

.pay_order_layout--figma .pay_order_product_tbl .pay_order_img {
  width: 140px;
  height: 140px;
  margin: 0 auto;
  background: #f6f6f6;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.pay_order_layout--figma .pay_order_product_tbl tbody td:first-child {
  padding: 8px;
  vertical-align: middle;
}

.pay_order_layout--figma .pay_order_product_tbl .pay_order_name {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.pay_order_layout--figma .pay_order_product_tbl .pay_order_sub {
  margin-top: 0;
  font-size: 14px;
  line-height: 1.3;
  color: #444;
}

.pay_order_layout--figma .order_pay_td_qty {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.pay_order_layout--figma .order_pay_td_price {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.pay_order_layout--figma .order_pay_td_ship {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.order_pay_buyer_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.3;
  color: #151515;
}

.order_pay_buyer_name {
  font-weight: 600;
}

.order_pay_buyer_txt {
  font-weight: 400;
}

.order_pay_pipe {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #c1c1c1;
  flex-shrink: 0;
}

.order_pay_form {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_pay_kv_row {
  display: flex;
  align-items: stretch;
  width: 100%;
  box-sizing: border-box;
}

.order_pay_kv_row + .order_pay_kv_row {
  border-top: 1px solid #e6e6e6;
}

.order_pay_kv_label {
  flex: 0 0 140px;
  max-width: 140px;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #151515;
  box-sizing: border-box;
}

.order_pay_kv_value {
  flex: 1 1 auto;
  min-width: 0;
  padding: 8px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.order_pay_kv_value--stack {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.order_pay_kv_row--split {
  flex-direction: row;
}

.order_pay_kv_row--split .order_pay_kv_split {
  display: flex;
  flex: 1 1 50%;
  min-width: 0;
  align-items: stretch;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_pay_kv_row--split .order_pay_kv_split:last-child {
  border-right: 0;
}

.order_pay_kv_row--addr .order_pay_kv_label {
  align-self: stretch;
  align-items: center;
}

.order_pay_addr_line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.order_pay_input--zip {
  width: 281px;
  max-width: 281px;
  flex-shrink: 0;
}

.order_pay_addr_line .order_pay_btn_addr {
  flex-shrink: 0;
}

.order_pay_input {
  height: 40px;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  background: #fff;
  font-size: 15px;
  line-height: 1.3;
  color: #151515;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
  box-sizing: border-box;
}

.order_pay_input::placeholder {
  color: #999;
}

.order_pay_input--w480 {
  width: 100%;
  max-width: 480px;
}

.order_pay_input--grow {
  flex: 1 1 0;
  min-width: 120px;
}

.order_pay_form .order_pay_input:focus,
.order_pay_form .order_pay_input:focus-visible,
.order_pay_form select:focus,
.order_pay_form select:focus-visible {
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.order_pay_form .order_pay_btn_addr:focus,
.order_pay_form .order_pay_btn_addr:focus-visible {
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
}

.order_pay_btn_addr {
  height: 40px;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 4px;
  background: #fff;
  border: 0;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

.order_pay_btn_addr:hover {
  background: #f6f6f6;
}

.order_pay_memo {
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 10px 12px;
  border-radius: 4px;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  border: 0;
  background: #fff;
  font-size: 15px;
  line-height: 1.3;
  color: #151515;
  resize: vertical;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
  box-sizing: border-box;
}

.order_pay_memo::placeholder {
  color: #999;
}

.order_pay_side_card--steps {
  padding: 16px;
}

.order_pay_steps_breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
}

.order_pay_chevron {
  flex-shrink: 0;
  display: block;
}

.order_pay_step_txt {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.order_pay_step_txt--muted {
  color: #666;
}

.order_pay_step_txt--current {
  color: #07ae66;
}

.order_pay_side_card--checkout {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 16px;
}

.order_pay_side_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}

.order_pay_side_section--paymethod {
  gap: 8px;
}

.order_pay_side_section--bordered {
  border-bottom: 1px solid #ececec;
  margin-bottom: 16px;
}

.order_pay_side_tit {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #151515;
}

.order_pay_sum_lines {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.order_pay_sum_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-size: 14px;
  line-height: 1.3;
  color: #151515;
}

.order_pay_sum_line--total {
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.order_pay_cash_use {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.order_pay_cash_toggle {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  cursor: pointer;
  user-select: none;
}

.order_pay_cash_lbl {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
}

.order_pay_chk_input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}

.order_pay_chk_ui {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  flex-shrink: 0;
  position: relative;
}

.order_pay_chk_input:checked + .order_pay_chk_ui {
  background: #09df82;
  border-color: #09df82;
}

.order_pay_chk_input:checked + .order_pay_chk_ui::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.order_pay_input--cash {
  flex: 1 1 auto;
  min-width: 0;
  text-align: right;
}

.order_pay_balance_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  background: #f6f6f6;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
}

.order_pay_balance_left {
  display: flex;
  align-items: center;
  gap: 4px;
}

.order_pay_balance_lbl {
  font-size: 14px;
  font-weight: 400;
  color: #151515;
}

.order_pay_balance_val {
  font-size: 14px;
  font-weight: 600;
  color: #07ae66;
}

.order_pay_btn_charge {
  height: 24px;
  min-width: 40px;
  padding: 4px 6px;
  border-radius: 4px;
  background: #fff;
  border: 0;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

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

.order_pay_chip {
  min-height: 32px;
  padding: 6px 8px;
  border-radius: 4px;
  background: #fff;
  border: 0;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

.order_pay_chip--active {
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.order_pay_submit {
  margin-top: 0;
  height: 40px;
  background: #151515 !important;
  border-color: #151515 !important;
  color: #fff !important;
  font-size: 16px;
  line-height: 1.3;
}

.pay_order_product_tbl .pay_order_img {
  width: 56px;
  height: 72px;
  background: #e9e9e9;
  margin: 0 auto;
}

.pay_order_name {
  font-size: 14px;
  font-weight: 600;
}

.pay_order_sub {
  margin-top: 4px;
  font-size: 12px;
  color: #666;
}

.pay_order_info_line {
  padding: 8px 0;
  font-size: 13px;
}

.pay_order_info_line span {
  margin-left: 16px;
}

.pay_order_right {
  height: fit-content;
}

.pay_order_steps {
  font-size: 13px;
  color: #555;
  margin-bottom: 14px;
}

.pay_order_steps b {
  margin: 0 3px;
  color: #07ae66;
}

.pay_order_sum p {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: 12px;
}

.pay_order_sum p.total {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: 700;
}

.pay_order_mobile {
  display: none;
}

/* 주문 · 결제 모바일 — Figma (payment/order_payment.html .pay_order_mobile--figma) */
.pay_order_mobile--figma {
  width: 100%;
  background: #fff;
}

.order_pay_mo_block {
  padding: 16px;
  background: #fff;
}

.order_pay_mo_block--pay {
  padding-bottom: 40px;
}

.order_pay_mo_sec_tit {
  margin: 0 0 16px;
  color: #151515;
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

.order_pay_mo_divider {
  height: 6px;
  background: #f6f6f6;
  border-top: 1px solid #ececec;
}

.order_pay_mo_prod_wrap {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.order_pay_mo_prod_wrap::-webkit-scrollbar {
  display: none;
}

.order_pay_mo_prod_tbl {
  width: 100%;
  min-width: 343px;
  border-collapse: collapse;
  table-layout: fixed;
}

.order_pay_mo_col_img {
  width: 104px;
}

.order_pay_mo_prod_tbl thead th {
  height: 40px;
  padding: 12px 16px;
  background: #e7e8ea;
  color: #151515;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: center;
  border-bottom: 1px solid #e6e6e6;
}

.order_pay_mo_prod_tbl thead th:first-child {
  width: 104px;
  padding: 12px;
}

.order_pay_mo_prod_tbl tbody td {
  padding: 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: top;
}

.order_pay_mo_prod_tbl tbody td:last-child {
  border-right: 0;
}

.order_pay_mo_img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #f6f6f6;
  box-sizing: border-box;
  overflow: hidden;
}

.order_pay_mo_img .pay_hammer {
  width: 100%;
  height: 100%;
}

.order_pay_mo_img--empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
}

.order_pay_mo_prod_name {
  margin: 0 0 8px;
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  word-break: keep-all;
}

.order_pay_mo_prod_meta p {
  margin: 0 0 2px;
  color: #444;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
}

.order_pay_mo_prod_meta p:last-child {
  margin-bottom: 0;
}

.order_pay_mo_scroll_hint {
  position: absolute;
  left: 114px;
  bottom: 8px;
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

.order_pay_mo_buyer_name {
  margin: 0 0 4px;
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
}

.order_pay_mo_buyer_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}

.order_pay_mo_pipe {
  width: 1px;
  height: 12px;
  background: #c1c1c1;
  flex-shrink: 0;
}

.order_pay_mo_form {
  display: flex;
  flex-direction: column;
}

.order_pay_mo_form_row {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  min-height: 44px;
  border-top: 1px solid #e6e6e6;
}

.order_pay_mo_form_row:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.order_pay_mo_form_lbl {
  width: 80px;
  min-width: 80px;
  max-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  color: #151515;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
}

.order_pay_mo_form_lbl--sm {
  font-size: 12px;
  line-height: 15.6px;
}

.order_pay_mo_form_val {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
}

.order_pay_mo_form_val--stack {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.order_pay_mo_form_row--addr .order_pay_mo_form_lbl {
  align-self: stretch;
}

.order_pay_mo_input {
  width: 100%;
  height: 32px;
  padding: 10px 12px;
  border: 0;
  border-radius: 4px;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  background: #fff;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
  box-sizing: border-box;
}

.order_pay_mo_input::placeholder {
  color: #999;
}

.order_pay_mo_input--grow {
  flex: 1 1 0;
  min-width: 0;
}

.order_pay_mo_addr_line {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.order_pay_mo_btn_addr {
  flex-shrink: 0;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
  box-sizing: border-box;
}

.order_pay_mo_btn_addr:hover {
  background: #f6f6f6;
}

.order_pay_mo_btn_addr:focus,
.order_pay_mo_btn_addr:focus-visible {
  outline: none;
  border-color: #e6e6e6;
}

.order_pay_mo_pay_tbl {
  display: flex;
  flex-direction: column;
}

.order_pay_mo_pay_row {
  display: flex;
  min-height: 44px;
  border-top: 1px solid #e6e6e6;
}

.order_pay_mo_pay_row:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.order_pay_mo_pay_lbl {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
  box-sizing: border-box;
}

.order_pay_mo_pay_val {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  box-sizing: border-box;
}

.order_pay_mo_select_wrap {
  width: 100%;
}

.order_pay_mo_select_wrap .nice-select {
  width: 100%;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
}

.order_pay_mo_actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}

.order_pay_mo_btn_submit {
  flex: 1 1 0;
  min-width: 60px;
  padding: 12px 20px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

.order_pay_mo_btn_cancel {
  flex-shrink: 0;
  min-width: 60px;
  padding: 12px 40px;
  border: 1px solid #151515;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

.mobile_pay_tbl {
  border: 1px solid #dcdcdc;
}

.mobile_pay_tbl .head {
  display: grid;
  grid-template-columns: 96px 1fr;
  background: #d9dbde;
  font-weight: 700;
}

.mobile_pay_tbl .head span {
  text-align: center;
  padding: 12px 8px;
}

.mobile_pay_tbl .row {
  display: grid;
  grid-template-columns: 96px 1fr;
  border-top: 1px solid #e6e6e6;
}

.pay_order_mobile_step .mobile_pay_tbl .head {
  grid-template-columns: 40px 104px 1fr;
}

.pay_order_mobile_step .mobile_pay_tbl .row {
  grid-template-columns: 40px 104px 1fr;
}

.pay_order_mobile_step .mobile_pay_tbl .chk {
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #e6e6e6;
}

.mobile_step_actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.pay_mobile_head {
  background: #0d1731;
  margin: 0 -16px 12px;
  padding: 12px 16px;
  display: grid;
  grid-template-columns: 100px 1fr 24px;
  align-items: center;
  gap: 10px;
}

.pay_mobile_head img {
  width: 90px;
}

.pay_mobile_head .tabs {
  display: flex;
  justify-content: center;
  gap: 14px;
}

.pay_mobile_head .tabs a {
  color: #19db84;
  font-size: 18px;
  font-weight: 700;
}

.pay_mobile_head .logout {
  color: #fff;
  font-size: 20px;
}

.mobile_step_summary {
  background: #d9d9d9;
  margin-top: 12px;
  padding: 12px 14px;
}

.mobile_step_summary p {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  margin-top: 8px;
}

.mobile_step_summary p:first-child {
  margin-top: 0;
}

.mobile_step_summary strong {
  font-weight: 700;
}

.mobile_pay_tbl .img {
  padding: 10px;
  border-right: 1px solid #e6e6e6;
}

.mobile_pay_tbl .img.no_img {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
}

.mobile_pay_tbl .info {
  padding: 10px;
}

.mobile_pay_tbl .info h6 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}

.mobile_pay_tbl .info p {
  font-size: 14px;
  color: #444;
  margin-bottom: 3px;
}

.pay_hammer {
  width: 100%;
  height: 84px;
  background: linear-gradient(145deg, #bdbdbd 0%, #efefef 100%);
}

.pay_hammer.pay_color {
  background: linear-gradient(145deg, #9adfff 0%, #ffe885 100%);
}

.pay_cash_use .check_B input + em {
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.pay_order_excel_tbl tbody td {
  vertical-align: top;
}

.pay_order_excel_tbl tbody td p {
  font-size: 12px;
  color: #444;
  line-height: 1.5;
}

.pay_order_excel_tbl .pay_excel_memo {
  margin-top: 8px;
  background: #e8f7f1;
  border: 1px solid #bfe9d8;
  border-radius: 4px;
  padding: 6px 8px;
  font-size: 11px;
  color: #238a63;
}

/* 주문 · 결제 (엑셀) — Figma: delivery + stacked products */
.pay_order_layout--figma .pay_order_excel_tbl--figma tbody td p {
  font-size: 14px;
  line-height: 1.3;
  color: inherit;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma table {
  table-layout: fixed;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma tbody td {
  vertical-align: top;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_ship_cell {
  padding: 16px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_ship {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_recipient_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_recipient_lbl {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  color: #151515;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_recipient_name {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #151515;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_addr_wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_addr {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #444;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_tm_row {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_tm {
  flex: 0 0 15px;
  font-size: 14px;
  line-height: 1.3;
  color: #444;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_phone {
  flex: 1 1 auto;
  font-size: 14px;
  line-height: 1.3;
  color: #444;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_req_box {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 10px;
  background: #f6f6f6;
  border-radius: 4px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_req_icon {
  flex-shrink: 0;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_req_txt {
  margin: 0;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell {
  padding: 16px;
  vertical-align: middle;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell .order_excel_prod_line,
.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell .order_excel_prod_opt {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell .order_excel_prod_line + .order_excel_prod_line,
.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell .order_excel_prod_line + .order_excel_prod_opt {
  margin-top: 4px;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell .order_excel_prod_line {
  color: #151515;
  font-weight: 400;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell:hover .order_excel_prod_line,
.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_prod_cell:hover .order_excel_prod_opt {
  text-decoration: underline;
}

.pay_order_layout--figma .pay_order_product_tbl tbody td:nth-child(2):hover .pay_order_name,
.pay_order_layout--figma .pay_order_product_tbl tbody td:nth-child(2):hover .pay_order_sub {
  text-decoration: underline;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_num_cell {
  vertical-align: middle;
}

.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_qty,
.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_price,
.pay_order_layout--figma .pay_order_excel_tbl--figma .order_excel_ship_fee {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  color: #151515;
}

.order_pay_input--cash_placeholder::placeholder {
  color: #999;
  text-align: right;
}

.order_pay_paytype--single {
  justify-content: flex-start;
}

.order_pay_paytype--single .order_pay_chip {
  min-width: auto;
}

.pay_complete_box {
  min-height: 620px;
}

.pay_complete_inner {
  min-height: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.pay_complete_icon {
  width: 84px;
  height: 84px;
  border-radius: 50%;
  border: 2px solid #ececf3;
  background: radial-gradient(circle at 30% 35%, #ffffff 0%, #f5f6fb 70%);
  position: relative;
}

.pay_complete_icon::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 28px;
  width: 28px;
  height: 36px;
  border: 2px solid #cfd2df;
  border-radius: 6px;
  transform: rotate(-12deg);
}

.pay_complete_inner p {
  font-size: 24px;
  font-weight: 600;
  color: #222;
}

/* 주문 완료 — Figma (payment/order_payment_com.html) */
.pay_complete_box--figma {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pay_complete_box--figma .pay_complete_section_tit {
  margin-bottom: 16px;
}

.pay_complete_inner--figma {
  min-height: 0;
  padding: clamp(80px, 18vh, 200px) 16px;
  gap: 24px;
  justify-content: center;
}

.pay_complete_figma_art {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.pay_complete_figma_img {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: contain;
}

.pay_complete_figma_msg {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}

.pay_complete_figma_headline {
  margin: 0;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #151515;
}

.pay_complete_figma_btn {
  height: 36px;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 4px;
  background: #fff;
  border: 0;
  outline: 1px solid #e6e6e6;
  outline-offset: -1px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  cursor: pointer;
  font-family: var(--primary-font, "Pretendard"), sans-serif;
}

.pay_complete_figma_btn:hover {
  background: #f6f6f6;
}

.pay_complete_figma_btn:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.order_pay_steps_breadcrumb--complete .order_pay_step_txt--done {
  color: #07ae66;
}

/* 주문 완료 모바일 — Figma (payment/order_payment_com.html) */
.pay_order_mobile--complete {
  background: #fff;
}

.order_pay_mo_block--steps {
  padding-top: 8px;
  padding-bottom: 8px;
}

.order_pay_mo_block--steps .order_pay_steps_breadcrumb {
  justify-content: center;
}

.order_pay_mo_block--complete {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 40px;
}

.pay_complete_mo_inner {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  min-height: calc(100vh - 60px - 56px - 43px - 40px);
  padding: 48px 16px;
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .pay_complete_box {
    min-height: auto;
  }

  .pay_complete_inner {
    min-height: 360px;
    padding: 20px 0;
  }

  .pay_complete_inner--figma {
    min-height: 280px;
    padding: 48px 16px;
  }

  .pay_complete_steps {
    display: none;
  }

  .pay_order_com_page .pay_order_mobile--complete {
    min-height: calc(100vh - 60px);
  }
}

@media screen and (max-width: 768px) {
  .desktop_only {
    display: none !important;
  }

  .pay_order_mobile {
    display: block;
  }

  .pay_order_page .side_lnb {
    display: none;
  }

  .pay_order_page.main {
    padding-top: 60px;
  }

  .pay_order_page .main_contents {
    width: 100%;
    padding: 0;
    background: #fff;
  }

  .pay_order_mobile:not(.pay_order_mobile--figma) h2 {
    background: #0d1731;
    color: #fff;
    text-align: center;
    font-size: 34px;
    font-weight: 700;
    padding: 18px 0;
    margin: 0 -16px 16px;
  }

  .pay_order_mobile:not(.pay_order_mobile--figma) {
    padding: 0 16px 20px;
    background: #efefef;
  }
}

/* ===== 정산서 도착알림 (대시보드 · Figma 0202) ===== */
.modal.modal_notification {
  background-color: rgba(0, 0, 0, 0.4);
}

.modal.modal_notification .modal__inner.notification_popup__inner {
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: none;
  padding: 24px 24px 32px;
  overflow: visible;
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background-color: #ffffff;
}

.notification_popup__body {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: stretch;
  width: 100%;
}

.notification_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
  word-break: keep-all;
}

.notification_popup__icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.notification_popup__icon_wrap .notification_popup__illust {
  display: block;
  width: auto;
  max-width: 200px;
  height: auto;
  max-height: 200px;
  object-fit: contain;
}

.notification_popup__arrow {
  display: block;
  flex-shrink: 0;
}

.notification_popup__msg {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.notification_popup__arrival {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  gap: 0.25em;
  margin: 0 auto;
  max-width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  font-size: 16px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 20.8px;
}

.notification_popup__period {
  margin: 0;
  color: #0070ff;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.notification_popup__lead {
  margin: 0;
  color: #151515;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.notification_popup__desc {
  margin: 0;
  color: #151515;
  font-size: 16px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 20.8px;
}

.notification_popup__actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.notification_popup__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

.notification_popup__btn {
  box-sizing: border-box;
  min-width: 60px;
  height: 36px;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.notification_popup__confirm {
  background: #151515;
  color: #ffffff;
}

.notification_popup__btn.notification_popup__btn--line {
  background: #ffffff;
  color: #151515;
  outline: 1px solid #151515;
  outline-offset: -1px;
}

.notification_popup__tomorrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  align-self: center;
  margin: 0 auto;
  padding: 0;
  border: none;
  background: none;
  color: #999999;
  font-size: 14px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 500;
  line-height: 18.2px;
  cursor: pointer;
}

/* 교환/반품신청 order/exchange.html — Figma */
.exchange_page .search_box--exchange .flex {
  align-items: flex-start;
}
.exchange_page .search_items--exchange {
  flex: 1 1 0;
  min-width: 0;
}
.exchange_page .search_item--exchange_split {
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
  align-self: stretch;
}
.exchange_page .exchange_split_left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  flex: 1 1 280px;
  min-width: 0;
}
/* 기간선택 행: 왼쪽 블록이 늘어나지 않아 구분선·결제방법이 줄 오른쪽으로 밀리지 않음 */
.exchange_page .exchange_split_left:not(.exchange_split_left--grow) {
  flex: 0 1 auto;
}
.exchange_page .exchange_split_left--grow {
  flex: 1 1 360px;
}
.exchange_page .exchange_split_right {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
/* 결제방법(공급받는 자 제외): 라벨·버튼 좌측 정렬 */
.exchange_page .exchange_split_right:not(.exchange_split_right--supplier) {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}
.exchange_page .exchange_split_right:not(.exchange_split_right--supplier) .exchange_pay_btns {
  justify-content: flex-start;
}
.exchange_page .exchange_split_right--supplier {
  gap: 21px;
}
.exchange_page .exchange_v_divider {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.exchange_page .exchange_quick_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.exchange_page .exchange_quick_btn {
  margin: 0;
  cursor: pointer;
}
.exchange_page .exchange_quick_btn 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_page .exchange_quick_btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.exchange_page .exchange_quick_btn input:checked + span {
  border-color: #09df82;
  background: #09df82;
  color: #0d1731;
}
.exchange_page .exchange_quick_btn input:focus-visible + span {
  outline: 2px solid #151515;
  outline-offset: 2px;
}
.exchange_page .exchange_pay_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.exchange_page .exchange_pay_btn {
  margin: 0;
  cursor: pointer;
}
.exchange_page .exchange_pay_btn 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_page .exchange_pay_btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #ffffff;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.exchange_page .exchange_pay_btn input:checked + span {
  border-color: #09df82;
  background: #09df82;
  color: #0d1731;
}
.exchange_page .exchange_pay_btn input:focus-visible + span {
  outline: 2px solid #151515;
  outline-offset: 2px;
}
.exchange_page .exchange_search_fields {
  display: flex;
  flex: 1 1 0;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.exchange_page .exchange_search_fields .sel_box {
  flex-shrink: 0;
  width: 160px;
}
.exchange_page .exchange_search_fields .sel_box .nice-select {
  width: 100%;
}
.exchange_page .exchange_kw_input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 120px;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  background: #fff;
}
.exchange_page .exchange_kw_input::placeholder {
  color: #999999;
}
.exchange_page .exchange_kw_input:focus {
  outline: none;
  border-color: #151515;
}
/* 검색 영역: 셀렉트 — 기본 회색, 목록 펼침·포커스 시만 검정 */
.exchange_page .search_box--exchange .nice-select.select-primary {
  border-color: #e6e6e6;
}
.exchange_page .search_box--exchange .nice-select.select-primary:active,
.exchange_page .search_box--exchange .nice-select.select-primary.open,
.exchange_page .search_box--exchange .nice-select.select-primary:focus {
  border-color: #151515;
}
.exchange_page .search_box--exchange .date_area input.datepicker-basic {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.exchange_page .search_box--exchange .date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.exchange_page .search_btn--exchange_figma {
  box-sizing: border-box;
  align-self: flex-start;
  flex-shrink: 0;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515 !important;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.exchange_page .search_btn--exchange_figma::after {
  filter: brightness(0) invert(1);
}
.exchange_page .search_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.exchange_page .content_box--exchange {
  overflow: visible;
}
/* 검색결과(테이블) 영역 — 데이터가 있을 때 기존 표시 유지 */
.exchange_page .content_box--exchange .table_basic--exchange {
  overflow: visible;
}
.exchange_page .content_box--exchange .excel_fill_btn {
  min-height: 36px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 18.2px;
}
.exchange_page .primary_text {
  line-height: 21px;
}
.exchange_page .exchange_pay_cell {
  vertical-align: middle;
  font-size: 14px;
  line-height: 18.2px;
}
.exchange_page .exchange_result_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 130px;
  margin: 0 auto;
}
.exchange_page .exchange_result_txt {
  margin: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
}
.exchange_page .exchange_result_txt.red_text {
  color: #cd0000;
}
.exchange_page .exchange_tbl_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 32px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.exchange_page .exchange_tbl_btn--muted {
  background: #f6f6f6;
}
.exchange_page .exchange_tbl_btn--icon {
  gap: 4px;
}
.exchange_page .exchange_tbl_btn--icon img {
  flex-shrink: 0;
}
.exchange_page .exchange_result_stack .tooltip_wrap {
  width: 100%;
}
.exchange_page .table_basic--exchange .tooltip h1 {
  font-weight: 600;
  font-size: 15px;
}
.exchange_page td.tac .tooltip_wrap--center {
  display: inline-block;
  max-width: 100%;
  text-align: center;
}
.exchange_page td.tac .tooltip_wrap--center > .hover_underline {
  margin: 0;
  cursor: pointer;
  text-align: center;
}
/* 배송정보(운송장번호) 열 — 가운데 정렬 */
.table_basic tbody td.td_ship_track {
  text-align: center;
  vertical-align: middle;
}
.table_basic tbody td.td_ship_track > p {
  text-align: center;
}
.table_basic tbody td.td_ship_track .tooltip_wrap {
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.table_basic tbody td.td_ship_track .tooltip_wrap .hover_underline,
.table_basic tbody td.td_ship_track .tooltip_wrap > p {
  text-align: center;
}

/* 검색 결과 없음 — 교환/반품 등 목록 하단 */
.list_empty_result {
  box-sizing: border-box;
  width: 100%;
  padding: 80px 16px;
  border-bottom: 1px solid #e6e6e6;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.exchange_page .list_empty_result--exchange {
  height: 375px;
  min-height: 375px;
}
.list_empty_result[hidden] {
  display: none !important;
}
.list_empty_result__icon {
  display: flex;
  line-height: 0;
}
.list_empty_result__text {
  margin: 0;
  text-align: center;
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  word-wrap: break-word;
}

@media screen and (max-width: 768px) {
  .modal.modal_notification .modal__inner.notification_popup__inner {
    width: 100%;
    max-width: calc(100vw - 24px);
    padding: 20px 16px 24px;
  }

  .notification_popup__btns {
    flex-direction: column;
    width: 100%;
  }

  .notification_popup__btn {
    width: 100%;
  }
}

/* 공급자정보 레이어 order/order.html — Figma 1004 PC · 1004_Provider information_popup_mo (모바일) */
.modal.modal_provider_info {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_provider_info .modal__inner.provider_info_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background-color: #ffffff;
  border-radius: 8px;
}

.provider_info_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.provider_info_popup__close:focus,
.provider_info_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.provider_info_popup__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.provider_info_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
  word-wrap: break-word;
}

.provider_info_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.provider_info_popup__table th,
.provider_info_popup__table td {
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.provider_info_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  font-weight: 500;
  text-align: center;
  border-left: 0;
}

.provider_info_popup__table td {
  width: 392px;
  padding: 10px;
  font-weight: 400;
  word-wrap: break-word;
  border-right: 0;
}

.provider_info_popup__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.provider_info_popup__confirm {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.provider_info_popup__confirm:focus,
.provider_info_popup__confirm:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.order_provider_info_open {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal.modal_provider_info .modal__inner.provider_info_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_provider_info .provider_info_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_provider_info .provider_info_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_provider_info .provider_info_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_provider_info .provider_info_popup__table {
    width: 100%;
  }

  .modal.modal_provider_info .provider_info_popup__table th,
  .modal.modal_provider_info .provider_info_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
    min-height: 0;
  }

  .modal.modal_provider_info .provider_info_popup__table th {
    width: 80px;
    padding: 10px;
    font-weight: 500;
    border-left: 0;
  }

  .modal.modal_provider_info .provider_info_popup__table td {
    width: auto;
    padding: 10px;
    font-weight: 400;
    border-right: 0;
  }

  .modal.modal_provider_info .provider_info_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_provider_info .provider_info_popup__confirm {
    width: auto;
    flex: 0 0 auto;
  }
}

/* 전송이력 레이어 order/order.html — Figma 1005 (PC) */
.modal.modal_transmission_history {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_transmission_history .modal__inner.transmission_history_popup__inner {
  position: relative;
  width: 800px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow: hidden;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background-color: #ffffff;
  border-radius: 8px;
}

.transmission_history_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.transmission_history_popup__close:focus,
.transmission_history_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.transmission_history_popup__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

.transmission_history_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.transmission_history_popup__table_wrap {
  width: 100%;
  overflow-x: auto;
  overflow-y: auto;
  border-top: 1px solid #e6e6e6;
}

.transmission_history_popup__table {
  width: 100%;
  min-width: 752px;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.transmission_history_popup__table th,
.transmission_history_popup__table td {
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-size: 15px;
  line-height: 19.5px;
}

.transmission_history_popup__table th {
  height: 44px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.transmission_history_popup__table td {
  text-align: center;
  font-weight: 400;
  word-break: break-word;
}

.transmission_history_popup__table td:last-child {
  text-align: left;
}

.transmission_history_popup__bottom {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.transmission_history_popup__pagination.pagination {
  margin-top: 0;
}

.transmission_history_popup__pagination.pagination li a.num {
  width: 36px;
  height: 36px;
  min-width: 36px;
  line-height: 36px;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 400;
}

.transmission_history_popup__pagination.pagination li a.num.active {
  background: #ececec;
}

.order_transmission_history_open {
  cursor: pointer;
}

.modal.modal_payment_info {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_payment_info .modal__inner.payment_info_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.payment_info_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.payment_info_popup__close:focus,
.payment_info_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.payment_info_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.payment_info_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.payment_info_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.payment_info_popup__table th,
.payment_info_popup__table td {
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.payment_info_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.payment_info_popup__table td {
  width: 392px;
  padding: 10px;
  font-weight: 400;
  word-break: break-word;
  border-right: 0;
}

.payment_info_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.payment_info_popup__confirm {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.payment_info_popup__confirm:focus,
.payment_info_popup__confirm:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.order_payment_info_open {
  cursor: pointer;
}

.modal.modal_settlement_process {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_settlement_process .modal__inner.settlement_process_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.settlement_process_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.settlement_process_popup__close:focus,
.settlement_process_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.settlement_process_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.settlement_process_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.settlement_process_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.settlement_process_popup__table th,
.settlement_process_popup__table td {
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.settlement_process_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.settlement_process_popup__table td {
  padding: 10px;
  font-weight: 400;
  word-break: break-word;
  border-right: 0;
}

.settlement_process_popup__table .settlement_process_popup__settlement_amt {
  display: block;
  font-weight: 600;
  color: #151515;
}

.settlement_process_popup__tr_method th {
  vertical-align: middle;
}

.settlement_process_popup__td_method {
  vertical-align: top;
  padding: 16px 10px;
}

.settlement_process_popup__method_stack {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}

.settlement_process_popup__radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}

.settlement_process_popup__radio input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}

.settlement_process_popup__radio_path {
  fill: #e6e6e6;
}

.settlement_process_popup__radio input:checked + .settlement_process_popup__radio_icon .settlement_process_popup__radio_path {
  fill: #09df82;
}

.settlement_process_popup__cash_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.settlement_process_popup__cash_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.settlement_process_popup__cash_balance {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}

.settlement_process_popup__cash_input_row {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.settlement_process_popup__cash_input {
  box-sizing: border-box;
  width: 355px;
  max-width: 100%;
  height: 32px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  text-align: right;
  font-family: var(--primary-font), Pretendard, sans-serif;
}

.settlement_process_popup__cash_input:focus {
  outline: 2px solid #151515;
  outline-offset: 1px;
}

.settlement_process_popup__cash_won {
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  flex-shrink: 0;
}

.settlement_process_popup__pay_amt {
  font-weight: 600;
  color: #cd0000;
}

.settlement_process_popup__td_memo {
  vertical-align: top;
  padding: 10px;
}

.settlement_process_popup__memo {
  box-sizing: border-box;
  width: 100%;
  min-height: 72px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
  font-family: var(--primary-font), Pretendard, sans-serif;
  resize: vertical;
}

.settlement_process_popup__memo::placeholder {
  color: #999999;
}

.settlement_process_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.settlement_process_popup__confirm,
.settlement_process_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.settlement_process_popup__confirm {
  border: 0;
  background: #151515;
  color: #ffffff;
}

.settlement_process_popup__confirm:focus,
.settlement_process_popup__confirm:focus-visible,
.settlement_process_popup__cancel:focus,
.settlement_process_popup__cancel:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.settlement_process_popup__cancel {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.modal.modal_payment_cancel {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_payment_cancel .modal__inner.payment_cancel_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.payment_cancel_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.payment_cancel_popup__close:focus,
.payment_cancel_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.payment_cancel_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.payment_cancel_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.payment_cancel_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.payment_cancel_popup__table th,
.payment_cancel_popup__table td {
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.payment_cancel_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.payment_cancel_popup__table td {
  width: 392px;
  padding: 10px;
  font-weight: 400;
  word-break: break-word;
  border-right: 0;
}

.payment_cancel_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.payment_cancel_popup__confirm {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.payment_cancel_popup__confirm:focus,
.payment_cancel_popup__confirm:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.order_payment_cancel_open {
  cursor: pointer;
}

.modal.modal_order_cancel_request {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_order_cancel_request .modal__inner.order_cancel_request_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.order_cancel_request_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.order_cancel_request_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.order_cancel_request_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.order_cancel_request_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.order_cancel_request_popup__table th,
.order_cancel_request_popup__table td {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.order_cancel_request_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.order_cancel_request_popup__table td {
  width: 392px;
  padding: 10px;
  font-weight: 400;
  border-right: 0;
}

.order_cancel_request_popup__memo_box {
  box-sizing: border-box;
  width: 100%;
  min-height: 196px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.order_cancel_request_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.order_cancel_request_popup__confirm,
.order_cancel_request_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.order_cancel_request_popup__confirm {
  border: 0;
  background: #151515;
  color: #ffffff;
}

.order_cancel_request_popup__cancel {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.order_cancel_request_open {
  cursor: pointer;
}

.modal.modal_order_cancel_view {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_order_cancel_view .modal__inner.order_cancel_view_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.order_cancel_view_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.order_cancel_view_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 28px;
  box-sizing: border-box;
}

.order_cancel_view_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.order_cancel_view_popup__table {
  width: 512px;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.order_cancel_view_popup__table th,
.order_cancel_view_popup__table td {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.order_cancel_view_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.order_cancel_view_popup__table td {
  width: 392px;
  padding: 10px;
  font-weight: 400;
  border-right: 0;
}

.order_cancel_view_popup__memo {
  min-height: 210px;
  display: flex;
  align-items: center;
}

.order_cancel_view_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.order_cancel_view_popup__confirm {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.order_cancel_approved_open {
  cursor: pointer;
}

.modal.modal_exchange_return_request {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_exchange_return_request .modal__inner.exchange_return_request_popup__inner {
  position: relative;
  width: 800px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.exchange_return_request_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.exchange_return_request_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 18px;
  box-sizing: border-box;
}

.exchange_return_request_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.exchange_return_request_popup__meta_table,
.exchange_return_request_popup__products_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.exchange_return_request_popup__meta_table th,
.exchange_return_request_popup__meta_table td,
.exchange_return_request_popup__products_table th,
.exchange_return_request_popup__products_table td {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.exchange_return_request_popup__meta_table > tbody > tr > th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.exchange_return_request_popup__meta_table > tbody > tr > td {
  padding: 10px;
  background: #ffffff;
  font-weight: 400;
}

.exchange_return_request_popup__products_cell {
  padding: 0 !important;
}

.exchange_return_request_popup__products_table th {
  padding: 12px 10px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.exchange_return_request_popup__products_table td {
  padding: 10px;
  font-weight: 400;
}

/* 반품요청(1010) — 반품신청 테이블 열너비(PC) 유지 */
.exchange_return_request_popup__products_table th:nth-child(1),
.exchange_return_request_popup__products_table td:nth-child(1) {
  width: calc(100% - 160px);
}

.exchange_return_request_popup__products_table th:nth-child(2),
.exchange_return_request_popup__products_table td:nth-child(2),
.exchange_return_request_popup__products_table th:nth-child(3),
.exchange_return_request_popup__products_table td:nth-child(3) {
  width: 80px;
}

/* 반품요청(1010) — 반품신청 목록 스크롤 (PC: 7줄부터) */
.exchange_return_request_popup__products_table thead,
.exchange_return_request_popup__products_table tbody tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.exchange_return_request_popup__products_table colgroup col:nth-child(1) {
  width: auto;
}

.exchange_return_request_popup__products_table colgroup col:nth-child(2),
.exchange_return_request_popup__products_table colgroup col:nth-child(3) {
  width: 80px;
}

.exchange_return_request_popup__products_table tbody {
  display: block;
  max-height: 620px;
  overflow-y: auto;
  overflow-x: hidden;
}

.exchange_return_request_qty {
  width: 60px;
  height: 32px;
  margin: 0 auto;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  color: #999999;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  text-align: center;
  box-sizing: border-box;
}

.exchange_return_request_qty:focus {
  border-color: #151515;
  color: #151515;
  outline: none;
}

.exchange_return_request_popup__memo {
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #999999;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  box-sizing: border-box;
}

.exchange_return_request_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.exchange_return_request_popup__confirm,
.exchange_return_request_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.exchange_return_request_popup__confirm {
  border: 0;
  background: #151515;
  color: #ffffff;
}

.exchange_return_request_popup__cancel {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.exchange_return_request_open {
  cursor: pointer;
}

.modal.modal_exchange_return_request_view {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_exchange_return_request_view .modal__inner.exchange_return_request_view_popup__inner {
  position: relative;
  width: 800px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.exchange_return_request_view_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.exchange_return_request_view_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}

.exchange_return_request_view_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

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

.exchange_return_request_view_popup__item {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.exchange_return_request_view_popup__check {
  width: 18px;
  height: 18px;
  margin-top: 13px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
  flex: 0 0 auto;
}

.exchange_return_request_view_popup__item.is-checked .exchange_return_request_view_popup__check {
  border-color: #09df82;
  background: #09df82;
  position: relative;
}

.exchange_return_request_view_popup__item.is-checked .exchange_return_request_view_popup__check::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 3px;
  width: 8px;
  height: 5px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(-45deg);
}

.exchange_return_request_view_popup__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.exchange_return_request_view_popup__table th,
.exchange_return_request_view_popup__table td {
  border: 1px solid #e6e6e6;
  padding: 10px;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
  box-sizing: border-box;
  word-break: break-word;
}

.exchange_return_request_view_popup__table th {
  width: 120px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.exchange_return_request_view_popup__table td {
  font-weight: 400;
}

.exchange_return_request_view_popup__memo {
  min-height: 116px;
}

.exchange_return_request_view_popup__actions {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
}

.exchange_return_request_view_popup__status_group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.exchange_return_request_view_popup__status_label {
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 500;
  line-height: 19.5px;
}

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

.exchange_return_request_view_popup__status_btn {
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  color: #151515;
  font-size: 14px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}

.exchange_return_request_view_popup__status_btn.is-active {
  border-color: #07ae66;
  background: #ffffff;
  color: #07ae66;
}

.exchange_return_request_view_popup__confirm {
  height: 36px;
  min-width: 60px;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #ffffff;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.exchange_return_request_view_open {
  cursor: pointer;
}

.modal.modal_exchange_request {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_exchange_request .modal__inner.exchange_request_popup__inner {
  position: relative;
  width: 800px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.modal.modal_order_memo {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_order_memo .modal__inner.order_memo_popup__inner {
  position: relative;
  width: 560px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 48px);
  overflow-y: auto;
  padding: 24px 24px 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: #ffffff;
  border-radius: 8px;
}

.order_memo_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.order_memo_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 0;
  box-sizing: border-box;
}

.order_memo_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.order_memo_popup__content {
  width: 512px;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-sizing: border-box;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
  background: #ffffff;
  outline: none;
  white-space: pre-wrap;
  word-break: break-word;
}

.order_memo_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.order_memo_popup__confirm,
.order_memo_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.order_memo_popup__confirm {
  border: 0;
  background: #151515;
  color: #ffffff;
}

.order_memo_popup__cancel {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.order_memo_open {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal.modal_order_memo .modal__inner.order_memo_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_order_memo .order_memo_popup__close {
    top: 10px;
    right: 10px;
  }

  .modal.modal_order_memo .order_memo_popup__body {
    gap: 16px;
    padding-right: 0;
    box-sizing: border-box;
  }

  .modal.modal_order_memo .order_memo_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_order_memo .order_memo_popup__content {
    font-size: 15px;
    line-height: 19.5px;
    color: #151515;
    height: 180px;
  }

  .modal.modal_order_memo .order_memo_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_order_memo .order_memo_popup__confirm,
  .modal.modal_order_memo .order_memo_popup__cancel {
    width: auto;
    flex: 0 0 auto;
  }
}
.exchange_request_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.exchange_request_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 18px;
  box-sizing: border-box;
}

.exchange_request_popup__title {
  margin: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.exchange_request_popup__meta_table,
.exchange_request_popup__products_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.exchange_request_popup__meta_table th,
.exchange_request_popup__meta_table td,
.exchange_request_popup__products_table th,
.exchange_request_popup__products_table td {
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.exchange_request_popup__meta_table > tbody > tr > th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.exchange_request_popup__meta_table > tbody > tr > td {
  padding: 10px;
  background: #ffffff;
  font-weight: 400;
}

.exchange_request_popup__products_cell {
  padding: 0 !important;
}

.exchange_request_popup__products_table th {
  padding: 12px 10px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
}

.exchange_request_popup__products_table td {
  padding: 10px;
  font-weight: 400;
}

.exchange_request_qty {
  width: 60px;
  height: 32px;
  margin: 0 auto;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #ffffff;
  color: #999999;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  text-align: center;
  box-sizing: border-box;
}

.exchange_request_qty:focus {
  border-color: #151515;
  color: #151515;
  outline: none;
}

.exchange_request_popup__memo {
  min-height: 96px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #999999;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  box-sizing: border-box;
}

.exchange_request_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.exchange_request_popup__confirm,
.exchange_request_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.exchange_request_popup__confirm {
  border: 0;
  background: #151515;
  color: #ffffff;
}

.exchange_request_popup__cancel {
  border: 1px solid #151515;
  background: #ffffff;
  color: #151515;
}

.exchange_request_open {
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .modal.modal_payment_info .modal__inner.payment_info_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_payment_info .payment_info_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_payment_info .payment_info_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_payment_info .payment_info_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_payment_info .payment_info_popup__table {
    width: 100%;
  }

  .modal.modal_payment_info .payment_info_popup__table th,
  .modal.modal_payment_info .payment_info_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
    min-height: 0;
  }

  .modal.modal_payment_info .payment_info_popup__table th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_payment_info .payment_info_popup__table td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_payment_info .payment_info_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_payment_info .payment_info_popup__confirm {
    width: auto;
    flex: 0 0 auto;
  }

  .modal.modal_settlement_process .modal__inner.settlement_process_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_settlement_process .settlement_process_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_settlement_process .settlement_process_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_settlement_process .settlement_process_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_settlement_process .settlement_process_popup__table {
    width: 100%;
  }

  .modal.modal_settlement_process .settlement_process_popup__table th,
  .modal.modal_settlement_process .settlement_process_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
    min-height: 0;
  }

  .modal.modal_settlement_process .settlement_process_popup__table th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_settlement_process .settlement_process_popup__table td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_settlement_process .settlement_process_popup__td_method {
    padding: 12px 10px;
  }

  .modal.modal_settlement_process .settlement_process_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_settlement_process .settlement_process_popup__confirm,
  .modal.modal_settlement_process .settlement_process_popup__cancel {
    width: auto;
    flex: 0 0 auto;
  }

  .modal.modal_payment_cancel .modal__inner.payment_cancel_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__table {
    width: 100%;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__table th,
  .modal.modal_payment_cancel .payment_cancel_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
    min-height: 0;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__table th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__table td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_payment_cancel .payment_cancel_popup__confirm {
    width: auto;
    flex: 0 0 auto;
  }

  .modal.modal_order_cancel_request .modal__inner.order_cancel_request_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__table {
    width: 100%;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__table th,
  .modal.modal_order_cancel_request .order_cancel_request_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__table th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__table td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__memo_box {
    min-height: 96px;
    padding: 10px 12px;
    color: #999999;
    font-size: 15px;
    line-height: 19.5px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_order_cancel_request .order_cancel_request_popup__confirm,
  .modal.modal_order_cancel_request .order_cancel_request_popup__cancel {
    width: auto;
    flex: 0 0 auto;
  }

  .modal.modal_order_cancel_view .modal__inner.order_cancel_view_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 24px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__close {
    top: 10px;
    right: 16px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__body {
    gap: 16px;
    padding-right: 40px;
    box-sizing: border-box;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__table {
    width: 100%;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__table th,
  .modal.modal_order_cancel_view .order_cancel_view_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__table th {
    width: 80px;
    padding: 10px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__table td {
    width: auto;
    padding: 10px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__memo {
    min-height: 115px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_order_cancel_view .order_cancel_view_popup__confirm {
    width: auto;
    flex: 0 0 auto;
  }

  .modal.modal_exchange_return_request .modal__inner.exchange_return_request_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 32px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__close {
    top: 10px;
    right: 10px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__body {
    gap: 16px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__meta_table > tbody > tr > th,
  .modal.modal_exchange_return_request .exchange_return_request_popup__meta_table > tbody > tr > td,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td {
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__meta_table > tbody > tr > th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__meta_table > tbody > tr > td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table colgroup,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table thead {
    display: none;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_cell {
    padding: 0 !important;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table tbody,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table tr,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* 반품요청(1010) — 반품신청 목록 스크롤 (MO: 2개 이후) */
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table tbody {
    max-height: 420px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table tr {
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table tr:last-child {
    border-bottom: 0;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:first-child {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(2),
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(3) {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(3) {
    border-bottom: 0;
    padding-right: 10px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(2)::before,
  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(3)::before {
    width: 80px;
    min-width: 80px;
    height: 100%;
    padding: 10px;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #151515;
    font-size: 14px;
    line-height: 18.2px;
    font-weight: 400;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(2)::before {
    content: "수량";
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(3)::before {
    content: "반품갯수";
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__products_table td:nth-child(2).tac {
    justify-content: space-between;
    padding-right: 10px;
    text-align: left;
  }

  .modal.modal_exchange_return_request .exchange_return_request_qty {
    width: 100%;
    height: 32px;
    margin: 0;
    font-size: 15px;
    line-height: 19.5px;
    color: #999999;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__memo {
    min-height: 57px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 19.5px;
    color: #999999;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_exchange_return_request .exchange_return_request_popup__confirm,
  .modal.modal_exchange_return_request .exchange_return_request_popup__cancel {
    width: auto;
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .modal.modal_transmission_history .modal__inner.transmission_history_popup__inner {
    width: calc(100vw - 16px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 0 24px 16px;
    gap: 24px;
  }

  .modal.modal_transmission_history .transmission_history_popup__close {
    top: 10px;
    right: 10px;
  }

  .modal.modal_transmission_history .transmission_history_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_transmission_history .transmission_history_popup__body {
    gap: 16px;
  }

  .modal.modal_transmission_history .transmission_history_popup__table_wrap {
    width: 100%;
    border-top: 0;
    padding-bottom: 8px;
  }

  .modal.modal_transmission_history .transmission_history_popup__table {
    min-width: 700px;
  }

  .modal.modal_transmission_history .transmission_history_popup__table th,
  .modal.modal_transmission_history .transmission_history_popup__table td {
    padding: 10px;
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_transmission_history .transmission_history_popup__table th {
    height: auto;
  }

  .modal.modal_transmission_history .transmission_history_popup__table col:nth-child(1) {
    width: 140px !important;
  }

  .modal.modal_transmission_history .transmission_history_popup__table col:nth-child(2) {
    width: 120px !important;
  }

  .modal.modal_transmission_history .transmission_history_popup__table col:nth-child(3),
  .modal.modal_transmission_history .transmission_history_popup__table col:nth-child(4) {
    width: 80px !important;
  }

  .modal.modal_transmission_history .transmission_history_popup__table col:nth-child(5) {
    width: 280px !important;
  }

  .modal.modal_transmission_history .transmission_history_popup__bottom {
    padding-right: 16px;
  }

  .modal.modal_transmission_history .transmission_history_popup__pagination.pagination {
    gap: 4px;
  }

  .modal.modal_transmission_history .transmission_history_popup__pagination.pagination li a {
    width: 34px;
    min-width: 34px;
    height: 34px;
    line-height: 34px;
  }

  .modal.modal_transmission_history .transmission_history_popup__pagination.pagination li:nth-child(n + 8):nth-child(-n + 12) {
    display: none;
  }
}

/* 기업정보 관리 manage/corp_mgt_list.html — Figma */
.page_corp_mgt_list.main_contents {
  padding-top: 24px;
}
.page_corp_mgt_list .main_tit {
  margin-bottom: 16px;
}
.page_corp_mgt_list .corp_mgt_list_layout {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.page_corp_mgt_list .corp_mgt_search--figma.search_box {
  margin-bottom: 0;
}
.page_corp_mgt_list .corp_mgt_search_inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
}
.page_corp_mgt_list .corp_mgt_search_filters {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.page_corp_mgt_list .corp_mgt_filter_group--keyword {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.page_corp_mgt_list .corp_mgt_keyword_fields {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.page_corp_mgt_list .corp_mgt_filter_group--pay {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  height: 40px;
}
.page_corp_mgt_list .corp_mgt_lbl {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.page_corp_mgt_list .corp_mgt_divider_v {
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
}
.page_corp_mgt_list .corp_mgt_sel_box {
  display: flex;
  align-items: center;
}
.page_corp_mgt_list .corp_mgt_sel_box .nice-select {
  float: none;
  width: 160px;
  min-width: 160px;
  height: 40px;
  line-height: 38px;
  padding-left: 12px;
  padding-right: 36px;
}
.page_corp_mgt_list .corp_mgt_sel_box .nice-select .list {
  width: 100%;
}
.page_corp_mgt_list .corp_mgt_search--figma .nice-select.select-primary {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
.page_corp_mgt_list .corp_mgt_search--figma .nice-select.select-primary:active,
.page_corp_mgt_list .corp_mgt_search--figma .nice-select.select-primary.open,
.page_corp_mgt_list .corp_mgt_search--figma .nice-select.select-primary:focus {
  border-color: #151515;
}
.page_corp_mgt_list .corp_mgt_search--figma .nice-select:after {
  border-bottom-color: #151515;
  border-right-color: #151515;
}
.page_corp_mgt_list .corp_mgt_input_figma {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 120px;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.page_corp_mgt_list .corp_mgt_input_figma::placeholder {
  color: #999999;
}
.page_corp_mgt_list .corp_mgt_input_figma:focus {
  outline: none;
  border-color: #151515;
}
.page_corp_mgt_list .corp_mgt_search_btn.search_btn {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 40px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.page_corp_mgt_list .corp_mgt_search_btn.search_btn::after {
  filter: brightness(0) invert(1);
}
.page_corp_mgt_list .corp_mgt_content_box.content_box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 0;
}
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: none;
  background: #e7e8ea;
  color: #151515;
  font-weight: 600;
  font-size: 16px;
  line-height: 20.8px;
  vertical-align: middle;
}
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border: none;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td:last-child {
  border-right: none;
}
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td:nth-child(2) p:hover,
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td:nth-child(3) p:hover,
.page_corp_mgt_list .corp_mgt_table_wrap .table_basic tbody tr td:nth-child(4) p:hover {
  text-decoration: underline;
}
.page_corp_mgt_list .corp_mgt_bottom.bottom_area {
  margin-top: 0;
}
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination {
  justify-content: center;
  margin-top: 0;
}
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination li a.num {
  width: 36px;
  height: 36px;
  min-width: 36px;
  line-height: 36px;
  border-radius: 9999px;
  font-size: 15px;
  font-weight: 400;
}
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination li a.num.active {
  background: #ececec;
}
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination .first,
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination .prev,
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination .next,
.page_corp_mgt_list .corp_mgt_pagination--figma.pagination .end {
  width: 36px;
  height: 36px;
  border-radius: 18px;
}
.page_corp_mgt_list .corp_mgt_bottom .btn_green {
  color: #0d1731;
  background: #09df82;
}

/* 기업정보 등록·수정 manage/corp_mgt_reg.html, corp_mgt_modify.html · 운영자 등록/수정 operator_mgt_reg.html, operator_mgt_modify.html — Figma */
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify).main_contents {
  padding-top: 24px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .main_tit {
  margin-bottom: 16px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_form_card.content_box {
  padding: 24px;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_status_label {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table.changed_table table th,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table.changed_table table td {
  vertical-align: middle;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table table th {
  box-sizing: border-box;
  width: 140px;
  min-height: 56px;
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
  padding: 16px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table table td {
  border: 1px solid #e6e6e6;
  padding: 8px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table .corp_mgt_reg_readonly {
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_input {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_input::placeholder {
  color: #999999;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_input:focus,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_input:focus-visible {
  outline: none;
  border-color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_inline {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_inline > .corp_mgt_reg_input {
  flex: 1 1 0;
  min-width: 120px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_hint {
  flex-shrink: 0;
  color: #cd0000;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  white-space: nowrap;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn {
  flex-shrink: 0;
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--white {
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--muted {
  background: #f6f6f6;
  border: 1px solid #e6e6e6;
  color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--white:focus,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--white:focus-visible,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--muted:focus,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_dup_btn--muted:focus-visible {
  outline: none;
  border-color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_addr_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_zip_input {
  width: 160px;
  flex-shrink: 0;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_addr_main {
  flex: 1 1 200px;
  min-width: 160px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_addr_detail {
  flex: 1 1 200px;
  min-width: 160px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_table .corp_mgt_invoice_email {
  box-sizing: border-box;
  width: 580px;
  max-width: 100%;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 {
  width: 260px;
  max-width: 100%;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select {
  float: none;
  width: 100%;
  height: 40px;
  line-height: 38px;
  padding-left: 12px;
  padding-right: 36px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select.select-primary:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: 0;
  width: 20px;
  height: 20px;
  border: 0;
  background: url(../images/icon/icon_arrow_bottom.svg) no-repeat center center / contain;
  transform: translateY(-50%) rotate(0deg);
  transform-origin: 50% 50%;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select.select-primary.open:after {
  transform: translateY(-50%) rotate(-180deg);
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select.open,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select:focus,
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_sel_260 .nice-select:active {
  border-color: #151515;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_ship_row {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_ship_price {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio_group {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio input {
  display: none;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #151515;
  font-size: 15px;
  line-height: 19.5px;
  font-weight: 400;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  box-sizing: border-box;
  background: radial-gradient(circle, #09df82 0 4px, transparent 5px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0 0;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_radio input:checked + span::before {
  border-color: #09df82;
  background-size: 18px 18px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_pay_schedule {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_pay_schedule_txt {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_pay_day {
  width: 60px;
  flex-shrink: 0;
  text-align: center;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_action_card.content_box {
  padding: 24px;
  margin-bottom: 0;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_actions.basket_bottom_btn {
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
:is(.page_corp_mgt_reg, .page_corp_mgt_modify, .page_operator_mgt_reg, .page_operator_mgt_modify) .corp_mgt_reg_actions .btn {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.page_corp_mgt_modify .corp_mgt_modify_btn_del {
  color: #ff4d4f;
  border: 1px solid #ff4d4f;
  background: #fff;
}
.page_corp_mgt_modify .corp_mgt_modify_btn_del:focus,
.page_corp_mgt_modify .corp_mgt_modify_btn_del:focus-visible {
  outline: none;
  border-color: #ff4d4f;
}
.page_operator_mgt_reg .corp_mgt_dup_btn {
  font-size: 15px;
  line-height: 19.5px;
}
.page_operator_mgt_reg .main_tit,
.page_operator_mgt_modify .main_tit {
  line-height: 42px;
}
.page_operator_mgt_modify .operator_mgt_modify_btn_del {
  color: #cd0000;
  border: 1px solid #cd0000;
  background: #fff;
}
.page_operator_mgt_modify .operator_mgt_modify_btn_del:focus,
.page_operator_mgt_modify .operator_mgt_modify_btn_del:focus-visible {
  outline: none;
  border-color: #cd0000;
}

@media screen and (max-width: 768px) {
  .modal.modal_exchange_return_request_view .modal__inner.exchange_return_request_view_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 32px;
    gap: 16px;
    border-radius: 8px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__close {
    top: 10px;
    right: 10px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__list {
    gap: 8px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__item {
    gap: 8px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__check {
    margin-top: 13px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__table th,
  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__table td {
    font-size: 14px;
    line-height: 18.2px;
    padding: 10px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__table th {
    width: 90px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__table td {
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__memo {
    min-height: 78px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__actions {
    flex-direction: column;
    align-items: stretch;
    gap: 24px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__status_group {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__status_label {
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__status_buttons {
    gap: 8px;
    flex-wrap: wrap;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__status_btn {
    height: 24px;
    min-width: 40px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 15.6px;
  }

  .modal.modal_exchange_return_request_view .exchange_return_request_view_popup__confirm {
    align-self: center;
  }
}

@media screen and (max-width: 768px) {
  .modal.modal_exchange_request .modal__inner.exchange_request_popup__inner {
    width: calc(100vw - 32px);
    max-width: none;
    max-height: calc(100dvh - 32px);
    padding: 16px 16px 32px;
    gap: 24px;
    border-radius: 8px;
  }

  .modal.modal_exchange_request .exchange_request_popup__close {
    top: 10px;
    right: 10px;
  }

  .modal.modal_exchange_request .exchange_request_popup__body {
    gap: 16px;
    padding-right: 24px;
    box-sizing: border-box;
  }

  .modal.modal_exchange_request .exchange_request_popup__title {
    font-size: 20px;
    line-height: 30px;
  }

  .modal.modal_exchange_request .exchange_request_popup__meta_table > tbody > tr > th,
  .modal.modal_exchange_request .exchange_request_popup__meta_table > tbody > tr > td,
  .modal.modal_exchange_request .exchange_request_popup__products_table td {
    font-size: 14px;
    line-height: 18.2px;
  }

  .modal.modal_exchange_request .exchange_request_popup__meta_table > tbody > tr > th {
    width: 80px;
    padding: 10px;
    border-left: 0;
    font-weight: 500;
  }

  .modal.modal_exchange_request .exchange_request_popup__meta_table > tbody > tr > td {
    width: auto;
    padding: 10px;
    border-right: 0;
    font-weight: 400;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table colgroup,
  .modal.modal_exchange_request .exchange_request_popup__products_table thead {
    display: none;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_cell {
    padding: 0 !important;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table,
  .modal.modal_exchange_request .exchange_request_popup__products_table tbody,
  .modal.modal_exchange_request .exchange_request_popup__products_table tr,
  .modal.modal_exchange_request .exchange_request_popup__products_table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table tr {
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table tr:last-child {
    border-bottom: 0;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:first-child {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(2),
  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(3) {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(3) {
    border-bottom: 0;
    padding-right: 10px;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(2)::before,
  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(3)::before {
    width: 80px;
    min-width: 80px;
    height: 100%;
    padding: 10px;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #151515;
    font-size: 14px;
    line-height: 18.2px;
    font-weight: 400;
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(2)::before {
    content: "수량";
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(3)::before {
    content: "반품갯수";
  }

  .modal.modal_exchange_request .exchange_request_popup__products_table td:nth-child(2).tac {
    justify-content: space-between;
    padding-right: 10px;
    text-align: left;
  }

  .modal.modal_exchange_request .exchange_request_qty {
    width: 100%;
    height: 32px;
    margin: 0;
    font-size: 15px;
    line-height: 19.5px;
    color: #999999;
  }

  .modal.modal_exchange_request .exchange_request_popup__memo {
    min-height: 57px;
    padding: 10px 12px;
    font-size: 15px;
    line-height: 19.5px;
    color: #999999;
  }

  .modal.modal_exchange_request .exchange_request_popup__actions {
    justify-content: center;
    gap: 8px;
  }

  .modal.modal_exchange_request .exchange_request_popup__confirm,
  .modal.modal_exchange_request .exchange_request_popup__cancel {
    width: auto;
    flex: 0 0 auto;
  }
}

/* 매출조회 calculate/sales_inquiry.html — Figma CONTENTS */
.sales_inquiry_page .sales_inquiry_tit {
  line-height: 42px;
}
.sales_inquiry_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.sales_inquiry_search_card.search_box {
  margin-bottom: 0;
}
.sales_inquiry_search_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
}
.sales_inquiry_search_filters {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.sales_inquiry_field_group {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.sales_inquiry_label {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.sales_inquiry_date_range {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sales_inquiry_date_box.date_area input.datepicker-basic {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.sales_inquiry_date_box.date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.sales_inquiry_tilde {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.sales_inquiry_vrule {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.sales_inquiry_sel_box.sel_box .nice-select.select-primary {
  width: 160px;
}
.sales_inquiry_submit_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.sales_inquiry_submit_btn svg {
  flex-shrink: 0;
  color: #fff;
}
.sales_inquiry_submit_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.sales_inquiry_excel_btn.excel_fill_btn {
  min-height: 36px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 18.2px;
}
.sales_inquiry_table_wrap {
  overflow-x: auto;
  width: 100%;
}
.sales_inquiry_page .sales_inquiry_table {
  width: 100%;
  min-width: 1352px;
  table-layout: fixed;
  border-collapse: collapse;
}
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--partner {
  width: 200px;
}
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--product {
  width: auto;
}
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--qty {
  width: 100px;
}
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--sales,
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--supply,
.sales_inquiry_page .sales_inquiry_table col.sales_inquiry_col--settle {
  width: 200px;
}
.sales_inquiry_page .sales_inquiry_table thead tr th {
  height: auto;
  padding: 10px;
  border: 1px solid #e7e8ea;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  vertical-align: middle;
}
.sales_inquiry_page .sales_inquiry_table tbody tr td {
  padding: 10px;
  vertical-align: middle;
}
.sales_inquiry_page .sales_inquiry_table tbody tr td p {
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.sales_inquiry_page .sales_inquiry_table tbody tr td.tac p {
  text-align: center;
}
.sales_inquiry_page .sales_inquiry_table tbody tr td.tar p {
  text-align: right;
}
.sales_inquiry_page .sales_inquiry_td_partner {
  vertical-align: middle;
}
.sales_inquiry_row_muted td {
  background: #f6f6f6;
}
.sales_inquiry_tr_subtotal td {
  background: #e6f6ee;
}
.sales_inquiry_tr_subtotal td p.fw600 {
  font-weight: 600;
}
.sales_inquiry_tr_total--sales td {
  background: #fff8e6;
}
.sales_inquiry_tr_total--settle td {
  background: #ffeab0;
}
.sales_inquiry_tr_total td p.fw600 {
  font-weight: 600;
}

/* 매출조회 — 검색 결과 없음(Figma list empty) */
.sales_inquiry_toolbar.top_box {
  justify-content: space-between;
}
.sales_inquiry_total_orders {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.sales_inquiry_total_txt {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.sales_inquiry_total_num {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #09df82;
}
.sales_inquiry_content_card--has-result .sales_inquiry_total_num--empty {
  display: none;
}
.sales_inquiry_content_card--empty .sales_inquiry_total_num--result {
  display: none;
}
.sales_inquiry_content_card--empty .sales_inquiry_result_table {
  display: none;
}
.sales_inquiry_content_card--has-result .sales_inquiry_empty_wrap {
  display: none;
}
.sales_inquiry_content_card--empty .sales_inquiry_empty_wrap {
  display: block;
}
.sales_inquiry_page .sales_inquiry_table--empty_state thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  vertical-align: middle;
}
.sales_inquiry_page .sales_inquiry_empty_cell {
  padding: 0 !important;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.sales_inquiry_empty_inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 375px;
  padding: 80px 16px;
}
.sales_inquiry_empty_icon {
  flex-shrink: 0;
  display: block;
}
.sales_inquiry_empty_msg {
  margin: 0;
  text-align: center;
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}

/* 주문 결제 calculate/payment_mgt_order.html (Figma) */
.payment_mgt_order_page .payment_mgt_order_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.payment_mgt_order_page .payment_mgt_order_tit.main_tit {
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
  color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_search.search_box {
  margin-bottom: 0;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.payment_mgt_order_page .payment_mgt_order_search_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
.payment_mgt_order_page .payment_mgt_order_search_filters {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.payment_mgt_order_page .payment_mgt_order_field {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.payment_mgt_order_page .payment_mgt_order_field--grow {
  flex: 1 1 280px;
}
.payment_mgt_order_page .payment_mgt_order_label {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.payment_mgt_order_page .payment_mgt_order_partner_wrap {
  position: relative;
  flex-shrink: 0;
}
.payment_mgt_order_page .payment_mgt_order_partner_trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  width: 260px;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.payment_mgt_order_page .payment_mgt_order_partner_trigger:hover {
  border-color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_partner_trigger__label {
  flex: 1 1 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_order_page .payment_mgt_order_partner_wrap.is-open .payment_mgt_order_partner_trigger {
  border-color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_partner_panel {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 50;
  box-sizing: border-box;
  width: 260px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.04), 9px 9px 25px rgba(0, 0, 0, 0.04), 6px 6px 20px rgba(0, 0, 0, 0.03), 3px 3px 15px rgba(0, 0, 0, 0.02);
}
.payment_mgt_order_page .payment_mgt_order_partner_panel_search {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-bottom: 1px solid #ececec;
}
.payment_mgt_order_page .payment_mgt_order_partner_panel_rule {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  background: #151515;
}
.payment_mgt_order_page .payment_mgt_order_partner_panel_input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #151515;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_partner_panel_input:focus {
  outline: none;
}
.payment_mgt_order_page .payment_mgt_order_partner_panel_scroll {
  box-sizing: border-box;
  max-height: 190px;
  overflow-y: auto;
  padding-bottom: 4px;
}
.payment_mgt_order_page .payment_mgt_order_partner_option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 10px;
  cursor: pointer;
}
.payment_mgt_order_page .payment_mgt_order_partner_option--border {
  padding-top: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ececec;
}
.payment_mgt_order_page .payment_mgt_order_partner_cb {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.payment_mgt_order_page .payment_mgt_order_partner_cb_ui {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
.payment_mgt_order_page .payment_mgt_order_partner_cb:checked + .payment_mgt_order_partner_cb_ui {
  border-color: #09df82;
  background: #09df82;
}
.payment_mgt_order_page .payment_mgt_order_partner_cb:checked + .payment_mgt_order_partner_cb_ui::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.payment_mgt_order_page .payment_mgt_order_partner_option_txt {
  flex: 1 1 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_order_page .payment_mgt_order_vrule {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.payment_mgt_order_page .payment_mgt_order_period_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.payment_mgt_order_page .payment_mgt_order_date_inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment_mgt_order_page .payment_mgt_order_date_box.date_area input.datepicker-basic {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_date_box.date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_tilde {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_order_page .payment_mgt_order_quick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_order_page .payment_mgt_order_quick_btn {
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}
.payment_mgt_order_page .payment_mgt_order_quick_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_order_page .payment_mgt_order_quick_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_order_page .payment_mgt_order_submit_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.payment_mgt_order_page .payment_mgt_order_submit_btn svg {
  flex-shrink: 0;
  color: #fff;
}
.payment_mgt_order_page .payment_mgt_order_submit_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.payment_mgt_order_page .payment_mgt_order_card.content_box {
  padding: 24px;
  border-radius: 8px;
}
.payment_mgt_order_page .payment_mgt_order_toolbar.top_box {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
  justify-content: flex-start;
}
.payment_mgt_order_page .payment_mgt_order_toolbar_left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.payment_mgt_order_page .payment_mgt_order_total_orders {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
.payment_mgt_order_page .payment_mgt_order_total_txt {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.payment_mgt_order_page .payment_mgt_order_total_num {
  margin: 0 0 0 4px;
  color: #09df82;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.payment_mgt_order_page .payment_mgt_order_toolbar_div {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}
.payment_mgt_order_page .payment_mgt_order_status_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_order_page .payment_mgt_order_status_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.payment_mgt_order_page .payment_mgt_order_status_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_order_page .payment_mgt_order_status_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_order_page .payment_mgt_order_table_wrap {
  margin-top: 16px;
  overflow-x: auto;
  width: 100%;
}
.payment_mgt_order_page .payment_mgt_order_table {
  width: 100%;
  min-width: 1100px;
  table-layout: fixed;
  border-collapse: collapse;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--no {
  width: 80px;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--dt {
  width: 200px;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--order {
  width: auto;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--partner {
  width: 200px;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--paytype {
  width: auto;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--amt {
  width: 160px;
}
.payment_mgt_order_page .payment_mgt_order_table col.payment_mgt_order_col--status {
  width: 160px;
}
.payment_mgt_order_page .payment_mgt_order_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
}
.payment_mgt_order_page .payment_mgt_order_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.payment_mgt_order_page .payment_mgt_order_table tbody tr td:last-child {
  border-right: none;
}
.payment_mgt_order_page .payment_mgt_order_table thead tr th:first-child,
.payment_mgt_order_page .payment_mgt_order_table tbody tr td:first-child {
  border-left: none;
}
.payment_mgt_order_page .payment_mgt_order_table tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.payment_mgt_order_page .payment_mgt_order_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.payment_mgt_order_page .payment_mgt_order_pagination.product_mgt_pagination--figma {
  margin: 0;
}

/* 캐시 결제 calculate/payment_mgt_cash.html (Figma) */
.payment_mgt_cash_page .payment_mgt_cash_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.payment_mgt_cash_page .payment_mgt_cash_tit.main_tit {
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
  color: #151515;
}
.payment_mgt_cash_page .payment_mgt_cash_search.search_box {
  margin-bottom: 0;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.payment_mgt_cash_page .payment_mgt_cash_search_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
.payment_mgt_cash_page .payment_mgt_cash_search_filters {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.payment_mgt_cash_page .payment_mgt_cash_field {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.payment_mgt_cash_page .payment_mgt_cash_field--grow {
  flex: 1 1 280px;
}
.payment_mgt_cash_page .payment_mgt_cash_label {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.payment_mgt_cash_page .payment_mgt_cash_sel_partner.sel_box .nice-select.select-primary.w260 {
  width: 260px;
}
.payment_mgt_cash_page .payment_mgt_cash_vrule {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.payment_mgt_cash_page .payment_mgt_cash_period_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.payment_mgt_cash_page .payment_mgt_cash_date_inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_page .payment_mgt_cash_date_box.date_area input.datepicker-basic {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_cash_page .payment_mgt_cash_date_box.date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.payment_mgt_cash_page .payment_mgt_cash_tilde {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_cash_page .payment_mgt_cash_quick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_page .payment_mgt_cash_quick_btn {
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}
.payment_mgt_cash_page .payment_mgt_cash_quick_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_cash_page .payment_mgt_cash_quick_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_cash_page .payment_mgt_cash_submit_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.payment_mgt_cash_page .payment_mgt_cash_submit_btn svg {
  flex-shrink: 0;
  color: #fff;
}
.payment_mgt_cash_page .payment_mgt_cash_submit_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.payment_mgt_cash_page .payment_mgt_cash_card.content_box {
  padding: 24px;
  border-radius: 8px;
}
.payment_mgt_cash_page .payment_mgt_cash_toolbar.top_box {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
  justify-content: flex-start;
}
.payment_mgt_cash_page .payment_mgt_cash_toolbar_left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.payment_mgt_cash_page .payment_mgt_cash_total_orders {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
.payment_mgt_cash_page .payment_mgt_cash_total_txt {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.payment_mgt_cash_page .payment_mgt_cash_total_num {
  margin: 0 0 0 4px;
  color: #09df82;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.payment_mgt_cash_page .payment_mgt_cash_toolbar_div {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}
.payment_mgt_cash_page .payment_mgt_cash_status_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_page .payment_mgt_cash_status_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.payment_mgt_cash_page .payment_mgt_cash_status_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_cash_page .payment_mgt_cash_status_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_cash_page .payment_mgt_cash_table_wrap {
  margin-top: 16px;
  overflow-x: auto;
  width: 100%;
}
.payment_mgt_cash_page .payment_mgt_cash_table {
  width: 100%;
  min-width: 1280px;
  table-layout: fixed;
  border-collapse: collapse;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--no {
  width: 80px;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--dt {
  width: 160px;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--payno {
  width: auto;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--partner {
  width: 200px;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--paytype {
  width: auto;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--amt {
  width: 160px;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--status {
  width: 120px;
}
.payment_mgt_cash_page .payment_mgt_cash_table col.payment_mgt_cash_col--approve {
  width: 160px;
}
.payment_mgt_cash_page .payment_mgt_cash_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
}
.payment_mgt_cash_page .payment_mgt_cash_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.payment_mgt_cash_page .payment_mgt_cash_table tbody tr td:last-child {
  border-right: none;
}
.payment_mgt_cash_page .payment_mgt_cash_table thead tr th:first-child,
.payment_mgt_cash_page .payment_mgt_cash_table tbody tr td:first-child {
  border-left: none;
}
.payment_mgt_cash_page .payment_mgt_cash_table tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.payment_mgt_cash_page .payment_mgt_cash_td_approve {
  vertical-align: middle;
}
.payment_mgt_cash_page .payment_mgt_cash_approve_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.payment_mgt_cash_page .payment_mgt_cash_approve_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_cash_page .payment_mgt_cash_approve_btn--muted {
  background: #f6f6f6;
}
.payment_mgt_cash_page .payment_mgt_cash_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.payment_mgt_cash_page .payment_mgt_cash_pagination.product_mgt_pagination--figma {
  margin: 0;
}

/* 정산 결제 calculate/payment_mgt_adjust.html (Figma) */
.payment_mgt_adjust_page .payment_mgt_adjust_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.payment_mgt_adjust_page .payment_mgt_adjust_tit.main_tit {
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
  color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_search.search_box {
  margin-bottom: 0;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.payment_mgt_adjust_page .payment_mgt_adjust_search_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
.payment_mgt_adjust_page .payment_mgt_adjust_search_filters {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.payment_mgt_adjust_page .payment_mgt_adjust_field {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.payment_mgt_adjust_page .payment_mgt_adjust_field--grow {
  flex: 1 1 280px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_label {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_wrap {
  position: relative;
  flex-shrink: 0;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  width: 260px;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_trigger:hover {
  border-color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_trigger__label {
  flex: 1 1 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_wrap.is-open .payment_mgt_adjust_partner_trigger {
  border-color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel {
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 50;
  box-sizing: border-box;
  width: 260px;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.04), 9px 9px 25px rgba(0, 0, 0, 0.04), 6px 6px 20px rgba(0, 0, 0, 0.03), 3px 3px 15px rgba(0, 0, 0, 0.02);
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel_search {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-bottom: 1px solid #ececec;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel_rule {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  background: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel_input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #151515;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel_input:focus {
  outline: none;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_panel_scroll {
  box-sizing: border-box;
  max-height: 190px;
  overflow-y: auto;
  padding-bottom: 4px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_option {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 10px;
  cursor: pointer;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_option--border {
  padding-top: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ececec;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_cb {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_cb_ui {
  position: relative;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_cb:checked + .payment_mgt_adjust_partner_cb_ui {
  border-color: #09df82;
  background: #09df82;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_cb:checked + .payment_mgt_adjust_partner_cb_ui::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.payment_mgt_adjust_page .payment_mgt_adjust_partner_option_txt {
  flex: 1 1 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_vrule {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.payment_mgt_adjust_page .payment_mgt_adjust_period_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_date_inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_date_box.date_area input.datepicker-basic {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_date_box.date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_tilde {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_quick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_quick_btn {
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}
.payment_mgt_adjust_page .payment_mgt_adjust_quick_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_adjust_page .payment_mgt_adjust_quick_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_adjust_page .payment_mgt_adjust_submit_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.payment_mgt_adjust_page .payment_mgt_adjust_submit_btn svg {
  flex-shrink: 0;
  color: #fff;
}
.payment_mgt_adjust_page .payment_mgt_adjust_submit_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.payment_mgt_adjust_page .payment_mgt_adjust_card.content_box {
  padding: 24px;
  border-radius: 8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_toolbar.top_box {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
  justify-content: flex-start;
}
.payment_mgt_adjust_page .payment_mgt_adjust_toolbar_left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_total_orders {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
.payment_mgt_adjust_page .payment_mgt_adjust_total_txt {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_total_num {
  margin: 0 0 0 4px;
  color: #09df82;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_toolbar_div {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}
.payment_mgt_adjust_page .payment_mgt_adjust_status_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_status_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.payment_mgt_adjust_page .payment_mgt_adjust_status_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_adjust_page .payment_mgt_adjust_status_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table_wrap {
  margin-top: 16px;
  overflow-x: auto;
  width: 100%;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table {
  width: 100%;
  min-width: 1100px;
  table-layout: fixed;
  border-collapse: collapse;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--no {
  width: 80px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--dt {
  width: 200px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--settle_no {
  width: auto;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--partner {
  width: 200px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--paytype {
  width: auto;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--amt {
  width: 160px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table col.payment_mgt_adjust_col--status {
  width: 160px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table tbody tr td:last-child {
  border-right: none;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table thead tr th:first-child,
.payment_mgt_adjust_page .payment_mgt_adjust_table tbody tr td:first-child {
  border-left: none;
}
.payment_mgt_adjust_page .payment_mgt_adjust_table tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.payment_mgt_adjust_page .payment_mgt_adjust_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.payment_mgt_adjust_page .payment_mgt_adjust_pagination.product_mgt_pagination--figma {
  margin: 0;
}

/* 캐시내역 관리 calculate/payment_mgt_cash_history.html (Figma) */
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_stack {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_tit.main_tit {
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
  color: #151515;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_search.search_box {
  margin-bottom: 0;
  padding: 24px;
  border-radius: 8px;
  background: #fff;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_search_row {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_search_filters {
  display: flex;
  flex: 1 1 320px;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_field {
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_field--grow {
  flex: 1 1 280px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_label {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_sel_partner.sel_box .nice-select.select-primary.w260 {
  width: 260px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_vrule {
  flex-shrink: 0;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_period_block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_date_inputs {
  display: flex;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_date_box.date_area input.datepicker-basic {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 36px 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_date_box.date_area input.datepicker-basic:focus {
  outline: none;
  border-color: #151515;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_tilde {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_quick {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_quick_btn {
  box-sizing: border-box;
  min-width: 60px;
  padding: 8px 16px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_quick_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_quick_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_submit_btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 60px;
  height: 40px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_submit_btn svg {
  flex-shrink: 0;
  color: #fff;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_submit_btn__label {
  flex: 1 1 0;
  text-align: center;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_card.content_box {
  padding: 24px;
  border-radius: 8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_card--summary .payment_mgt_cash_hist_summary_wrap {
  margin-top: 0;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_wrap {
  overflow-x: auto;
  width: 100%;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table {
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: collapse;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
  width: 20%;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table tbody tr td:last-child {
  border-right: none;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table thead tr th:first-child,
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table tbody tr td:first-child {
  border-left: none;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_summary_table tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_toolbar.top_box {
  margin-bottom: 0;
  padding: 0;
  border-bottom: none;
  justify-content: flex-start;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_toolbar_left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_total_orders {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_total_txt {
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_total_num {
  margin: 0 0 0 4px;
  color: #09df82;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_toolbar_div {
  flex-shrink: 0;
  width: 1px;
  height: 16px;
  background: #e6e6e6;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_filter_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_filter_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_filter_btn:hover {
  background: #f6f6f6;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_filter_btn.is-active {
  border-color: transparent;
  background: #09df82;
  color: #0d1731;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_table_wrap {
  margin-top: 16px;
  overflow-x: auto;
  width: 100%;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table {
  width: 100%;
  min-width: 1100px;
  table-layout: fixed;
  border-collapse: collapse;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--no {
  width: 80px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--dt {
  width: 200px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--orderno {
  width: auto;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--partner {
  width: 200px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--paytype {
  width: auto;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--amt {
  width: 160px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table col.payment_mgt_cash_hist_col--status {
  width: 160px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  border: 1px solid #e7e8ea;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table tbody tr td:last-child {
  border-right: none;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table thead tr th:first-child,
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table tbody tr td:first-child {
  border-left: none;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_detail_table tbody tr td p {
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.payment_mgt_cash_hist_page .payment_mgt_cash_hist_pagination.product_mgt_pagination--figma {
  margin: 0;
}

/* 상품고시 관리 manage/product_noti_list.html — Figma */
.product_noti_list_page .main_contents {
  padding-top: 24px;
}
.product_noti_list_wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product_noti_list_search.search_box {
  margin-bottom: 0;
}
.product_noti_list_search {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.product_noti_list_search_inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.product_noti_list_search_field {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}
.product_noti_list_label {
  flex: 0 0 auto;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.product_noti_list_input {
  flex: 1 1 0;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  line-height: 19.5px;
  color: #151515;
  background: #fff;
  outline: none;
}
.product_noti_list_input::placeholder {
  color: #999999;
}
.product_noti_list_input:focus,
.product_noti_list_input:focus-visible {
  outline: 1px solid #151515;
  outline-offset: -1px;
}
.product_noti_list_search_btn {
  flex: 0 0 auto;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  background: #151515;
  border: none;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
}
.product_noti_list_search_btn_label {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
}
.product_noti_list_search_btn_icon {
  display: inline-flex;
  flex-shrink: 0;
}
.product_noti_list_table_card {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product_noti_list_table_wrap {
  width: 100%;
  overflow-x: auto;
}
.product_noti_list_table {
  width: 100%;
  min-width: 640px;
  table-layout: fixed;
  border-collapse: collapse;
}
.product_noti_list_col_no {
  width: 80px;
}
.product_noti_list_col_order,
.product_noti_list_col_date {
  width: 200px;
}
.product_noti_list_table thead tr th {
  box-sizing: border-box;
  height: 50px;
  padding: 0 16px;
  background: #e7e8ea;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
  vertical-align: middle;
  text-align: center;
}
.product_noti_list_table tbody tr td {
  box-sizing: border-box;
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  vertical-align: middle;
}
.product_noti_list_table tbody tr td:last-child {
  border-right: none;
}
.product_noti_list_table tbody tr td p {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #151515;
}
.product_noti_list_td_num {
  text-align: center;
}
.product_noti_list_td_name {
  text-align: left;
}
.product_noti_list_td_order,
.product_noti_list_td_date {
  text-align: center;
}
.product_noti_list_bottom {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 16px;
}
.product_noti_list_bottom_spacer {
  width: 68px;
  flex-shrink: 0;
}
.product_noti_list_bottom_center {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
  min-width: 0;
}
.product_noti_list_page .product_noti_list_pagination.product_mgt_pagination--figma {
  margin: 0;
}
.product_noti_list_reg_btn {
  flex: 0 0 auto;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #09df82;
  color: #0d1731;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
}
.product_noti_list_reg_btn:hover {
  filter: brightness(0.97);
}

/* 상품고시 등록 manage/product_noti_write.html — Figma */
.product_noti_write_page .main_contents {
  padding-top: 24px;
}
.product_noti_write_wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product_noti_write_form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product_noti_write_card {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.product_noti_write_section_tit {
  margin: 0;
  color: #151515;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.product_noti_write_grid {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.product_noti_write_row {
  display: flex;
  align-self: stretch;
  align-items: stretch;
}
.product_noti_write_row--first .product_noti_write_th,
.product_noti_write_row--first .product_noti_write_td {
  border-top: 1px solid #e6e6e6;
}
.product_noti_write_th {
  box-sizing: border-box;
  width: 140px;
  flex-shrink: 0;
  padding: 16px;
  background: #f6f6f6;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}
.product_noti_write_th_txt {
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}
.product_noti_write_td {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  padding: 8px;
  border-bottom: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
}
.product_noti_write_td--stack {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 10px;
}
.product_noti_write_input {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  line-height: 19.5px;
  color: #151515;
  background: #fff;
  outline: none;
}
.product_noti_write_input::placeholder {
  color: #999999;
}
.product_noti_write_input:focus,
.product_noti_write_input:focus-visible {
  outline: 1px solid #151515;
  outline-offset: -1px;
}
.product_noti_write_input--grow {
  flex: 1 1 0;
  width: 100%;
  min-width: 0;
}
.product_noti_write_select_shell {
  display: flex;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  min-height: 40px;
  border: 1px solid #151515;
  border-radius: 4px;
  box-sizing: border-box;
  overflow: hidden;
}
.product_noti_write_select_rule {
  flex: 0 0 auto;
  width: 1px;
  margin: 13px 0;
  align-self: center;
  background: #000;
}
.product_noti_write_select_field {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
}
.product_noti_write_page .product_noti_write_sel_box {
  width: 100%;
}
.product_noti_write_page .product_noti_write_sel_box .nice-select,
.product_noti_write_page .product_noti_write_sel_box span.nice-select {
  width: 100%;
  height: 40px;
  line-height: 38px;
  min-height: 40px;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
}
.product_noti_write_page .product_noti_write_sel_box .nice-select::after {
  right: 12px;
}
.product_noti_write_row--use .product_noti_write_td--radios {
  flex-direction: row;
  align-items: center;
  gap: 16px;
  min-height: 56px;
}
.product_noti_write_td--radios {
  padding-top: 8px;
  padding-bottom: 8px;
}
.product_noti_write_radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
}
.product_noti_write_radio input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.product_noti_write_radio_txt {
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.product_noti_write_radio .product_noti_write_rad_svg--on {
  display: none;
}
.product_noti_write_radio .product_noti_write_rad_svg--off {
  display: block;
  flex-shrink: 0;
}
.product_noti_write_radio input:checked ~ .product_noti_write_rad_svg--on {
  display: block;
}
.product_noti_write_radio input:checked ~ .product_noti_write_rad_svg--off {
  display: none;
}
.product_noti_write_actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.product_noti_write_btn {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  border: none;
  font-family: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.product_noti_write_btn--primary {
  background: #151515;
  color: #fff;
}
.product_noti_write_btn--primary:hover {
  filter: brightness(1.08);
}
.product_noti_write_btn--line {
  background: #fff;
  color: #151515;
  border: 1px solid #151515;
}
.product_noti_write_btn--line:hover {
  background: #f6f6f6;
}

/* ---------- 정산현황 관리 calculate/settlement_status.html ---------- */
.settlement_status_page .main_contents {
  padding-top: 24px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 240px;
  background: #e7e8ea;
  box-sizing: border-box;
}
.settlement_status_visually_hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.settlement_status_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}
.settlement_status_stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.settlement_status_search.search_box {
  position: relative;
  z-index: 20;
  margin-bottom: 0;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.settlement_status_search_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40px;
}
.settlement_status_search_filters {
  flex: 1 1 320px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.settlement_status_field {
  display: flex;
  align-items: center;
  gap: 16px;
}
.settlement_status_field--period {
  flex-wrap: wrap;
}
.settlement_status_label {
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  white-space: nowrap;
}
.settlement_status_period_anchor {
  position: relative;
}
.settlement_status_period_trigger {
  box-sizing: border-box;
  width: 200px;
  height: 40px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
}
.settlement_status_period_trigger_txt {
  flex: 1 1 auto;
  text-align: left;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.settlement_status_period_trigger_icon {
  flex-shrink: 0;
  display: flex;
}
.settlement_status_vrule {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
}
.settlement_status_page .settlement_status_partner_wrap {
  position: relative;
  flex-shrink: 0;
}
.settlement_status_page .settlement_status_partner_trigger {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  width: 260px;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  cursor: pointer;
  text-align: left;
}
.settlement_status_page .settlement_status_partner_trigger:hover {
  border-color: #151515;
}
.settlement_status_page .settlement_status_partner_trigger__label {
  flex: 1 1 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.settlement_status_page .settlement_status_partner_wrap.is-open .settlement_status_partner_trigger {
  border-color: #151515;
}
.settlement_status_page .settlement_status_partner_panel {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 4px);
  z-index: 90;
  box-sizing: border-box;
  width: 260px;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.04), 9px 9px 25px rgba(0, 0, 0, 0.04), 6px 6px 20px rgba(0, 0, 0, 0.03), 3px 3px 15px rgba(0, 0, 0, 0.02);
}
.settlement_status_page .settlement_status_partner_wrap.is-open .settlement_status_partner_panel {
  display: block;
}
.settlement_status_page .settlement_status_partner_panel_search {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  min-width: 0;
  border-bottom: 1px solid #ececec;
}
.settlement_status_page .settlement_status_partner_panel_rule {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  background: #151515;
}
.settlement_status_page .settlement_status_partner_panel_input {
  flex: 1 1 0;
  box-sizing: border-box;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #151515;
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.settlement_status_page .settlement_status_partner_panel_input:focus {
  outline: none;
}
.settlement_status_page .settlement_status_partner_panel_scroll {
  box-sizing: border-box;
  max-height: 190px;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 4px;
}
.settlement_status_page .settlement_status_partner_option {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 8px 10px;
  border: none;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #202124;
  text-align: left;
  cursor: pointer;
}
.settlement_status_page .settlement_status_partner_option:hover,
.settlement_status_page .settlement_status_partner_option.is-selected {
  background: #f6f6f6;
}
.settlement_status_sel .nice-select {
  height: 40px;
  line-height: 38px;
}
.settlement_status_sel--260 .nice-select {
  width: 260px;
  min-width: 260px;
}
.settlement_status_sel--160 .nice-select {
  width: 160px;
  min-width: 160px;
}
.settlement_status_search_btn {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #151515;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}
.settlement_status_search_btn:hover {
  filter: brightness(1.08);
}
.settlement_status_period_pop[hidden] {
  display: none !important;
}
.settlement_status_period_pop {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 80;
  padding: 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow:
    20px 20px 40px rgba(0, 0, 0, 0.04),
    9px 9px 25px rgba(0, 0, 0, 0.04),
    6px 6px 20px rgba(0, 0, 0, 0.03),
    3px 3px 15px rgba(0, 0, 0, 0.02);
  min-width: min(100vw - 48px, 392px);
}
.settlement_status_period_cal_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}
.settlement_status_period_cal {
  box-sizing: border-box;
  width: 180px;
  padding: 16px 8px 8px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
}
.settlement_status_period_cal_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.settlement_status_period_year_nav {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settlement_status_period_year_label {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #666;
}
.settlement_status_period_month_grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.settlement_status_period_row {
  display: flex;
  gap: 4px;
}
.settlement_status_month_btn {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px 4px;
  border: none;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  font-family: inherit;
  cursor: pointer;
}
.settlement_status_month_btn:hover {
  background: #f6f6f6;
}
.settlement_status_month_btn.is-within-range {
  background: #f6f6f6;
}
.settlement_status_month_btn.is-range-start,
.settlement_status_month_btn.is-range-end {
  background: #09df82;
}
.settlement_status_month_btn.is-pending {
  outline: 1px solid #ececec;
  outline-offset: -1px;
  background: #fff;
}
.settlement_status_period_pop_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 16px;
  padding-top: 0;
}
.settlement_status_period_pop_footer_right {
  display: flex;
  align-items: center;
  gap: 4px;
}
.settlement_status_period_btn {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: inherit;
  border: 1px solid transparent;
}
.settlement_status_period_btn--ghost {
  width: 52px;
  background: #fff;
  border-color: #e6e6e6;
  color: #151515;
}
.settlement_status_period_btn--line {
  background: #fff;
  border-color: #151515;
  color: #151515;
}
.settlement_status_period_btn--primary {
  width: 52px;
  background: #151515;
  color: #fff;
  border-color: #151515;
}
.settlement_status_card {
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.settlement_status_toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.settlement_status_total {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #444;
}
.settlement_status_total_num {
  font-weight: 600;
  color: #09df82;
}
.settlement_status_table_wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.settlement_status_table_wrap::-webkit-scrollbar {
  display: none;
}
.settlement_status_table {
  width: 100%;
  min-width: 1352px;
  border-collapse: collapse;
  table-layout: fixed;
}
.settlement_status_col_no {
  width: 80px;
}
.settlement_status_col_period {
  width: 200px;
}
.settlement_status_col_num {
  width: 120px;
}
.settlement_status_col_stat {
  width: 120px;
}
.settlement_status_table thead th {
  height: 50px;
  padding: 0 16px;
  background: #e7e8ea;
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.settlement_status_table thead th:last-child {
  border-right: none;
}
.settlement_status_table tbody td {
  padding: 16px 12px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
}
.settlement_status_table tbody td:last-child {
  border-right: none;
}
.settlement_status_table tbody p {
  margin: 0;
}
.settlement_status_td_center {
  text-align: center;
}
.settlement_status_td_center p + p {
  margin-top: 4px;
}
.settlement_status_td_money {
  text-align: right;
}
.settlement_status_order_title {
  margin: 0 0 4px;
  font-weight: 600;
}
.settlement_status_order_title--link a {
  color: inherit;
  text-decoration: none;
}
.settlement_status_order_title--link a:hover,
.settlement_status_order_title--link a:focus-visible {
  text-decoration: underline;
}
.settlement_status_order_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-weight: 400;
}
.settlement_status_meta_rule {
  width: 1px;
  height: 12px;
  background: #e6e6e6;
  flex-shrink: 0;
}
.settlement_status_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.settlement_status_page .settlement_status_pagination.product_mgt_pagination--figma.pagination {
  margin-top: 0;
}

/* ---------- 정산내역 calculate/settlement_user_list.html ---------- */
.settlement_user_list_page .main_contents {
  padding-top: 24px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 240px;
  background: #e7e8ea;
  box-sizing: border-box;
}
.settlement_user_list_page .settlement_status_search_row {
  align-items: center;
}
.settlement_user_list_page .settlement_user_list_table {
  min-width: 1352px;
}
.settlement_user_list_col_month {
  width: 140px;
}
.settlement_user_list_col_sales {
  width: 180px;
}
.settlement_user_list_col_qty {
  width: 100px;
}
.settlement_user_list_col_pay {
  width: 180px;
}
.settlement_user_list_col_cancel {
  width: 120px;
}
.settlement_user_list_col_exchange {
  width: 120px;
}
.settlement_user_list_col_settle {
  width: 180px;
}
.settlement_user_list_col_review {
  width: 180px;
}
.settlement_user_list_page .settlement_user_list_table tbody tr {
  height: 50px;
  cursor: pointer;
}
.settlement_user_list_page .settlement_user_list_table tbody td {
  height: 50px;
  padding: 0 12px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}
.settlement_user_list_page .settlement_user_list_table tbody tr:hover td p {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.settlement_user_list_review {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.settlement_user_list_review p {
  margin: 0;
}
.settlement_user_list_btn_statement {
  flex-shrink: 0;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  box-sizing: border-box;
}
.settlement_user_list_btn_statement:hover {
  background: #f6f6f6;
}
.settlement_user_list_page .settlement_user_list_table tbody tr:hover .settlement_user_list_btn_statement {
  text-decoration: none;
}
.settlement_user_list_page .settlement_user_list_pagination.product_mgt_pagination--figma.pagination {
  margin-top: 0;
}

/* 정산내역 — 모바일 미지원, PC 레이아웃 유지 + 가로 스크롤 */
@media screen and (max-width: 768px) {
  body:has(.settlement_user_list_page) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  #wrap:has(.settlement_user_list_page) {
    min-width: 1920px;
  }

  body:has(.settlement_user_list_page) .header {
    min-width: 1920px;
  }

  .settlement_user_list_page.main {
    min-width: 1920px;
    width: 1920px;
    flex-shrink: 0;
  }

  .settlement_user_list_page .side_lnb {
    flex-shrink: 0;
  }

  .settlement_user_list_page .main_contents {
    width: 1680px;
    min-width: 1680px;
    flex-shrink: 0;
  }

  .settlement_user_list_page .w1400 {
    width: 1400px;
    min-width: 1400px;
    max-width: 1400px;
  }

  .settlement_user_list_page .settlement_status_search_row {
    flex-wrap: nowrap;
  }

  .settlement_user_list_page .settlement_status_search_filters {
    flex-wrap: nowrap;
  }
}

/* ---------- 정산내역 상세 calculate/settlement_user_detail.html ---------- */
.settlement_user_detail_page .main_contents {
  padding-top: 24px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 240px;
  background: #e7e8ea;
  box-sizing: border-box;
}
.settlement_user_detail_page .settlement_date_stack {
  gap: 16px;
}
.settlement_user_detail_page .settlement_user_detail_card {
  flex: 1 1 auto;
  min-height: 0;
}
.settlement_user_detail_page .settlement_user_detail_table_wrap {
  box-sizing: border-box;
  height: 550px;
  max-height: 550px;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
}
.settlement_user_detail_page .settlement_date_table_hscroll {
  overflow-x: hidden;
  min-width: 0;
}
.settlement_user_detail_page .settlement_date_table.settlement_user_detail_table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  table-layout: fixed;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_user_detail_col_no {
  width: 4%;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_user_detail_col_order {
  width: 11%;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_date_col_ship {
  width: 20%;
  min-width: 0;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_date_col_prod {
  width: 14%;
  min-width: 0;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_user_detail_col_qty {
  width: 5%;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_user_detail_col_num {
  width: 8%;
}
.settlement_user_detail_page .settlement_user_detail_table col.settlement_user_detail_col_track {
  width: 13%;
}
.settlement_user_detail_page .settlement_date_table thead th,
.settlement_user_detail_page .settlement_date_table tbody td {
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.settlement_user_detail_col_no {
  width: 60px;
}
.settlement_user_detail_col_order {
  width: 180px;
}
.settlement_user_detail_col_qty {
  width: 60px;
}
.settlement_user_detail_col_num {
  width: 100px;
}
.settlement_user_detail_col_track {
  width: 140px;
}
.settlement_user_detail_td_no {
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
}
.settlement_user_detail_td_track {
  text-align: center;
  vertical-align: middle;
}
.settlement_user_detail_track_line {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  color: #151515;
}
.settlement_user_detail_track_line:last-child {
  margin-bottom: 0;
}
.settlement_user_detail_sum_row td {
  padding: 10px 16px;
  background: #ffeab0;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.settlement_user_detail_sum_cell {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 20.8px;
  color: #151515;
}
.settlement_user_detail_sum_label,
.settlement_user_detail_sum_amount {
  font-size: 16px;
  font-weight: 700;
}
.settlement_user_detail_sum_label {
  margin-right: 4px;
}
.settlement_user_detail_action_card .settlement_user_detail_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.settlement_user_detail_btn_process {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border: none;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}
.settlement_user_detail_btn_process:hover {
  filter: brightness(1.08);
}
.settlement_user_detail_btn_list {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  text-decoration: none;
  font-family: inherit;
}
.settlement_user_detail_btn_list:hover {
  background: #f6f6f6;
}

/* ---------- 정산데이터 관리 calculate/settlement_data.html ---------- */
.settlement_date_page .main_contents {
  padding-top: 24px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 240px;
  background: #e7e8ea;
  box-sizing: border-box;
}
.settlement_date_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}
.settlement_date_stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.settlement_date_search.search_box {
  margin-bottom: 0;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.settlement_date_search_row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 40px;
}
.settlement_date_search_filters {
  flex: 1 1 360px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  min-width: 0;
}
.settlement_date_field {
  display: flex;
  align-items: center;
  gap: 16px;
}
.settlement_date_field--grow {
  flex: 1 1 280px;
}
.settlement_date_label {
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  white-space: nowrap;
}
.settlement_date_vrule {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #e6e6e6;
  flex-shrink: 0;
}
.settlement_date_month_anchor {
  position: relative;
}
.settlement_date_month_trigger--160 {
  box-sizing: border-box;
  width: 160px;
  height: 40px;
  padding: 10px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  cursor: pointer;
  font-family: inherit;
}
.settlement_date_month_trigger_txt {
  flex: 1 1 auto;
  text-align: left;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}
.settlement_date_month_trigger_icon {
  flex-shrink: 0;
  display: flex;
}
.settlement_date_month_pop[hidden] {
  display: none !important;
}
.settlement_date_month_pop {
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  z-index: 80;
  padding: 16px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  box-shadow:
    20px 20px 40px rgba(0, 0, 0, 0.04),
    9px 9px 25px rgba(0, 0, 0, 0.04),
    6px 6px 20px rgba(0, 0, 0, 0.03),
    3px 3px 15px rgba(0, 0, 0, 0.02);
}
.settlement_date_month_cal {
  box-sizing: border-box;
  width: 180px;
  padding: 16px 8px 8px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
}
.settlement_date_month_cal_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.settlement_date_month_year_nav {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settlement_date_month_year_label {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #666;
}
.settlement_date_month_grid {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.settlement_date_month_row {
  display: flex;
  gap: 4px;
}
.settlement_date_month_pick_btn {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px 4px;
  border: none;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  font-family: inherit;
  cursor: pointer;
}
.settlement_date_month_pick_btn:hover {
  background: #f6f6f6;
}
.settlement_date_month_pick_btn.is-selected {
  background: #09df82;
}
.settlement_date_month_pop_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 16px;
}
.settlement_date_month_btn_reset {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: inherit;
  background: #fff;
  color: #151515;
  border: 1px solid #151515;
}
.settlement_date_month_btn_ok {
  box-sizing: border-box;
  width: 52px;
  height: 32px;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: inherit;
  background: #151515;
  color: #fff;
  border: 1px solid #151515;
}
.settlement_date_search_combo {
  flex: 1 1 200px;
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.settlement_date_kw_input {
  flex: 1 1 120px;
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 15px;
  font-family: inherit;
  color: #151515;
}
.settlement_date_kw_input::placeholder {
  color: #999;
}
.settlement_date_card {
  flex: 1 1 auto;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
}
.settlement_date_toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}
.settlement_date_total {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #444;
}
.settlement_date_total_num {
  font-weight: 600;
  color: #09df82;
}
.settlement_date_total_qty {
  font-weight: 600;
  color: #444;
}
.settlement_date_excel_btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 8px 12px;
  border: none;
  border-radius: 4px;
  background: #005b2c;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: inherit;
}
.settlement_date_excel_btn:hover {
  filter: brightness(1.06);
}
.settlement_date_table_wrap {
  box-sizing: border-box;
  width: 100%;
  height: 500px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.settlement_date_table_head_wrap {
  flex-shrink: 0;
}
.settlement_date_table_hscroll {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
}
.settlement_date_table_hscroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.settlement_date_table_hscroll::-webkit-scrollbar-track {
  background: transparent;
}
.settlement_date_table_hscroll::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 4px;
}
.settlement_date_table_hscroll::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}
.settlement_date_table_hscroll::-webkit-scrollbar-corner {
  background: transparent;
}
.settlement_date_table_scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #b8b8b8 transparent;
}
.settlement_date_table_scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.settlement_date_table_scroll::-webkit-scrollbar-track {
  background: transparent;
}
.settlement_date_table_scroll::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 4px;
}
.settlement_date_table_scroll::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}
.settlement_date_table_scroll::-webkit-scrollbar-corner {
  background: transparent;
}
.settlement_date_table_sum {
  flex-shrink: 0;
}
.settlement_date_table {
  width: 100%;
  min-width: 1100px;
  border-collapse: collapse;
  table-layout: fixed;
}
.settlement_date_col_order {
  width: 200px;
}
.settlement_date_col_ship {
  width: 320px;
}
.settlement_date_col_prod {
  width: auto;
  min-width: 160px;
}
.settlement_date_col_qty {
  width: 70px;
}
.settlement_date_col_num {
  width: 120px;
}
.settlement_date_col_chk {
  width: 80px;
}
.settlement_date_table_head_wrap .settlement_date_table thead th {
  position: static;
}
.settlement_date_table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 50px;
  padding: 0 16px;
  background: #e7e8ea;
  color: #151515;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
.settlement_date_table thead th:last-child {
  border-right: none;
}
.settlement_date_table tbody td {
  padding: 16px;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  vertical-align: middle;
  color: #151515;
}
.settlement_date_table tbody td:last-child {
  border-right: none;
}
.settlement_date_td_order {
  text-align: center;
  vertical-align: middle;
}
.settlement_date_order {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  margin-bottom: 16px;
}
.settlement_date_order_main {
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  color: #09df82;
  text-decoration: underline;
}
.settlement_date_order_sub {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.settlement_date_order_time {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #999;
}
.settlement_date_orderer {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  color: #151515;
}
.settlement_date_td_ship {
  vertical-align: top;
}
.settlement_date_ship_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}
.settlement_date_ship_lbl {
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
  color: #151515;
}
.settlement_date_ship_val {
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  color: #151515;
}
.settlement_date_addr_block {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.settlement_date_addr {
  margin: 0;
  font-size: 14px;
  color: #444;
  line-height: 18.2px;
}
.settlement_date_tel {
  margin: 0;
  font-size: 14px;
  color: #444;
  line-height: 18.2px;
}
.settlement_date_tel_pre {
  display: inline-block;
  width: 15px;
}
.settlement_date_td_prod .settlement_date_pname {
  margin: 0 0 4px;
  color: #151515;
}
.settlement_date_td_prod .settlement_date_pcode {
  margin: 0;
  color: #444;
}
.settlement_date_td_center {
  text-align: center;
}
.settlement_date_td_money {
  text-align: right;
}
.settlement_date_td_chk {
  text-align: center;
  vertical-align: middle;
}
.settlement_date_chk {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.settlement_date_chk input {
  position: absolute;
  opacity: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}
.settlement_date_chk_ui {
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  border: 1px solid #e6e6e6;
  background: #fff;
  box-sizing: border-box;
  pointer-events: none;
}
.settlement_date_chk input:checked + .settlement_date_chk_ui {
  border-color: #09df82;
  background: #09df82 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M5.25 8.25L8.25 11.25L12.75 6.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / 14px 14px no-repeat;
}
.settlement_date_sum_row {
  background: #ffeab0;
}
.settlement_date_sum_row td {
  border-color: #e6e6e6;
}
.settlement_date_sum_label {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
  color: #151515;
}
.settlement_date_sum_cell {
  font-size: 16px;
  font-weight: 600;
  line-height: 20.8px;
}
.settlement_date_actions {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px;
  background: #fff;
  border-radius: 8px;
}
.settlement_date_btn_generate {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
  background: #fff;
  color: #151515;
  border: 1px solid #151515;
}
.settlement_date_btn_generate:hover {
  background: #f7f7f7;
}
.settlement_date_btn_review_done {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
  background: #fff;
  color: #09df82;
  border: 1px solid #09df82;
}
.settlement_date_btn_review_done:hover {
  background: rgba(9, 223, 130, 0.06);
}
.settlement_date_btn_cancel {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
  background: #fff;
  color: #cd0000;
  border: 1px solid #cd0000;
}
.settlement_date_btn_save {
  box-sizing: border-box;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
  background: #151515;
  color: #fff;
  border: none;
}
.settlement_date_btn_save:hover {
  filter: brightness(1.08);
}

/* ---------- calculate/* — 타이틀 상·하 간격 helpdesk/event_view.html 과 동일 ---------- */
.main_contents.payment_mgt_order_page,
.main_contents.payment_mgt_adjust_page,
.main_contents.payment_mgt_cash_page,
.main_contents.payment_mgt_cash_hist_page,
.main_contents.sales_inquiry_page {
  padding: 24px 40px 40px;
}

.payment_mgt_order_inner,
.payment_mgt_adjust_inner,
.payment_mgt_cash_inner,
.payment_mgt_cash_hist_inner,
.sales_inquiry_inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

.settlement_status_page .main_contents .main_tit,
.settlement_user_list_page .main_contents .main_tit,
.settlement_user_detail_page .main_contents .main_tit,
.settlement_date_page .main_contents .main_tit,
.main_contents.payment_mgt_order_page .main_tit,
.main_contents.payment_mgt_adjust_page .main_tit,
.main_contents.payment_mgt_cash_page .main_tit,
.main_contents.payment_mgt_cash_hist_page .main_tit,
.main_contents.sales_inquiry_page .main_tit {
  margin-bottom: 0;
  line-height: 42px;
}

/* payment/order_payment.html — 배송지 조회 팝업 (Figma 0913, 800×766) */
.modal.modal_delivery_dest {
  background-color: rgba(0, 0, 0, 0.2);
}

.modal.modal_delivery_dest .modal__inner.delivery_dest_popup__inner {
  position: relative;
  box-sizing: border-box;
  width: 800px;
  height: 766px;
  max-width: calc(100vw - 32px);
  max-height: min(766px, calc(100dvh - 48px));
  overflow: hidden;
  padding: 24px 24px 32px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  background: #fff;
  border-radius: 8px;
}

.delivery_dest_popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.delivery_dest_popup__close:focus,
.delivery_dest_popup__close:focus-visible {
  outline: 2px solid #151515;
  outline-offset: 2px;
}

.delivery_dest_popup__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.delivery_dest_popup__title {
  margin: 0;
  flex-shrink: 0;
  color: #151515;
  font-size: 24px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 600;
  line-height: 36px;
}

.delivery_dest_popup__section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-height: 0;
  flex: 1 1 auto;
}

.delivery_dest_popup__search {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex-shrink: 0;
}

.delivery_dest_popup__search_fields {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.delivery_dest_popup__select {
  width: 200px;
  min-width: 200px;
  flex-shrink: 0;
}

.delivery_dest_popup__search_fields .nice-select.delivery_dest_popup__select {
  width: 200px;
  min-width: 200px;
  height: 40px;
  line-height: 38px;
}

.delivery_dest_popup__input {
  box-sizing: border-box;
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
}

.delivery_dest_popup__input::placeholder {
  color: #999;
}

.delivery_dest_popup__search_btn {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 40px;
  min-width: 60px;
  padding: 8px 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #151515;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  cursor: pointer;
  font-family: inherit;
}

.delivery_dest_popup__search_btn:hover {
  filter: brightness(1.08);
}

.delivery_dest_popup__data {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  min-width: 0;
  flex: 1 1 auto;
  width: 100%;
}

.delivery_dest_popup__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}

.delivery_dest_popup__total {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 20.8px;
  color: #444;
}

.delivery_dest_popup__total_num {
  font-weight: 600;
  color: #09df82;
}

.delivery_dest_popup__btn_add {
  box-sizing: border-box;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #151515;
  border-radius: 4px;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
  font-family: inherit;
}

.delivery_dest_popup__btn_add:hover {
  background: #f6f6f6;
}

.delivery_dest_popup__table_wrap {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.delivery_dest_popup__table_wrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.delivery_dest_popup__table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.delivery_dest_popup__col_name,
.delivery_dest_popup__col_contact,
.delivery_dest_popup__col_phone {
  width: 140px;
}

.delivery_dest_popup__col_action {
  width: 100px;
}

.delivery_dest_popup__table thead th {
  box-sizing: border-box;
  height: 44px;
  padding: 12px;
  background: #f6f6f6;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 500;
  line-height: 19.5px;
  text-align: center;
  vertical-align: middle;
}

.delivery_dest_popup__table tbody td {
  box-sizing: border-box;
  min-height: 44px;
  padding: 10px;
  background: #fff;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  vertical-align: middle;
  word-break: break-word;
  overflow: hidden;
}

.delivery_dest_popup__table tbody td:last-child {
  border-right: none;
}

.delivery_dest_popup__td_center {
  text-align: center;
}

.delivery_dest_popup__table tbody td:first-child:hover {
  text-decoration: underline;
}

.delivery_dest_popup__td_action {
  text-align: center;
  white-space: nowrap;
}

.delivery_dest_popup__btn_xs {
  box-sizing: border-box;
  width: 40px;
  height: 24px;
  min-width: 40px;
  padding: 0;
  margin: 0 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  color: #151515;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.6px;
  cursor: pointer;
  font-family: inherit;
}

.delivery_dest_popup__btn_xs:hover {
  background: #f6f6f6;
}

.delivery_dest_popup__bottom {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
}

.delivery_dest_popup__pagination.product_mgt_pagination--figma.pagination {
  margin: 0;
}

.delivery_dest_popup__body--mo {
  display: none;
}

@media screen and (min-width: 769px) {
  .delivery_dest_popup__data {
    gap: 8px;
  }
}

/* payment/order_payment.html — 배송지 조회 팝업 모바일 (Figma 0913_mo, 전체화면) */
@media screen and (max-width: 768px) {
  .modal.modal_delivery_dest {
    background-color: #fff;
  }

  .modal.modal_delivery_dest .modal__inner.delivery_dest_popup__inner {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    max-width: none;
    max-height: none;
    transform: none !important;
    border-radius: 0;
    padding: 16px 16px 24px;
    overflow: hidden;
  }

  .modal.open.modal_delivery_dest .modal__inner.delivery_dest_popup__inner {
    opacity: 1;
  }

  .delivery_dest_popup__body--pc {
    display: none;
  }

  .delivery_dest_popup__body--mo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    min-height: 0;
    flex: 1 1 auto;
    box-sizing: border-box;
  }

  .delivery_dest_popup__title--mo {
    font-size: 20px;
    line-height: 30px;
  }

  .delivery_dest_popup__section--mo {
    gap: 24px;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .delivery_dest_popup__search--mo {
    gap: 8px;
  }

  .delivery_dest_popup__search_fields--mo {
    gap: 4px;
  }

  .delivery_dest_popup__select--mo {
    width: 100px;
    min-width: 100px;
  }

  .delivery_dest_popup__search_fields--mo .nice-select.delivery_dest_popup__select--mo {
    width: 100px;
    min-width: 100px;
    height: 36px;
    line-height: 34px;
    font-size: 14px;
  }

  .delivery_dest_popup__input--mo {
    height: 36px;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 18.2px;
  }

  .delivery_dest_popup__search_btn--mo {
    height: 36px;
    min-width: 60px;
    padding: 8px 16px;
    font-size: 15px;
    line-height: 19.5px;
  }

  .delivery_dest_popup__data--mo {
    gap: 0;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .delivery_dest_popup__data--mo .delivery_dest_popup__toolbar {
    flex-shrink: 0;
    margin-bottom: 8px;
  }

  .delivery_dest_popup__data--mo .delivery_dest_popup__mo_table_wrap {
    margin-bottom: 16px;
  }

  .delivery_dest_popup__data--mo .delivery_dest_popup__bottom {
    flex-shrink: 0;
  }

  .delivery_dest_popup__mo_table_wrap {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .delivery_dest_popup__mo_table {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .delivery_dest_popup__mo_head {
    display: flex;
    align-items: stretch;
    height: 44px;
    flex-shrink: 0;
  }

  .delivery_dest_popup__mo_th_name,
  .delivery_dest_popup__mo_th_action {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: #f6f6f6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    color: #151515;
    font-size: 14px;
    font-family: var(--primary-font), Pretendard, sans-serif;
    font-weight: 500;
    line-height: 18.2px;
    text-align: center;
  }

  .delivery_dest_popup__mo_th_name {
    flex: 1 1 0;
    min-width: 0;
  }

  .delivery_dest_popup__mo_th_action {
    width: 60px;
    flex-shrink: 0;
  }

  .delivery_dest_popup__mo_rows {
    display: flex;
    flex-direction: column;
  }

  .delivery_dest_popup__mo_row {
    display: flex;
    align-items: stretch;
  }

  .delivery_dest_popup__mo_info {
    box-sizing: border-box;
    flex: 1 1 0;
    min-width: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 4px;
    background: #fff;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }

  .delivery_dest_popup__mo_name {
    margin: 0;
    color: #151515;
    font-size: 14px;
    font-family: var(--primary-font), Pretendard, sans-serif;
    font-weight: 500;
    line-height: 18.2px;
    word-break: break-word;
  }

  .delivery_dest_popup__mo_name:hover {
    text-decoration: underline;
  }

  .delivery_dest_popup__mo_addr {
    margin: 0;
    color: #151515;
    font-size: 14px;
    font-family: var(--primary-font), Pretendard, sans-serif;
    font-weight: 400;
    line-height: 18.2px;
    word-break: break-word;
  }

  .delivery_dest_popup__mo_phones {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #151515;
    font-size: 14px;
    font-family: var(--primary-font), Pretendard, sans-serif;
    font-weight: 400;
    line-height: 18.2px;
  }

  .delivery_dest_popup__mo_divider {
    width: 1px;
    height: 12px;
    background: #c1c1c1;
    flex-shrink: 0;
  }

  .delivery_dest_popup__mo_actions {
    box-sizing: border-box;
    width: 60px;
    flex-shrink: 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
  }

  .delivery_dest_popup__mo_actions .delivery_dest_popup__btn_xs {
    margin: 0;
  }

  .delivery_dest_popup__body--mo .delivery_dest_popup__view--register-mo {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    gap: 0;
  }

  .delivery_dest_popup__body--mo .delivery_dest_popup__view--register-mo .delivery_dest_popup__title--mo {
    margin: 0 0 16px;
  }

  .delivery_dest_popup__body--mo .delivery_dest_popup__view--register-mo .delivery_register_popup__table--mo {
    margin-bottom: 24px;
  }

  .delivery_dest_popup__body--mo .delivery_register_popup__table--mo th {
    width: 80px;
    font-size: 14px;
    line-height: 18.2px;
  }

  .delivery_dest_popup__body--mo .delivery_register_popup__table--mo .delivery_register_popup__th_request {
    font-size: 12px;
    line-height: 15.6px;
  }

  .delivery_dest_popup__body--mo .delivery_register_popup__table--mo .delivery_register_popup__input--zip {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
  }

  .delivery_dest_popup__body--mo .delivery_register_popup__table--mo .delivery_register_popup__addr_line {
    width: 100%;
  }

  .delivery_dest_popup__body--mo .delivery_dest_popup__view--register-mo .delivery_register_popup__actions--mo {
    flex-shrink: 0;
    padding-bottom: 0;
  }
}

/* payment/order_payment.html — 배송지 조회 내 배송지 관리 화면 (Figma 0914) */
.delivery_dest_popup__view {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.delivery_dest_popup__view--register {
  gap: 24px;
}

.delivery_dest_popup__view--register[hidden] {
  display: none !important;
}

.delivery_dest_popup__view--list[hidden] {
  display: none !important;
}

.delivery_dest_popup__view--register .delivery_register_popup__table,
.delivery_dest_popup__view--register .delivery_register_popup__actions {
  width: 100%;
  max-width: 100%;
}

.delivery_register_popup__table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

.delivery_register_popup__table th,
.delivery_register_popup__table td {
  box-sizing: border-box;
  min-height: 44px;
  border: 1px solid #e6e6e6;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  line-height: 19.5px;
  vertical-align: middle;
}

.delivery_register_popup__table th {
  width: 120px;
  padding: 12px;
  background: #f6f6f6;
  text-align: center;
  font-weight: 500;
  border-left: 0;
}

.delivery_register_popup__table td {
  padding: 10px;
  font-weight: 400;
  border-right: 0;
}

.delivery_register_popup__row_addr th {
  vertical-align: middle;
}

.delivery_register_popup__td_addr {
  padding: 8px 10px;
  vertical-align: middle;
}

.delivery_register_popup__td_addr_inner {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

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

.delivery_register_popup__input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
}

.delivery_register_popup__input::placeholder {
  color: #999;
}

.delivery_register_popup__input:focus,
.delivery_register_popup__input:focus-visible {
  outline: none;
  border-color: #151515;
}

.delivery_register_popup__input--zip {
  width: 120px;
  flex-shrink: 0;
}

.delivery_register_popup__btn_addr {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 32px;
  min-width: 40px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}

.delivery_register_popup__btn_addr:hover {
  background: #f6f6f6;
}

.delivery_register_popup__btn_addr:focus,
.delivery_register_popup__btn_addr:focus-visible {
  outline: none;
  border-color: #e6e6e6;
}

.delivery_register_popup__actions {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.delivery_register_popup__confirm,
.delivery_register_popup__cancel {
  box-sizing: border-box;
  height: 36px;
  min-width: 60px;
  margin: 0;
  padding: 8px 16px;
  border-radius: 4px;
  font-size: 15px;
  font-family: var(--primary-font), Pretendard, sans-serif;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.delivery_register_popup__confirm {
  border: 0;
  background: #151515;
  color: #fff;
}

.delivery_register_popup__confirm:hover {
  filter: brightness(1.08);
}

.delivery_register_popup__cancel {
  border: 1px solid #151515;
  background: #fff;
  color: #151515;
}

.delivery_register_popup__cancel:hover {
  background: #f6f6f6;
}

/* 주문관리 모바일 — Figma 0401_Order_mo (order/order.html) */
.order_mo_status_tabs__scroll {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.order_mo_status_tabs__scroll::-webkit-scrollbar {
  display: none;
}

.order_mo_status_tab {
  flex-shrink: 0;
  padding: 16px 0;
  border: 0;
  background: transparent;
  color: #999999;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 18.2px;
  cursor: pointer;
  white-space: nowrap;
}

.order_mo_status_tab.is-active {
  color: #151515;
}

.order_mo_status_divider {
  flex-shrink: 0;
  width: 1px;
  height: 14px;
  margin: 0 10px;
  background: #e6e6e6;
}

.order_mo_search {
  background: #fff;
}

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

.order_mo_search__row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.order_mo_search__label {
  flex-shrink: 0;
  width: 52px;
  min-height: 40px;
  display: flex;
  align-items: center;
  color: #151515;
  font-size: 15px;
  font-weight: 500;
  line-height: 19.5px;
}

.order_mo_search__label--2line {
  align-items: flex-start;
  padding-top: 2px;
  line-height: 1.3;
}

.order_mo_search__field {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.order_mo_search__field--stack {
  gap: 4px;
}

.order_mo_date_row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.order_mo_date_row .date_area {
  flex: 1;
  min-width: 0;
}

.order_mo_date_row .date_area input {
  width: 100%;
}

.order_mo_date_sep {
  flex-shrink: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.order_mo_quick_btns,
.order_mo_pay_btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.order_mo_quick_btn {
  margin: 0;
  cursor: pointer;
}

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

.order_mo_quick_btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 40px;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}

.order_mo_quick_btn input:checked + span {
  border-color: #09df82;
  background: #09df82;
  color: #0d1731;
}

.order_mo_search__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 36px;
  margin-top: 24px;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: #151515;
  color: #fff;
  font-family: inherit;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
  cursor: pointer;
}

.order_mo_search__btn img {
  filter: brightness(0) invert(1);
}

.order_mo_divider {
  height: 6px;
  background: #f6f6f6;
  border-top: 1px solid #ececec;
}

.order_mo_list__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 16px;
}

.order_mo_list__count {
  margin: 0;
  color: #444444;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}

.order_mo_list__count strong {
  color: #09df82;
  font-weight: 600;
}

.order_mo_list__refresh {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #444444;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}

.order_mo_tbl_wrap {
  position: relative;
  margin-top: 16px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.order_mo_tbl_wrap::-webkit-scrollbar {
  display: none;
}

.order_mo_tbl {
  display: flex;
  align-items: stretch;
  min-width: 990px;
}

.order_mo_tbl__fixed {
  flex-shrink: 0;
  width: 120px;
  border-right: 1px solid #c1c1c1;
}

.order_mo_tbl__fixed_head,
.order_mo_tbl__head {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e7e8ea;
  color: #151515;
  font-size: 15px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: center;
}

.order_mo_tbl__fixed_cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px;
  min-height: 223px;
  border-bottom: 1px solid #e6e6e6;
  text-align: center;
}

.order_mo_tbl__fixed_cell--tall {
  min-height: 195px;
}

.order_mo_order_info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
}

.order_mo_order_no {
  margin: 0;
  color: #09df82;
  font-size: 15px;
  font-weight: 600;
  line-height: 21px;
  text-decoration: underline;
}

.order_mo_order_sub {
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.order_mo_order_date {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}

.order_mo_orderer {
  margin: 0;
  color: #151515;
  font-size: 15px;
  font-weight: 400;
  line-height: 19.5px;
}

.order_mo_tbl__scroll {
  flex: 1;
  min-width: 0;
}

.order_mo_tbl__head {
  display: flex;
  align-items: stretch;
  min-width: 870px;
}

.order_mo_tbl__head .order_mo_tbl__col {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 12px;
  box-sizing: border-box;
  flex-shrink: 0;
}

.order_mo_tbl__head .order_mo_tbl__col--ship {
  width: 220px;
}

.order_mo_tbl__head .order_mo_tbl__col--prod {
  width: 220px;
}

.order_mo_tbl__head .order_mo_tbl__col--qty {
  width: 70px;
  padding: 0 16px;
}

.order_mo_tbl__head .order_mo_tbl__col--supplier {
  width: 120px;
  padding: 0 16px;
}

.order_mo_tbl__head .order_mo_tbl__col--track {
  width: 120px;
  padding: 0 16px;
}

.order_mo_tbl__head .order_mo_tbl__col--result {
  width: 120px;
  padding: 0 16px;
}

.order_mo_tbl__row {
  display: flex;
  align-items: stretch;
  min-width: 870px;
  min-height: 223px;
  border-bottom: 1px solid #e6e6e6;
}

.order_mo_tbl__row--tall {
  min-height: 195px;
}

.order_mo_tbl__col--ship {
  width: 220px;
  flex-shrink: 0;
  padding: 12px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_mo_tbl__col--prod_group {
  width: 530px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.order_mo_prod_line {
  display: flex;
  align-items: stretch;
  flex: 1;
  border-bottom: 1px solid #e6e6e6;
}

.order_mo_prod_line:last-child {
  border-bottom: 0;
}

.order_mo_tbl__col--prod {
  width: 220px;
  flex-shrink: 0;
  padding: 12px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_mo_tbl__col--prod p {
  margin: 0 0 4px;
  color: #151515;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}

.order_mo_tbl__col--prod p.gray_text {
  color: #444444;
}

.order_mo_tbl__col--qty {
  width: 70px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_mo_tbl__col--qty p {
  margin: 0;
  color: #151515;
  font-size: 14px;
  line-height: 18.2px;
  text-align: center;
}

.order_mo_tbl__col--supplier {
  width: 120px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_mo_tbl__col--supplier p {
  margin: 0;
  color: #151515;
  font-size: 14px;
  line-height: 18.2px;
  text-align: center;
}

.order_mo_tbl__col--track {
  width: 120px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  border-right: 1px solid #e6e6e6;
  box-sizing: border-box;
}

.order_mo_tbl__col--track p {
  margin: 0;
  color: #151515;
  font-size: 14px;
  line-height: 18.2px;
  text-align: center;
}

.order_mo_tbl__col--result {
  width: 120px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 16px;
  box-sizing: border-box;
}

.order_mo_ship {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.order_mo_ship .inform_tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.order_mo_ship_addr {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.order_mo_ship_addr .gray_text {
  margin: 0;
  font-size: 14px;
  line-height: 18.2px;
}

.order_mo_ship .memo--area {
  margin-top: auto;
}

.order_mo_btn_action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 40px;
  height: 32px;
  padding: 6px 8px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  background: #fff;
  color: #151515;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
  cursor: pointer;
}

.order_mo_btn_action--icon {
  gap: 4px;
}

.order_mo_tbl__col--result p {
  margin: 0;
  color: #151515;
  font-size: 14px;
  line-height: 18.2px;
  text-align: center;
}

.order_mo_tbl__col--result .red_text {
  color: #cd0000;
}

.order_mo_scroll_hint {
  position: absolute;
  left: 124px;
  bottom: 8px;
  width: 90px;
  height: 4px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0.4;
  pointer-events: none;
}

.order_mo_pagination {
  margin-top: 40px;
  padding-right: 16px;
}

@media (max-width: 768px) {
  .order_page.main {
    padding-top: 60px;
  }

  .order_page .side_lnb {
    display: none;
  }

  .order_page .main_contents {
    width: 100%;
    padding: 0 0 40px;
    background: #fff;
  }

  .order_page .main_tit,
  .order_page .min1400-wrap {
    display: none;
  }

  .order_mo_status_tabs {
    display: block;
    padding: 0 16px;
    background: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
  }

  .order_mo_search {
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
  }

  .order_mo_divider {
    display: block;
  }

  .order_mo_list {
    display: block;
    padding: 24px 0 0 16px;
    background: #fff;
  }

  .order_page .order_mo_search .nice-select.select-primary {
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
  }

  .order_page .order_mo_search .ip_basic {
    height: 40px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
  }
}