@charset "utf-8";

/* CSS Document */
* {-webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-sizing: border-box}
*:focus {outline:1px solid #2e59d9;}
*[readonly] {outline: none;}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var, td, input, select, textarea, button {margin: 0; padding: 0}
h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub {font-size: 1em;}
fieldset, img {border: 0 none;}
dl, ul, ol, menu, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
img, input, button, select, textarea {vertical-align: middle;}
label {vertical-align: middle;}
/*me*/
select option {text-align: left; text-align-last: center;}
/*me*/
button {border: 0 none; background-color: transparent; cursor: pointer; margin: 0; padding: 0; overflow: visible;}
button::-moz-focus-inner {border: 0; padding: 0;}
a {color: #333; text-decoration: none;}
a:active, a:hover {text-decoration: none;}
address, caption, cite, code, dfn, em, var {font-style: normal; font-weight: normal;}
i, em, address {font-style: normal;}
button {cursor: pointer;}
hr {display: none;}
table {border-spacing: 0px; border: 0px; border-collapse: collapse;}
/*legend, hr {overflow: hidden; position: absolute; top: 0; left: 0;} legend, hr, caption {visibility: hidden; font-size: 0; width: 0; height: 0; line-height: 0;}*/

h1, h2, h3, h4, h5, h6 {font-weight:500; font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important}
body {font-weight:300; font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; font-size:15px}
th, td, input, select, textarea, button {font-weight:300; font-family:'Noto Sans KR','Nanum Gothic', '나눔고딕', Helvetica, 'Apple SD Gothic Neo', Sans-serif,serif !important; /*font-size:15px;*/}
/* input:focus, select:focus, option:focus, textarea:focus, button:focus{outline: none;} */

/* HTML5 display-role reset for older browsers */
header, footer, section, article, aside, nav, hgroup, details, figure, figcaption {display: block}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {content: " "; display: table;}
html, body {height:100%; overflow: auto; min-width:1800px;}

.wrapper {position: relative; width: 100%; height: 100%; -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
.wrapper:before, .wrapper:after {content: " "; display: table;}
.wrapper:after {clear: both;}
.wrapper.wrapper-boxed {max-width: 960px; margin: 0 auto;}
.wrapper > .aside {position: fixed; z-index: 501; margin-top: 40px; top: 0; left: 0; bottom: 0; width: 200px;}
.wrapper > section {position: relative; background-color:#f2f6fc; min-height: 100%; z-index: 11; margin-left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-left: 200px; padding-top: 40px; height: 100%;}

.main-content {padding: 20px 20px; height: 100%; overflow: auto;}
.main-content > h3 {margin: 0 0 30px 0; font-weight: normal;}

.navbar-top {position: fixed; top: 0; left: 0; right: 0; border: 0; background-color: #fff; z-index:100;}
.navbar-top .navbar-header {position: relative; width: 200px; text-align: center; /*background-color: #01b6ad;*/background-color: #4e73df; height: 41px; z-index: 11; float: left;}
.navbar-top .navbar-header .navbar-brand {color: #fff; font-weight: bold; text-align: center; /*line-height: 19px; padding: 20px 15px;*/ padding: 0px 0px; font-size: 18px; line-height: 40px; height: 40px;}
.navbar-top .navbar-header .brand-logo {display: block; height: 100%;}
.navbar-top .navbar-header .brand-logo-collapsed {display: none; font-size: 12px; height: 100%;}
.navbar-top [data-toggle="aside"] {position: static; color: #aaa !important; font-size: 18px !important; line-height: inherit !important; padding-top: 7px; 	padding-bottom: 7px;}

.nav-wrapper {padding: 0 15px; height: 40px; background-color: #fff;position: relative; background-color: #fff; box-shadow: 0 1px 2px rgb(0 0 0 / 15%); z-index: 10; box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;} 
.nav-wrapper .nav.navbar-nav {float: left;}
.nav-wrapper .nav.navbar-nav > li {padding:0;}
.nav-wrapper .nav.navbar-nav.navbar-right {float: right;}
.nav-wrapper .nav > li {position: static; float: left;}
.navbar-nav {float: left; margin: 0;}

.nav > li > a {position: relative; display: block; padding: 10px 15px;}
.navbar-top [data-title="쪽지함"] {position: absolute; top: 0; right: 110px; color: #aaa !important; font-size: 18px; line-height: inherit !important; padding-top: 7px; padding-bottom: 7px;}
.navbar-top [data-title="비밀번호 변경"] {position: absolute; top: 0; right: 70px; color: #aaa !important; font-size: 18px; line-height: inherit !important; padding-top: 7px; padding-bottom: 7px;}
.navbar-top [data-title="로그아웃"] {position: absolute; top: 0; right: 20px; color: #aaa !important; font-size: 18px; line-height: inherit !important; padding-top: 7px; padding-bottom: 7px;}

.aside-toggled .navbar-top .navbar-header {width: 70px;}
.aside-toggled .wrapper > .aside {width: 70px;}
.aside-toggled .wrapper > section {-webkit-transform: none; -moz-transform: none; -opera-transform: none; -ms-transform: none; transform: none; margin-left: 70px;}
.aside-toggled .navbar-top .navbar-header .brand-logo {display: none;}
.aside-toggled .navbar-top .navbar-header .brand-logo-collapsed {display: block; font-size: 12px;}

.sidebar {height: 100%; overflow-y: auto; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; background-color: #4e73df; background-image: linear-gradient(180deg,#4e73df 10%,#224abe 100%); background-size: cover;}
.sidebar {scrollbar-arrow-color:#bbb; scrollbar-Track-Color: #fff; scrollbar-base-color: #fff; scrollbar-Face-Color: #bbb; scrollbar-3dLight-Color: #bbb; scrollbar-DarkShadow-Color: #bbb; scrollbar-Highlight-Color: #bbb; scrollbar-Shadow-Color: #bbb}
.sidebar::-webkit-scrollbar {-webkit-appearance: none;} 
.sidebar::-webkit-scrollbar:vertical {width: 6px;} 
.sidebar::-webkit-scrollbar:horizontal {height: 6px;} 
.sidebar::-webkit-scrollbar-thumb {background:rgb(78 115 223 / 19%); border-radius: 10px; padding:0 2px;} 
.sidebar::-webkit-scrollbar-track {border-radius: 10px; background-color: #fff; border-left:1px solid #ddd;}

.sidebar > .nav {position: relative; padding-bottom: 60px; min-height: 100%;}
.sidebar .nav > li > a {padding: 12px 18px 12px 18px; color: rgba(255,255,255,.8); font-weight: 500; font-size: 0.9em; letter-spacing: -.02em; /*text-shadow: 0 1px 3px #222;*/ -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.sidebar .nav > li > a i {font-size: .85rem; margin-right: 0.25rem; color: rgba(255,255,255,.3);}
.sidebar .nav > li > a:focus, .sidebar .nav > li > a:hover {color: #fff; background-color: transparent;}
.sidebar .nav > li > a:focus i, .sidebar .nav > li > a:hover i {color: #fff; background-color: transparent;}
.sidebar .nav > li > a:hover .fa.arrow {color: #fff; background-color: transparent;}

.nav > li {position: relative; display: block;}
ul.nav > li {background-size: cover;}
ul.nav > li:first-child {padding-top:10px;}
ul.nav > li:last-child {padding-bottom:10px;}

.sidebar .nav .nav {background: #fff; margin: 0 1rem 1em; border-radius: 0.35rem!important; }
.collapse {display: none;}
.collapse.in {display: block;}

.sidebar .nav .nav > li > a {position: relative; padding: 6px 15px; font-size: 0.85em; font-weight: normal; padding: 0.5rem 1rem; margin: 0 0.5rem; display: block; color: #3a3b45; text-decoration: none; border-radius: 0.35rem; white-space: nowrap;}
.sidebar .nav .nav > li.active > a {color: #4e73df;}
.sidebar .nav .nav > li > a:hover {background-color: #eaecf4;}

aside nav i {width: 15px;}

.aside-toggled .sidebar .nav > li.open > a:focus i {color: rgba(255,255,255,.3); background-color: transparent;}
.aside-toggled .sidebar .nav > li.open > a:hover i {color: #fff; background-color: transparent;}
.aside-toggled .sidebar .nav > li > a:focus i {color: rgba(255,255,255,.3); background-color: transparent;}
.aside-toggled .sidebar .nav > li > a:hover i {color: #fff; background-color: transparent;}

.aside-toggled .sidebar {overflow: visible !important;}
.aside-toggled .sidebar > .nav > li > a > em {font-size: 1.4em; width: auto;}
.aside-toggled .sidebar > .nav > li > a, .aside-toggled .sidebar > .nav > li > .item {padding: 10px 0; text-align: center;}
.aside-toggled .sidebar > .nav > li > a .item-text,
.aside-toggled .sidebar > .nav > li > .item .item-text {display: none; position: absolute; left: 100%; top: 0; padding-left: 20px; font-weight: normal; line-height: 40px; white-space: nowrap; color: #fff; background: #212429; z-index: 2002; padding-bottom:10px;}
.aside-toggled .sidebar > .nav > li > a.no-submenu .item-text,
.aside-toggled .sidebar > .nav > li > .item.no-submenu .item-text {display: none !important;}

.aside-toggled .sidebar .nav .nav {display: none; position: absolute; top: 0; left: 100%; padding-left: 0px; padding-top: 0px; min-width: 180px; z-index: 2001; height: auto !important; margin:0; background: #4e73df; border-radius: 0 0.35rem 0.35rem 0 !important; box-shadow: 0 1px 6px rgb(32 33 36 / 28%);}
.aside-toggled .sidebar .nav .nav li a {color:#fff;}
.aside-toggled .sidebar .nav .nav > li a:hover {background-color: #eaecf4; color:#3a3b45;}
.aside-toggled .sidebar .nav .nav .nav {padding-top: 10px; padding-bottom: 10px;}
.aside-toggled .sidebar .nav > li:hover > .nav {display: block;}
.aside-toggled .sidebar .nav > li.open:hover > .nav {display: block;}
.aside-toggled .sidebar .nav > li.open > .nav {display: none;}
.aside-toggled .sidebar .nav > li:hover .item-text, 
.aside-toggled .sidebar .nav > li.open .item-text {display:none; /*display: block; position: absolute; top: 0px; right: 0px; width: 180px; background: #000; padding:0; border-radius:0.35rem; box-shadow: 0 1px 6px rgb(32 33 36 / 28%);*/}
.aside-toggled .sidebar .nav > li:hover .item-text .arrow,
.aside-toggled .sidebar .nav > li.open .item-text .arrow {display:none;}
.aside-toggled .sidebar .nav .label {position: absolute; top: 10px; right: 5px;}

.arrow {float: right; margin-top:2px; color:rgba(255,255,255,0.2);}
.fa.arrow:before {content: "\f067";}
.active > a .fa.arrow:before {display:none;}

.collapsing {position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #333; background-color: transparent;}

.sidebar-divider {display:block; border: 0; border-top: 1px solid rgba(255,255,255,.15); margin: 0 1rem 1rem; margin-bottom: 0!important; margin-top: 0!important;}

/* tooltip */
.tooltip {position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0);}
.tooltip.in {opacity: 0.9; filter: alpha(opacity=90);}
.tooltip.top {margin-top: -3px; padding: 5px 0;}
.tooltip.right {margin-left: 3px; padding: 0 5px;}
.tooltip.bottom {margin-top: 3px; padding: 5px 0;}
.tooltip.left {margin-left: -3px; padding: 0 5px;}
.tooltip-inner {max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #222; border-radius: 4px;}
.tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #222;}
.tooltip.top-left .tooltip-arrow {bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #222;}
.tooltip.top-right .tooltip-arrow {bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #222;}
.tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #222;}
.tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #222;}
.tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #222;}
.tooltip.bottom-left .tooltip-arrow {top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #222;}
.tooltip.bottom-right .tooltip-arrow {top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #222;}

/* tabs */
.nav-tabs {display: flex; /*width: 100%; justify-content: space-around;*/ border-bottom: 1px solid #0061f2; flex-wrap: wrap;}
.nav-tabs li {flex: 0 1 130px; text-align: center;}
.nav-tabs li a.on {border-bottom: 2px solid #0061f2; color: #fff; cursor: default; background-color: #0061f2; box-shadow: 1px 0px 3px 1px rgb(0 0 0 / 38%);}
.nav-tabs li a.on:hover {color:#fff;}
.nav-tabs > li > a {display: block; padding: 10px 0; border-radius: 4px 4px 0 0; color: #69707a; font-weight: 500; font-size: 14px;}
.nav-tabs > li:first-child > a {/*margin-left: 0rem;*/}
.nav-tabs > li > a:hover {/*background-color: #e6e6e6;*/ color: #0061f2;}

.detail-tabs {display: flex; border-bottom: 1px solid #0061f2; margin-bottom: 10px;}
.detail-tabs li {flex: 1; text-align: center;}
.detail-tabs li a.on {-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none; border-bottom: 2px solid #0061f2; color: #fff; cursor: default; background-color: #0061f2; box-shadow: 1px 0px 3px 1px rgb(0 0 0 / 38%);}
.detail-tabs li a.on:hover {color:#fff;}
.detail-tabs > li > a {display:block;padding:10px 0;border-radius: 4px 4px 0 0;color: #69707a;font-weight: 500;font-size: 12px;}
.detail-tabs > li > a:hover {color: #0061f2;}

/* pagination */
.pagination {display: flex; padding-left: 0; list-style: none; border-radius: 0.35rem;margin: 2px 0; white-space: nowrap; justify-content: flex-end;}
.page-link {position: relative; display: block; padding: 0.5rem 0.75rem; line-height: 1.25; border: 1px solid #dddfeb; border-right: 0;}
.page-link:hover {z-index: 2; color: #224abe; text-decoration: none; background-color: #eaecf4; border-color: #dddfeb;}
.page-item.disabled .page-link {color: #858796; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dddfeb;}
.page-item:first-child .page-link {margin-left: 0; border-top-left-radius: 0.35rem; border-bottom-left-radius: 0.35rem;}
.page-item.active .page-link {z-index: 3; color: #fff; background-color: #4e73df; border-color: #4e73df;}
.page-item:last-child .page-link {border-top-right-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-right: 1px solid #dddfeb;}

/* detail dom */
.full-detable {width: 100%; float: left;}
.left-detable {width: 62%; float: left;}
.right-detable {width: 38%;float:left;padding-left: 20px;padding-right: 90px;}
.left-detable-s {width: 47%; float: left;}
.right-detable-s {width: 53%;float:left;padding-left: 20px;padding-right: 90px;}
.right-detable-ss {width: 53%;float:left;padding-left: 20px;padding-right: 0px;}
.min30-detable {width: 30%; float: left;margin-left: 2.5%;}

/* div dom */
.dom-div {/*box-shadow: -2px 3px 10px 1px rgb(33 40 50 / 15%);*/box-shadow: 0 1px 6px rgba(32,33,36,.28); position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid rgba(33, 40, 50, 0.125); border-radius: 0.35rem; padding: 10px;}
.dom-div table {border-collapse: collapse; width: 100%; border-spacing: 0;}
.dom-div table > thead > tr > th {/*padding: 12px 8px;*/padding: 8px 8px;vertical-align: bottom; border-bottom: 2px solid #e3e6f0; color: #000000;text-align: center; font-size:13px;white-space: nowrap;}
.dom-div table > tbody > tr > td {/*padding: 8px;*/padding: 4px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #e3e6f0; font-size:12px; white-space: nowrap;}
.dom-div-lr {display: flex; flex-wrap: wrap; margin-top: 20px; margin-bottom: 15px;}
.dom-div-lr .dom-div-left {flex: 0 0 41.66667%; max-width: 41.66667%;}
.dom-div-lr .dom-div-right {flex: 0 0 58.33333%; max-width: 58.33333%;}
.dom-div-lr .dom-div-left-w {flex: 0 0 47.66667%; max-width: 47.66667%;}
.dom-div-lr .dom-div-right-w {flex: 0 0 52.33333%; max-width: 52.33333%;}
.dom-div-lr .dom-ttl-left {flex: 1 0 86%; max-width: 88%; margin-right: 10px;}
.dom-div-lr .dom-ttl-right {flex: 0 0 12%; max-width: 12%;}
.dom-div-lr .dom-ttl-full {flex: 0 0 100%; max-width: 100%;}

.dom-div-lr-s {display: flex; flex-wrap: wrap; margin-top: 0px; margin-bottom: 0px;}
.dom-div-lr-s .dom-div-left-s {flex: 0 0 41.66667%; max-width: 41.66667%;}
.dom-div-lr-s .dom-div-right-s {flex: 0 0 58.33333%; max-width: 58.33333%;}
.dom-div-lr-s .dom-ttl-left-s {flex: 1 0 86%; max-width: 88%; margin-right: 10px;}
.dom-div-lr-s .dom-ttl-right-s {flex: 0 0 12%; max-width: 12%;}

.panel-div {/*box-shadow: -2px 3px 10px 1px rgb(33 40 50 / 15%);*/ box-shadow: 0 1px 6px rgba(32,33,36,.28); position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid rgba(33, 40, 50, 0.125); border-radius: 0.35rem; padding: 10px; overflow-x: auto;}
.login_wrapper {position: absolute;top: 26%;left: 50%;width: 430px;height: 390px;margin-left: -200px;margin-top: -50px;}


.panel-div table {border: 1px solid #eee;}
.panel-div table {border-collapse: collapse; width: 100%; border-spacing: 0;}
.panel-div table > thead > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}
.panel-div table > tbody > tr > td {/*padding: 8px;*/padding: 4px; line-height: 1.42857143; vertical-align: middle; border: 1px solid #e3e6f0; font-size:13px; background-color: #f3f5f9;}

.panel-did {/*box-shadow: -2px 3px 10px 1px rgb(33 40 50 / 15%);*/ box-shadow: 0 1px 6px rgba(32,33,36,.28); position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid rgba(33, 40, 50, 0.125); border-radius: 0.35rem; padding: 10px; overflow-x: auto;}
.panel-did table {border: 1px solid #eee;}
.panel-did table {border-collapse: collapse; width: 100%; border-spacing: 0;}
.panel-did table > thead > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}
.panel-did table > tbody > tr > td {/*padding: 8px;*/padding: 4px; line-height: 1.42857143; vertical-align: middle; border: 1px solid #e3e6f0; font-size:13px; background-color: #fff;}
.panel-did table > tbody > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}

.panel-dite {/*box-shadow: -2px 3px 10px 1px rgb(33 40 50 / 15%);*/ box-shadow: 0 1px 6px rgba(32,33,36,.28); position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0px solid rgba(33, 40, 50, 0.125); border-radius: 0.35rem; /*overflow-x: auto;*/}
.panel-dite table {border: 1px solid #eee;}
.panel-dite table {border-collapse: collapse; width: 100%; border-spacing: 0;}
.panel-dite table > thead > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}
.panel-dite table > tbody > tr > td {/*padding: 8px;*/padding: 4px; line-height: 1.42857143; vertical-align: middle; border: 1px solid #e3e6f0; font-size:13px; background-color: #f3f5f9; word-break: break-all;}
.panel-dite table > tbody > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}


.panel-pop table {border: 1px solid #eee;}
.panel-pop table {border-collapse: collapse; width: 100%; border-spacing: 0;}
.panel-pop table > thead > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}
.panel-pop table > tbody > tr > td {/*padding: 8px;*/padding: 4px; line-height: 1.42857143; vertical-align: middle; border: 1px solid #e3e6f0; font-size:13px; background: #f2f6fc;}
.panel-pop table > tbody > tr > th {/*padding: 8px;*/padding: 4px; border: 1px solid #e3e6f0; color: #000000;text-align: center; background-color: #fcf8e3; font-size:13px;}

/* detail list title */
.dete-top-ttl {width:100%;}
.dete-top-ttl tr th {background:#ddd; padding:5px 10px; border:1px solid #ddd;}
.dete-top-ttl tr td { padding:5px 10px; border:1px solid #ddd; text-align:center; background: #fff;}

/* btn */
.btn {display: inline-block; font-weight: 400; color: #858796; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.35rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-blue {padding: 0.25rem 1rem; font-size: .875rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #888; border-color: #888;}
.btn-blue i {color: rgba(255,255,255,.5)!important; padding-right:3px;}
.btn-blue:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-blue:hover i {color: #fff !important;}
.btn-blue:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-blue:focus i {color: #fff !important;}

.btn-detail {padding: 0.13rem 1rem; font-size: 13px; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #888; border-color: #888; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);}
.btn-detail:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-detail:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-detail i {color: rgba(255,255,255,.5)!important; padding-right:3px;}
.btn-detail:hover i {color: #fff !important;}
.btn-detail:focus i {color: #fff !important;}

.btn-file {padding: 0.4rem; width: 100%; font-size: 14px; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #888; border-color: #888; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);}
.btn-file:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-file:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4;}

.btn-search {padding: 0.25rem 1rem; font-size: 18px; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #4e73df; border-color: #4e73df; border-top-left-radius: 0; border-bottom-left-radius: 0; box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 20%);}
.btn-search i {color: #fff; vertical-align: 2px;}
.btn-search:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-search:hover i {color: #fff !important;}
.btn-search:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-search:focus i {color: #fff !important;}

.btn-pop {padding: 0.25rem 3rem; font-size: .875rem; line-height: 1.5; border-radius: 0.2rem; color: #fff; background-color: #888; border-color: #888;}
.btn-pop:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4;}
.btn-pop:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4;}

.btn-s-edit {padding: 0; font-size: 11px; line-height: inherit; border-radius: 8px; color: #fff; background-color: #888; border-color: #888; font-weight:100; width:45px;}
.btn-s-edit:hover {color: #fff; background-color: #2e59d9; border-color: #2653d4; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);}
.btn-s-edit:focus {color: #fff; background-color: #2e59d9; border-color: #2653d4; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);}

.file-edit-ro .fa-download {color:#bbb;}
.file-edit-ro .fa-trash-alt {color:#bbb;}
.file-edit-ro .fa-download:hover, .file-edit-ro .fa-trash-alt:hover {color:#4e73df;}
.file-edit-ro .fa-download:focus, .file-edit-ro .fa-trash-alt:focus {color:#4e73df;}
/* modal */
.modal_overlay {background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(1.5px); -webkit-backdrop-filter: blur(1.5px); position: fixed; z-index: 11000; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,.6);}
.modal_window {background: #fff; backdrop-filter: blur(13.5px); -webkit-backdrop-filter: blur(13.5px); border-radius: 10px; border: 1px solid r gba(255, 255, 255, 0.18); width: 1000px; height: auto; position: absolute; left: 50%; margin-left: -500px; top: 50%; margin-top: -231px;}
.modal_window-s {background: #fff; backdrop-filter: blur(13.5px); -webkit-backdrop-filter: blur(13.5px); border-radius: 10px; border: 1px solid r gba(255, 255, 255, 0.18); width: 1500px; max-height: 800px; overflow: auto; position: absolute; left: 50%; margin-left: -700px; top: 331px; margin-top: -231px;}
.modal_title {display:flex; flex-direction:row; justify-content:space-between; font-weight:bold; font-size:20px;}
.modal_title_side{flex:0 0 40px; text-align:center;}

/* quickmenu */
.quickmenu {height: auto;}
.quick-items {position: absolute; width: 60px; top: 100px;  right: 30px; border-radius: 5px; border: 1px solid #ddd; z-index: 100; display: inline-block; height: auto; box-shadow: 0 1px 6px rgb(32 33 36 / 28%); background: #fff;}
.quick-items ul {width:100%; display:inline-block;}
.quick-items ul li {width:100%;border-bottom:1px solid #ddd;text-align:center;display:inline-block;}
.quick-items ul li:hover {background:#f8f9fc;}
.quick-items ul li button {font-size:12px; width: 100%; padding-top: 12px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px;}
.quick-items ul li button:hover {color:#000;}
.quick-items ul li button i {font-size:16pt; padding-bottom:6px;}
.quick-items ul li button:hover i {color:#4e73df;}
.quick-items ul li:first-child {padding-top:5px; border-radius: 5px 5px 0 0;}
.quick-items ul li:last-child {border-bottom:0; padding-bottom:5px; border-radius:0 0 5px 5px;}

.memo-dom table tbody tr td {}
.memo-dom table tbody tr td label {vertical-align:middle; margin-right:5px;}
.memo-dom table tbody tr:first-child td {background-color:#fcf8e3;}
.memo-dom table tbody tr:last-child td {/*padding: 20px;*/padding: 10px; line-height: 22px; background-color:#fdfdfd;}

.stlist_dp:nth-child(2n) tr td {background:#e1e5ef;}

/* etc */
.form-control {display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); /*padding: 0.375rem 0.75rem;*/ padding: 4px; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box; border: 0px solid #d1d3e2; border-radius: 0.35rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);} 
.input-group {position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.input-group>.form-control-plaintext {position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}

textarea {width: 100%; height:130px; display:block; border: 1px solid #ddd; resize: none; padding: 10px; line-height: 1.6;}
textarea:focus {border:1px solid #2e59d9;}
textarea:active {border:1px solid #2e59d9;}

input[type="file"].dt-file-ar {width:100%; font-size:13px;/*background-color:#f8f9fc;*/ font-weight: 300; color: #000;}
input[type="file"]::file-selector-button {display: none;}
.in-txt-sel input[type="text"], input[type="date"], input[type="file"],input[type="password"], select {width:100%; height:100%; border:0; text-align:center; padding:5px; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; line-height: 1.5; color: #000; background-color: #fff; background-clip: padding-box; border: 0px solid #d1d3e2; border-radius: 0.35rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%); padding: 5px;}

.date-md {padding-left:10px; padding-right:10px; line-height: 32px; font-size: 20px; color: #666;}

.autocomplete-active {background:#2e59d9;}
.div-last {margin-left:80%; width:20%; text-align:right;}
.table-last {background-color: #f3f5f9; border: 1px solid #e3e6f0;}
.ma-r-10 {margin-right: 10px;}

#loading {width:100%; height:100%; top:0; left:0; position:fixed; display:block; opacity:0.8; background:white; z-index:99; text-align:center;}
#loading > img {position:absolute; top:40%; left:50%; z-index:100; }
.alert {padding: 4px; border: 1px solid #e3e6f0; color: #000000;background-color: #db9797;border-radius: 0.35rem; text-align:center;}


/* ::-webkit-scrollbar {width: 10px; height: 10px;} */
/* ::-webkit-scrollbar-track {background-color: #f1f1f1;} */
/* ::-webkit-scrollbar-thumb {background-color: #4e73df;} */