/* ========================================================= */
/*                          layout                           */
/* ========================================================= */
html { height:100% }
body { font-family: 'Open Sans', 'Noto Sans KR', sans-serif; letter-spacing:-0.03em; color: #1a1a1a; background:#ebebf2; height:100%; }
body.swal2-height-auto { height: 100% !important; }
div.body { min-height:calc(100% - 96px); font-size:13px; }
div.body { margin:0 auto; }
footer { font-size:11px; color:#fff; height:26px; background:#1e1e2d; }
section { margin:0 0 20px 0 }

div.ibox { padding:20px; background-color: #fff; }
div.ex-guide { padding:5px; font-size:12px; background:#f0f0f0 }
.container { width:100%; min-width:320px; max-width:100%; padding:0 20px; margin:0 auto; }

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

/* ========================================================= */
/*                          header                           */
/* ========================================================= */
header div.logo { margin:-2px 40px 0 0; }
header div.logo > a { color:#fff; font-size:20px; font-weight:700; }

/* ========================================================= */
/*                          button                           */
/* ========================================================= */
button { border: 1px solid rgba(0 0 0 / 5%); padding: 5px 6px; height:32px; }
button:active { border: 1px solid rgba(0 0 0 / 25%); background-color: rgba(0 0 0 / 10%); }
.a-btn { box-shadow: none !important; padding: 5px 14px; }
.btn:hover { border-color: rgba(0 0 0 / 5%); }

button.btn:focus, a.btn:focus, .btn-close:focus { box-shadow: none; }
button.btn    { --bs-btn-padding-y: 5px; --bs-btn-padding-x: 14px; --bs-btn-font-size: 13px; --bs-btn-font-weight:400; height:32px; border-radius:0px; }
button.btn-xs { --bs-btn-padding-y: 3px; --bs-btn-padding-x: 10px; --bs-btn-font-size:  9px; --bs-btn-font-weight:400; height:20px; }
button.btn-sm { --bs-btn-padding-y: 4px; --bs-btn-padding-x: 12px; --bs-btn-font-size: 11px; --bs-btn-font-weight:400; height:28px; }
button.btn-md { --bs-btn-padding-y: 5px; --bs-btn-padding-x: 14px; --bs-btn-font-size: 13px; --bs-btn-font-weight:400; height:32px; }
button.btn-lg { --bs-btn-padding-y: 6px; --bs-btn-padding-x: 16px; --bs-btn-font-size: 14px; --bs-btn-font-weight:600; height:38px; }
button.btn-xl { --bs-btn-padding-y: 7px; --bs-btn-padding-x: 18px; --bs-btn-font-size: 17px; --bs-btn-font-weight:800; height:42px; }
button.btn-ll { --bs-btn-padding-y: 8px; --bs-btn-padding-x: 20px; --bs-btn-font-size: 19px; --bs-btn-font-weight:800; height:48px; }

/* button colors */
.btn-default { border: 1px solid #ddd; background: #fff; }
.btn-default:hover { border-color: #aaa; }
.btn-light { background-color: #f3f3f3; border-color: #e7e7e7; }
.btn-red { background-color: #ff4a4a; color: #fff; }
.btn-red:hover, .btn-red:active { background-color: #f04646; color:#fff; }
.btn-teal   { background-color: #53777a; color: #fff; }
.btn-teal:hover, .btn-teal:active { background-color: #4c6d70; color:#fff; }
.btn-yellow { background-color: #ecd078; color: #333; }
.btn-yellow:hover, .btn-yellow:active { background-color: #e0c670; }
.btn-green { background-color: #59ba41; color: #fff; }
.btn-green:hover, .btn-green:active { background-color: #52ac3c; color:#fff; }
.btn-lgreen  { background-color: #10b981; color: #fff; }
.btn-lgreen:hover, .btn-lgreen:active { background-color: #10aa77; color:#fff; }
.btn-brown  { background-color: #774f38; color: #fff; }
.btn-brown:hover, .btn-brown:active { background-color: #6b4732; color:#fff; }
.btn-aqua { background-color: #40c0cb; color: #fff; }
.btn-aqua:hover, .btn-aqua:active { background-color: #3cb5c0; color:#fff; }
.btn-lime   { background-color: #aee239; color: #333; }
.btn-lime:hover, .btn-lime:active { background-color: #a6d635; }
.btn-purple { background-color: #5d4157; color: #fff; }
.btn-purple:hover, .btn-purple:active { background-color: #52394c; color:#fff; }
.btn-leaf   { background-color: #a8caba; color: #333; }
.btn-leaf:hover, .btn-leaf:active { background-color: #9bbbac; }
.btn-pink   { background-color: #f89fa1; color: #fff; }
.btn-pink:hover, .btn-pink:active { background-color: #e99395; color:#fff; }
.btn-blue { background-color: #1265a8; color: #fff; }
.btn-blue:hover, .btn-blue:active { background-color: #125d9b; color:#fff; }
.btn-amber { background-color: #eb9c4d; color: #fff; }
.btn-amber:hover, .btn-amber:active { background-color: #df954b; color:#fff; }
.btn-black { background-color: #111111; color: #fff; }
.btn-black:hover, .btn-black:active { background-color: #252424; color:#fff; }
.btn-white  { background-color: #fcfcfc; color: #333; border-color: #eee; }
.btn-white:hover, .btn-white:active { background-color: #ebe9e9; }
.btn-init  { background-color: transparent; color: #333; border-color: transparent; }
.btn-init:hover, .btn-init:active { background-color: transparent; border-color: transparent; }

/* ====================================================== */
/*                    custom button style                 */
/* ====================================================== */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #444;
  --bs-btn-border-color: #333;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #111;
  --bs-btn-hover-border-color: #000;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #000;
  --bs-btn-active-border-color: #000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #8a8a8a;
  --bs-btn-disabled-border-color: #808080;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd !important;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

/* ========================================================= */
/*                          Forms                            */
/* ========================================================= */
select:focus {outline: none; box-shadow: none; }
input:focus { outline: none; box-shadow: none; }
input.input:focus {	outline: none; box-shadow: none; }
.input-group-text { padding: 0 0.75rem; font-size: 15px; }
.input { height:32px; }
.input-sm { height:28px; }
.input-lg { height:38px; }
.form-label { margin-bottom: 2px; font-size: 14px; font-weight: 500; }
.form-floating>label { font-size: 15px; }
.form-control, .form-select { border-radius: .25rem; height: 38px; font-size: 14px; }
.form-control.form-control-sm, .form-select.form-select-sm { height: 28px; font-size: 11px; }
.form-control.form-control-md, .form-select.form-select-md { height: 32px; font-size: 13px; }
.form-control.form-control-lg, .form-select.form-select-lg { height: 38px; font-size: 15px; }
.form-control.form-control-xl, .form-select.form-select-xl { height: 42px; font-size: 17px; }
.input-group.input-group-sm  { height: 28px; }
.input-group.input-group-sm .input-group-text, .input-group.input-group-sm .btn, .input-group.input-group-sm select, .input-group.input-group-sm input { height: 100%; font-size: 11px; }
.input-group.input-group-md  { height: 32px; }
.input-group.input-group-md .input-group-text, .input-group.input-group-md .btn, .input-group.input-group-md select, .input-group.input-group-md input { height: 100%; font-size: 13px; }
.input-group.input-group-lg  { height: 38px; }
.input-group.input-group-lg .input-group-text, .input-group.input-group-lg .btn, .input-group.input-group-lg select, .input-group.input-group-lg input { height: 100%; font-size: 15px; }
.input-group.input-group-xl  { height: 42px; }
.input-group.input-group-xl .input-group-text, .input-group.input-group-xl .btn, .input-group.input-group-xl select, .input-group.input-group-xl input { height: 100%; font-size: 17px; }
.input-group .input-group-text, .input-group button.btn { border-radius: .25rem; }
.input-group .bootstrap-select button.dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.form-check-input.basic:checked { background-color: #777; border-color: #555; }
.form-check-input.primary:checked { background-color: #2196F3; border-color: rgb(0 0 0 / 15%); }
.form-check-input.success:checked { background-color: #8bc34a; border-color: rgb(0 0 0 / 15%); }
.form-check-input.info:checked { background-color: #3de0f5; border-color: rgb(0 0 0 / 15%); }
.form-check-input.warning:checked { background-color: #FFC107; border-color: rgb(0 0 0 / 15%); }
.form-check-input.danger:checked { background-color: #f44336; border-color: rgb(0 0 0 / 15%); }

.checkBox, .radioBtn { position: relative; }
.checkBox>.chkbox { border-radius: 2px; }
.checkBox>span.ip:before, 
.radioBtn>span.ip:before { content: ''; position: absolute; top: 4px; left: 0px; background-color: #fff; border: 1px solid #bfbfbf; width: 20px; height: 20px; }
.radioBtn>span.ip:before { border-radius: 100%; }
.checkBox>input, .radioBtn>input { display: none; }
.checkBox>span.ip, .radioBtn>span.ip { display: block; height: 28px; padding-left: 25px; line-height: 28px; }
.checkBox>span.ip:after,
.radioBtn>span.ip:after { content: ''; border-right: 2px solid #fff; border-top: 2px solid #fff; display: block; position: absolute; top: 14px; left: 4px; width: 7px;
  height: 10px; transform: scaleX(-1) rotate(135deg); transform-origin: left top; }
.checkBox>input:checked+span.ip:after,
.radioBtn>input:checked+span.ip:after { animation: check_box .5s; border-color: #333; }
.checkBox.default>input:checked+span.ip:after,
.radioBtn.default>input:checked+span.ip:after { border-color: #444 !important; }
.checkBox.primary>input:checked+span.ip:after,
.radioBtn.primary>input:checked+span.ip:after { border-color: #2196F3 !important; }
.checkBox.success>input:checked+span.ip:after,
.radioBtn.success>input:checked+span.ip:after { border-color: #8bc34a !important; }
.checkBox.info>input:checked+span.ip:after,
.radioBtn.info>input:checked+span.ip:after { border-color: #3de0f5 !important; }
.checkBox.warning>input:checked+span.ip:after,
.radioBtn.warning>input:checked+span.ip:after { border-color: #FFC107 !important; }
.checkBox.danger>input:checked+span.ip:after,
.radioBtn.danger>input:checked+span.ip:after { border-color: #f44336 !important; }
.checkBox>input:disabled+span.ip::before,
.radioBtn>input:disabled+span.ip::before { background: #e3e3e3; }
.checkBox>input:disabled+span.ip::after, 
.radioBtn>input:disabled+span.ip::after { border-color: #e3e3e3 !important; animation: unset; }
.checkBox.disabled>input:checked+span.ip:after, .radioBtn.disabled>input:checked+span.ip:after { border-color: #f7f7f7 !important; animation: unset; }
.checkBox.disabled:before,.radioBtn.disabled:before { background: #ddd; }

table .checkBox, table .radioBtn { height: 20px; vertical-align: middle; }
table .checkBox>span.ip, table .radioBtn>span.ip { height: 100%; padding: 0 0 0 20px; line-height: 20px; }
table .checkBox>span.ip:before, table .radioBtn>span.ip:before { top:0; }
table .checkBox>span.ip:after, table .radioBtn>span.ip:after { top: 10px; }
table .form-check-input { margin-top: -1px; vertical-align: middle; }
table .form-check { margin-bottom: 0; }

table .form-switch .form-check-input { margin-left: -2em; }


@keyframes check_box {
  0% { height: 0; width: 0; }
  25% { height: 0; width: 10px; }
  50% { height: 20px; width: 10px; }
}

/* ========================================================= */
/*                         search                            */
/* ========================================================= */
.ul-search input.input[type="text"], input.input[type="password"]{ height: 32px; padding: 4px 8px; color: #555; font-size: 13px; border: 1px solid #ccc; appearance: none;	
  -webkit-appearance: none; }
.ul-search input, .ul-search .input-group-text, .ul-search .input-group button.btn { font-size:13px; border-radius:0px; }
@-moz-document url-prefix() {	.ul-search .btn {	position:relative; top:-1px; font-size:13px; border-radius:0px;	height:32px;} }
.ul-search select { padding: 0 20px 0px 5px; font-size: 12px; height: 32px; color: #555555; border: 1px solid #ccc; border-radius: 0; -webkit-appearance: none;
  -moz-appearance: none; appearance: none; -webkit-appearance: none;
  background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAYAAAC0VX7mAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpi/P//PwM1ARMDlQHVDWTBJbF167b/m7dtxyrn4+XJ4OPtxUiSC72BGnyBGkkxjKCXQYY6OzrC+aEhQXgNw+tlJENABvwXEhZkABrOSEg948hLNgABBgBdohcNuY0h3gAAAABJRU5ErkJggg==') no-repeat right center; }


/* ========================================================= */
/*                         BS5 custom                        */
/* ========================================================= */
input:focus, .form-control:focus, .form-select:focus { box-shadow:none !important; }
.form-control::placeholder { font-size: 13px; }
.form-control.form-control-sm::placeholder { font-size: 11px; }
.form-control.form-control-lg::placeholder { font-size: 15px; }
.bootstrap-select .dropdown-menu { border-radius: 0; padding: 0; }
.bootstrap-select .dropdown-menu li a { font-size: 12px; }
.bs-searchbox { border-bottom: 1px solid #ededed; padding-bottom: 7px; margin-top: 2px; }
.bs-searchbox .form-control { font-size: 13px; height: 30px; }
.bootstrap-select .no-results { font-size: 13px; margin: 0 8px 5px; padding: 3px 6px; }


.bootstrap-select .dropdown-item { padding:5px 10px !important; }


/* ========================================================= */
/*                           etc...                          */
/* ========================================================= */
.row.cell-1x { margin: -2px; }
.row.cell-1x>div { padding: 2px; }
.row.cell-1x>div>div.panel { margin-bottom: 0; }
.row.cell-2x { margin: -5px; }
.row.cell-2x>div { padding: 5px; }
.row.cell-2x>div>div.panel { margin-bottom: 0; }
.row.cell-3x { margin: -10px; }
.row.cell-3x>div { padding: 10px; }
.row.cell-3x>div>div.panel { margin-bottom: 0; }
.row.cell-4x { margin: -15px; }
.row.cell-4x>div { padding: 15px; }
.row.cell-4x>div>div.panel { margin-bottom: 0; }
.row.cell-5x { margin: -20px; }
.row.cell-5x>div { padding: 20px; }
.row.cell-5x>div>div.panel { margin-bottom: 0; }
.row::before,
.row::after { display: none !important; }

span.sub-label { position:relative; display:inline-block; padding:6px 10px; background:#e7e7e7; height:32px; }

/* flex box */
.flex-right { justify-content: right; }
.flex-g1 { display: flex; gap:1px; flex-wrap: wrap; }
.flex-g2 { display: flex; gap:2px; flex-wrap: wrap; }
.flex-g3 { display: flex; gap:3px; flex-wrap: wrap; }
.flex-g4 { display: flex; gap:4px; flex-wrap: wrap; }
.flex-g5 { display: flex; gap:5px; flex-wrap: wrap; }
.flex-g10 { display: flex; gap:10px; flex-wrap: wrap; }
.flex-g15 { display: flex; gap:15px; flex-wrap: wrap; }
.flex-g20 { display: flex; gap:20px; flex-wrap: wrap; }

/* title */
.tit { border-bottom: 2px solid #ddd; padding-bottom: 2px; font-weight: 600; color: #27609d; }
.tit>small { color:#919cad; margin-left: 5px; }
.tit+.tbox { background-color: #f7f7f7; padding: 10px 10px 10px; }

/* search box */
.search .btn, .search select, .search .input-group-text, .search input { border-radius: 0; }

/* tab navi */
.tab-s1.tab-btns { border-bottom: 1px solid #cfd8dc; }
.tab-s1.tab-btns>ul>li { float: left; margin-bottom: -1px; text-align: center; }
.tab-s1.tab-btns>ul>li>button { position: relative; display: block; border-top: 1px solid #cfd8dc; border-right: none; border-bottom: 1px solid #cfd8dc; border-left: 1px solid #cfd8dc; border-radius: 0 !important; background-color: #F1F3F5; color: #4b90b3; font-weight: 500; width: 100%; }
.tab-s1.tab-btns>ul>li:last-child>button { border-right: 1px solid #cfd8dc; }
.tab-s1.tab-btns>ul>li>button:after { content: ''; height: 0px; display: block; position: absolute; top: -1px; left: -1px; right: -1px; background-color: transparent; z-index: 1; transition: all ease 0.30s; -webkit-transition: all ease 0.30s; -moz-transition: all ease 0.30s; -ms-transition: all ease 0.30s; -o-transition: all ease 0.30s; }
.tab-s1.tab-btns>ul>li>button.active { background-color: #fff; border-bottom: 1px solid #fff; margin-bottom: -1px; color: #263238; font-weight: 600; }
.tab-s1.tab-btns>ul>li>button.active:after { background-color: #9F4BC1; height: 3px; }
.tab-s2.tab-btns { border-bottom: 1px solid #e2e2e2; }
.tab-s2.tab-btns>ul>li { float: left; margin-bottom: -1px; }
.tab-s2.tab-btns>ul>li>button { position: relative; display: block; border-top: 1px solid #e2e2e2; border-right: none; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-radius: 0 !important; background-color: #fff9f4; color: #b3968c; width: 100%; }
.tab-s2.tab-btns>ul>li:last-child button { border-right: 1px solid #e2e2e2; }
.tab-s2.tab-btns>ul>li button:after { content: ''; height: 0px; display: block; position: absolute; top: -1px; left: -1px; right: -1px; background-color: transparent; z-index: 1; transition: all ease 0.30s; -webkit-transition: all ease 0.30s; -moz-transition: all ease 0.30s; -ms-transition: all ease 0.30s; -o-transition: all ease 0.30s; }
.tab-s2.tab-btns>ul>li button.active { background-color: #fff; border-bottom: 1px solid #fff; color: #4a1421; font-weight: 600; }
.tab-s2.tab-btns>ul>li button.active:after { background-color: #f96e8e; height: 3px; }

/* sweet alert custrom */
.swal2-popup { width: initial; min-width: 22rem; border: 2px solid #234036; }
.swal2-popup .swal2-title { color: #10b981; }
.swal2-popup .swal2-icon { zoom: 0.60; margin: 2.25em auto 0em; }
.swal2-popup .swal2-close { height: 1.2em; padding: 0; }
.swal2-popup .swal2-actions { margin: 1em auto 0; }
.swal2-popup .swal2-actions>button { margin: 0 10px; padding: 0; min-width: 80px; }
.swal2-popup .swal2-html-container { font-size: 1.05em; }
.swal2-popup .swal2-styled.swal2-cancel { border-color: #545b62; background-color: #a8aeb3; }
/* toast custom */
.jq-toast-wrap .jq-toast-single { margin: 0 0 15px; padding: 12px 20px 8px 12px; border: 1px solid rgb(0 0 0 / 25%); border-radius: 2px; border-top-left-radius: 0; 
  border-top-right-radius: 0; word-break: keep-all; background-color: rgb(33 33 33 / 80%); }
.jq-toast-wrap .jq-toast-single.jq-has-icon { padding: 12px 20px 12px 50px; }
.jq-toast-wrap .jq-toast-single a { padding-bottom: 1px; }
.jq-toast-wrap .jq-toast-single a:hover { color:inherit; }
.jq-toast-wrap .jq-toast-single .jq-toast-heading { background: rgb(0 0 0 / 11%); padding: 4px 5px 3px; font-weight: 600; color:#fff; }
.jq-toast-wrap .jq-toast-loader { top: 0px; height: 4px; border-radius: 0px; background-color: rgba(255, 255, 255, 0.33) !important; color: #fff; }
.jq-toast-wrap .close-jq-toast-single { top:11px; }
.jq-toast-wrap .jq-icon-info { background-color: #62bfc7; color: #2d595d; }
.jq-toast-wrap .jq-icon-error { background-color: #b35755; }
.jq-toast-wrap .jq-icon-warning { background-color: #bda259; color: #554929; }
.jq-toast-wrap .jq-icon-success { background-color: #61af52; color: #32552b; }

/* datepicker custom */
.datepicker.dropdown-menu { padding:0; border-color:#24a57a; min-width: 265px; }
.datepicker.dropdown-menu.datepicker-orient-top:before { border-top: 7px solid #24a57a; }
.datepicker.dropdown-menu table { width: 100%; }
.datepicker.dropdown-menu table>thead>tr>th { border-radius: 0; background-color: #10b981; color:#fff; text-align: center;}
.datepicker.dropdown-menu th.prev>span,
.datepicker.dropdown-menu th.next>span { width: 24px; }
.datepicker.dropdown-menu th.datepicker-switch { height: 60px; font-size: 16px; font-weight: 500; letter-spacing: 1px; }
.datepicker.dropdown-menu th.prev:hover,
.datepicker.dropdown-menu th.next:hover,
.datepicker.dropdown-menu th.datepicker-switch:hover { background-color: #0faf7a; }
.datepicker.dropdown-menu table>thead>tr>th.cw,
.datepicker.dropdown-menu table>thead>tr>th.dow { background-color: #24a57a; }
.datepicker.dropdown-menu table>thead>tr>th.dow { font-size: 14px; border-bottom: 1px solid #ffffff; }
.datepicker.dropdown-menu table>tbody>tr>td { width: 36px; height: 36px; font-size: 15px; transition: all ease 0.25s; }
.datepicker.dropdown-menu table>tbody>tr>td:not(.new):not(.old):nth-child(6) { color: #0d6efd; }
.datepicker.dropdown-menu table>tbody>tr>td:not(.new):not(.old):nth-child(7) { color: #b81c1c; }
.datepicker.dropdown-menu table>tbody>tr>td.today { text-decoration: underline; background-image: linear-gradient(to bottom, #fff, #fff); }
.datepicker.dropdown-menu table>tbody>tr>td.today:hover { background-image: linear-gradient(to bottom, #eee, #eee); }
.datepicker.dropdown-menu table>tbody>tr>td.day.active:hover,
.datepicker.dropdown-menu table>tbody>tr>td.active,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-image: linear-gradient(to bottom, #10b981, #219971); color:#fff !important; }
.datepicker.dropdown-menu table>tfoot>tr>th.today { background-color: #10aa77; color:#fff; border-bottom: 3px solid #fff; }
.datepicker.dropdown-menu table>tfoot>tr>th.today:hover { background-color: #0faf7a; }
.datepicker.dropdown-menu table>tfoot>tr>th.clear { background-color: #b8b8b8; color:#fff; }
.datepicker.dropdown-menu table>tfoot>tr>th.clear:hover { background-color: #b1b1b1; }


/* list form layout */
.list td:has(button) { padding:2px !important }
.list td:has(input[type="checkbox"]) { padding:2px !important }
.list td button.btn { height:25px; font-size:12px; --bs-btn-padding-y: 2px; }
.list .form-check-input:checked { background-color: #666; border-color: #666; }

span.currency::after { content: " 원"; font-size: 12px; color: #666; }
input.currency { text-align:right }
input.decimal { text-align:right }
input.date { text-align:center }

/* hands on table */
.sheets { border: 2px solid #666; }
.sheets .handsontable { font-family: 'Noto Sans KR', 'Open Sans', sans-serif; font-size: 12px; }
.sheets .handsontable .htDimmed { color: #000; }
.sheets .wordWrapClass { text-overflow: ellipsis; white-space: nowrap !important; }
.sheets .handsontable .htCheckboxRendererInput { margin: 0; }
.sheets .handsontable td { padding: 0 4px; height: 20px; line-height: 20px; background-color: #fff; vertical-align: middle; overflow: hidden; }
.sheets .ht_clone_master textarea { background:#ccffcc; text-align:right }

/* edit form layout */
.edit-form { margin-bottom:20px; }
.edit-form label.form-label small { margin-left:8px; font-weight:400; color:#555; }
.edit-form .col-form-label { padding:10px 10px 10px 0 !important; }
.edit-form .form-title { border-bottom: 1px solid #d9dee1 !important; }
.edit-form .form-title h5 { font-size:18px; font-weight:500; }
.edit-form .form-title h5 > small { font-size:12px; }
.edit-form .form-group { padding:10px 0; border-bottom: 1px dashed #d9dee1; }
.edit-form .form-control-text { padding:7px 0;}
.edit-form .bootstrap-select button.btn { --bs-btn-padding-y: 8px; height: 38px; border-radius: .25rem; }
.edit-form .form-text-value { font-size:14px; padding:10px; }

.edit-form table { font-size:12px; }


.navimap { padding:10px 20px; background:#fff; }
.navimap > ol.breadcrumb { margin-bottom:0; }
.navimap > ol.breadcrumb > li { color:#444; font-size:12px; font-weight:400; }
.navimap > ol.breadcrumb > li.active { color:#222; font-size:12px; font-weight:500; }
.navimap > ol.breadcrumb > li + li::before { padding: 0 5px; color: #ccc; content: "\003E"; }

.breadcrumb { margin-bottom: 25px; }
.breadcrumb>ul { display: flex; align-items: center; gap:3px;  }
.breadcrumb>ul>li { line-height: 18px; }
.breadcrumb>ul>li::after { content:'\f105'; font: var(--fa-font-solid); color:#cecece; margin: 0 3px 0 6px; font-size: 12px; }
.breadcrumb>ul>li:last-child::after { content:''; margin:0; }
.breadcrumb>ul>li:last-child { font-weight: 500; }
.breadcrumb>ul>li>a { color: #888; }

/* drop-item */
.swiz .dropdown-menu { --bs-dropdown-padding-y: 5px; }
.swiz .dropdown-item { font-size: 13px; cursor: pointer; }

/* radius setting */
div.radius-0x .form-control, 
div.radius-0x .form-select,
div.radius-0x button.btn,
div.radius-0x .input-group-text { border-radius: 0px; }

div.radius-3x .form-control, 
div.radius-3x .form-select,
div.radius-3x button.btn,
div.radius-3x .chosen-container-single .chosen-single,
div.radius-3x .input-group-text { border-radius: 3px; }


div.radius-5x .form-control, 
div.radius-5x .form-select,
div.radius-5x button.btn,
div.radius-5x .input-group-text { border-radius: 5px; }

.form-floating > .form-control { height: calc(3.5rem + 5px); line-height: 1.25; }

/* ========================================================= */
/*                         page layout                       */
/* ========================================================= */
.page-head { 
  height: 250px;
  margin: -20px 0 20px;
  padding-bottom: 20px;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
}
.page-head h3 { 
  font-size: 30px;
  font-weight: 700;
  color:#fff;
  text-shadow: 0 0 3px rgb(0 0 0 / 30%);
}
.page-head p.stit {
  font-size: 22px;
  font-weight: 500;
  color:#fff;
  text-shadow: 0 0 1px rgb(0 0 0 / 30%);
}


/* ========================================================= */
/*                            cart                           */
/* ========================================================= */
.cart .page-head { background-image: url('/images/backgrounds/bg_doff.png'); }
.cart h4 { 
  border-bottom: 2px solid #f2f2f9;
  padding-bottom: 8px;
  margin-bottom: 15px;
  font-size: 22px;
}
/* .cart .c-list .ibox-body .item-wrap {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.cart .c-list .ibox-body .item-wrap:last-child { 
  padding-bottom: 0; 
  margin-bottom: 0; 
  border:none; 
} */
.cart .c-list .ibox-body .item-wrap {
  margin-bottom: 10px;
}
.cart .c-list .ibox-body .item-wrap:last-child { 
  margin-bottom: 0; 
}
.cart .c-list .ibox-body .item-wrap ul>li.item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 2px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-img img {
  max-width: 120px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-inf {
  min-width: 40%;
  padding: 0 20px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-inf p.item-nm {
  font-size: 15px;
  font-weight: 500;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-inf p.item-op {
  font-size: 14px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-num {
  width: 150px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-num button {
  background: #f7f7f7;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-prc {
  min-width: 15%;
  padding: 0 20px;
  text-align: right;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-prc>p {
  font-size: 20px;
  font-weight: 700;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-del {
  width: 40px;
}
.cart .c-list .ibox-body .item-wrap ul>li.item>.i-del>button { 
  width: 100%; 
}
.cart .c-list .ibox-body .item-wrap .d-price {
  margin-top: 5px;
  background: #f2f9fd;
  text-align: right;
  padding: 5px 10px 5px;
  border-bottom: 1px solid #deeaf1;
}