/*.sidebar_left {
    position: fixed;
	z-index: 1030;
  }*/
body{font-size:12px}
body.popup{
	min-height:100px !important;
}
  #content_wrapper {
    background-color: #fff;
  }

.btn-lightdark {
  color: #ffffff;
  background-color: #808894;
}
.btn-lightdark:hover, .btn-lightdark:focus,
.btn-lightdark:active, .btn-lightdark.active,
.open > .dropdown-toggle.btn-lightdark{
  color: #ffffff;
  background-color: #666;
}

.fl{float:left;}
.fr{float:right;}
.cl-b{clear:both}
.cs-p{cursor:pointer}
.txt-bg-y {background:linear-gradient(180deg,rgba(238,238,184,0) 50%, yellow 50%)};

table td p {margin:0;display:block}

.close {font-size: 30.5px;font-weight: normal;}
/*===============================================
  D. Padding Helpers
================================================= */
.pn {
	padding: 0 !important;
}
.p1 {
	padding: 1px !important;
}
.p2 {
	padding: 2px !important;
}
.p3 {
	padding: 3px !important;
}
.p4 {
	padding: 4px !important;
}
.p5 {
	padding: 5px !important;
}
.p6 {
	padding: 6px !important;
}
.p7 {
	padding: 7px !important;
}
.p8 {
	padding: 8px !important;
}
.p10 {
	padding: 10px !important;
}
.p12 {
	padding: 12px !important;
}
.p15 {
	padding: 15px !important;
}
.p20 {
	padding: 20px !important;
}
.p25 {
	padding: 25px !important;
}
.p30 {
	padding: 30px !important;
}
.p35 {
	padding: 35px !important;
}
.p40 {
	padding: 40px !important;
}
.p50 {
	padding: 50px !important;
}
.ptn {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt55 {
	padding-top: 55px !important;
}
.pt110 {
	padding-top: 110px !important;
}
.prn {
	padding-right: 0 !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr8 {
	padding-right: 8px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr18 {
	padding-right: 18px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pbn {
	padding-bottom: 0 !important;
}
.pb5 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pln {
	padding-left: 0 !important;
}
.pl5 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.pl70 {
	padding-left: 70px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.pv3 {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.pv4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
.pv5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pv8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.pv10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.pv15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.pv20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.pv25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.pv30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.pv40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.pv50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.phn {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.ph5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.ph8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.ph10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.ph15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
.ph20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.ph25 {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.ph30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
.ph40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}
.ph50 {
	padding-left: 50px !important;
	padding-right: 50px !important;
}

/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
	margin-left: auto;
	margin-right: auto;
}
.m-1 {
	margin: -1px !important;
}
.mn {
	margin: 0 !important;
}
.m1 {
	margin: 1px !important;
}
.m2 {
	margin: 2px !important;
}
.m3 {
	margin: 3px !important;
}
.m4 {
	margin: 4px !important;
}
.m5 {
	margin: 5px !important;
}
.m8 {
	margin: 8px !important;
}
.m10 {
	margin: 10px !important;
}
.m15 {
	margin: 15px !important;
}
.m20 {
	margin: 20px !important;
}
.m25 {
	margin: 25px !important;
}
.m30 {
	margin: 30px !important;
}
.m35 {
	margin: 35px !important;
}
.m40 {
	margin: 40px !important;
}
.m50 {
	margin: 50px !important;
}
.mtn {
	margin-top: 0 !important;
}
.mt2 {
	margin-top: 2px !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mrn {
	margin-right: 0 !important;
}
.mr3 {
	margin-right: 3px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr7 {
	margin-right: 7px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mbn {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mln {
	margin-left: 0 !important;
}
.ml3 {
	margin-left: 3px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml18 {
	margin-left: 18px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}

.inline-field {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.table > tbody > tr.subtable > td.sub_bg{background:#f8f9fb}
/* Table Header Changes for lightdark */
.table > thead > tr > td.lightdark,
.table > tbody > tr > td.lightdark,
.table > tfoot > tr > td.lightdark,
.table > thead > tr > th.lightdark,
.table > tbody > tr > th.lightdark,
.table > tfoot > tr > th.lightdark,
.table > thead > tr.lightdark > td,
.table > tbody > tr.lightdark > td,
.table > tfoot > tr.lightdark > td,
.table > thead > tr.lightdark > th,
.table > tbody > tr.lightdark > th,
.table > tfoot > tr.lightdark > th {
  color: #555;
  border-color: #e5e5e5;
  background-color: #f4f4f4;
  text-align:center;
  height:40px;
  font-weight:400;
}
/* Table Header Changes for lightdark */
.table > thead > tr > td.light,
.table > tbody > tr > td.light,
.table > tfoot > tr > td.light,
.table > thead > tr > th.light,
.table > tbody > tr > th.light,
.table > tfoot > tr > th.light,
.table > thead > tr.light > td,
.table > tbody > tr.light > td,
.table > tfoot > tr.light > td,
.table > thead > tr.light > th,
.table > tbody > tr.light > th,
.table > tfoot > tr.light > th {
  color: #555;
  border-color: #e5e5e5;
  background-color: #e6eaf2;
  text-align:center;
  height:40px;
  font-weight:400;
}

.table > thead > tr.light > th,
.table > tbody > tr.light > th,
.table > tfoot > tr.light > th{border-color: #fff}

.table tr.text-red * {
  color: #f00 !important;
}

.table > tbody > tr.dark_bg{background:#e7e7e7;}
.table > tbody > tr.total_bg{background:#f5f5f5;}

  /* Ladd Demo Page Styles*/
  .ladda-button[data-loading] {
    overflow: visible;
  }
  .ladda-button[data-style=contract][data-loading] {
    width: 35px;
  }

.no-line-break table th:not(.line-break),
.no-line-break table td:not(.line-break) {
  white-space: nowrap;
}

.table tr.divide-line {
  position: relative;
}

.table tr.divide-line::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: calc(100% - 2px);
  height: 2px;
  background: #999;
  z-index: 99999;
}

.table tr.divide-line.line-space>th,
.table tr.divide-line.line-space>td {
  padding-bottom: 18px;
}

.table tr.divide-line.line-space::after {
  height: 26px;
  background-color: #dbdbdb;
  -webkit-transform: translateY(13px);
  transform: translateY(13px)
}

.table tr.divide-line.line-space+tr>th,
.table tr.divide-line.line-space+tr>td {
  padding-top: 18px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xl-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xl-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xl-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xl-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xl-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xl-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xl-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xl-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xl-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xl-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xl-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 3px;
  padding-right: 3px;
}

#content {
    padding: 10px 25px 50px 21px;
}

.form-group {
    margin-bottom: 8px;
}

.form-control {
    height: 33px;
    padding: 5px 12px;
}

.form-control.align-num{
    text-align:right;
}

.form-control.align-amt{
    text-align:right;
}

.form-control.align-right{
    text-align:right;
}

.form-control-static {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.form-horizontal .control-label {
	padding-top: 5px;
}
.input-group-btn .btn{
	padding:6px 12px;
}

.container {
  padding-left: 5px;
  padding-right: 5px;
}

.bn {
  border: none !important;
}


.category-nav1 a{
	border: 1px #eee solid;
	font-size: 11px;
	line-height:16px;
	color: #888 !important;
	background: #fff !important;
	padding: 8px !important;
	font-weight:100;
}
.category-nav1 a span{
	font-size: 14px;
	line-height:16px;
	color: #fa2828 !important;
	font-weight:600;
}
.category-nav1 a:hover, 
.category-nav1 a.active{
	border: 1px #fa2828 solid;
	color: #fff !important;
	background: #fa2828 !important;
}
.category-nav1 a:hover span, 
.category-nav1 a.active span{
	color: #fff !important;
}
.category-nav2 a{
	border: 1px #eee solid;
	font-size: 11px;
	line-height:16px;
	color: #888 !important;
	background: #fff !important;
	padding: 8px !important;
	font-weight:100;
}
.category-nav2 a span{
	font-size: 14px;
	line-height:16px;
	color: #e9573f !important;
	font-weight:600;
}
.category-nav2 a:hover, 
.category-nav2 a.active{
	border: 1px #e9573f solid;
	color: #fff !important;
	background: #e9573f !important;
}
.category-nav2 a:hover span, 
.category-nav2 a.active span{
	color: #fff !important;
}
.category-nav3 a{
	border: 1px #eee solid;
	font-size: 11px;
	line-height:16px;
	color: #888 !important;
	background: #fff !important;
	padding: 8px !important;
	font-weight:100;
}
.category-nav3 a span{
	font-size: 14px;
	line-height:16px;
	color: #3b7fd9 !important;
	font-weight:600;
}
.category-nav3 a:hover, 
.category-nav3 a.active{
	border: 1px #3b7fd9 solid;
	color: #fff !important;
	background: #3b7fd9 !important;
}
.category-nav3 a:hover span, 
.category-nav3 a.active span{
	color: #fff !important;
}

/* two list */
.two-list tr td{
    padding:5px;
}
.two-list .two-list-select{
    width:300px;
}
.two-list .two-list-select select{
    width:100%;
}
.two-list .list-move a{
    text-align:right;
    text-decoration:none;
    font-size:30px;
    font-weight:600;
    color:#333;
}
.two-list .list-move a:hover{
    text-align:right;
    text-decoration:none;
    font-size:30px;
    font-weight:600;
    color:#4a89dc;
}

/* FAQ tabs */
.faq-tabs {
	margin-top:10px;
}
.item-tabs {
	margin-top:10px;
}
.faq-tabs .nav-tabs, .item-tabs .nav-tabs {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	background: #fafafa;
}
.faq-tabs .nav-tabs > li, .item-tabs .nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.faq-tabs .nav-tabs > li:first-child, .item-tabs .nav-tabs > li:first-child {
	margin-left:0;
}
.faq-tabs .nav-tabs > li, .item-tabs .nav-tabs > li {
	margin-left:-1px;
}
.faq-tabs .nav-tabs > li > a, .item-tabs .nav-tabs > li > a {
	margin-right:0 !important;
	line-height: 1.49;
	margin-bottom: -1px;
	color:#29344A;
	font-size:14px;
	padding:7px 30px;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
}
.faq-tabs .nav-tabs > li.active, .item-tabs .nav-tabs > li.active {
	position:relative;
	z-index:10;
	margin-top:-6px;
}
.faq-tabs .nav-tabs > li.active > a, faq-tabs .nav-tabs > li.active > a:hover, faq-tabs .nav-tabs > li.active > a:focus, 
.item-tabs .nav-tabs > li.active > a, item-tabs .nav-tabs > li.active > a:hover, item-tabs.nav-tabs > li.active > a:focus 
{
	color: #555555;
	background:  #fff;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #fff;
	color:#18B8D2;
	padding:10px 30px;
}

.faq-tabs .tab-content{
	border: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding:30px;
	line-height:160%;
	margin-top: -9px;
}

.tab-block .tab-content {
	overflow: auto;
	position: relative;
	z-index: 10;
	min-height: 125px;
	padding: 16px 12px;
	border: 1px solid #e5e5e5;
	background-color: #FFF;
}

.item-tabs .tab-content {
	border: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding:10px;
}
.normal-tabs .tab-content {
	padding:0;
	border:none;
}
/*20171215 css 占쌩곤옙占쏙옙 */
.gnb{position:absolute;	top:22px;right:10px;font-size:11px;	color:#f2f2f2;}
.gnb ul{list-style:none;}	
.list-inline > li {display:inline-block; padding-left:5px;} 
.list-inline> li:hover > a,
.list-inline > li:focus > a,
.list-inline > li.active > a,
.list-inline > li > a:hover,
.list-inline > li > a:focus, 
.list-inline > li > a{
  color: #f2f2f2;
}
.panel-heading-n {
  position: relative;
  height: 40px;
  line-height: 36px;
  font-size: 12px;
  font-weight: 400;
  padding: 0 8px;
}
.panel-heading-n:hover > a,
.panel-heading-n:focus > a,
.panel-heading-n.active > a,
.panel-heading-n a:hover,
.panel-heading-n a:focus, 
.panel-heading-n a{
  color: #635f5d;
  text-decoration: none;
}

.panel-header .title {
  font-size: 18px;
  font-weight: bold;
  color: #888;
}

.panel + .panel {
  margin-top: 50px;
}

.label {
    display: inline;
    font-size: 90%;
    font-weight: 600;
    line-height: 18px;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .25em;
}
.label.label-rounded-wide {
    padding: .4em 1em .4em;
    border-radius: 1em;
}
.label-br-g {
    border: 1px solid #fa2828 !important;
    color: #fa2828 !important;
    background-color: #ffffff;
}
.label-br-h {
    border: 1px solid #999 !important;
    color: #999 !important;
    background-color: #ffffff;
}
.label-br-b {
    border: 1px solid #635f5d !important;
    color: #635f5d !important;
    background-color: #ffffff;
}
.label-br-danger {
    border: 1px solid #ddd !important;
    color: #e5391d !important;
    background-color: #ffffff;
}
.label-br-primary {
    border: 1px solid #ddd !important;
    color: #2a74d6 !important;
    background-color: #ffffff;
}
.label-br-dark {
    border: 1px solid #ddd !important;
    color: #3b3f4f !important;
    background-color: #ffffff;
}
.label-br-alert {
    border: 1px solid #ddd !important;
    color: #7e5cd4 !important;
    background-color: #ffffff;
}
.label-br-warning {
    border: 1px solid #ddd !important;
    color: #f4ae1d !important;
    background-color: #ffffff;
}
.label-br-system {
    border: 1px solid #ddd !important;
    color: #2e9e83 !important;
    background-color: #ffffff;
}

body.sb-top #sidebar_left .sidebar-menu > li.active > a, body.sb-top #sidebar_left .sidebar-menu > li:hover > a, body.sb-top #sidebar_left .sidebar-menu > li > a.menu-open, body.sb-top #sidebar_left .sidebar-menu > li > a:hover, body.sb-top #sidebar_left .sidebar-menu > li > a:focus{background:#4b96e7; color:#fff }

body.hide-scrollbar {
  overflow: hidden;
}

/* Sub-Menu Item - Border Color:hover */
.sidebar-menu > li > ul > li:hover > a:after,
.sidebar-menu > li > ul > li:focus > a:after {
  background: #ffc72c; 
}

/* Sub-Menu Active Item - Border Color */
.sidebar-menu > li > ul > li.active > a:after,
.sidebar-menu > li > ul > li > a.menu-open:after {
  background: #ffc72c;
}

.btn-primary {
  color: #fff;
  background-color: #635f5d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #4b96e7;
  border-color: rgba(0, 0, 0, 0.05);
}

/*===================================================
  B. Table Layout Helpers - specifically for widgets
===================================================== */
/* table-layout for connecting panels */
.panel-group.table-layout > .panel + .panel {
	border-left: 0;
}
.panel-group.table-layout + .panel-group.table-layout > .panel {
	border-top: 0;
}
/* table-layout when attached to row */
.row.table-layout {
	margin-left: 0;
	margin-right: 0;
}
.table-layout {
	display: table;
	/* table-layout: fixed; */
	/* width: 100%; */
	margin: 0;
}
/* table-layout helper content */
.table-layout > div, .table-layout > aside, .table-layout > section {
	vertical-align: middle;
	display: table-cell;
	float: none;
}

/*==================================================================
  Form Wrappers
===================================================================*/

body.external-page #content .ace-form {
	position: relative;
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	margin-top: 8%;
}
.ace-form,
.ace-form * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ace-form {
  font-size: 13px;
  color: #626262;
}
.ace-form .section {
  margin-bottom: 22px;
}

.bs-component img.w75{width: 75px;height: 75px;display: inline-block;}
.bs-component span.name_txt{position: relative; display: inline-block; left: 20px;font-weight: 600;}

/* �슦�렪寃��깋 popup */

.pop-tit{ line-height:60px; margin:0; color:#fff; background-color:#000; font-size:20px; padding:0 30px; border-radius:3px 3px 0 0;}
.pop-content{ padding:0px 15px 15px 15px;  background-color:#fff; border-radius:0 0 3px 3px;}
.pop-content .pop-bottom{ padding:0; margin-top:1em;}
.pop-close{ position:absolute; top:15px; right:20px; width:22px; height:22px; background:url(/resources/img/bt_close_w.png) 50% 50% no-repeat; text-indent:-9999px; display:block; cursor:pointer;}
.pop-content .row{margin-left:0px;margin-right:0px}
.pop-content .modal_hr1{border-bottom: 1px solid #b0b0b0;}
.pop-content .modal_hr3{border-bottom: 3px solid #b0b0b0;}

.field.add{padding-right:100px; position:relative;margin-top:15px;}
.field.add .chk-input{width:100%;}
.field.add .chk-input input{height:50px;line-height:50px;border:1px solid #ddd;text-indent:0px;font-size:15px;border-right:0;padding:10px;width: 100%;}
.field.add a{width:100px;height:50px; line-height:50px; font-size:14px; color:#fff; background:#4696e7; text-align:center; position:absolute; right:0; top:0; letter-spacing:-0.05em; font-weight:400; }

.field.add1{ position:relative;margin-top:15px;}
.field.add1 .chk-input input{height:50px;line-height:50px;border:1px solid #ddd;text-indent:0px;font-size:15px;padding:10px;width:100%}
.field.add1 .chk-input{width:100%;}

.field.add1 .chk-check {display:block;position: relative}
.field.add1 .chk-check input[type="checkbox"]{display:none; }
.field.add1 .chk-check input[type="checkbox"] + label{display:block;position: relative; padding-left:30px;  font-weight:500; color:#000; line-height:18px;height:18px; letter-spacing:-0.05em; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size: 15px;}
.field.add1 .chk-check input[type="checkbox"] + label:before {content:''; position: absolute; left:0px; top:0; width:20px;box-sizing:border-box; height:20px; text-align:center; background:#fff; border:1px solid #dddddd; }
.field.add1 .chk-check input[type="checkbox"]:checked + label{color:#000; font-weight:500 !important;}
.field.add1 .chk-check input[type="checkbox"]:checked + label:before {background:url(../img/Sub/cate-on.png) no-repeat center center #ffb600;border-color:#ffb600}
.field.add1 .chk-check .txt_checkbox{position: absolute;left:80px;top:0px;
}
.btn-area{/* position: relative; */text-align: center}


.tit_area{padding:10px 0 5px;text-align:center}
.h_tit{font-size:15px;color:#222;line-height:20px}
.h_tit.tx_left{text-align: left !important;font-size: 17px !important}
.h_tit .txt-bg-b {background:linear-gradient(180deg,rgba(238,238,184,0) 50%, #a7dbf3 50%)};
.address_info_lst{margin-top:16px;padding-left: 0;}
.address_info_first .address_info{border-top:0}
ul.address_info_lst li.address_info_first {border-bottom:1px solid #d9d9d9;padding-bottom: 5px;list-style: none;left: 0;}
.address_fix_area{overflow:hidden;padding:15px 0 5px;font-size:14px;color:#222}
.address_fix_item2{display:block;margin-top:2px;color:#999}
.address_info{display:block;padding:5px 0 0;border-top:1px solid #efefef}
.addr_load,.addr_land{position:relative;margin-bottom: 0;}
.addr_land .tag_txt{border-color:#fff;background:#e0e0e0}
.address_info .txt_address,.address_info .zipcode{color:#666}
.address_info:hover .txt_address,.address_info:hover .zipcode{text-decoration:underline}
.search_add .inp_txt{padding-right:50px}
.tag_txt{position:absolute;left:0;top:2px;width:35px;height:20px;padding-top:1px;font-size:10px;color:#757575;border:1px solid #ebebeb;text-align:center;line-height:15px}
.txt_address{padding:0 0 0 46px;font-size:12px;color:#333;line-height:20px;letter-spacing: -1px}
.zipcode{margin-left:47px;color:#878787}
.btn_search{position:absolute;right:0;top:0;z-index:20;padding:12px 10px}

/* topbar 검색영역*/
.panel-body h4.pd10{padding:2px 0 5px;}
.topbar-right.bar-text-right{position:absolute;display:block;top: 0;}

/* pop_pagination */
.pop_pagination {padding-top:0px;font-size:0;text-align:center;margin: 10px auto;position: relative;width: 100%;}
.pop_pagination a,
.pop_pagination strong {display:inline-block;min-width: 35px;height: 35px;background-color:#fff;color:#606060;font-size:14px;font-weight:700;text-align:center;line-height: 35px;vertical-align:top;border-radius: 0%;}
.pop_pagination strong {background-color:#202020; color:#fff;}
.pop_pagination a:hover,
.pop_pagination a:focus {text-decoration:underline;}
.pop_pagination .page_num {display:inline-block; padding:0 0 0 20px; vertical-align:middle;}
.pop_pagination .page_num:first-child {  padding: 0 ;}
.pop_pagination .btn_first,
.pop_pagination .btn_prev,
.pop_pagination .btn_next,
.pop_pagination .btn_last {display:inline-block; width:40px; height:40px; margin:0 -0.5px; padding:0; background:url('../img/ico-pl.png') no-repeat; background-size:160px 40px; vertical-align:middle;}
.pop_pagination .btn_first {background-position:0 0px;}
.pop_pagination .btn_prev {background-position:-40px 0px;}
.pop_pagination .btn_next {background-position:-80px 0px;}
.pop_pagination .btn_last {background-position:-120px 0px;}

/* modal close Icons */
.modal_close {
  float: right;
  font-size: 31.5px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.modal_close:hover,
.modal_close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.modal_close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.content_inner{padding: 10px 0px 5px 30px; display: block}   
.content_inner .row.pannel{padding:20px;border:1px solid #e5e5e5; background: #f4f4f4;width: 100%;}  
.content_inner .row.pannel_none{padding:0 20px;width: 100%;}  
.mr-2,.mx-2 {margin-right: .75rem!important;}
.form-group label.tit:before{content: "*";padding-right: 5px;color:#888;}
.form-inline{border-bottom: 1px solid #e5e5e5}
.form-inline:last-child{border-bottom: none}
.form-inline .form-group {margin-bottom: 10px !important;width: 250px;margin-top: 10px}
/* .form-inline .form-group:first-child {margin-top: 0px} */
.form-inline .form-group.w450 {width: 450px}
.form-inline .form-group.w280 {width: 280px}
.form-inline .form-group.w_auto {width: 100%;margin-bottom:0 !important;margin-top: 10px;}

.my-custom-scrollbar {position: relative;height: 233px;overflow: auto;}
.table-wrapper-scroll-y {display: block;}

.inputBtn {display:flex; align-items: center; justify-content: space-between;}
.inputBtn .btn_form {margin-left:20px;}
.fileChk {border:1px solid #ccc; height:50px; width:100%; border-radius: 5px; display:flex; justify-content: flex-start; align-items: center;}
.fileChk .file {padding:0 10px;}
.fileChk .file * {vertical-align: middle;}
button.btn_file_del{border:none;background:none;}
.btn_form {width:150px; height:50px; line-height: 48px; color:#fff; text-align: center; border-radius: 5px; display:inline-block; background: #4c8cfa; font-size:14px; background-image: none;
  border: 1px solid transparent;
  border-color: rgba(0, 0, 0, 0);
  white-space: nowrap;

  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;;}
  
.tr-dark-bg {background-color: #e5e5e5;}

table.pivottbl {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

table.pivottbl thead tr:first-child {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index:99999;
}

table.pivottbl tr.duplicate-tel{
	background-color:#fafada;
}

table.pivottbl .pivot-col{
	position: -webkit-sticky;
	position: sticky;
	z-index:99998;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #fff;
}

table.pivottbl tr.duplicate-tel td.pivot-col{
	background-color:#fafada;
}

table.pivottbl tr.duplicate-tel:hover{
	background-color:#f5f5f5;
}
table.pivottbl tr.duplicate-tel:hover td.pivot-col{
	background-color:#f5f5f5;
}

table.pivottbl .pivot-col:first-child {
	left: 0;
}
table.pivottbl .pivot-col:nth-child(2) {
	left: 50px;
}
table.pivottbl .pivot-col:nth-child(3) {
	left: 80px;
}
table.pivottbl .pivot-col:nth-child(4) {
	left: 160px;
}
table.pivottbl .pivot-col:nth-child(5) {
	left: 280px;
}
table.pivottbl .pivot-col:nth-child(6) {
	left: 412px;
}

table.pivottbl tr.total-bg-gray1 .pivot-col {
	background: #d7d7d7;
	font-weight:500;
}

table.pivottbl tr.total-bg-gray .pivot-col {
	background: #ebebeb;
    font-weight: 500;
}

table.pivottbl div.subitem {
	margin: 3px 14px 0px 0px;
	font-size: 11px;
	color: #555555;
	cursor: pointer;
}

table.pivottbl div.subitem > span {
	display: inline-block;
    width: 47px;
}

table.pivottbl div.subtitle {
	font-size: 10px;
	color: #555555;
	cursor: pointer;
	display:flex;
	justify-content: space-around;
}

table.pivottbl div.subtitle > span {
	display: inline-block;
    width: 47px;
}

table.pivottbl div.subitem-total {
	font-size: 11px;
	color: #555555;
}

table.pivottbl div.subitem-total > span {
	display: inline-block;
    width: 47px;
}

.font11 {
	font-size: 11px;
}
.font12 {
	font-size: 12px;
}
.font13 {
	font-size: 13px;
}
.font-red {
	color: #e5391d;
}
.bg-red {
	background: #f24747;
}
.bg-gray {
	background: #d0d0d0;
}
.bg-light-pink {
	background: #fddcdc;
}
.total-bg-gray {
	background: #ebebeb;
	font-weight:500;
}
.total-bg-gray1 {
	background: #d7d7d7;
	font-weight:500;
}
.bg-green {
	background: #d0f3a7;
}
.bg-light-pink {
	background: #fddcdc;
}
.bg-dark-gray {
	background: #999999;
}
.bg-light-blue {
	background: #c2e3fd;
}

.icon-new-1 {
	color: #FF0000;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 18px;
    padding: 0 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    border: 1px solid #ccc;
    margin-right: 5px;
    font-size: 10px;
}

.icon-new-2 {
    color: #FF0000;
    padding: 0 0.3rem;
    font-size: 11px;
}

div.amount-modify {
	display: flex;
	max-width: 118px;
	gap: 3px;
}
div.amount-modify img {
	width: 18px;
	height: 20px;
	margin-top: 7px;
	cursor: pointer;
}

div.input-btn-line {
	display: flex;
	max-width: 118px;
	gap: 5px;
	margin-left: 5px;
}

.btn-group .btn.on:after {
   content: '';
   position: absolute;
   right: 2px;
   top: 2px;
   width: 5px;
   height: 5px;
   border-radius: 100%;
   background-color: #ffeb3b;
}

@media (min-width: 768px) {
    .hight-fix .modal-dialog {
        margin: 6vh auto;
    }
}

.btn-salary-st10 {
  color: #ffffff;
  background-color: #777777;
}
.btn-salary-st20 {
  color: #ffffff;
  background-color: #0896c1;
}
.btn-salary-st30 {
  color: #ffffff;
  background-color: #ff9f1b;
}
.btn-salary-st40 {
  color: #ffffff;
  background-color: #ff0000;
}
.btn-salary-st50 {
  color: #ffffff;
  background-color: #d478f7;
}

.tooltip {min-width:400px;}

/* 급여관리 업체리스트
-------------------------- */
.btn-show-complist {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #ccc;
  padding: 5px 30px 5px 5px;
  background-color: #fff;
  border-radius: 5px;
}
.btn-show-complist::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #666;
  transform: translateY(-50%);
}
.btn-show-complist.is-alarm .company {
  padding-left: 25px;
}
.btn-show-complist.is-alarm .company::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 19px;
  height: 19px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 8V14H5V8C5 5.23858 7.23858 3 10 3C12.7614 3 15 5.23858 15 8Z" fill="%238E8E8E" stroke="%238E8E8E" stroke-width="2"/><path d="M2 14H18" stroke="%238E8E8E" stroke-width="2"/><mask id="path-3-inside-1_14675_741" fill="white"><path d="M10 18C11.1046 18 12 17.1046 12 16H8C8 17.1046 8.89543 18 10 18Z"/></mask><path d="M12 16H14V14H12V16ZM8 16V14H6V16H8ZM10 16V20C12.2091 20 14 18.2091 14 16H10ZM10 16H6C6 18.2091 7.79086 20 10 20V16ZM12 14H8V18H12V14Z" fill="%238E8E8E" mask="url(%23path-3-inside-1_14675_741)"/></svg>');
}
.btn-show-complist .company {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  word-break: keep-all;
}
.btn-show-complist .company .name {
  font-weight: 700;
  font-style: normal;
}

.search-select-box {
  position: relative;
  background-color: #eee;
}
.search-select-box.show::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.search-select-box.show::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.search-select-box.show .inner-wrap {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.search-select-box .inner-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  background-color: #fff;
  transition: 0.3s;
  transform: translateY(-20px);
  opacity: 0;
  pointer-events: none;
}
.search-select-box .ss__head {
  display: flex;
  padding: 10px;
}
.search-select-box .ss__head .right-area {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.search-select-box .ss__head .sorting {
  display: flex;
  align-items: center;
}
.search-select-box .ss__head .sorting .tit {
  display: inline-block;
  font-size: 13px;
  color: #444;
  font-style: normal;
  margin-right: 20px;
}
.search-select-box .ss__head .sorting button {
  font-size: 14px;
  color: #333;
  background-color: transparent;
  border: 0;
}
.search-select-box .ss__head .sorting button:hover {
  text-decoration: underline;
  text-underline-position: under;
}
.search-select-box .ss__head .sorting button.on {
  color: #ff4030;
  pointer-events: none;
}
.search-select-box .ss__head .complist-search-input input {
  height: 39px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.49;
  border: 1px solid #ddd;
  min-width: 300px;
}
.search-select-box .ss__head .btn-close {
  position: relative;
  border: 0;
  height: 39px;
  width: 39px;
  margin-left: 10px;
  background-color: transparent;
  transition: 0.2s;
}
.search-select-box .ss__head .btn-close::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25 17.25L17.25 1.25" stroke="%233C3C3C" stroke-width="2"/><path d="M1.25 1.25L17.25 17.25" stroke="%233C3C3C" stroke-width="2"/></svg>');
}
.search-select-box .ss__head .btn-close:hover {
  background-color: #666;
}
.search-select-box .ss__head .btn-close:hover::after {
  background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.25 17.25L17.25 1.25" stroke="%23FFFFFF" stroke-width="2"/><path d="M1.25 1.25L17.25 17.25" stroke="%23FFFFFF" stroke-width="2"/></svg>');
}
.search-select-box .ss__body {
  display: flex;
}
.search-select-box .ss__body .column {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  padding-bottom: 20px;
}
.search-select-box .ss__body .column:not(:nth-of-type(1)) {
  border-left: 1px solid #dfdfdf;
}
.search-select-box .ss__body .column-title {
  display: block;
  font-size: 15px;
  color: #222;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
  padding: 7px 5px;
}
.search-select-box .ss__body .lists {
  padding: 10px 15px;
  max-height: calc(100vh - 350px);
  overflow-y: auto;
}
.search-select-box .ss__body .item {
  width: 100%;
  border-radius: 5px;
  background-color: #f0f0f0;
  font-size: 14px;
  color: #333;
  padding: 10px 14px 9px 10px;
  border: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.search-select-box .ss__body .item + .item {
  margin-top: 7px;
}
.search-select-box .ss__body .item:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.search-select-box .ss__body .item.is-alarm .company::before {
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 8V14H5V8C5 5.23858 7.23858 3 10 3C12.7614 3 15 5.23858 15 8Z" fill="%238E8E8E" stroke="%238E8E8E" stroke-width="2"/><path d="M2 14H18" stroke="%238E8E8E" stroke-width="2"/><mask id="path-3-inside-1_14675_741" fill="white"><path d="M10 18C11.1046 18 12 17.1046 12 16H8C8 17.1046 8.89543 18 10 18Z"/></mask><path d="M12 16H14V14H12V16ZM8 16V14H6V16H8ZM10 16V20C12.2091 20 14 18.2091 14 16H10ZM10 16H6C6 18.2091 7.79086 20 10 20V16ZM12 14H8V18H12V14Z" fill="%238E8E8E" mask="url(%23path-3-inside-1_14675_741)"/></svg>');
}
.search-select-box .ss__body .item .company {
  position: relative;
  padding-left: 25px;
  word-break: keep-all;
  text-align: left;
}
.search-select-box .ss__body .item .company::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
}
.search-select-box .ss__body .item .company .name {
  font-weight: 700;
  font-style: normal;
}
.search-select-box .ss__body .item .company .details {
  display: inline-block;
}
.search-select-box .ss__body .item .count {
  margin-left: auto;
  flex-shrink: 0;
}
.search-select-box .ss__body .item > * {
  display: inline-block;
  line-height: 1;
}
.search-select-box .ss__body .item .symbol:empty {
  display: none;
}

/* Edge Panel Styles */
.edge-panel--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  pointer-events: none;
  transition: 0.3s;
}
.edge-panel--overlay.is-active {
  pointer-events: auto;
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"><path fill="%23FFFFFF" d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95 1.414-1.414z"/></svg>') 12 12, auto;
  background-color: rgba(0, 0, 0, 0.3);
}
.edge-panel--container {
  position: fixed;
  top: 0;
  max-width: calc(100vw - 50px);
  min-width: 400px;
  height: 100%;
  z-index: 1100;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s, transform 0.3s;
}
.edge-panel--container[data-direction=right] {
  right: 0;
  transform: translateX(50px);
}
.edge-panel--container[data-direction=right] .handle-size-control {
  left: 0;
}
.edge-panel--container[data-direction=left] {
  left: 0;
  transform: translateX(-50px);
}
.edge-panel--container[data-direction=left] .handle-size-control {
  right: 0;
}
.edge-panel--container.is-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
.edge-panel--container .handle-size-control {
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  border: 0;
  cursor: ew-resize;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
  transition: 0.1s;
}
.edge-panel--container .handle-size-control::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 50px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg width="288" height="480" viewBox="0 0 288 480" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48 96C74.5088 96 96 74.5098 96 48C96 21.4902 74.5088 0 48 0C21.4902 0 0 21.4902 0 48C0 74.5098 21.4902 96 48 96ZM48 288C74.5088 288 96 266.509 96 240C96 213.491 74.5088 192 48 192C21.4902 192 0 213.491 0 240C0 266.509 21.4902 288 48 288ZM96 432C96 458.509 74.5088 480 48 480C21.4902 480 0 458.509 0 432C0 405.491 21.4902 384 48 384C74.5088 384 96 405.491 96 432ZM240 96C266.509 96 288 74.5098 288 48C288 21.4902 266.509 0 240 0C213.491 0 192 21.4902 192 48C192 74.5098 213.491 96 240 96ZM288 240C288 266.509 266.509 288 240 288C213.491 288 192 266.509 192 240C192 213.491 213.491 192 240 192C266.509 192 288 213.491 288 240ZM240 480C266.509 480 288 458.509 288 432C288 405.491 266.509 384 240 384C213.491 384 192 405.491 192 432C192 458.509 213.491 480 240 480Z" fill="%23121923"/></svg>');
  background-size: contain;
  background-position: center;
  opacity: 0.3;
}
.edge-panel--container .handle-size-control:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.edge-panel--container .handle-size-control:hover::after {
  opacity: 0.9;
}
.edge-panel--container .btn-panel__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center;
  background-image: url('data:image/svg+xml,<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z" fill="%230F1729"/></svg>');
  transition: 0.2s;
  filter: invert(1);
}
.edge-panel--container .btn-panel__close:hover {
  background-color: #ccc;
}
.edge-panel__header {
  height: 45px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background-color: #4b96e7;
}
.edge-panel__header + .edge-panel__body {
  padding: 0 15px;
}
.edge-panel__header + .edge-panel__body .content-area {
  padding-top: 15px;
}
.edge-panel__title {
  margin: 0;
  font-size: 16px;
  color: #fff;
}
.edge-panel__body {
  padding: 20px 15px;
  overflow-y: auto;
  max-height: calc(100vh - 50px);
  font-size: 16px;
  line-height: 1.7;
}
.edge-panel__body::-webkit-scrollbar {
  width: 8px;
}
.edge-panel__body::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}
.edge-panel__body::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.edge-panel__body::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.edge-panel__body .content-area {
  padding-bottom: 30px;
}

.input-memo {
	width : 603px;	
	height: 30px;
	font-size: 13px;
    line-height: 1.49;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 0px;
}

/* .scroll-x style */
.scroll-x-track {
  position: sticky;
  z-index: 100000;
  top: 105px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}

.scroll-x-track::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  right: 0;
  height: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.scroll-x-track:hover .scroll-x-handle::after {
  height: 9px;
  background-color: #8b8b8b
}

.scroll-x-handle {
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  cursor: -webkit-grab;
  cursor: grab;
  background-color: rgba(0,0,0,0)
}

.scroll-x-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 100%;
  height: 7px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #8b8b8b;
  border-radius: 4px
}

.scroll-x-handle:active {
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.scroll-x-handle:active::after {
  background-color: #636363 !important
}

.table-responsive {
  overflow-x: auto
}

.table-responsive.block-links * {
  pointer-events: none
}

/* 부가가치세현황 > 데이터수정하기 모달 */
.modal-vat-modify.in {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
.modal-vat-modify table tbody input[type=text] {
  min-width: 80px;
}
.modal-vat-modify .btn-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  text-indent: -99999px;
  font-size: 1px;
  color: transparent;
  background-color: #fff;
  width: 33px;
  height: 33px;
  padding: 0;
}
.modal-vat-modify .btn-delete::after {
  content: "";
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url('data:image/svg+xml,<svg width="704" height="800" viewBox="0 0 704 800" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M618.657 99.5751H462.007C456.476 43.7514 409.254 0 351.998 0C294.742 0 247.52 43.7514 241.989 99.5751H85.3408C38.3388 99.5751 0.0993652 137.815 0.0993652 184.817C0.0993652 230.4 36.0653 267.737 81.1096 269.952V697.056C81.1096 753.82 127.29 800 184.054 800H519.946C576.71 800 622.89 753.82 622.89 697.056V269.953C667.935 267.739 703.901 230.402 703.901 184.818C703.901 137.815 665.661 99.5751 618.657 99.5751ZM351.998 52.3446C380.341 52.3446 404.006 72.7119 409.158 99.5751H294.838C299.99 72.7119 323.655 52.3446 351.998 52.3446ZM570.544 697.057C570.544 724.959 547.846 747.657 519.944 747.657H184.052C156.151 747.657 133.452 724.959 133.452 697.057V270.06C154.816 270.06 553.835 270.06 570.544 270.06V697.057ZM618.657 217.715C613.201 217.715 89.9803 217.715 85.3408 217.715C67.2017 217.715 52.444 202.957 52.444 184.818C52.444 166.679 67.2017 151.921 85.3408 151.921H618.657C636.796 151.921 651.554 166.679 651.554 184.818C651.554 202.957 636.798 217.715 618.657 217.715Z" fill="%23666666"/><path d="M351.998 684.533C366.452 684.533 378.171 672.815 378.171 658.361V355.277C378.171 340.823 366.454 329.104 351.998 329.104C337.544 329.104 325.826 340.823 325.826 355.277V658.361C325.826 672.815 337.544 684.533 351.998 684.533Z" fill="%23666666"/><path d="M487.086 684.533C501.54 684.533 513.258 672.815 513.258 658.361V355.277C513.258 340.823 501.54 329.104 487.086 329.104C472.632 329.104 460.913 340.823 460.913 355.277V658.361C460.913 672.815 472.632 684.533 487.086 684.533Z" fill="%23666666"/><path d="M216.913 684.533C231.367 684.533 243.085 672.815 243.085 658.361V355.277C243.085 340.823 231.367 329.104 216.913 329.104C202.458 329.104 190.74 340.823 190.74 355.277V658.361C190.74 672.815 202.458 684.533 216.913 684.533Z" fill="%23666666"/></svg>');
}
.modal-vat-modify .btn-delete:hover {
  background-color: #dadada;
}
.modal-vat-modify .btn-delete:hover::after {
  filter: brightness(0.7);
}