@charset "utf-8";

.auth_card { border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 0 2px rgb(0 0 0 / 30%); }
.auth_card_title { display: flex; justify-content: space-between; padding: 8px 16px; background-color: #f1f1f1; font-size: 16px; font-weight: 700; color: #333; }
.auth_card_title .read { margin-right: 20px; }
.auth_card_content { padding: 8px 16px; }
.auth_card_row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.auth_card_row > p { font-size: 14px; font-weight: 700; }
.auth_card_row label { font-size: 14px; font-weight: 700; }
.auth_card_row label input { margin-right: 10px; }
.r_checkbox { margin-right: 20px; }

.permission_sel, .permission_add { display:flex; justify-content: space-between;align-items: center; width: 50%;}

.permission_sel > p, .permission_add > p { width:120px; font-size:16px; font-weight:700;}
.permission_sel > select, .permission_add > label { width:calc(100% - 120px); }

.ellipsis_200 { max-width:200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.disabled_select { background-color: #fafafa; border-color: rgb(217 223 231) !important; color: var(--darkgray) !important; font-weight: 700;}
input:disabled { color:var(--darkgray); }
.box_wrap { width: 50px; display:flex; justify-content:space-between;}
.box_wrap > p { width: 13px; height:13px; }



/* 공지사항 */
.align_end { align-items: flex-end;}

/* 대시보드 */
.border_bottom { border-bottom:1px solid var(--line); }
.border_top { border-top:1px solid var(--line); }
.border_left {border-left:1px solid var(--line);}
.border_right {border-right:1px solid var(--line);}

/* 회원정보 - TQ내역 */
.date_list_container { width:100%; height:500px; overflow-x:auto;}
.amount_list{ width:80px; font-size:16px; font-weight: 700;}
.amount_sel {  text-align: center; font-size: 14px; font-weight: 500; padding: 8px; border: 1px solid var(--line); border-radius: 10px; cursor:pointer;}
/* width */
::-webkit-scrollbar { width: 10px; }
/* Track */
::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
/* Handle */
::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background: var(--sub_gray); }
.list_title { width:70px; font-weight:700; }
.date_listtime {padding:30px 0 20px; font-size:16px; font-weight: 700;  color:var(--dark); border-bottom:1px solid var(--line); margin:0 20px; }
.transaction_history_list {border-bottom:1px solid var(--line); padding:0 20px;}
.transaction_history_list li {border-bottom:1px solid var(--line);}
.transaction_history_list li:last-child {border-bottom:none;}
.date_list_txt {padding:20px 0;}
.date_listmore {font-size:16px; color:var(--black); font-weight:500;}
.ellipsis_170 {word-break:break-all; cursor:pointer; width:170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.date_plusamount {color:var(--main); font-weight: 700;}
.date_timemore {font-size:14px; font-weight: 500; color:var(--dark); text-align: right;}
.date_minusamount {color:#FF0000; font-weight: 700;}

.amount_list_null { padding: 10% 0; text-align: center;}
.dset input { width: 125px; text-align: center; font-size: 14px; font-weight: 500; padding: 10px 20px; border: 1px solid var(--line); border-radius: 10px; cursor:pointer;}
.demi { margin: 0 10px;}
.now_state { font-size: 14px; font-weight: 700; cursor:pointer;}


.payment_title { width:700px; white-space: normal;}

/* 팝업 */
.popup_payment > li { padding: 10px 0 0; }
.popup_payment > li > p { font-size: 14px; font-weight: 500;}
.popup_payment > li > p:first-child { width:100px;}

/* 매출내역 */
/* .sales_del_btn > button { padding: 8px 10px; border-radius:10px; background:var(--white); border:1px solid var(--black);} */


/*230125 신정운 신규 클래스 작업*/
.sales_statebox input[type="radio"] { position: relative; top:1px;}
.sales_statebox span {font-weight: 500; font-size:13px;color:var(--black);}
.hei_41 { height:41px;}
.sales_statebox .yeschk, .sales_statebox .nochk { cursor:pointer;}
.z_po {z-index:9999;}

.box_input { width:100px; padding: 10px 16px; font-weight: 500; border-radius: 10px; border: 1px solid var(--line); height: 40px; text-align: center; }

.sales_table tr{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.sales_table th { max-width:200px; min-width:100px; border-left:1px solid var(--line); border-right:1px solid var(--line); background:var(--sub_bg);}
.sales_table td { border-right:1px solid var(--line); }

.info_sales_data th,.info_sales_data td{ max-width:16.66666%; width:100%; }
.sales_group_btn { width: 1000px; display: flex; justify-content: space-around; align-items: center;}
.sales_group_btn button{ width: 22%; }


/*230208 영업수당 비율 변경 팝업창 디자인 : 신정운*/
.pay_inputbox { position: relative;}
.pay_inputbox input { font-weight:500; border-radius:10px; border:1px solid var(--line); width:100%; padding:10px 28px 10px 10px; }
.dall_txt { position: absolute; transform: translateY(-50%); top:52%; right:10px;}
.sale_payinfo {padding:10px 20px 0; font-size:14px; color:var(--darkgray)}
.total_salesbox {display:flex; justify-content: space-between; align-items: center; padding:10px 20px 0; font-weight: 700; font-size:17px;}
.card_all { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 700; border: 1px solid var(--line); color: var(--black); background-color: var(--white);}

/* 230223 */
.link_view { text-decoration: underline; color:blue; cursor:pointer; }
.month_box input {width:100%; padding:10px 16px; font-weight:700; font-size: 20px; height: 50px; font-family: "montserrat"; border: 1px solid var(--line); border-radius: 10px; text-align: center; background: #fff; position: relative; width: 100%; max-width: 200px; }
input[type="month"]{position: relative;}
input[type="month"]::-webkit-clear-button,input[type='month']::-webkit-inner-spin-button { display: none; }
input[type='month']::-webkit-calendar-picker-indicator{ position:absolute; left: 0; top:0; width: 100%; height:100%; background:transparent; color:transparent; cursor:pointer;  }
.month_box input::placeholder{font-size:20px; font-weight:700; color:#D0D4D7;}
.month_box input[readonly]{background-color:#F7F7F8; border:1px solid #E6EBF1; font-size:14px; font-weight:400;}
.month_box input[readonly].readonly{border:1px solid var(--line); background-color:#fff; border-radius:6px; font-size:14px; font-weight:500;}

.sales_table.allow_settle tr:hover { background: var(--sub_bg); }