.notice_latest { line-height:28px; }
.sidebar .nav-item .nav-link span { font-size:0.95rem; }
.p_cencel { text-decoration: line-through; }
.search_wrap { padding: 30px 50px; background: rgba(78, 115, 223, 0.25); margin: 30px 0 50px }
.search_input { border-radius: 5px; padding:10px; background: #fff; }
.search_input > label { position: absolute; left:25px; text-align:center; }
.search_input > select { width:100%; border:0; padding-left:10px; text-align:center; color:#858796; }
.search_date { width:100%; border:0; padding-left:50px; }
.search_btn { width:100%; height:100%; }
.search_word { width:100%; border:0; text-align: center; }
.product_thumb > img { width:100px; }
.table-middle th, td { vertical-align: middle; }
.suppay_latest { display:flex; justify-content: space-between; }
.table_align_none { vertical-align: sub !important; }
.text_color_b { color:#5a5c69 }
.order_list_tax { line-height: 18px; position: absolute; left: 50%; transform: translateX(-50%); }
.see_more { width: 18px; display: inline-block; background: url(/img/ico_more.png) no-repeat; background-size: 18px; background-position: center; text-indent: -100px; overflow: hidden; }
.see_tax { width: 18px; display: inline-block; background: url(/img/ico_doller.png) no-repeat; background-size: 29px; background-position: center; text-indent: -100px; overflow: hidden; }
.vandor_tax { width: 18px; display: inline-block; background: url(/img/ico_doller.png) no-repeat; background-size: 29px; background-position: center; text-indent: -100px; overflow: hidden; }
.tax-icon { width: 18px; height: 18px; display: inline-block; background: url(/img/ico_doller.png) no-repeat; background-size: 29px; background-position: center; text-indent: -1000px !important; overflow: hidden;}
.text-center {text-align:center !important;}
.see_more_qm { width: 15px; display: inline-block; position:absolute; background: url(/img/ico_qm.png) no-repeat; background-size: 15px; text-indent: -100px; overflow: hidden; bottom: 8px; margin-left:3px; }
.calTableStyle { font-size:0.9em }
.calTableStyle thead tr th { vertical-align: middle; }
.cel_block { display:block }
.fs08em { font-size:0.8em; }
.order_list { max-width:100%; }
.modal_excel { position: absolute; right:15px; z-index:100; }
.cal_his { list-style: none; }
.cal_date { border: 1px solid #d1d3e2; border-radius: 0.35rem 0 0 0.35rem; width: 10%; border-right: 0; line-height: 30px; background: #f5fdff; }
.form-check { left:4px;  }
.table-bordered td { vertical-align: baseline; }
.no_sort { vertical-align: top !important; }
.no_sort::before,
.no_sort::after { display:none !important }
.vi_title { width:13%; background: #fbfafa; color:#565656; font-size:0.9em; }
.vi_writer { display:flex; }
.vi_content { height:500px; }
.viewTable > tbody > tr > th, td { vertical-align: middle; font-size:0.9em; font-weight: 400; }
.viewTable > tbody > tr > td > ul { margin:0; padding:0; list-style-type: none; }
.viewTable > tbody > tr > td > ul > li { padding-right:20px; font-size:0.9em; }
.search_form { background: #fff; width: 100px; border: 1px solid #d1d3e2; font-size: 0.9em; }
.p_state tr td { color:#353535; }
.p_state_sale { border-radius: 3px; padding:2px 8px; color:#fff; font-size:0.7em; background:#000; }
.p_state_stop { border-radius: 3px; padding:2px 8px; color:#fff; font-size:0.7em; background:#8f8f8f; }
.wr_table tbody th { width:13%; background:#fbfafa; color:#565656; font-size:0.9em; font-weight: 400; }
.group-span-filestyle > label { border: 1px solid #dfdfdf; border-left: 0; border-radius: 0 5px 5px 0; }
.p_off { color:#b0b0b0 !important; }

.toggleBtn { vertical-align: middle !important; }
.toggleBtn > label { display: inline-flex; align-items: center; gap: 0.5rem; cursor: pointer; }
.toggleBtn > label > input[type="checkbox"] { appearance: none; position: relative; border-radius: 2.25em; width: 6.25em; height: 3em; background:#e0e0e0; cursor: pointer; }
.toggleBtn > label > input[type="checkbox"]::before { content: ""; position: absolute; left: 0; width: 3em; height: 3em; border-radius: 50%; transform: scale(0.8); background-color: #fff; transition: left 250ms linear; }
.toggleBtn > label > input[type="checkbox"]:checked { background-color: #2e59d9; border-color: #2e59d9; }
.toggleBtn > label > input[type="checkbox"]:checked::before { background-color: white; left: 3.2em; }
.toggleBtn > label > input[type="checkbox"]:disabled { border-color: lightgray; opacity: 0.7; cursor: not-allowed; }
.toggleBtn > label > input[type="checkbox"]:disabled:before { background-color: lightgray; }
.toggleBtn > label > input[type="checkbox"]:disabled + span { opacity: 0.7; cursor: not-allowed; }
.toggleBtn > label > input[type="checkbox"]:focus-visible { outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) solid #2e59d9; }

table tr th { font-weight: 500; color:#565656; background-color: #f8f9fc; }
table tr td a { color:#858796; }
table tr td a:hover { color:#858796; text-decoration-line: none; }

.modal-header { background-color: #4e73df; background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%); color:#fff; }
.close span { color:#fff; }
.message_tit { color:#565656; }
.message_cnt { font-size:0.9em; color:#565656; }

.charge { display:flex; align-items:baseline; }
.charge label { width:60%; font-size:1em; color:#353535 }
.text_caution { font-size:0.7em; color:#e74a3b }
.form-control, .form-select { font-size:0.9em; }

.messageBoxList > ul { padding:0; }
.messageBoxList > ul > li:first-child { border-top:1px solid #d1d3e2; }
.messageBoxList > ul > li { margin:0; border-bottom:1px solid #d1d3e2; font-weight:500; }
.messageBoxList > ul > li > span { display:block; margin-top:12px; padding-left:10px; font-size:0.7em; font-weight:400; color:#9e9e9e; }
.messageBoxList > ul > li > p { position:relative; padding:0; margin:0; margin-bottom:12px; padding-left:10px; letter-spacing:-1px; color:#111; font-size:0.9em; cursor:pointer; }
.messageBoxList > ul > li > p::after { display: inline-block; content: ""; position: absolute; right: 10px; background: url('/img/ico_arrow.svg'); width: 20px; height: 20px; background-size: cover; cursor:pointer; }
.messageBoxList > ul > li > .messageBoxCnt { display:none; padding:10px; line-height:25px; letter-spacing:-1px; border-top:1px solid #d1d3e2; font-size:0.8em; font-weight:300; background:#fafafa; color:#111; }
.messageBoxList .pagination { margin-top:10px; }
.messageBoxList .pagination > li > a { color:#565656 }

.toggle_switch { position: relative; margin-top: 10px; width: 31px; height: 18px; background: #e0e0e0; border-radius: 18px; }
.toggle_btn { position: absolute; top: 50%; left: 3px; transform: translate(0,-50%); display: block; width: 12px; height: 12px; border-radius: 12px; background: #fff; }
.toggle_switch.active { background: #3563f4; }
.toggle_switch.active .toggle_btn { left: calc(100% - 15px); }
.toggle_switch, .toggle_btn { transition: all 0.2s ease-in; }

.show { display:block !important; }