.pky-mask-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 998; }

.pky-btn-print { display: inline-block; width: 80px; height: 28px; line-height: 27px; background: #00a8ff; border-radius: 2px; font-size:14px; color: #fff; font-weight: 600; text-align: center;}


.grid_focusin td{background:#eefaff !important;}
.grid_focusin2 td{ background:#ffff8c !important;}
.grid_focusin3 td{ background:#ffecd9 !important;}
.grid_focusin4 td{ background:#eceef4 !important;}
.grid_focusin5 td{ background:#e2efda !important;}

.grid_col_focusin {background:#d7f0ff !important;}
.grid_col_focusin2 { background:#ffff8c !important;}
.grid_col_focusin3 { background:#ffecd9 !important;}

.grid_col_outline { outline: 1px solid #000 !important;}
.grid_col_outline2 { outline: 1px solid #0000ff !important;}
.grid_col_outline3 { outline: 1px solid red !important;}

.grid_edit td{background:#eefaff;}

.grid_focusin_line {outline: 1px solid #555;}

.grid-seq {color:#151616 !important; background: #f7f7f7 !important;}
.grid-seq { 
			background:-o-linear-gradient(90deg, #f7f7f7, #e7e7e7) !important;
			background:-moz-linear-gradient( center top, #f7f7f7 5%, #e7e7e7 100% ) !important;
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e7e7e7) ) !important;
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7') !important;
			background:-webkit-linear-gradient(#f7f7f7, #e7e7e7) !important;
			background:-ms-linear-gradient(#f7f7f7, #e7e7e7) !important;
			background:linear-gradient(#f7f7f7, #e7e7e7) !important;
}

.grid-left { text-align:left !important; }
.grid-center { text-align:center !important; }
.grid-right { text-align:right !important; padding-right:5px !important;}
.grid-right0 { text-align:right !important; padding-right:0px !important;}
.grid-right2 { text-align:right !important; padding-right:2px !important;}
.grid-right5 { text-align:right !important; padding-right:5px !important;}
.grid-right10 { text-align:right !important; padding-right:10px !important;}
.grid-yellow { background:#ffffcc !important;}
.grid-yellow2 { background:#FFFF8C !important;}
.grid-yellow3 { background:#ffecd9 !important;}
.grid-highlight { background:#e6fffd !important;}

.grid-head, tr.grid-head td, td.grid-head { background: #f7f7f7 !important; }
.grid-blue, tr.grid-blue td, td.grid-blue { color:blue !important; }
.grid-red, tr.grid-red td { color: #ff1800 !important; }
.grid-block, tr.grid-block td, td.grid-block { color: #ec0017 !important; }
.grid-block2, tr.grid-block2 td, td.grid-block2 { color: #0062c4 !important; }
.grid-block3, tr.grid-block3 td, td.grid-block3 { color: #666666 !important; }
.grid-bold, tr.grid-bold td, td.grid-bold { font-weight:bold !important;}

.grid-skyblue, tr.grid-skyblue td, td.grid-skyblue { color: #d5f1f4 !important; }
.grid-orange, tr.grid-orange td, td.grid-orange { color: #ff5a00 !important; }
.grid-green, tr.grid-green td, td.grid-green { color: #5aaf1c !important; }
.grid-pink, tr.grid-pink td, td.grid-pink { color: #ff2371 !important; }

.grid-top {vertical-align: top !important }
.grid-middle {vertical-align: middle !important }
.grid-bottom {vertical-align: bottom !important }

.grid-wrap {
	white-space: normal !important; 
	word-wrap: break-all !important; 
	overflow: block !important;
	text-overflow: normal !important; 
}

.cursor-pointer { cursor:pointer }

.MyDataTableGridCount {
    font-size:13px;
    height:20px;
}

.MyDataTableGridHead {
  width:100%;overflow-y:scroll;overflow-x:hidden;
  border:0px;
  background: url(../img/grid-line2.gif);
  background-repeat: repeat-x;
  scrollbar-arrow-color : #ddd;
  scrollbar-face-color : #ddd;
  scrollbar-track-color : #f5f5f5;
}

.MyDataTableGridHead table th.sort {
}

.MyDataTableGridHead table th.sort-asc {
	background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIKnC2nKLnT4orUFAA7) no-repeat;
	background-position : 100% center;
	padding-right:7px;
}

.MyDataTableGridHead table th.sort-desc {
  background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIK3IQpxrrcEJyPFQA7) no-repeat;
  background-position : 100% center;
  padding-right:7px;
}

.MyDataTableGridHead table th[data-column]:not([data-column='']) {cursor:pointer}
.MyDataTableGridHead table th.resize-cursor {cursor:col-resize !important;}

.MyDataTableGridBody {
  width:100%;overflow-y:scroll;overflow-x:auto; 
  border-bottom: 1px solid #c0c0c0;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  background: url(../img/grid-line2.gif);
  background-repeat: repeat-y;
  cursor:default;
}

.MyDataTableGridSumm {
  width:100%;overflow-y:scroll;overflow-x:auto;
  border:0px;

  background: url(../img/grid-line2.gif);
  background-repeat: repeat-x;
  background-position: bottom;

  scrollbar-arrow-color : #ddd;	
  scrollbar-face-color : #ddd;	
  scrollbar-track-color : #f5f5f5;

  /*cursor:pointer;*/
  cursor:default;
}

.MyDataTableGridSumm table tbody td{ background: #f5f5f5 !important; }

/* 모바일 */
.MobileDataTableGridCount {
    font-size:13px;
    height:20px;
}

.MobileDataTableGridHead {
  width:100%;
  border:0px;
  background: url(../img/grid-line2.gif);
  background-repeat: repeat-x;
  scrollbar-arrow-color : #ddd;
  scrollbar-face-color : #ddd;
  scrollbar-track-color : #f5f5f5;
}

.MobileDataTableGridHead table th.sort {
}

.MobileDataTableGridHead table th.sort-asc {
	background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIKnC2nKLnT4orUFAA7) no-repeat;
	background-position : 100% center;
	padding-right:7px;
}

.MobileDataTableGridHead table th.sort-desc {
  background: url(data:image/gif;base64,R0lGODlhCwAEAJEAAAAAAP///yMtMP///yH5BAEAAAMALAAAAAALAAQAAAIK3IQpxrrcEJyPFQA7) no-repeat;
  background-position : 100% center;
  padding-right:7px;
}

.MobileDataTableGridHead table th[data-column] {cursor:pointer}
.MobileDataTableGridHead table th.resize-cursor {cursor:col-resize !important;}

.MobileDataTableGridBody {
  width:100%;
  border-bottom: 1px solid #c0c0c0;
  border-left:0px solid #fff;
  border-right:0px solid #fff;
  background: url(../img/grid-line2.gif);
  background-repeat: repeat-y;
  cursor:default;
}

.MobileDataTableGridSumm {
  width:100%;
  border:0px;

  background: url(../img/grid-line2.gif);
  background-repeat: repeat-x;
  background-position: bottom;

  scrollbar-arrow-color : #ddd;	
  scrollbar-face-color : #ddd;	
  scrollbar-track-color : #f5f5f5;

  /*cursor:pointer;*/
  cursor:default;
}

.MobileDataTableGridSumm table tbody td{ background: #f5f5f5 !important; }


/* 주단위 선택 */
.ui-datepicker-calendar-weekselect tr:hover {
    background: #eefaff url('');
}

.ui-datepicker-calendar-weekselect tr:hover td {
    background: #eefaff url('');
}

.ui-datepicker-calendar-weekselect tr:hover td a {
    background: #eefaff url('');
	border: 1px solid #d3d3d3;
}

.lsn-price {
	display:inline-block;
	text-align:right;
	min-width : 100px;
}

.lsn-center {
	display:block;
	text-align:center;
}


.checkbox-line {outline : 1px solid #0080ff; }
.checkbox-line[disabled] {outline : 0px solid #fff}


input.calendar {width:68px !important; border: 1px solid #c0c0c0;}
input.calendar-week {width:146px !important;}
.no-scroll {overflow:hidden;}

.table_fixed { table-layout: fixed; }
table_fixed.h40 td {height:40px}
table_fixed.h30 td {height:30px}

.table_grid table { width:100%; border-collapse: collapse; border: 1px solid #c0c0c0; border-top:0px; table-layout: fixed; background:#fff;}
.table_grid table thead th { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}
.table_grid table thead th { 
			background:-o-linear-gradient(90deg, #f7f7f7, #e7e7e7);
			background:-moz-linear-gradient( center top, #f7f7f7 5%, #e7e7e7 100% );
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f7f7f7), color-stop(1, #e7e7e7) );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e7e7e7');
			background:-webkit-linear-gradient(#f7f7f7, #e7e7e7);
			background:-ms-linear-gradient(#f7f7f7, #e7e7e7);
			background:linear-gradient(#f7f7f7, #e7e7e7);
}
.table_grid table tbody tr:first-child td { border-top:0;}
.table_grid table tbody td { height: 28px; background: #ffffff; text-align: center; font-size:13px; color: #151616; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap}
/*.table_grid table tbody tr:hover td { background: #eefaff; }*/

.table_grid table tr.yellow td{ background:#ffffcc !important;} 
.table_grid table tfoot td { height: 28px; background: #f7f7f7; text-align: center; font-size:14px; color: #151616; border: 1px solid #c0c0c0; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}

.table_grid table tbody span { display: inline-block; }
.table_grid table.td-left tbody td { text-align : left; }


.m_table_grid {padding:0 4px}
.m_table_grid .sum { text-align: left; padding-left: 15px; font-size: 1.2em; font-weight: 500; color: #1b1b1b;}

.m_table_grid table { width:100%; border-collapse: collapse; border: 1px solid #d2d2d2; border-top:0px; table-layout: fixed; background:#fff; height: auto;}
.m_table_grid table thead th { height: 40px; background: #f1f1f1; text-align: center; font-size:0.9em; color: #343434; border: 1px solid #d2d2d2; padding:6px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600; line-height: 120%;}
.m_table_grid table thead th { 
			background:-o-linear-gradient(90deg, #f1f1f1, #f9f9f9);
			background:-moz-linear-gradient( center top, #f1f1f1 5%, #f9f9f9 100% );
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1f1f1), color-stop(1, #f9f9f9) );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#f9f9f9');
			background:-webkit-linear-gradient(#f1f1f1, #f9f9f9);
			background:-ms-linear-gradient(#f1f1f1, #f9f9f9);
			background:linear-gradient(#f1f1f1, #f9f9f9);
}
.m_table_grid table tbody tr:first-child td { border-top:0;}
.m_table_grid table tbody td { height: 40px; background: #ffffff; text-align: center; font-size:0.9em; color: #404040; border: 1px solid #d2d2d2; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 120%;}

.m_table_grid.pdt6 table tbody td {padding:6px 2px}

/*.m_table_grid table tbody tr:hover td { background: #eefaff; }*/

.m_table_grid table tr.yellow td{ background:#ffffcc !important;} 
.m_table_grid table tfoot td { height: 40px; background: #f1f1f1; text-align: center; font-size:0.9em; color: #404040; border: 1px solid #d2d2d2; padding:0px 2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: 600;}

.m_table_grid table tbody span { display: inline-block; }
.m_table_grid table.td-left tbody td { text-align : left; }


.m_table_grid .total { width: 100%; margin-top: 10px; }
.m_table_grid .total ul { padding: 0; overflow: hidden;}
.m_table_grid .total ul li { float: left; width: 32.5%; margin-right: 1%; background: #f9f9f9; border: 1px solid #dcdcdc; height: 60px; border-radius: 10px; margin-bottom: 10px;}
.m_table_grid .total ul li:last-child { margin-right: 0.5%; }
.m_table_grid .total ul li p { text-align: center; font-size: 1em; color: #1b1b1b; font-weight: 500; letter-spacing: -1px; padding-top: 5px; line-height: 170%; }
.m_table_grid .total ul li p span { font-size: 1.1em; color: #1b1b1b; font-weight: 600;  }

.m_table_grid .total2 { width: 100%; margin-top: 10px; }
.m_table_grid .total2 ul { padding: 0; overflow: hidden; }
.m_table_grid .total2 ul li { float: left; width: 49%; margin-right: 1%; background: #f9f9f9; border: 1px solid #dcdcdc; height: 60px; border-radius: 10px; margin-bottom: 10px;}
.m_table_grid .total2 ul li:last-child {float: right; }
.m_table_grid .total2 ul li p { text-align: center; font-size: 1em; color: #1b1b1b; font-weight: 500; letter-spacing: -1px; padding-top: 5px; line-height: 170%; }
.m_table_grid .total2 ul li p span { font-size: 1.1em; color: #1b1b1b; font-weight: 600;  }

.table-info table { width:100%; border: 1px solid #ddd; }
.table-info table tbody th { height: 30px; background: #f7f7f7; text-align: center; font-size:14px; color: #282828; font-weight: 600; border: 1px solid #ddd; }
.table-info table tbody td { height: 28px; background: #fff; text-align: left; font-size:14px; color: #151616; border: 1px solid #c0c0c0; padding: 0 6px; }


.pop-title-a:after { display:block; content:''; clear:both;}
.pop-title-a { margin:5px 0 0; position:relative; }
.pop-title-a .title { float:left; width:150px; height:32px; line-height:31px; text-align:center; font-size:14px; font-weight:600; color:#fff; background:#465877; } 

.grid-tab:after { display:block; content:''; clear:both;}
.grid-tab { margin:3px 0 0px; }
.grid-tab.margin0 { margin:0px; }
.grid-tab a { float:left; min-width:70px; height:27px; line-height:25px; text-align:center; font-size:14px; font-weight:600; color:#4e4e4e; background:#e1e1e1; margin-left:1px; margin-top:0px; border-radius:5px 5px 0 0; border:1px solid #c0c0c0;border-bottom:0px;}
.grid-tab a:first-child { min-width:70px; margin-left:0;}
.grid-tab a.active { background:#465877; color:#fff; margin-top:0px;}

.grid-tab a { 
			background:-o-linear-gradient(90deg, #e9e9e9, #dfdfdf);
			background:-moz-linear-gradient( center top, #e9e9e9 5%, #dfdfdf 100% );
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #dfdfdf) );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#dfdfdf');
			background:-webkit-linear-gradient(#e9e9e9, #dfdfdf);
			background:-ms-linear-gradient(#e9e9e9, #dfdfdf);
			background:linear-gradient(#e9e9e9, #dfdfdf);
}

.grid-tab a.active { 
			background:-o-linear-gradient(90deg, #788cad, #465877);
			background:-moz-linear-gradient( center top, #788cad 5%, #465877 100% );
			background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #788cad), color-stop(1, #465877) );
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#788cad', endColorstr='#465877');
			background:-webkit-linear-gradient(#788cad, #465877);
			background:-ms-linear-gradient(#788cad, #465877);
			background:linear-gradient(#788cad, #465877);
}

.grid-tab-view { padding-bottom:12px; margin-bottom:15px; }
.grid-tab-view > div { display:none; }
.grid-tab-view > div:first-child { display:block; }

.grid-tab .bts { 
	padding :3px 17px 0 0;
	float:right;
}
.grid-tab .bts span { display: inline-block; vertical-align: middle; margin:0 2px; color: #282828; font-size:15px; font-weight: 600; }

.grid-tab-search:after { display:block; content:''; clear:both;}
.grid-tab-search { 
	margin:0px 0 1px; 
	border: 1px solid #c0c0c0;
	padding:4px 5px;
	background: #e9e9e9;
}

.pky_hide { display:none; }
.grid-readonly {background:#F6F6F6; color:#777777;}

.grid-border-blue { border: 1px solid #3399ff !important;}


input[type=text].ime-active {
  -webkit-ime-mode:active; 
  -moz-ime-mode:active; 
  -ms-ime-mode:active; 
  ime-mode:active; 
}

input[type=text].ime-inactive {
  -webkit-ime-mode:inactive; 
  -moz-ime-mode:inactive; 
  -ms-ime-mode:inactive; 
  ime-mode:inactive; 
}

input[type=text].ime-disabled {
  -webkit-ime-mode:disabled; 
  -moz-ime-mode:disabled; 
  -ms-ime-mode:disabled; 
  ime-mode:disabled; 
}

/* 2019-11-26 */
.status-1 { display: inline-block; vertical-align: middle; min-width: 20px; height: 24px; border: 1px solid #ff1800; border-radius: 2px; line-height: 23px; text-align: center; font-size: 11px; color: #ff1800; font-weight: 500; letter-spacing: -1px; }
.status-2 { display: inline-block; vertical-align: middle; min-width: 20px; height: 24px; border: 1px solid #ff6c00; border-radius: 2px; line-height: 23px; text-align: center; font-size: 11px; color: #ff6c00; font-weight: 500; letter-spacing: -1px; }
.status-3 { display: inline-block; vertical-align: middle; min-width: 20px; height: 24px; border: 1px solid #0066ff; border-radius: 2px; line-height: 23px; text-align: center; font-size: 11px; color: #0066ff; font-weight: 500; letter-spacing: -1px; }

.status_h20 {height: 20px; line-height: 19px;}

.ft9 { font-size:11px !important }
.ft10 { font-size:11px !important }
.ft11 { font-size:11px !important }
.ft12 { font-size:12px !important }
.ft13 { font-size:13px !important }
.ft14 { font-size:14px !important }
.ft15 { font-size:15px !important }
.ft16 { font-size:16px !important }
.ft18 { font-size:18px !important }
.ft20 { font-size:20px !important }
.ft21 { font-size:21px !important }
.ft24 { font-size:24px !important }
.ft26 { font-size:26px !important }
.ft36 { font-size:36px !important }