@charset "UTF-8";

 :root {
     --color-gray-0: #fff;
     --color-gray-5: #f7f8f9;
     --color-gray-10: #E6E8EA;
     --color-gray-20: #CDD1D5;
     --color-gray-30: #B1B8BE;
     --color-gray-40: #8A949E;
     --color-gray-50: #6D7882;
     --color-gray-60: #58616A;
     --color-gray-70: #464C53;
     --color-gray-80: #33363D;
     --color-gray-90: #1E2124;
     --color-gray-95: #131416;
     --color-primary-5: #ECF2FE;
     --color-primary-50: #0163e6;
     --color-secondary-5: #EEF2F7;
     --color-secondary-10: #D6E0EB;
     --color-secondary-80: #052B57;
     --color-danger-5: #FDEFEC;
     --color-danger-70: #DE3412;
     --color-danger-60: #BD2C0F;
     --color-success-5: #EAF6EC;
     --color-success-60: #267337;
     --color-point-50: #EF4444;
 }

 /*데스크탑*/
 .screen-desktop {
     display: none;
 }


 /*공통요소*/
 .txt-primary_m {
     color: var(--color-primary-50) !important;
 }

 /*헤더*/
 .header_m,
 .modal-fullscreen .modal-header_m {
     display: flex;
     align-items: center;
     justify-content: space-between;
     height: 54px;
     padding: 0 2px;
     position: relative;
 }

 .header_m>.header-title_m,
 .modal-fullscreen .modal-header_m>.modal-header__title {
     color: var(--color-gray-90);
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     font-size: 18px;
     font-weight: 600;
     line-height: 140%;
     letter-spacing: -0.4px;
 }

 .header_m>.header-space_m,
 .header_m>.header-button_m {
     width: 44px;
     height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }


 .header-container_m {
     width: 100%;
     min-height: 196px;
     background: url('../images/ts-bg.png') no-repeat center center;
     background-size: cover;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .header_m>.header-logo_m {
     width: 160px;
     height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .wrapper_m {
     min-height: 100dvh;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 /*푸터*/
 .footer_m {
     padding: 34px 0;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border: none;
     background-color: var(--color-gray-5);
     gap: 16px;

 }

 .footer_m .footer__pc-btn_m {
     padding: 0 24px;
     height: 40px;
     background-color: var(--color-gray-0);
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 999px;
     border: 1px solid var(--color-gray-10);
     font-size: 14px;
     font-weight: 600;
     line-height: 133%;
     letter-spacing: -0.2px;
     color: var(--color-gray-70);
 }


 /*버튼*/
 /* 버튼 자체 포커스/호버/활성 때 선·배경 제거 */
 .btn-toggle_m,
 .btn-toggle_m:hover,
 .btn-toggle_m:active,
 .btn-toggle_m:focus,
 .btn-toggle_m:focus-visible {
     border: 0 !important;
     box-shadow: none !important;
     outline: none !important;
     color: inherit;
 }

 .btn_m {
     border-radius: 6px;
     padding: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 6px;
 }

 .btn-large_m {
     height: 52px;
     font-size: 16px;
 }

 .btn-medium_m {
     height: 48px;
     font-size: 16px;
 }

 .btn-regular_m {
     height: 30px;
     font-size: 14px;
     position: relative;
     cursor: pointer;
     font-weight: 600;
     padding: 0 10px;
 }

 .btn-regular_m::before {
     content: "";
     position: absolute;
     top: -6px;
     bottom: -6px;
     left: -6px;
     right: -6px;
     z-index: -1;
 }

 .btn-primary_m.btn-filled_m {
     background-color: var(--color-primary-50);
     color: var(--color-gray-0);
     border: none;
     font-weight: 600;
 }

 .btn-primary_m.btn-outline_m {
     background-color: var(--color-primary-5);
     color: var(--color-primary-50);
     border: none;
     font-weight: 600;
 }

 .btn-secondary_m.btn-outline_m {
     background-color: var(--color-gray-0);
     border: 1px solid var(--color-gray-30);
     color: var(--color-gray-90);
     font-weight: 600;
 }

 .btn-danger_m.btn-outline_m {
     background-color: var(--color-danger-5);
     color: var(--color-danger-70);
     border: 1px solid var(--color-danger-70);
 }

 /*하단 고정 버튼*/
 .offset-fixed-bottom_m {
     margin-bottom: 90px;
 }

 .offset-fixed-bottom_m .fixed-bottom_m {
     /* position: fixed; */
     bottom: 0;
     left: 0;
     width: 100%;
     display: flex;
     gap: 8px;
     padding: 8px 16px 42px 16px;
     background-color: #fff;
     z-index: 1000;
 }

 /*인풋박스*/
 .input_m {
     font-size: 16px;
     font-weight: 400;
     line-height: 133%;
     border-radius: 6px;
     background-color: var(--color-gray-0);
 }

 .input-large_m {
     height: 50px;
 }

 .input-medium_m {
     height: 48px;
 }

 /* 값이 비어 있을 때 (placeholder가 보이는 상태) */
 /* input:placeholder-shown,
 select.form-select {
     border: 1px solid var(--color-gray-20);
     color: var(--color-gray-30);
 } */

 /* 포커스 상태 */
 /* input:focus,
 select.form-select:focus {
     border: 2px solid var(--color-gray-50);
     color: var(--color-gray-90);
 } */

 /* 값이 채워진 상태 (placeholder가 안 보일 때) */
 /* input:not(:placeholder-shown),
 select.form-select:valid {
     border: 1px solid var(--color-gray-20);
     color: var(--color-gray-90);
 } */

 /* 에러 상태 */
 /* input:invalid {
     border: 2px solid var(--color-danger-70);
     color: var(--color-gray-90);
 } */

 /*라디오*/

 .radio-tabs_m {
     display: flex;
     gap: 24px;
 }

 .radio-tabs_m .nav-link {
     color: var(--color-gray-60);
     position: relative;
     padding: 8px 0px 8px 22px;
 }

 .radio-tabs_m .nav-link.active {
     color: var(--color-gray-90);
     font-weight: 700;
 }

 .radio-tabs_m .nav-link::before {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 16px;
     height: 16px;
     border-radius: 50%;
     border: 1px solid var(--color-gray-60);
 }


 .radio-tabs_m .nav-link.active::before {
     border: 4px solid var(--color-gray-90);
 }

 .radio-group_m {
     margin-bottom: 20px;
 }

 .radio-group_m .radio-label_m {
     padding: 8px 0;
     color: var(--color-gray-90);
     gap: .5rem;
     display: flex;
 }

 .radio-group_m .radio-input_m:checked {
     background-color: var(--color-gray-80);
     border-color: var(--color-gray-80);
 }

 .radio-group_m .radio-input_m:checked+span {
     font-weight: 600;
 }

 /*바텀시트*/
 .bottom-sheet_m {
     --bs-offcanvas-height: auto;
     border-top-left-radius: 16px;
     border-top-right-radius: 16px;
 }

 .bottom-sheet_m .offcanvas-body_m {
     padding: 24px 16px;
 }

 .bottom-sheet_m .bottom-sheet-header_m {
     font-size: 22px;
     letter-spacing: 0px;
     font-weight: 700;
     margin-bottom: 14px;
     color: var(--color-gray-95);
 }

 /*모달*/
 .modal_m {
     --bs-modal-margin: 1rem;
 }

 .modal_m .modal-content_m {
     border: 0;
 }

 .modal_m .modal-content_m .modal-header_m {
     border: 0;
 }

 .modal_m .modal-content_m .modal-header_m .modal-title_m {
     color: var(--color-gray-95);
     font-weight: 700;
 }

 .modal_m .modal-body_m {
     padding: 0;
 }

 .modal_m .modal-body_m .modal-body-title_m {
     font-weight: 700;
     margin-bottom: .5rem;
 }

 .modal_m .modal-body_m .modal-text_m {
     font-size: 16px;
     letter-spacing: -0.2px;
     line-height: 140%;
     color: var(--color-gray-90);
     margin-bottom: 24px;
 }

 .modal_m .modal-footer_m {
     border: 0;
 }

 .modal_m .modal-footer_m .modal-btn-confirm_m {
     padding: 10px 24px;
 }

 /*모달-풀스크린*/
 .modal-fullscreen .modal-header_m>.modal-header__space,
 .modal-fullscreen .modal-header_m>.modal-header__button {
     width: 44px;
     height: 44px;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .modal-fullscreen .modal-header_m>.modal-header__button {
     border: none;
     background-color: transparent;
 }

 /*배지*/
 .badge_m {
     font-size: 18px;
     padding: 8px 8px;
     border-radius: 6px;
     font-weight: 600;
     height: 36px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
 }

 .badge_m.badge-reserved_m,
 .badge_m.badge-pending_m,
 .badge_m.badge-sending_m {
     color: var(--color-primary-50);
     background-color: var(--color-primary-5);
 }

 .badge_m.badge-cancelled_m {
     color: var(--color-gray-70);
     background-color: var(--color-gray-10);
 }

 .badge_m.badge-failed_m {
     color: var(--color-danger-70);
     background-color: var(--color-danger-5);
 }

 .badge_m.badge-completed_m {
     color: var(--color-success-60);
     background-color: var(--color-success-5);
 }

 /*검색창*/
 .search_m {
     padding: 8px 16px;
 }

 .search_m .search-icon_m {
     padding: 11px 8px 11px 12px;
     background-color: var(--color-gray-0);
     border-right: 0;
 }

 .search_m .search-input_m {
     padding: 11px 12px 11px 8px;
     display: flex;
     align-items: center;
     border-left: 0;
 }

 /*선*/
 .divider_m {
     background-color: var(--color-gray-10);
     height: 1px;
 }

 /*긴급공지*/
 .notice-card_m {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background-color: var(--color-gray-5);
     padding: 8px;
     border-radius: 6px;
 }

 .notice-card_m>.badge-danger_m {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     gap: 2px;
     padding: 4px 8px;
     border-radius: 4px;
     color: #fff;
     letter-spacing: -0.2px;
     font-size: 12px;
     background-color: var(--color-danger-70);
 }

 .notice-card_m>.notice-text_m {
     flex: 1;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-gray-90);
     font-size: 15px;
     font-weight: 400;
     letter-spacing: -0.2px;
     text-align: left;
 }

 /*안내사항*/
 .infobox_m {
     padding: 20px 20px 20px 20px;
     background-color: var(--color-secondary-5);
     border: 1px solid var(--color-secondary-10);
     border-radius: 6px;
 }

 .infobox_m>.infobox-title_m {
     font-weight: 800;
     color: var(--color-secondary-80);
     margin-bottom: 8px;
 }

 .infobox_m>.infobox-list_m {
     padding-left: 0.4rem;
     margin: 0;
     font-size: 15px;
     letter-spacing: -0.2px;
 }

 .infobox_m>.infobox-list_m>li {
     position: relative;
     padding-left: 12px;
     margin-bottom: 4px;
     word-break: keep-all;
     color: var(--color-gray-70);
     letter-spacing: -0.2px;
     line-height: 140%;
 }

 .infobox_m>.infobox-list_m>li::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0.6em;
     width: 5px;
     height: 5px;
     background-color: var(--color-gray-60);
     border-radius: 50%;
 }

 .infobox_m>.infobox-link_m {
     font-weight: 500;
     color: var(--color-primary-50);
     padding: 8px 6px;
     display: inline-block;
 }

 .infobox_m>.infobox-link_m>i {
     padding-left: 2px;
 }

 /*발송조회, CS 입력폼*/
 .query-form-field_m {
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .query-form-field_m>.query-form-label_m {
     margin: 0;
     font-size: 15px;
     font-weight: 700;
     line-height: 133%;
     color: var(--color-gray-90);
 }

 .query-form_m,
 .send-card-group_m {
     padding: 12px 16px;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 /*발송조회, CS 카드*/
 .send-card_m {
     padding: 16px;
     border: 1px solid var(--color-gray-10);
     border-radius: 6px;
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .send-card_m>.send-card-header_m {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .send-card_m .send-card-title_m>.send-card-label_m {
     font-weight: 600;
     color: var(--color-gray-80);
 }

 .send-card_m .send-card-title_m>.send-card-label_m>.send-card-value_m {
     font-weight: 400;
 }


 .send-card_m .send-card-meta_m {
     padding: 0;
     margin: 0;
     color: var(--color-gray-80);
     display: flex;
     flex-direction: column;
     gap: 6px;
 }

 .send-card_m .send-card-meta_m>.send-card-label_m {
     display: flex;
     justify-content: space-between;
 }

 /*발송완료*/
 .complete_m {
     position: relative;
     min-height: 100vh;
     display: flex;
     flex-direction: column;
     padding-bottom: 96px;
 }

 .complete_m>.title_m {
     margin-top: 24px;
     text-align: center;
     gap: 24px;
     padding: 48px 16px;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     display: flex;
 }

 .complete_m>.title_m>.message_m {
     font-size: 24px;
     font-weight: 700;
     line-height: 133%;
     letter-spacing: -0.4px;
 }

 /*로그인*/
 .login_m .header-container_m>.login-title_m {
     text-align: center;
     color: var(--color-gray-0);
     font-size: 28px;
     font-weight: 500;
     line-height: 133%;
     padding-bottom: 26px;
 }

 .login_m .login-content_m {
     display: flex;
     flex-direction: column;
     gap: 200px;
     padding: 24px 16px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     background-color: var(--color-gray-0);
     position: relative;
     z-index: 1;
     text-align: center;
     margin-top: -12px;

 }

 .login_m .login-content_m>.login-form-wrap_m {
     display: flex;
     flex-direction: column;
     gap: 24px;
 }

 .login_m .login-content_m>.login-form-wrap_m>.login-form_m {
     display: flex;
     flex-direction: column;
     /*gap: 32px;*/
 }

 .login_m .login-content_m>.login-form-wrap_m>.login-form_m>.login-input_m {
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 /* .login_m .login-content_m>.login-form-wrap_m>.login-find-password_m {
     font-size: 16px;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.2px;
     color: var(--color-gray-70);
 } */

 .login_m .login-content_m>.login-footer-description_m {
     color: var(--color-gray-50);
     font-size: 14px;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: -0.2px;
 }

 .login_m .btn_m.btn-primary_m{
     margin-top:32px;
 }

 /*메인*/
 .home_m .header-container_m>.main-title_m {
     padding: 26px 16px;
     display: flex;
     flex-direction: column;
 }

 .home_m .header-container_m>.main-title_m>.service-name_m {
     color: var(--color-gray-20);
     font-size: 14px;
     font-weight: 400;
     line-height: 133%;
     letter-spacing: -0.2px;
     margin-bottom: 6px;
 }

 .home_m .header-container_m>.main-title_m>.user-name_m {
     color: var(--color-gray-0);
     font-size: 20px;
     font-weight: 500;
 }

 .home_m .main-panel_m {
     padding: 24px 16px;
     background-color: var(--color-gray-0);
     position: relative;
     z-index: 1;
     margin-top: -12px;
     border-top-left-radius: 12px;
     border-top-right-radius: 12px;
     display: flex;
     flex-direction: column;
     gap: 12px;
 }

 .home_m .main-panel_m>.balance-card_m {
     padding: 14px 10px;
     border: 1px solid var(--color-gray-10);
     border-radius: 6px;
     display: flex;
     flex-direction: column;
     gap: 4px;

 }

 .home_m .main-panel_m>.balance-card_m>.balance-card-top_m {
     display: flex;
     justify-content: space-between;
     font-size: 16px;
     font-weight: 600;
     line-height: 133%;
     color: var(--color-gray-80);
 }

 .home_m .main-panel_m>.balance-card_m>.balance-card-limit_m {
     text-align: right;
     font-size: 14px;
     font-weight: 500;
     line-height: 133%;
     color: var(--color-gray-40);
 }

 .home_m .main-panel_m>.menu-card-box_m {
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-rows: 1fr 1fr;
     gap: 12px;
     height: 200px;

 }

 .home_m .main-panel_m>.menu-card-box_m>.menu-card_m {
     display: flex;
     border-radius: 6px;
 }

 .home_m .main-panel_m>.menu-card-box_m>.card-primary_m {
     grid-column: 1;
     grid-row: 1 / span 2;
     background-color: var(--color-primary-50);
     color: var(--color-gray-0);
     font-size: 20px;
     font-weight: 600;
     line-height: 133%;
     padding: 20px 20px;
     letter-spacing: -0.2px;
 }

 .home_m .main-panel_m>.menu-card-box_m>.menu-card_m.card-secondary_m {
     background-color: var(--color-gray-5);
     border: 1px solid var(--color-gray-10);
     color: var(--color-gray-90);
     font-size: 16px;
     font-weight: 600;
     line-height: 133%;
     padding: 16px 16px;
     letter-spacing: -0.2px;
 }

 .home_m .main-panel_m>.main-panel__notice_m {
     color: var(--color-gray-50);
     font-size: 14px;
     text-align: center;
     margin-top: 32px;
     line-height: 150%;
 }

 .home_m .header-button_m {
     position: relative;
     cursor: pointer;
 }

 .home_m .dropdown-menu_m {
     --bs-dropdown-min-width: 0;
     display: none;
     position: absolute;
     top: 36px;
     right: 10px;
     border-radius: 8px;
     border: 1px solid var(--color-gray-0);
     background-color: var(--color-gray-0);
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     width: 120px;
     z-index: 10;
     flex-direction: column;
     padding: 4px 0;
 }

 .home_m .dropdown-menu_m.is-active_m {
     display: flex;
 }

 .home_m .dropdown-item_m {
     display: block;
     width: 100%;
     background-color: #fff;
     text-align: center;
     padding: 10px 16px;
     font-size: 14px;
     font-weight: 600;
     cursor: pointer;
 }


 /*발송등록*/
 .register_m>.section-box_m.register-date_m {
     gap: 0 !important;
 }

 .register_m>.section-box_m.register-date_m>.section-title_m {
     padding-bottom: 16px;
 }

 .register_m>.section-box_m {
     padding: 24px 16px;
     border-bottom: 8px solid var(--color-gray-5);
     display: flex;
     flex-direction: column;
     gap: 16px;
 }

 .register_m>.section-box_m:has(+ .fixed-bottom_m) {
     border-bottom: 0;
 }

 .register_m>.section-box_m .section-title_m {
     font-size: 18px;
     font-weight: 700;
     color: var(--color-gray-90);
     margin: 0;
 }

 .register_m .send-method-group_m {
     padding-bottom: 1.5rem;
 }

 .register_m .file-input-actions_m {
     display: flex;
     gap: .5rem;
 }

 .register_m>.section-box_m .section-title_m>.asterisk_m {
     padding-left: 2px;
     color: var(--color-danger-70);
 }

 .register_m .form-label_m {
     margin-bottom: 8px;
     font-size: 15px;
     font-weight: 700;
     line-height: 133%;
     color: var(--color-gray-90)
 }

 .register_m .input-message_m {
     font-size: 14px;
     color: var(--color-gray-40);
     margin-top: 8px;
 }

 .register_m .input-message_m>span {
     font-weight: 500;
     color: var(--color-gray-60);
 }

 .register_m .textarea_m {
     height: 250px;
     padding: 12px 16px;
 }

 .register_m .file-select-btn_m.btn_m {
     padding: 0 16px;
 }

 .register_m .product-info_m>.product-info-header_m {
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .register_m .product-info_m>.product-info-body_m {
     display: flex;
 }

 .register_m .product-info_m .product-select_m::before {
     content: "";
     width: 24px;
     height: 24px;
     background-image: url("../images/plus.svg");
     background-repeat: no-repeat;
     background-size: contain;
     display: inline-block;
 }

 .register_m .date-container_m {
     display: flex;
     gap: 8px;
 }

 .register_m .date-container_m>.input_m {
     min-width: 166px;
 }

 .register_m .collapse-btn_m {
     display: flex;
     justify-content: space-between;
     align-items: center;
     border: 0 !important;
     background: transparent !important;
 }

 .register_m .collapse-btn_m .send-card-value_m {
     font-size: 16px;
     font-weight: 700;
     line-height: 133%;
     letter-spacing: -0.2px;
     color: var(--color-gray-80)
 }

 .register_m .collapse-btn_m .send-card-value_m>i {
     padding-left: 6px;
 }


 .register_m .file-name-display_m {
     flex: 1;
 }

 .register_m .product-info_m .product-image-wrapper_m {
     position: relative;
     width: 70px;
     height: 70px;
     border-radius: 6px;
     overflow: hidden;
     flex-shrink: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 1rem;
 }

 .register_m .product-info_m .product-image-wrapper_m .product-image_m {
     max-width: 100%;
     max-height: 100%;
     object-fit: cover;
     display: block;
 }

 .register_m .product-info_m .product-image-wrapper_m .product-image-overlay_m {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.05);
 }

 .register_m .product-info_m .product-detail_m {
     letter-spacing: -0.2px;
     display: flex;
     flex-direction: column;
     gap: 2px;
 }

 .register_m .product-info_m .product-detail_m>.product-brand_m {
     color: var(--color-gray-40);
     font-size: 14px;
     font-weight: 500;

 }

 .register_m .product-info_m .product-detail_m>.product-name_m {
     color: var(--color-gray-80);
     font-weight: 600;
     margin: 0;
 }

 .register_m .product-info_m .product-detail_m>.product-validity_m {
     color: var(--color-gray-50);
     font-size: 14px;
     font-weight: 500;
 }

 .register_m .product-info_m .product-detail_m>.product-validity_m>.count_m {
     color: var(--color-primary-50);
     font-weight: 500;
 }

 .register_m .product-info_m .product-price_m,
 .detail_m .product-info_m .product-price_m {
     font-size: 18px;
     font-weight: 700;
     display: flex;
     align-items: end;
     gap: 4px;
 }

 .register_m .product-info_m .product-price_m>.product-discount_m,
 .detail_m .product-info_m .product-price_m>.product-discount_m {
     color: var(--color-point-50);
 }

 .register_m .product-info_m .product-price_m>.product-sale-price_m,
 .detail_m .product-info_m .product-price_m>.product-sale-price_m {
     color: var(--color-gray-90);
 }

 .register_m .product-info_m .product-price_m>.product-original-price_m,
 .detail_m .product-info_m .product-price_m>.product-original-price_m {
     color: var(--color-gray-30);
     font-weight: 400;
     font-size: 15px;
     text-decoration: line-through;
     margin-left: 4px;
 }

 .register_m .field-with-button {
     position: relative;
 }

 .register_m .field-with-button .inline-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     right: 10px;
     border-radius: 999px;
 }

 /*판매상품 상세*/
 .detail_m .section-box_m {
     padding: 16px;
     border-bottom: 8px solid var(--color-gray-5);
     display: flex;
     flex-direction: column;
     gap: 14px;
 }

 .detail_m .section-box_m>.section-title_m {
     color: var(--color-gray-90);
     font-weight: 700;
     padding: 0;
     margin: 0;
 }

 .detail_m .section-box_m>.send-message_m {
     font-size: 14px;
     color: var(--color-gray-70);
     letter-spacing: -0.2px;
 }

 .detail_m .section-box_m .product-name_m {
     font-size: 18px;
     font-weight: 600;
     letter-spacing: -0.2px;
     line-height: 140%;
     color: var(--color-gray-90);
 }

 .detail_m .product-meta-list_m {
     margin: 0;
     padding: 0;
     color: var(--color-gray-70);
     font-weight: 400;
     font-size: 14px;
     display: flex;
     flex-direction: column;
     gap: 8px;
     padding-top: 12px;
 }

 .detail_m .product-meta-list_m .product-meta-item_m>.label_m {
     width: 52px;
     margin-right: 16px;
     display: inline-block;
 }

 /*발송할 상품 선택*/
 .list_m .request-info_m {
     padding: 10px 0px;
     background-color: var(--color-primary-5);
     display: flex;
     justify-content: space-between;
     letter-spacing: -0.2px;
     font-size: 14px;


 }

 .list_m .request-info_m>.btn-request-title_m {
     color: var(--color-gray-90);
     padding-left: 16px;
 }

 .list_m .request-info_m>.btn-request-link_m {
     color: var(--color-primary-50);
     font-weight: 600;
     padding-right: 16px;
 }

 .list_m .product-filter-container_m {
     padding: 8px 16px;
     display: flex;
     justify-content: end;
 }

 .list_m .product-filter-container_m>.product-filter_m {
     appearance: none;
     /* 기본 화살표 제거 */
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none;
     /* 테두리 제거 */
     background: transparent;
     /* 배경 제거 */
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
     color: var(--color-gray-50);
     text-align: right;
     padding-right: 1.2rem;
     background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B7280' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
     background-repeat: no-repeat;
     background-position: right center;
     background-size: 12px 8px;
 }

 .list_m .product-filter-container_m>.product-filter_m:focus {
     outline: none;
     box-shadow: none;
 }

 .list_m .product-list_m {
     padding: 0;
 }

 .list_m .product-list_m .product-item_m {
     padding: 20px 16px;
     border-bottom: 1px solid var(--color-gray-10);
     cursor: pointer;
 }

 .list_m .product-list_m .product-item_m:first-child {
     padding: 0px 16px 20px 16px;
 }

 .list_m .product-list_m>.product-item_m .product-title_m {
     font-weight: 700;
     color: var(--color-gray-90);
     line-height: 150%;
     letter-spacing: -0.2px;
     word-break: keep-all;
     font-size: 16px;
 }

 .list_m .product-list_m>.product-item_m .product-meta-list_m {
     margin: 10px 0 8px 0;
     display: flex;
     padding: 0;
     font-size: 14px;
     letter-spacing: -0.2px;
     color: var(--color-gray-60);
     font-weight: 400;
 }


 .list_m .product-meta-item_m:not(:first-child)::before {
     content: "|";
     color: var(--color-gray-10);
     margin: 0 6px;
 }

 .list_m .product-list_m>.product-item_m .product-price_m {
     font-size: 14px;
     color: var(--color-gray-80);
     font-weight: 600;
     display: flex;
     align-items: end;
     gap: 4px;
 }

 .list_m .product-list_m>.product-item_m .product-price_m>.original_m {
     color: var(--color-gray-30);
     font-weight: 300;
     font-size: 13px;
     margin-left: 2px;
 }

 .list_m .product-item_m:last-of-type {
     border: none;
 }

 /*발송조회*/
 .inquiry_m>.query-form_m .date-container_m {
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .inquiry_m .tab-btn-container_m {
     display: flex;
     border: 1px solid var(--color-gray-30);
     border-radius: 6px;
     height: 50px;
     color: var(--color-gray-90);
 }

 .inquiry_m .tab-btn-container_m>.tab-btn_m {
     border-right: 1px solid var(--color-gray-30);
     border-radius: 0;
     flex: 1;
     font-weight: 600;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .inquiry_m .tab-btn-container_m>.tab-btn_m:last-child {
     border: none;
 }

 /* 768px 이상: 태블릿 및 PC */
 @media (min-width: 768px) {
     .screen-desktop {
         display: block;
     }

     .screen_m {
         display: none;
     }
 }
 
input[type="date"].input_m {
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
}

@supports (-webkit-touch-callout: none) {
  input[type="date"].input_m {
    -webkit-appearance: none;
    appearance: none;
    padding-top: 0;
    padding-bottom: 0;
  }
  input[type="date"].input_m::-webkit-date-and-time-value {
    display: flex;
    align-items: center; 
  }
  
  input[type="date"].input_m.form-control { padding-top: 0; padding-bottom: 0; }
}

.error_message {
    color: var(--color-danger-60);
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 0;
    margin-top:12px;
}

.field-with-button {
    position: relative;
}

.field-with-button .inline-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    border-radius: 999px;
}