@charset "utf-8";
/* CSS Document */
/*====================================== 1.Reset =======================================*/
 body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,th,td,div,blockquote,pre,form,fieldset,input,textarea{
    margin:0;
    padding:0
}
 h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal
}
 ol,ul{
    list-style:none
}
 table{
    border-collapse:collapse;
    border-spacing:0
}
 img,fieldset,table,th,td,iframe{
    border:none
}
 input{
    *margin:-1px 0
}
 input,textarea{
    font-size:1em
}
 em,cite{
    font-style:normal
}
 html{
    overflow:hidden
}
 body,body textarea{
    font:12px/1.231 'Exo','Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei
}
 textarea{
    resize:none
}
 *+html body{
    position:relative
}
 a{
    color:#3a3a3a ;
    text-decoration:none;
    cursor:pointer
}
 a:hover{
    color:#3a3a3a;
    text-decoration:underline
}
 a:active,a:focus,a:visited{
    color:#3a3a3a;
    text-decoration:none
}
 a img{
    vertical-align:top
}
 iframe{
    width:100%;
    height:100%
}
 .k-grid .k-button.k-grid-customAdd {
    width: 25px;
    height: 25px;
}
 .k-grid tbody td > .k-grid-delete{
    margin:0 .16em;
    width: 25px;
    height: 25px;
}
 .k-widget.k-datepicker{
    width:100px;
}
 .k-datepicker .k-select{
 background:transparent !important;
 border-color:transparent !important;
 }
 .k-webkit .k-combobox .k-dropdown-wrap:before, .k-webkit .k-picker-wrap:before, .k-webkit .k-numeric-wrap:before{
    height:0
}
/* HTML5 */
 abbr,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
    margin:0;
     padding:0;
    border:0;
    outline:0;
    font-size:100%;
     vertical-align:baseline;
    background:transparent;
}
 article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}
 mark{
     font-weight:bold;
}
 object{
    outline:none;
}
 hr{
    display:block;
    height:1px;
    margin:1em 0;
    padding:0;
    border:0;
    border-top:1px solid #ccc
}
 input,select{
    vertical-align:middle
}
/* for IE haslayout */
 * html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend{
    zoom:1
}
/* For modern browsers */
 .clfix:before,.clfix:after{
    display:table;
    content:''
}
 .clfix:after{
    clear:both
}
/* For IE 6/7 (trigger hasLayout) */
 .clfix{
    *zoom:1
}
.blind{
    overflow:hidden;
    position:absolute;
    top:-999px;
    left:-9990px;
    width:0px;
    height:0px;
    font-size:0;
    line-height:0
}
 .label{
    visibility:hidden
}
 input[type=checkbox].checkbox + label.label{
    visibility:visible
}
 #center_content .tl,.popup_bg .tl,.k-window .tl{
    text-align:left
}
 #center_content .tc,.popup_bg .tc,.k-window .tc,.k-grid-content-locked .tc,.k-grid .tc{
    text-align:center
}
 #center_content .tr,.popup_bg .tr,.k-window .tr{
    text-align:right
}

.k-state-disabled,.k-widget[disabled]{outline: none;cursor: default;opacity: 0.4;filter: grayscale(0.1);pointer-events: none;box-shadow: none}
.k-picker-wrap .k-input{padding:0;margin:.177em 0}
.k-window-title-custom{display:inline-block}
.k-picker-wrap.k-state-border-down,.k-dropdown-wrap.k-state-border-down{border-bottom-width:1px;padding-bottom:0}
.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-left{margin-top:-22px}
.k-splitbar-horizontal.k-splitbar-draggable-horizontal .k-i-arrow-60-right{margin-top:5px}
.k-splitbar-horizontal .k-collapse-prev::before,.k-splitbar-horizontal .k-expand-next::before{content:"\e007";margin-left:-2px;font-size:13px}
.k-splitbar-horizontal .k-collapse-next::before,.k-splitbar-horizontal .k-expand-prev::before{content:"\e005";margin-left:-2px;font-size:13px}
.k-splitbar-horizontal .k-resize-handle::before{content:"\e027";margin-left:-5px;font-size:20px}
.k-splitbar-vertical .k-expand-prev,.k-splitbar-vertical .k-expand-next{margin-left:-6px}
.k-splitbar-vertical .k-collapse-prev::before,.k-splitbar-vertical .k-expand-next::before{content:"\e004";position:relative;top:-3px;left:1px;font-size:13px}
.k-splitbar-vertical .k-collapse-next::before,.k-splitbar-vertical .k-expand-prev::before{content:"\e006";position:relative;top:-2px;left:-3px;font-size:13px}
.k-splitbar-vertical .k-resize-handle::before{content:"\e121";position:relative;top:-9px;font-size:22px}
.shadow .k-grid{margin:0 10px}
.commonBtn{display:inline-block;border:none;background:none;width:auto;font-size:15px;color:#3c3c3c;text-transform:capitalize;padding:0 5px 1px;text-decoration:none;}
.commonBtn:hover{text-decoration:none}
.commonBtn .k-icon{margin-right:5px}
.k-treeview .k-in {border-radius: 0;margin: 0;padding: 4px 8px;border: 0 solid transparent;text-decoration: none;display: inline-flex;align-items: center;align-content: center;vertical-align: middle;position: relative}
.k-treeview span.k-in.k-state-selected{background:none;}
.k-treeview ul li span.k-icon + span.k-in.k-state-selected {border:none; width: 50%;margin:0}
.k-treeview ul li span.k-icon + span.k-in.k-state-selected:before{display:none;}
.k-treeview .k-minus:before{content:"\e014";}
.k-treeview .k-plus:before{	content:"\e015";}
.k-treeview ul li span.k-in.k-state-selected{background:#f4f4f4;}
#left_pane .k-treeview ul li span.k-in.k-state-selected {border: 1px solid #fff;background: none;width: 90%;}
#left_pane .k-treeview .k-icon, #left_pane .k-treeview .k-in, 
#left_pane .k-treeview span.k-in.k-state-selected,
#left_pane .k-treeview ul li span.k-in.k-state-selected {color:#fff;}
#left_pane #treeview > .k-treeview-lines > li.k-item.k-first{margin-top:10px}
#left_pane  #treeview > .k-treeview-lines > li.k-item.k-last{margin-bottom:10px;}

.k-editor .k-editor-toolbar-wrap .k-tool-icon{width:24px;height: 1em;-webkit-font-smoothing: antialiased;font-size: 16px;font-family: WebComponentsIcons;font-style: normal;font-weight: normal;line-height: 1;speak: none;text-transform: none;display: inline-block;vertical-align: middle;font-variant: normal;text-decoration: none;}
.k-tool-icon::before{display:inline-block;width:24px}
.k-editor .k-editor-toolbar-wrap a.k-tool.k-state-selected{background:#e1e1e1}
.k-colorpicker .k-tool-icon{font-size:16px;line-height:1}
.k-editor .k-editor-toolbar-wrap .k-colorpicker .k-tool-icon{padding:0;margin:0;text-align:center}
.k-numerictextbox .k-state-disabled,.k-dropdown .k-state-disabled,.k-datepicker .k-state-disabled{background:#e9e9e9;opacity:1;border-radius:3px}
.k-numerictextbox .k-state-disabled .k-input,.k-datepicker .k-state-disabled .k-input{background:none}
.k-dropdown[aria-disabled='true']{cursor:default}

.k-filter::before{content: "\e015";}
.k-i-close2::before{content: "\e11b";}
 .fl{
    float:left;
}
 .fr{
    float:right;
}
 .clear{
    width:100%;
    overflow:hidden;box-sizing: border-box
}
 .vm{
    vertical-align:middle
}
 .mgt10{
    margin-top:10px;
}
 .pdtb10{
    padding:10px 0
}
 .pointer{
    cursor:pointer
}
 .readonly, .readonly:focus,.k-textbox.readonly,.k-textbox.readonly:focus{
    background:#e9e9e9 !important;
    color:#a1a1a1 !important;
    border-color:#d5d5d5 !important;
    box-shadow:none;
    -webkit-box-shadow:none;
	-moz-box-shadow:none;
}
 .readonly.readonly2, .readonly.readonly2:focus,.k-textbox.readonly.readonly2,.k-textbox.readonly.readonly2:focus{
    background:#fff!important;
    color:#3c3c3c !important;
    border-color:#d5d5d5 !important;
    font-weight:bold
}
 .readonly.readonly3, .readonly.readonly3:focus,.k-textbox.readonly.readonly3,.k-textbox.readonly.readonly3:focus{
    color:#3c3c3c !important;
    border-color:#d5d5d5 !important;
    font-weight:bold
}
 .readonly.readonly4, .readonly.readonly4:focus,.k-textbox.readonly.readonly4,.k-textbox.readonly.readonly4:focus{
 	background:#fff!important;
    color:#3c3c3c !important;
    border-color:#d5d5d5 !important;
}
 .readonly.readonly5, .readonly.readonly5:focus,.k-textbox.readonly.readonly5,.k-textbox.readonly.readonly5:focus{
 	background:#fff!important;
    color:#000 !important;
    border-color:#d5d5d5 !important;
}
.k-numeric-wrap:not(.k-state-disabled) .readonly{background:none !important;color:#3c3c3c !important}
.k-numerictextbox.readonly.readonly5 > .k-numeric-wrap, .k-dropdown.readonly.readonly5 > .k-dropdown-wrap, .k-datepicker.readonly.readonly5 > .k-picker-wrap{
	background:none !important;
	color:#000 !important;
}
 .comm_btn_print_disable .k-dropdown[aria-disabled='true'], .comm_btn_doc_disable .k-dropdown[aria-disabled='true'], .comm_btn_aif_disable .k-dropdown[aria-disabled='true'], .comm_btn_function_disable .k-dropdown[aria-disabled='true']{
    background:none !important
}
 body .ud{text-decoration:underline}
 body .dn{
    display:none
}
 body .db{
    display:block
}
 body .dib{
    display:inline-block
}
 .bn{
    border:none !important
}
 .notUsed{
    background:#625b5b
}
 .red,.red a,.red a:link,.red a:visited,.red a:hover, .k-state-selected .red{
    color:red
}
 .gridBackground1{
    background-color:rgba(255, 255, 225, 0.3)
}
 .gridBackground2{
    background-color:rgba(137, 139, 202, 0.3)
}
 .gridBackground3{
    background-color:rgba(051, 102, 225, 0.3)
}
.ui-autocomplete{z-index:999999}
/* kendoUI css 변경*/
.commonCode .k-checkbox{border:none}
.commonCode .k-checkbox::before{-ms-transform:none;transform:none;top:0;left:0;font-size:16px;width:16px;height:16px}
.k-grid .k-detail-row{cursor:unset}

 #center_content .k-tabstrip-items{
    padding-left:5px
}
 span.k-tooltip.k-tooltip-validation,div.k-tooltip.k-tooltip-validation{
    position: absolute;
    display: inline-block;
    min-width:auto;
    background:none;
    border:none;
    color:red;
    border-radius:4px;
    webkit-box-shadow: none;
    box-shadow:none;
}
.commonCode>span.k-tooltip.k-tooltip-validation, .k-picker-wrap>span.k-tooltip.k-tooltip-validation {
	margin-left:14px;
}
.k-tooltip-validation .k-warning{
	background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-left:-2px;
}
 div.k-window-content{
    padding:0;
    marign-top:-1px;
    overflow:hidden
}
.k-autocomplete,
.k-combobox,
.k-dateinput,
.k-datepicker,
.k-datetimepicker,
.k-dropdown,
.k-multiselect,
.k-numerictextbox,
.k-maskedtextbox,
.k-timepicker,
.k-dropdowntree{
	font-size:12px;
}
.k-list-container .k-nodata .k-button, 
.k-dropdown .k-dropdown-wrap, .k-button,
.k-button-group.k-state-disabled .k-button:not(.k-state-active), 
.k-button-group .k-state-disabled:not(.k-state-active), 
.k-toolbar .k-split-button .k-button, .k-spreadsheet-filter,
.k-pivot-toolbar .k-button, .k-fieldselector .k-list li.k-item,
.k-colorpicker .k-picker-wrap, .k-combobox .k-select, 
.k-datepicker .k-select, .k-timepicker .k-select, .k-datetimepicker .k-select, 
.k-dateinput .k-select, .k-dropdowntree .k-dropdown-wrap, 
.k-editor .k-editor-toolbar-wrap a.k-tool, .k-ct-popup .k-editor-toolbar a.k-tool, 
.editorToolbarWindow.k-header.k-window-content a.k-tool, .k-numerictextbox .k-select, 
.k-handle, .k-map .k-navigator, .k-gantt-views li, .k-scheduler-navigation .k-nav-today, 
.k-scheduler-navigation .k-nav-prev, .k-scheduler-navigation .k-nav-next, .k-scheduler-views li,
.k-scheduler-footer li{
	background-image:none;	
}
.k-dropdown .k-dropdown-wrap{
	min-height:26px;
	box-sizing:border-box;
}
.k-dropdown .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover{
	background:#fff;
}
.k-dropdown .k-dropdown-wrap.k-state-focused{box-shadow:none}
.k-dropdown .k-dropdown-wrap.k-state-active,.k-dropdown .k-dropdown-wrap.k-state-focused{
	background:#fff7ea;
	border-color:#fda912;
} 
.k-list .k-state-hover{
	border-color:transparent;
	background:#eee;
}
.k-calendar .k-content .k-link{
	padding:0.25em 0.5em;
}
 .k-header>.k-grid-filter, .k-header>.k-header-column-menu,.k-grid-header th.k-header>.k-link{
    margin:0;
    padding:0;
    text-align:center
}
/*Kendo Grid 스타일 */
 .k-grid-header{
 	border-color:#ffa91e
 }
 .k-grid-header,.k-grid-header th.k-header{
    background:#fff;
    border-left:0;
}
 .k-grid-header th.k-header, .k-filter-row th{
    text-align:center
}
.k-grid-header-wrap,.k-grid-content-locked,.k-grid-header-locked{
	border-color:#d5d5d5
}
 .k-grid-header-wrap tr,.k-grid-header-locked tr{
    height:31px
}
 .k-grid-toolbar{
    padding:0.22em 0.2em 0.22em;
    height:33px;
    box-sizing:border-box;
    background:#fff;
	border-color:#d5d5d5;border-width:0 0 1px;
}
 .k-grid-toolbar-btn {
    overflow:hidden;
     border:none;
    float:left
}
 .k-grid-toolbar-btn ul{
    float:left
}
 .k-grid-toolbar-btn ul{
    overflow:hidden
}
 .k-grid-toolbar-btn li{
    float:left;
    margin-right:5px;
}
 .k-grid-toolbar-btn li.com_m_coll{
    background: url(/img/com_m_col.gif) left 6px no-repeat;
    padding-left: 4px;
    height: 21px;
}
 .k-grid-toolbar-btn .k-button,.k-grid .k-grid-toolbar .k-button,.k-grid .k-grid-toolbar #popup_btn_wrap .k-button{
     margin-right:0;
    color:#fff;
    cursor:pointer;
    border-radius:4px;
    padding:0px 7px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size: 12px;
    box-sizing: border-box;
    height: 25px;
    line-height: 25px;
    background: #fff;
    text-shadow:none;
    color:#3a3a3a;
}
 .k-grid .k-grid-toolbar .filterClear,  
 .k-grid .k-grid-toolbar .saveGridConfig, 
 .k-grid .k-grid-toolbar .deleteGridConfig{
 	height:25px;
 	line-height:25px;
 }
 .k-grid .k-grid-toolbar .filterClear .k-icon,  
 .k-grid .k-grid-toolbar .saveGridConfig .k-icon,  
 .k-grid .k-grid-toolbar .deleteGridConfig .k-icon{
 	font-size:12px;
 }
 .k-grid .k-grid-toolbar .k-button img{
    display:none;
}
 .k-grid-toolbar-btn li span label, .k-grid-toolbar-btn .k-button label{
    cursor:pointer
}
 .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited{
    background:#fff1da;
    box-shadow:none;
    color:#3a3a3a;
    border-color:#fff1da;
}
 .k-pager-wrap .k-dropdown{
 	width: 5.5em;
 }
 .k-pager-numbers .k-link,.k-pager-wrap .k-link{
 	color:#3a3a3a;
 	border-color:#d5d5d5;
 }
 .k-pager-numbers .k-link:hover{
 	border-color:#ffa91e
 }
.k-pager-numbers .k-state-selected,.k-calendar-container .k-state-selected{
    background:#ffa91e;
    color:#fff;
}
.k-grid tr{
    cursor:pointer;
}
.k-grid tr.k-alt{
	background:#f8f8f8;
}
.k-grid tr.k-state-selected,.k-grid tr.k-state-hover, .k-grid tr:hover{
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #fff9ef 40%, #fff1da 100%);
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#fff9ef 40%,#fff1da 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#fff9ef 40%,#fff1da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#fff1da',GradientType=0 );	
}
.k-grid td{
    overflow:hidden;
    white-space:nowrap;
    border-width: 0 0 1px 1px;
    border-color: rgba(221, 221, 221,.5);
}
 .k-grid td.k-state-focused{
    background:#ffe8c6 !important;
    box-shadow:none;
}

.k-grid .k-loading-mask .k-loading-image{
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    background-image:url('/img/ajax-loader.gif')
}
.k-grid-content {
	min-width: 50px;
}
 .k-grid-content .k-footer-template td{
    padding:0;
    border-bottom:1px solid #e2e1e1;
    background:#f8f8f8
}
 div.k-grid-footer,.k-grouping-row td{
    border-bottom:none
}
 .k-grid .k-group-cell{
    border:none
}
 .k-footer-template.k-state-selected{
    color:#3a3a3a
}
.k-window-titlebar{
    background:none;
    border:none;
    overflow:hidden;
    height:26px;
}
 div.k-window, div.k-window.k-state-focused{
    border:none;
    box-shadow:5px 5px 25px 5px rgba(0,0,0,.3);
    -webkit-box-shadow:5px 5px 25px 5px rgba(0,0,0,.3);
    -mox-box-shadow:5px 5px 25px 5px rgba(0,0,0,.3);
}
 .k-treeview .k-in.k-state-hover {
    cursor:pointer
}
 .k-window-titlebar .k-window-actions{
	top: 0;
	right: 0;
	background: #ffa91e;
	padding: 10px;
	margin:0;position:absolute
}
 .k-window-titlebar .k-window-actions a{
 	color:#000;
 	border-color:transparent !important;
 }
 .k-window-title{
 margin:0;
 top:10px;
 left:20px;
 font-weight:600;
 font-size:18px;position:absolute
 }
.k-button{
    line-height:normal;
    border-radius:3px;
    padding:4px;
    font-size:12px;
}
.k-button:hover:not(.k-state-disabled):not([disabled]){
    border:1px solid #517edb;
    background:#bbd7f6
}
.k-button:hover:not(.k-state-disabled):not([disabled]){
    border: 1px solid #ffa91e;
    background: #fff1da;
    -webkit-box-shadow: none;
    box-shadow: none
}
 .k-button-icon{
    padding:3px;
    line-height:12px;
    -webkit-box-shadow:none;
    box-shadow:none
}
 .k-button[id*="_loadEditButton2"]{
    height:22px
}
 /* .k-state-disabled{
    border-radius:0px
} */
 /*disabled시 테두리 사각으로 변경*/
 .k-tabstrip-items b{
    font-size:12px
}
 .k-tabstrip-items label{
    cursor:pointer
}
 .k-tabstrip-items span.k-i-close{
    vertical-align:middle
}
 .k-dirty{
    border:none
}
 .k-textbox .k-warning{
    position:relative;
    margin:0
}
.k-icon.k-warning:before {
    content: "\e403";
}
 .k-loading-image{
    background:none
}
 .k-dropdown .k-input, .k-selectbox .k-input{
    text-overflow:unset;
}
.k-textbox{
  width:100%;
  height:26px;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius:3px !important;
  display:inline-block;
  outline: 0;
  padding: 2px .3em;
  line-height: 1.6em;
 }
 span.k-textbox input{
    float:left;
    width:100%;
    padding:0;
    height:auto !important;
    background:transparent !important;
}
 span.k-textbox input:focus{
 	background:transparent;
 }
 .commonCode{
 	width:auto;
    padding-right:1.7em;
}
 .k-datepicker{
    width:100%;
   height:26px;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius:3px !important;
   }
 span.k-picker-wrap.k-state-default, span.k-picker-wrap.k-state-default input span.k-colorpicker .k-state-default, span.k-numerictextbox .k-state-default, span.k-combobox .k-state-default, span.k-dropdown .k-state-default, .k-toolbar .k-split-button .k-state-default{
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius:3px !important
}
 .k-textbox:focus,.k-picker-wrap.k-state-focused,.k-textbox.commonCode:focus,.k-textbox.commonCode:active,
 span.k-textbox.commonCode:focus{
    background-color:#fff7ea !important;
    border:1px solid #ffa91e !important
}
.k-picker-wrap.k-state-focused input{
	background:transparent;
}
 .k-numeric-wrap.k-expand-padding{
    padding-right:5px
}
.k-numeric-wrap{
	padding:2px 4px 2px 2px;
	box-sizing: border-box;
	height: 26px;	
}
 .k-numerictextbox .k-input{
    text-align:right;
    padding:0;
	box-sizing: border-box;
	height: 20px;
}
.k-numerictextbox .k-numeric-wrap.k-state-focused{
	border-color:#ffa91e !important;
}
.k-numerictextbox .k-numeric-wrap.k-state-focused .k-input{
	background:#fff7ea !important;
}
 .k-group-footer td, .k-group-footer td.k-state-focused{
    background:#e1dfe0 !important;
    padding:0; 
}
.k-group-footer1 td,.k-group-footer1 td.k-state-focused{
	background:#8c8c8c !important;
	color:#fff;
	border-color:transparent;
}

/*  .k-group-footer td:first-child{ */
/*     background:none; */
/* } */

 .k-footer-template td{
    font-weight:normal
}
 .k-group-footer div,.k-footer-template div{
    padding:.4em .6em;
    font-weight:normal
}
 .k-group-footer .top,.k-footer-template .top{
    border-bottom:1px solid #e2e1e1
}
 .k-group-footer .top:last-child,.k-footer-template .top:last-child{
    border-bottom:0;
}

 .k-upload-files{
    margin-bottom:0
}
/* .k-overlay{opacity:0 !important} */
 input[type=checkbox].checkbox, input[type=checkbox].popupcheckbox, input[type=checkbox].checkbox-all{
    display:none
}
 input[type=checkbox].checkbox + label.label, input[type=checkbox].popupcheckbox + label.label, input[type=checkbox].checkbox-all + label.label{
    padding-left:17px;
    height:16px;
    display:inline-block;
    line-height:16px;
    background-repeat:no-repeat;
    background-position:0 0;
    vertical-align:middle;
    cursor: pointer;
    background-image:url(/img/checkbox.png)
}
 input[type=checkbox].checkbox:checked + label.label, input[type=checkbox].popupcheckbox:checked + label.label, input[type=checkbox].checkbox-all:checked + label.label{
    background-position:0 -16px
}
 .k-edit-cell input[type="checkbox"]{
    margin:0
}
 .k-input[readonly]{
    color:#a1a1a1;
    background:#e9e9e9
}
/*  .k-grouping-row .k-i-collapse,.k-grouping-row .k-i-expand{
    background: url(/img/icon_grid_collapse.png) no-repeat 0 center
} */
 
 .tb_input2_bl th,.tb_input2_bl td{
     padding:2px 5px 2px 5px;
     border:1px solid #d5d5d5;
     text-align:center;
}
 .tb_input2_bl td textarea{
    line-height:12px;
}
 #h10{
    line-height:22px;
    color:#324750;
    margin-top:3px;
     font-size:12px;
     border:0px solid red;
    overflow:hidden
}
/*Input 추가 문제로 주석처리*/
 #h10 .h10_btn{
    float:right;
    padding:1px 3px 0 0;
}
 #h10 .h10_btn li{
    float:left;
    padding:0;
     margin:0;
}
/*g1 타이틀 추가 끝*/
 .gridToolbar{
    float:right
}

 .gridToolbar li{
    float:left;
    background:none !important;
    border:none !important;
    padding:0  5px!important;
    line-height:30px;
	cursor:pointer;
}

/* tool bar left 정렬*/
 .gridToolbar2{
    float:left
}

 .gridToolbar2 li{
    float:left;
    background:none !important;
    border:none !important;
    padding:0  5px!important;
    line-height:30px;
	cursor:pointer;
}
 .emptyGrid,.empty-grid{
    padding-top:20px;
    font-size:110%;
    text-align:center
}
 span.k-textbox .k-icon.k-i-search{
    cursor:pointer;
    right:3px
}
 .gridOverlay{
    display:none;
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index: 1000
}
 .popupScroll{
    overflow-x:hidden;
    overflow-y:hidden;
 }
 .entryButton,.shadow h4 .entryButton{
    margin-right:0;
    color:#3a3a3a;
    cursor:pointer;
    border:1px solid #d5d5d5;
    border-radius:4px;
    padding:0px 7px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size: 12px;
     box-sizing: border-box;
    height: 25px;
    line-height: 23px;
     background:#fff;font-weight:normal
}
 .entryButton:hover,.shadow h4 .entryButton:hover{
    border: 1px solid #ffa91e;
    background: #fff1da;
}
 .entryButton .label{
    cursor:pointer
}
 .cont_tab{
    border:none;
    overflow:hidden
}
 .cont_tab .k-tabstrip-items{
    width:100%;
    box-sizing:border-box;
    border-bottom:1px solid #c1c1c1;
}

 .cont_tab .k-tabstrip-items .k-state-default{
    background-color: #fff;
}
 .cont_tab .k-tabstrip-items .k-dropdown-wrap{
    background-color:#ececec;
}
 .cont_tab .k-tabstrip-items .k-dropdown-wrap .k-icon{
    vertical-align: middle;
    margin:0
}
 .cont_tab .k-tabstrip-items li{
    border:0;
    min-width:110px;
    padding:0 10px;
    border-top:3px solid #fff;border-left:1px solid #fff;border-right:1px solid #fff
}
 .cont_tab .k-tabstrip-items .k-state-hover {
    border-top:3px solid #ffa91e;
}
 .cont_tab .k-tabstrip-items .k-state-active {
    border-top:3px solid #ffa91e;
    border-left:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:1px solid #fff;
    margin-bottom:-1px;
}
 .cont_tab .k-tabstrip-items .k-dropdown-wrap{
    background-color:#ececec !important
}
 .cont_tab .k-tabstrip-items .k-item .k-link{
    display:block;
    color:#787878;
    font-size:14px;
    font-weight:600;
    text-align:center;
}
 .cont_tab .k-tabstrip-items .k-state-active .k-link{
    border:none;
    color:#3a3a3a
}
#tabstrip > .k-tabstrip-items{
	background:#f2f2f2
}
#tabstrip > .k-tabstrip-items .k-item.k-state-active{
	background:#fff;
}
 #tabstrip .cont_tab .k-tabstrip-items{
    padding: 2px 0 0 0
}
 #tabstrip .cont_tab .k-tabstrip-items .k-item {
    height:20px;
    border-width: 1px 1px 0 1px;
    line-height:8px;
}
 #tabstrip .k-state-default.k-first .k-link{
    padding:8px 14px .5em
}
 #tabstrip .k-state-active.k-first .k-link{
    padding:4px 14px .5em
}
 .cont_tab .k-tabstrip-items .k-loading{
    border-top:none
}
 .tabCon{
    position:absolute;
    top:0;
    left:10000px;
    width:100%;
    height:100%
}
 .tabCon.first{
    position:relative;
    left:0
}
 .tabConWrap{
    position:relative;
    border:1px solid #c1c1c1;
    border-top:0;
}
 .cont_tab .k-tabstrip-items .k-link{
    padding:10px 0 5px;
}
 .cont_tab .k-tabstrip-items .k-item[disabled] .k-link{
    color:#ccc
}
 .tabConPadding{
    padding:2px;
    height:100%;
    box-sizing:border-box
}
 .body_bg{
    overflow-x:auto;
    overflow-y:hidden
}
 #wrapper{
    height:100%;
    min-width:1900px
}
 #loading,#loading2{
    width:100%;
    height:100%;
    display:none;
    z-index:999999
}
 .custom-loading-image {
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:2;
    background-image:url('/img/ajax-loader.gif')
}

/* Login Area */
 .login_bg{
    margin:0
}
 #login_wrap{
    position:relative;
    width:100%;
    height:100%;
    min-width:1100px;
    min-height:700px;
}
 #login_form{
 	background:#f2f2f2;
    width:900px;
    height:660px;
    color:#000;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-330px;
    margin-left:-450px;
    box-shadow:0px 5px 20px 10px rgba(6, 6, 6, 0.15);
    -webkit-box-shadow:0px 5px 20px 10px rgba(6, 6, 6, 0.15);
    -moz-box-shadow:0px 5px 20px 10px rgba(6, 6, 6, 0.15);
    padding:130px 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 #login_wrap h1{
	 font-size:70px;
	 color:#484848;
	 font-family:'Nanum Gothic';
	 letter-spacing:-2px;
	 font-weight:bold;
	 float:left;
	 line-height:400px;
	 padding-left:30px;
 }
 #login_wrap h1 img{
 width:300px;
 }
#login_box{
	width:50%;
	float:right;
	border-left:1px solid #000;
	padding:0 50px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#login_box ul li{
	margin-bottom:15px;
	border-bottom:1px solid #b1b1b1;
}
#login_box .k-textbox, #login_box .k-dropdown-wrap{
	background:transparent !important;
	border:none;
	height:45px;
	line-height:45px;
	width:100%;
	max-width:100%;
	font-size:16px;
}
#login_box .k-dropdown{
	background:transparent;
	display:block;
	width:100%;
}
.login{
	display:block;
	height:53px;
	width:100%;
	line-height:53px;
	vertical-align:middle;
	background:#4b4b4b;
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
    font-size:16px;
    text-decoration:none !important;
}
.login:hover{
	opacity:0.9
}
#login_box span.k-tooltip.k-tooltip-validation{
	width:100%;
	text-align:left;
}
#login_box .accept, #login_box .accept a{
	font-size:16px;
	color:#4b4b4b;
}
#login_box .accept {
	text-align:center;
}
#login_box .accept label{
	border-right:1px solid #000;
	padding-right:15px;
	margin-right:15px;
}
#login_form input[type="checkbox"]{
	opacity:0;
	width:0;
	height:0;
	position:absolute;
	left:0;
	top:0;
} 
#login_form input[type="checkbox"] + label:before {
content:"";
display:inline-block;
background:#fff url(/mobile/img/m_checkbox.png);
background-repeat:no-repeat;
background-position:0 0;
background-size:18px 36px;
width:18px;
height:18px;
margin-left:0;
margin-right:5px;
margin-bottom: -4px;
}
#login_form input[type="checkbox"]:checked + label:before{
content:"";
display:inline-block;
background:#fff url(/mobile/img/m_checkbox.png);
background-repeat:no-repeat;
background-position:0 -18px;
background-size:18px 36px;
width:18px;
height:18px;
margin-left:0;	
margin-right:5px;
margin-bottom: -4px;
}
.login_footer{
    background: #e2e2e2;
    position: absolute;
    border: 0;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 20px 0px 20px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
}
.login_footer address{
	font-style:normal;
	display:inline-block;
	margin-right:10px;
}
/* Main Area - Top Pane */
 html,body{
    height:100%;
    margin:0;
     padding:0
}
#main_wrap{
    height:100%;
}
 #top_pane {
    height:54px;
     background:#404952;overflow:hidden
}
 #top_pane .menu_btn{
    float:left;
    width:52px;
    height:54px;
    background:url(/img/top_menu_off.png) no-repeat center;
}
 #top_pane .menu_btn.on{
    float:left;
    width:52px;
    height:55px;
    background:url(/img/top_menu_on.png) no-repeat center;
}
 #top_pane h1{
    float:left;
    padding-left:20px;
    height:54px;
    line-height:54px
}
 #top_pane h1 img{
    vertical-align:middle
}
 #top_pane ul.etc_menu{
    float:right;
    height:24px;
    padding-right:20px;
     padding-top:13px;
}
 #top_pane ul.etc_menu li{
    float:left;
    display:inline;
    padding-left:4px;
     line-height:24px;
}
 #top_pane ul.etc_menu li.adm_icon{
     padding-right:7px;
     font-size:12px;
}
 #top_pane ul.etc_menu li a.adm:link,a.adm:visited,#top_pane ul.etc_menu .adm,#top_pane ul.etc_menu .adm a{
    color:#e9f4f9;
     text-decoration:none
}
 #top_pane ul.etc_menu li a.adm:hover{
    color:#b5cdd8;
     text-decoration:none
}
 #top_pane ul.etc_menu li.col_line{
    background:url(/img/col_line.png) left center no-repeat;
     padding-left:7px;
     padding-right:30px;
}
 #top_pane ul.etc_menu li a.logout{
    color:#cfec2f;
     text-decoration:none;
    font-weight:bold;
}
 #top_pane ul.etc_menu li a.logout:link,a.logout:visited{
    color:#ffff2d;
}
 #top_pane ul.etc_menu li a.logout:hover{
    color:#cccc54;
}
 #top_pane ul.etc_menu li a.home{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_home.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.home:hover{
    background:url(/img/t_icon_home_over.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.asMail{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_mail.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.asMail:hover{
    background:url(/img/t_icon_mail_over.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.asCall{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_as.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.asCall:hover{
    background:url(/img/t_icon_as_over.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.help{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_help.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.help:hover{
    background:url(/img/t_icon_help_over.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.fav{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_fav.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.fav:hover{
    background:url(/img/t_icon_fav_over.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.mailLog{
    float: left;
    width:24px;
    height:24px;
    background:url(/img/t_icon_mailLog.png) no-repeat 0 0;
}
 #top_pane ul.etc_menu li a.mailLog:hover{
    background:url(/img/t_icon_mailLog_over.png) no-repeat 0 0;
}
#top_pane ul.etc_menu li a.asWeb{color:#abb2b8}
#top_pane ul.etc_menu li a.asWeb:hover{color:#ffa911}
#top_pane ul.etc_menu li a.linkToServer{float: left;width:24px;height:24px;background:url(/img/t_icon_switchAc.gif) no-repeat center;}
#top_pane ul.etc_menu li a.linkToServer:hover{background:url(/img/t_icon_switchAc_over.gif) no-repeat center;}
#top_pane ul.etc_menu li a.liveChatOpen{float: left;width:24px;height:24px;background:url(/img/t_icon_chat.gif) no-repeat center;}
 #top_pane ul.etc_menu li a.changeLanguage{
    float: left;
    width: 24px;
    height: 24px;
    background: url(/img/t_icon_lang.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.changeLanguage:hover{
    background: url(/img/t_icon_lang_over.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.manual{
    float: left;
    width: 24px;
    height: 24px;
    background: url(/img/t_icon_manual.gif) no-repeat center;
}
 #top_pane ul.etc_menu li a.manual:hover{
    background: url(/img/t_icon_manual_over.gif) no-repeat center;
}
 #top_pane ul.etc_menu li.adm.session{
 text-align:center;
 padding-right:0;
 }
 #top_pane ul.etc_menu li.adm.session #sessionTimer{
 display:inline-block;
 width:52px;
 text-align:center;
 }
 #top_pane ul.etc_menu li.adm.session a{
 border:1px solid #6c7784;;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding:2px 4px;
font-size: 10px;
font-family: sans-serif;
background:#6e7c8c;
color:#dce6f0;
}
#top_pane ul.etc_menu li.adm.session a:hover{
background:#647282;
}
 #main_wrap{
    position:relative;
    margin:0 auto;
    padding:0 0 0 0;
}
 #splitter,#splitter2{
    position:relative;
    height:100%;
    background-color:#fff;
    border:none
}
 #splitter .k-splitbar,#splitter2 .k-splitbar, .splitter .k-splitbar{
    border:none;
    box-shadow:none
}
/*====================================== Notice-popup =======================================*/
 #notice_left {
    float:left;
    width:268px;
     padding:20px 0 20px 20px;
     background:#739de3;
}
 #col {
    float:left;
    width:7px;
     background:#000000;
}
 #notice_right{
    float:left;
    width:700px;
    padding:20px 20px 20px 20px;
    height:580px;
}
 .notice_view{
     position:relative;
     border-collapse:separate;
     border-spacing:0px;
    width:100%;
     background:#ffffff;
    border:1px solid #d5d5d5;
    border-bottom:0;
}
 .notice_view td{
    line-height:30px;
     color:#000;
     padding:0 15px;
    border-bottom:#d5d5d5 1px solid;
}
 .notice_view td.itemname1{
    background:#F2F2F2;
    border-right:#d5d5d5 1px solid;}
 .notice_view td.itemname2{
    background:#F2F2F2;
    border-right:#d5d5d5 1px solid;
     border-left:#d5d5d5 1px solid;
}
 .notice_view td.itemname3{
    background:#F2F2F2;
    font-weight:bold;
    border-bottom:0;
    border-right:#d5e7ee 1px solid;
}
 .notice_view td.td_1{
    border-bottom:0;
    line-height:20px;
}
 .notice_subj {
    margin-top:25px;
    background:url(/images/blueopal/dot1.gif) left center no-repeat;
     padding-left:25px;
    margin-bottom:10px;
    line-height:18px;
    font-weight:bold;
}
 .notice_cont {
    border:1px solid #d5d5d5;
     padding:20px;
     line-height:22px;
     overFlow: auto;
}
/*======================================= manual-List ========================================*/
.manual_view{
     position:relative;
     border-collapse:separate;
     border-spacing:0px;
    width:100%;
     background:#ffffff;
    border:1px solid #d5d5d5;
    border-bottom:0;
}
 .manual_view td{
    line-height:30px;
     color:#000;
     padding:0 15px;
    border-bottom:#d5d5d5 1px solid;
}
 .manual_view td.itemname1{
    background:#F2F2F2;
    border-right:#d5d5d5 1px solid;}
 .manual_view td.itemname2{
    background:#F2F2F2;
    border-right:#d5d5d5 1px solid;
     border-left:#d5d5d5 1px solid;
}
 .manual_view td.itemname3{
    background:#F2F2F2;
    font-weight:bold;
    border-bottom:0;
    border-right:#d5e7ee 1px solid;
}
 .manual_view td.td_1{
    border-bottom:0;
    line-height:20px;
}
 .manual_cont {
    border:1px solid #d5d5d5;
/*     // padding:20px; */
     line-height:22px;
     overFlow: auto;
}
/*====================================== favorit-popup =======================================*/
 #fav_wrap{
    display:none;
    width:250px;
     background:#e9e9e9;
     border:1px solid #94c0d2;
     height:575px;
    z-index:100;
}
 #fav_tit{
    height:33px;
    background:#adcddc left top repeat-x;
     font-weight:bold;
     color:#fff;
}
 #fav_tit h2{
    line-height:33px;
     background:#404952 10px center no-repeat;
     padding-left:35px;
}
 #fav_cont{
    border:#404952 1px solid;
     background:#fff;
    height:510px;
     margin:6px 8px 27px 8px;
     overflow-y:auto;
     overflow-x:hidden;
}
 .fav_line{
    float:left;
     display:inline-block;
    width:100%;
     border-top:1px solid #adcddc;
     background:#e9e9e9;
    height:4px;
}
/*====================================== changeLanguage-popup =======================================*/
 #changeLanguage_wrap{
    display:none;
    width:250px;
     background:#e9e9e9;
     border:1px solid #94c0d2;
    z-index:100;
}
 #changeLanguage_wrap_tit{
    height:33px;
    background:#adcddc left top repeat-x;
     font-weight:bold;
     color:#fff;
}
 #changeLanguage_wrap_tit h2{
    line-height:33px;
     background:#404952 10px center no-repeat;
     padding-left:35px;
}
 #changeLanguage_cont{
    border:#404952 1px solid;
     background:#fff;
    margin:6px 8px 8px 8px;
     overflow-y:auto;
     overflow-x:hidden;
}
 .changeLanguage_line{
    float:left;
     display:inline-block;
    width:100%;
     border-top:1px solid #adcddc;
     background:#e9e9e9;
    height:4px;
}
/* Main Area - contents */
 #center_main_content {
    position:relative;
    overflow:auto;
     margin:0 auto;
}
#linkToServer_wrap{display:none;width:250px; background:#daecf4; border:1px solid #94c0d2; height:575px;z-index:100;}
#linkToServer_wrap_tit{height:33px;background:url(/img/fav_tit_bg.gif) left top repeat-x; font-weight:bold; color:#fff; } 
#linkToServer_wrap_tit h2{line-height:33px; background:url(/img/icon_favorit.gif) 10px center no-repeat;  padding-left:35px;}
#linkToServer_cont{border:#adcddc 1px solid; background:#fff;height:510px; margin:6px 8px 27px 8px; overflow-y:auto; overflow-x:hidden; }
.linkToServer_line{float:left; display:inline-block;width:100%;  border-top:1px solid #adcddc; background:#e9e9e9;height:4px;}

 #liveChatList_wrap{display:none;width:250px;background:#e9e9e9;border:1px solid #94c0d2;height:575px;z-index:100}
 #liveChatList_tit{height:33px;background:#adcddc left top repeat-x;font-weight:bold;color:#fff}
 #liveChatList_tit h2{line-height:33px;background:#404952 10px center no-repeat;padding-left:35px}
 #liveChatList_cont{border:#404952 1px solid;background:#fff;height:510px;margin:6px 8px 27px 8px;overflow-y:auto;overflow-x:hidden}
 .liveChatList_line{float:left;display:inline-block;width:100%;border-top:1px solid #adcddc;background:#e9e9e9;height:4px;}

.chat-overlay{position: fixed;top: 0;left: 0;z-index: 10001;width: 100%;height: 100%}
/* #chatUser_wrap{display:none;width:250px;background:#e9e9e9;border:1px solid #94c0d2;height:575px;z-index:99999;} */
/* #chatUser_tit{height:33px;background:#404952;color:#fff;} */
/* #chatUser_tit div{padding:10px 10px;cursor:pointer} */
/* #chatUser_cont{border:#404952 1px solid;background:#fff;height:510px;margin:6px 8px 27px 8px;overflow-y:auto;overflow-x:hidden;} */
/* #chatUser_cont li{padding:2px 0 2px 5px;cursor:pointer} */
/* #chatUser_cont li input{margin-right:5px} */
/* #chatUser_cont li label{display:inline-block;width:190px;cursor:pointer} */
.chatWrap div.chatLayer{position:absolute;top:0;right:-450px;width:450px;padding:0;height:100%;background:#fff}
.chatWrap .chatLayer .chatTextWrap{height:100%;box-sizing:border-box;padding:37px 0 47px;background:#fff}
.chatWrap .chatLayer .viewChatText{height:100%;overflow-y:auto;box-sizing:border-box;padding:10px;color:#3a3a3a}
.chatWrap .chatLayer .chatInputBox{bottom:0;background:#fff;border-top:1px solid #ffb133;padding:10px 0;position:absolute;width:100%;height:25px}
.chatWrap .sendMsgBox{padding-left:10px}
.chatWrap .chatLayer .chatInputTextBox{width:100%;padding-right:55px;box-sizing:border-box}
.chatWrap .chatLayer .chatSendBtn,.addRoom,.sendImage{font-weight:bold;font-size:13px;background:#ffb133;color:#fff;padding:5px 12px 5px;border-radius:3px;margin-top:9px;cursor:pointer}
.addRoom:active,.addRoom:focus,.addRoom:visited,.addRoom:hover,.sendImage:active,.sendImage:focus,.sendImage:visited,.sendImage:hover{color:#fff;text-decoration:none}
.chatWrap .chatLayer .chatSendBtn{position:absolute;top:0;right:3px}
.chatWrap .srchTextWrap{position:absolute;left:0;width:100%;padding:0 10px 5px 10px;box-sizing:border-box;top:5px;border-bottom:1px solid #ffb133;background:#fff}
.chatWrap .srchTextBox{position:relative}
.chatWrap .srchTextBox .commonCode{width:100%}
.chatWrap .srchTextBox .srchTextClose{position:absolute;top:4px;right:-5px}
.chatWrap .addGroupChatUser,.chatWrap .empUserDel{vertical-align:top;margin-top:4px;display:inline-block;cursor:pointer}
.chatWrap .groupChatUser{display:inline-block;width:89px}
.chatWrap .newChat{background-color:red;position:absolute;top:0;right:0px;padding:2px 4px 1px;border-radius:8px;color:#fff;font-size:10px}
.chatWrap .chatLogIn{border:1px solid #ffb133;background:#ffb133;color:#3a3a3a}
.chatWrap .chatLogOut{border:1px solid #e7e7e7;background:#fff;color:#a4a4a4}
.chatWrap .leftChatList{width:148px;height:100%;border-right:2px solid #ccc;background:#f2f2f2}
.chatWrap .leftChatList li{padding:5px 3px 5px 10px;border-bottom:1px dashed #dadada;position:relative}
.chatWrap .leftChatList li div{padding:5px;border-radius:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer}
.chatWrap .leftChatList li div .chatNew{position:absolute;left:98px;top:0px;background:red;width:13px;height:13px;text-align:center;color:#fff;font-weight:bold;font-size:10px;line-height:13px;text-overflow:unset;border-radius:6px;padding:0}
.chatWrap .leftChatList #custom li div .chatNew{left:117px}
.chatWrap .chatHead{background:#ffb133;height:54px;position:absolute;top:0;left:0}
.chatWrap .chatHead .k-i-close::before{font-size:20px}
.chatWrap .chatUserName{padding:18px 0 0 5px;font-weight:bold;font-size:15px;width:360px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.chatWrap .closeChatLayer{width:20px;height:20px;margin:17px 5px 0 0;color:#3a3a3a}
.chatWrap .businessUserList{height:100%;padding-top:54px;box-sizing:border-box}
.chatWrap .groupChatTitle{position:absolute;top:10px;left:0}
.chatWrap .groupChatList{height:100%;box-sizing:border-box;padding-top:37px}
.chatWrap .chatDivTitle{font-size:14px;font-weight:bold;color:#324750;padding-left:10px}
.chatWrap .chatLayer .tr{text-align:right}
.chatWrap .businessDorpDown{padding:5px;border-bottom:1px solid #ffb133;position:absolute;top:0;left:0;z-index:1000;width:100%}
.chatWrap .chatWrap{position:absolute;top:0;right:0;width:150px;height:100%}
.chatWrap .rightChatWrap{position:relative;width:300px;height:100%}
.liveChatAlarm{position: absolute;bottom:-66px;right:0;width:148px;height:95px;border:3px solid #ffa816;border-bottom:none;cursor:pointer;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px}
.chatAlarmImg{margin:10px 5px 0 30px}
.chatAlarmText{margin-top:21px;font-weight:bold}
/*.chatAlarmText2{padding:3px 0 8px;text-align:center;text-overflow: ellipsis;white-space: nowrap;display: inline-block;overflow: hidden;width: 100%}*/
.chatAlarmText2{padding:3px 5px 0;text-align:center;display:inline-block;overflow:hidden;width:100%;height:29px;box-sizing:border-box}
.alarmConfirmWrap{text-align:center}
.alarmConfirm{background:#404952;padding:3px;font-size:10px;color:#fff;border-radius:3px}
.chatMessage{word-break:break-all;text-align:left;float:left;max-width: 200px;padding:10px;border-radius:10px;background:#f2f2f2;margin:5px 0}
.tr .chatMessage{float:right;background:#ffb133}
.chatFindBox{position:absolute;top:37px;left:-150px;background:#fff;width:430px;padding:10px;overflow:auto;max-height:810px}
.chatFindBox div{margin-bottom:5px}
#bodyBg .chatMessage{max-width:80%}
#bodyBg .chatFindBox{top:0;left:0;width:100%;height:100%;padding:0}
#liveChatOpen{color:#abb2b8}
#liveChatOpen:hover{color:#ffa911}
/********************************* 좌측메뉴 분리 수정 시작 / 2013-11-26 **************************************/
/* left-pane */
 #left_pane {
    position:absolute;
    background:#363d45;
    width:280px;
    z-index:1000;
    left:0;
    top:0;
}
 #l_menu_selected {
    height:47px;
    line-height:47px;
    font-size:13px;
    font-weight:bold;
    color:#faae0d;
    border-left: 2px solid #faae0d;
    box-shadow:0px 1px 4px 1px rgba(0,0,0,.2)
}
 #l_menu_selected a.lm_select:link, a.lm_select:visited, a.lm_select:hover{
    float:left;
    width:80%;
    color:#404950;
    text-decoration:none;
}
 #l_menu_selected span {
    padding-left:10px;
}
 #l_menu_selected .k-icon{
	 color:#fff
}
 #l_menu_selected span + div > a{
 	display:block;
 }
 
 #l_menu_list{
    padding:0 5px 5px;
    font-size:12px;
    font:'Titillium Web','Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei;
    border-left: 2px solid #faae0d;
}
 #l_menu_list_content {
    overFlow-x: hidden;
    overFlow-y: auto;
    padding:5px 10px;
}
 #l_menu {
    bottom: 0;
     font-size:13px;
}
 #l_menu ul {
    overflow:hidden;
    background:#404952;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top:1px solid #161d25;
}
 #l_menu ul li{
    border-right:1px solid #293239;
}
 #l_menu ul li {
    width:100%;
    height:47px;
    line-height:47px;
    vertical-align: middle;
     border-bottom:1px solid #293239;
}
 #l_menu ul li a.lm{
    float:left;
    width:100%;
    color:#fff;
    padding-left:35px;
    position:relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 #l_menu ul li a.lm:link,a.lm:visited{
    background:#404952;
    text-decoration:none
}
 #l_menu ul li a.lm:hover{
    text-decoration:none
}
 #l_menu ul li span {
     display:inline;
     padding-left:10px;
}
 #l_menu ul li img {
	position:absolute;
	left:15px;
	top:15px;
}
 #l_menu_g1typo {
     min-width: 130px;
    height:47px;
    line-height: 47px;
    border-bottom: 1px solid #262d33;
    color: #fff;
    font-size: 16px;
    text-indent: 15px;
    overflow:hidden;
}
 #l_menu_g1typo > div{
 	float:right;
 	padding:0 18px;
 }
  #l_menu_g1typo > div > a{
 	height:47px;
 	line-height:47px;
  }
 #l_menu_g1typo #leftMenuClose.k-icon{
 	display:block;
	text-indent:0;
 	background:none;
 	color:#fff;
 	display:inline-block;
 	vertical-align:middle;
 }
/********************************* 좌측메뉴 분리 수정 끝 / 2013-11-26 **************************************/
/* Main Area - Pane-Center */
 #center_pane {
    width:100%;
    height:100%;
    background:#fff;
}
 #center_pane > .k-tabstrip-wrapper{
    height:100%
}
 #center_main_content {
    position:relative;
    overflow:auto;
    margin: 50px auto 0;
    width:745px;
}
#center_main_content.type2{
	width:1200px;
}
 #center_main_content h2{
 margin-bottom:40px;
 text-align:center;
 }
#center_main_content.type2 h2{
text-align:left;	
}
#center_main_content.type2 .left{
	float:left;
	width:640px;
}
#center_main_content.type2 .right{
	float:right;
	width:480px;
}
#center_main_content h3{
	font-size:15px;
	color:#3a3a3a;
	font-weight:bold;
	padding-bottom:15px;
	margin-top:3px;
	text-align:center;
}
#center_main_content.type2 h3{
	text-align:left;
}
#center_main_content.type2 .main_m{
	width:640px;
}
#center_main_content .main_m{
    width:744px;
     height:128px;
    background:#fff;
}
.section {
	position:relative;
}
.section .btn_more{
	position:absolute;
	right:0;
	top:5px;
}
.currency_rate {
	margin-bottom:30px;
}
.currency_rate ul {
	overflow:hidden;
}
.currency_rate ul li{
	float:left;
    margin-right: 13px;
    margin-bottom: 10px;
    width: 110px;
    height: 53px;
	border:1px solid #c1c1c1;
	border-bottom:2px solid #ffab15;
	padding:7px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.currency_rate ul li:nth-child(4n){
	margin-right:0;
}
.currency_rate ul li dd{
	text-align:right;
	font-weight:bold;
	padding-top:10px;
}
.table_data {
	overflow:hidden;
}
.table_data table{
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #c1c1c1;
}
.table_data table th,.table_data table td{
	height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	text-align:center;
}
.table_data table th{
	padding:10px 0;
	border:0;
	border-bottom:2px solid #ffab15
}
.table_data table td{
	padding:15px 5px;
	border:1px solid #c1c1c1;
}
 #tabstrip{
    position:relative;
    height:100%;
    border:none
}
 #tabstrip > .k-content{
    border:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
 #tabstrip > .k-tabstrip-items{
    overflow:hidden;
    white-space:nowrap;
    padding:0;
    height: 35px;
    line-height:35px;
    box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
    -moz-box-shadow:inset 1px -2px 4px rgba(0,0,0,.15);
}
 #tabstrip > .k-tabstrip-items .k-item{
    background:#f2f2f2;
    border-bottom:0;
    border-color:#b4b4b4;
    margin-left:-1px;
    font-size:12px;
    font-weight:300;
    color:#4a4a4a;
    box-shadow:inset 0px -4px 4px -2px rgba(0,0,0,.15);
    -webkit-box-shadow:inset 0px -4px 4px -2px rgba(0,0,0,.15);
    -moz-box-shadow:inset 0px -4px 4px -2px rgba(0,0,0,.15);
}
 #tabstrip > .k-tabstrip-items .k-item .k-link{
    padding:0 20px;
    position:relative;
}
 #tabstrip > .k-tabstrip-items .k-item.k-first .k-link{
 	padding:0 15px;
 }
 #tabstrip > .k-tabstrip-items .k-item .k-i-close{
 	position:absolute;
	right:3px;
	top:13px; 
	color:#4a4a4a;
	font-size:12px
 }
 #tabstrip > .k-tabstrip-items .k-item .k-loading{
    border:0
}
 #tabstrip > .k-tabstrip-items .k-state-active{
    background:#fff;
    border-bottom:1px solid #fff;
    margin-bottom:-1px;
    font-size:14px;
    font-weight:600;
    border-right:0;
    box-shadow:2px 1px 4px rgba(0,0,0,.15);
    -webkit-box-shadow:2px 1px 4px rgba(0,0,0,.15);
    -moz-box-shadow:2px 1px 4px rgba(0,0,0,.15);
}
 .k-tabstrip > .k-content{
    border:1px solid #c1c1c1;
    margin: 0px;
    padding: 0px 3px 3px 3px
}
 #tabstrip #center_main_content .k-tabstrip-items{
    padding:0
}
 #tabstrip #center_main_content .k-tabstrip-items .k-item{
    border-color:#c1c1c1;
    border-radius:3px
}
 #tabstrip #center_main_content .k-tabstrip-items .k-state-active{
    background:#dcdfe4;
    border-width:1px
}
 #tabstrip #center_main_content .k-tabstrip-items .k-link{
    color:#333
}
 #closeAll{
    position:absolute;
    top:11px;
    right:7px;
    cursor:pointer;
    color:#606060;
    font-size:15px;
}
 #closeAll img{
    vertical-align:middle
}


/* Popup-Search*/
 #popup_search_wrap{
     background:#fff;
     padding:13px 0;
     text-align:left;
     margin-bottom:4px;
     border-bottom:2px solid #d5d5d5
}
 .popup_search{
    position:realtive;
}
 .popup_search th{
    font-weight:400;
}
 .popup_search td{
    padding:2px 10px 2px 0;
}
 #popup_btn_wrap{
    float:left;
    margin-top:1px
}
 #popup_btn_wrap li, #popup_btn_wrap2 li{
    display:inline-block;
    margin:0 1px
}
 #popup_btn_wrap li span, #popup_btn_wrap .k-button, #popup_btn_wrap2 .k-button{
    margin-right:0;
    color:#3a3a3a;
    cursor:pointer;
    border:1px solid #d5d5d5;
    border-radius:4px;
    padding:0px 7px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    font-size: 12px;
     box-sizing: border-box;
    height: 25px;
    line-height: 23px;
     background:#fff;
}
 #popup_btn_wrap .k-button.bg_black{
    background:#555;
}
 #popup_btn_wrap .k-button.bg_black:hover{
    background:#3a3a3a
}
 #popup_btn_wrap li span .label,#popup_btn_wrap2 .k-button .label{
    cursor:pointer
}

 .n_txt{
    display:block;
    padding-left:50px;
     line-height:18px;
     padding:10px 20px 10px 0;
}
 .n_addtxt{
    float:left;
    padding-left:50px;
     line-height:18px;
     padding:10px 20px 10px 0;
}
 .grid_toolbar_btn{
    float:left;
}
 .grid_toolbar_btn li {
    display:inline-block;
    margin:0 1px;
}
 .grid_toolbar_btn li label{
    cursor:ponter;
}

/* Middle Pane-Right */
 #right_pane {
    width:220px;
     overflow:hidden;
    display:none
}
 #right_pane a.rm:link,a.rm:visited,a.rm:hover{
    color:#fff;
     text-decoration:none
}
 #right_pane_content {
    width:206px;
    padding:7px;
}
 #right_pane .r_calendar{
}
 #right_pane .r_cont_bd{
    border:1px solid #94c0d2;
     margin-top:7px;
}

/* Middle Pane-Center [ list ] */
 caption{
     visibility:hidden;
     font-size:0;
}
 #center_content {
    position:relative;
    height:100%;
    padding:0 3px;
    margin:0 auto;
    min-width: 1100px;
}
 #comm_m1_wrap{
    border-top:none;
    border-bottom:1px solid #c1c1c1;
    height:46px;
    position:relative;
    background:#fff;
}
 #comm_m1_wrap li,#comm_m1_sub_wrap li{
    float:left;
    /*display:inline;
    */
    line-height:24px;
    padding-top:6px;
    padding-left:4px;
    height:32px;
    margin-right:5px;
}
 #comm_m1_wrap li.com_m_coll,#comm_m1_sub_wrap li.com_m_coll{
    background:url(/img/com_m_col.gif) left 6px no-repeat;
     padding-right:15px;
     padding-left:15px;
    padding-top:7px;margin-right:0;margin-top:3px
}
 #comm_m1_wrap li.com_m_collc{
    background:url(/img/com_m_bulit.png) left 6px no-repeat;
     padding-right:15px;
     padding-left:15px;
    padding-top:7px
}
 #comm_m1_wrap li.com_m_pre_search{
    background:url(/img/com_m_col.gif) left center no-repeat;
     padding-left:10px;
    padding-top:8px;
}
 #comm_m1_wrap li.com_m_next_search{
    padding-top:8px;
}
 #comm_m1_wrap li.com_jum{
    background:url(/img/com_jum.gif) center 20px no-repeat;
     width:6px;
}
 #comm_m1_wrap li.com_m_coll_none{
    padding-left:5px;
    padding-top:6px;
}
/*EDI관리화면 적용 20170-04-21 yjkim*/
 #comm_m1_sub_wrap{
    margin-top:5px;
    border:1px solid #c1c1c1;
    border-bottom:2px solid #5b82cf;
    border-top:1px solid #c1c1c1;
    height:44px;
    position:relative;
    background:#fff;
}
 #comm_m1_wrap .p_select{
    text-align:left;
    display:block;  
    position:relative; 
    height:39px;
    padding-right:15px;
	overflow:hidden;
}
 #comm_m1_wrap .p_select:after{
 	content:"\25be";
 	position:absolute;
 	right:0;
 	top:0;
 }
 #comm_m1_wrap .p_select .k-i-arrow-s{
    display:none
}
 #comm_m1_wrap .p_select input,#comm_m1_wrap .p_select select{
    display:none
}
 #comm_m1_wrap .p_select .k-dropdown{
	 opacity:0;
	 position:absolute;
	 left:0;
	 top:0;
 }
 #comm_m1_wrap li.search_date{
    padding-right:3px;margin-right:0
}
 #comm_m1_wrap #btnSetPrevMonthly,#comm_m1_wrap #btnSetNextMonthly,#comm_m1_wrap .btnSetPrevMonthlyTab,#comm_m1_wrap .btnSetNextMonthlyTab{
    vertical-align:middle;
    line-height:24px;
    cursor:pointer
 }
 #comm_m1_wrap #btnSetPrevMonthlyYear,#comm_m1_wrap #btnSetNextMonthlyYear,#comm_m1_wrap #btnSetPrevDaily,#comm_m1_wrap #btnSetNextDaily{
    vertical-align:middle;
    line-height:24px;
    cursor:pointer
}
 #comm_m1_wrap .monthControllBox{
    line-height:14px;
     cursor:pointer;
     padding-top:9px;
     padding-left:0px;
     padding-right:3px;margin-right:0
}
 .p_select .k-dropdown-wrap,.p_select .k-widget{
    background:none;
    border:1px solid rgba(0,0,0,0)
}

 #center_content #sub_tit_wrap{
    height:27px;
    margin-bottom:0px;
    background:url(/img/s_titbar_bg.gif) repeat-x;
    margin-top:3px
}
 #center_content #sub_tit_wrap h2 {
    float:left;
     background:url(/img/s_tit_ball.gif) left top no-repeat;
    padding-left:20px;
}
 #center_content #sub_tit_wrap h2 .sub_depth{
     display:inline-block;
      /*color: #4b4b4b;
     background:url(/img/s_tit_bg.jpg) repeat-x; */
     height:39px;
     width:20px;
    /*  line-height:24px;
     padding-top:3px;
     font-weight:bold; */
     cursor:pointer;
}
 #center_content #sub_tit_wrap .sub_tit{
     display:inline-block;
     color:#fff;
     background:url(/img/s_tit_end.gif) no-repeat;
     padding-left:65px;
    line-height:27px;
    font-weight:bold;
}
 #center_content #sub_tit_wrap #f_btn_wrap{
     float:right;
    display: inline;
     margin-top:3px;
}
 #center_content #sub_tit_wrap #f_btn_wrap li {
    float:left;
    margin-right:5px;
}
 #center_content #sub_tit_box{
    padding-top:3px
}
 #center_content #sub_tit_box #sub_tit_wrap{
    margin-top:0
}
 #center_content #popup_sub_tit_wrap{
    margin-top:3px
}
 #center_content.popup_bg{
    margin:0 3px
}
/*
#center_content.popup_bg #comm_m1_wrap{top:30px}
#center_content #popup_wrap2{padding-top:78px}
 */

/* Middle Pane-Center [ list - Search TB ] */
 .tb_search_wrap{
    padding:15px 0 5px;border-bottom:2px solid #d5d5d5
}
 .tb_search{
    position:realtive;
}
 .tb_search th{
    text-align:right;
    padding-right:10px;
     padding-left:10px;
     font-weight:normal;
}
.tb_search th .k-dropdown{
	text-align:left;
}
 .tb_search td{
     border-right:1px ;
     padding:1px 10px 2px 0;
}
 .tb_search td.td_end2{
     border-right:0;
}
/* Middle Pane-Center [ list - Search TB Up Down ] */
 #btn_updown,.btn_updown{
    text-align:right;
     margin-bottom:1px;
     margin-right:4px;
     padding:5px 0;
}
 #btn_updownleft,.btn_updownleft{
    text-align:left;
     margin-bottom:1px;
     margin-left:4px;
     float:left;
     padding:5px 0;
}
 #btn_downup{
    text-align:right;
     margin-top:1px;
    margin-right:4px;
}
#comm_m1_wrap > ul >  li > a{
	display:block;
	border:none;
	background:none;
	width:auto;
	line-height:39px;
	font-size:15px;
	color:#3c3c3c;
	text-transform:capitalize;
	padding:0 5px 1px;;
	text-decoration:none;
}
#comm_m1_wrap > ul >  li > a:hover,#comm_m1_wrap > ul >  li > a:active{
	border-bottom:4px solid #ffa91e;
}
#comm_m1_wrap > ul >  li > a .k-icon{
	margin-right:5px;
}

/**버튼 비활성화**/
 .disn{
    display:block;
     padding:0px
}
 .disn a{
     text-decoration:none;
}
 .disn .al{
    width:10px;
     height:20px;
     background-image:url(/img/btn1121_bg_dis.png);
     background-repeat:no-repeat;
     background-position:top left;
     float:left;
}
/*padding:5px 10px;
*/
 .disn .ar{
    width:10px;
     height:20px;
     background-image:url(/img/btn1121_bg_dis.png);
     background-repeat:no-repeat;
     background-position:top right;
     float:right;
}
 .disn .ac{
    padding:4px 10px;
    background-image:url(/img/btn1121_bg_dis.png);
     background-repeat:repeat-x;
     text-align:center;
    background-position:top center;
     margin-left:10px;
     margin-right:10px;
     color:#fff;
     font-family:"돋움", sans-serif;
     font-size:11px;
     cursor:pointer;
    font-weight:normal
}
/**버튼 비활성화**/
/* Middle Pane-Center [ Search Button ] */
 a.comm_btn_search{
    display:block;
    text-decoration:none;
     width:32px;
     height:27px;
     margin-right:4px;
}
 a.comm_btn_search, a.comm_btn_search:visited{
 	width:37px !important;
 	height:33px;
    background:url(/img/com_btn_search.gif) left top no-repeat !important;
    background-size: 100% 100% !important;
    border:none !important;
    padding:0 !important;
}
 a.comm_btn_search:hover, a.comm_btn_search:active{
    background:url(/img/com_btn_search_o.gif) left top no-repeat;
    background-size: 100% 100%;
}
 a.comm_btn_search_disable{
    display:block;
    text-decoration:none;
     width:39px;
     height:32px;
     margin-right:4px;
     background:url(/img/com_btn_search_d.gif) left top no-repeat;
    width: 47px;
    height: 40px;
    margin-top: -2px;
}
/* Popup-Input*/
 .popup_bg{
    height:100%;
    margin:0;
    position:relative
}
.dialog #popup_wrap3{
	padding:0 20px;
	height:auto;
	box-sizing:border-box
}
.dialog div#entry{
	padding:0;
}
 #popup_wrap{
    position:relative;
     padding:2px 0 10px;
    margin:0 auto
}
 #popup_sub_tit_wrap{
    height:27px;
    /*  margin-top: 7px; */
     margin-bottom:0;
    /*  background:url(/img/s_titbar_bg.gif) repeat-x; */
     cursor:pointer;
}
 #popup_sub_tit_wrap h2{
    float:left;
   /*  background:url(/img/s_tit_ball.gif) left top no-repeat; */
    padding-left:20px;
}
 #popup_sub_tit_wrap h2 .popup_sub_depth{
    display:inline-block;
     color:#ffa91e;
     /* background:url(/img/s_tit_bg.jpg) repeat-x; */
     line-height:20px;
     padding-bottom:3px;
     font-weight:bold;
     padding-top:3px;
     font-size: 15px;
}
 #popup_sub_tit_wrap .popup_sub_tit{
    display:inline-block;
     color:#fff;
     background:url(/img/s_tit_end.gif) no-repeat;
     padding-left:70px;
    line-height:27px;
     font-weight:bold;
}
 #popup_sub_tit_wrap ul li .k-button-icon{
    height:21px !important
}
 #popup_wrap h3,#popup_wrap2 h3{
    /*background:url(/images/blueopal/popup_stit_bg.gif) left top repeat-x;
     border-left:1px #b7b7b7 solid;
    border-top:1px #b7b7b7 solid;
     border-right:1px #b7b7b7 solid;
    */
     border-bottom:none;
    line-height:23px;
    color:#4287a8;
     font-weight:bold;
    margin-top:5px;
}
 #popup_wrap h3 span,#popup_wrap2 h3 span{
     display:block;
    background:url(/img/popup_stit_ball.gif) 10px 4px no-repeat;
     padding-left:35px;
}
 .popupFunction {
    background:#ffffff;
    width:44px;
    position:fixed;
}
 .popupFunction li{
    float:left;
    display:inline;
    line-height:24px;
    padding-top:2px;
     padding-left:4px;
    height:38px;
}
/* Popup [ Button - New] */
 .gridToolbar li a.p_btn_new{
	cursor: pointer;
	border: 1px solid #d2d2d2 !important;
	border-radius: 4px;
	padding: 0px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	box-sizing: border-box;
	height: 25px;
	line-height: 23px;
	background: #fff;
	text-shadow: none;
	color: #3a3a3a;
}
.gridToolbar li a.p_btn_new:hover{
	background:#f7f7f7;
}
 .profit {
    position:absolute;
    top:15px;
    right:0;
}
 .profit li{
    float:left;
    font-size:12px;
     line-height:22px;
    height:22px;
    vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
}
 .profit li.prof_tit {
    font-weight:bold;
}
 .profit li.prof_no {
     width:150px;
}
 .profit li.prof_mid {
    padding:0;
     width:16px
}
 .profit li.bound_name {
    color:#072945;
     font-size:11px;
     font-weight:bold;
     padding-left:15px;
     padding-right:20px;
}
 .profit li.prof_endline {
    padding:0;
     width:1px;
}
 .profit_2 {
    float:right;
     display:inline;
     background:url(/img/profit_bg1.gif) repeat-x;
     background-size:contain;
     border-left:1px solid #478598;
}
 .profit_2 li{
    float:left;
    font-size:12px;
     line-height:25px;
    height:25px;
    vertical-align:middle;
    padding-left:10px;
    padding-right:10px;
}
 .profit_2 li.prof_tit {
    color:#C30;
    font-weight:bold;
    background:transparents url(/img/profit_line.gif) right center no-repeat;
}
 .profit_2 li.prof_no {
    color:#003f59;
     width:150px;
}
 .profit_2 li.prof_mid {
    padding:0;
     width:16px;
     background:url(/img/profit_img.gif) no-repeat;
     background-size:16px 25px;
}
 .profit_2 li.bound_name {
    color:#d4e1e5;
     font-size:11px;
     font-weight:bold;
     padding-left:15px;
     padding-right:20px;
     background:url(/img/profit_bg2.gif) repeat-x;
     background-size:contain;
}
 .profit_2 li.prof_endline {
    padding:0;
     width:1px;
     background:url(/img/profit_endline.gif) no-repeat;
     background-size:contain;
}
/*====================================== 2014-01-09 추가 시작 =======================================*/
 .tb_input_wrap{
     padding:10px;
     border-bottom: 2px solid #d5d5d5;
}
 .tb_input_wrap,#tb_input_wrap{
     background:#fff;
}
 #tb_input_wrap_bottom{
    padding:6px 0 4px;margin-top:-30px;position:relative;border-top:1px solid #c1c1c1
}
 #tb_input_wrap3 {
    border:1px solid #94c0d2;
    background:#dff5fe;
     padding:1px 0;
}
/* 배경색 넣어줌*/
 #tb_input_wrap3_bottom{
    padding:6px 0 4px;
     margin-top:4px;
    background: #d0d0d0;
     color:#000;
    border-top:1px solid #507FDB
}
/*g1 맨 아래 필드*/
 #tb_bl_wrap_bottom {
    border:1px solid #c1c1c1;
    background:#f8f8f8;
     padding:5px;
     text-align:center;
}
 .tb_input{
    position:realtive;
     margin:0 auto;
     width: 100%
}
 .tb_input th,.tb_input .th{
    text-align:right;
    padding-right:10px;
     padding-left:10px;
     font-weight:normal;
}
 .tb_input th span{
    color: #ff7a00;
}
/*라벨의 필수 입력 (*)color 추가*/
 .tb_input td,.tb_input .td{
    padding:1px 4px 2px 0;
}
 .tb_input td.td_lpadding{
     border-right:0px;
     padding:1px 4px 2px 7px;
}
 .tb_input td.td_end,.tb_input .td.td_end{
     border-right:0;
}
.plNoneTd,.plNoneTd td{padding-right:0}
.pl5Td,.pl5Td td{padding-right:5px}
.tb_input .dropdownTd2,.tb_input .dropdownTd3,.tb_input .dropdownTd4{padding-right:0}
.cellTc th,.cellTc td{text-align:center;padding:0}
.cellTc th .k-textbox,.cellTc td .k-textbox{text-align:center}
.cellTc th .k-dropdown-wrap .k-input,.cellTc td .k-dropdown-wrap .k-input{text-align:left}
.dropdownTd2 div,.dropdownTd3 div,.dropdownTd4 div,.dropdownDiv15p,.dropdownDiv30p,.dropdownDiv40p{float:left;padding-right:5px;box-sizing:border-box}
.dropdownTd2 div{width:50%}
.dropdownTd3 div{width:33.3%}
.dropdownTd4 div{width:25%}
.dropdownDiv15p{width:15%}
.dropdownDiv30p{width:30%}
.dropdownDiv40p{width:40%}
/* .tb_input td textarea{
    font-family:Courier New;
    line-height:12px;
}
 */
 .th_itemname{
    padding-left:10px;
     padding-right:10px;
}
/* B/L 엔트리용 추가 2013.02.13 blue */
 .tb_input_bl{
    position:realtive;
     margin:0 auto;
     width: 100%
}
 .tb_input_bl th{
    text-align:right;
    padding-right:10px;
     padding-left:10px;
     font-weight:normal;
	height:30px;
}
 .tb_input_bl td{
     padding:1px 10px 2px 0;
     line-height:12px;
}
 .tb_input_bl td.td_lpadding{
     border-right:0px;
     padding:1px 10px 2px 10px;
}
 .tb_input_bl td.td_rpadd{
     text-align:right;
     border-right:0px;
     padding-right:0px;
}
 .tb_input_bl td textarea{
    font-family:Exo,'Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei;
    line-height:1.5;
}
 .tb_input_bl th span{
    color: #f10606;
}
/*라벨의 필수 입력 (*)color 추가*/
/* B/L 엔트리용 추가 2013.02.13 blue */
 .td_grid td{
     padding:1px 10px 2px 0;
     line-height:25px;
}
 #popup_btm_btn{
    padding:20px 0;
     text-align:center;
}
 #popup_btm_btn #popup_btn_wrap{
    float:none
}
 #tb_input_wrap2{
    float:left;
}
 .tb_input2{
    position:realtive;
     margin:0 auto;
     width: 100%;
    line-height:30px;
    border-top:1px solid #94c0d2;
     border-collapse:separate;
     border-right:1px solid #94c0d2;
}
 .tb_input2 th{
     background:#deeef5;
    color:#003f59;
     ;
    border-left:1px solid #94c0d2;
     border-bottom:1px solid #94c0d2;
}
 .tb_input2 td{
     border-left:1px solid #94c0d2;
     border-bottom:1px solid #94c0d2;
     text-align:center;
     padding:1px 10px 4px 0;
}
 .tb_input2 td.td_lpadding{
     border-right:0px;
     padding:1px 10px 2px 10px;
}
 .tb_input2 td.td_end{
     border-right:0;
}
 .tb_input2 td textarea{
    font-family:Exo,'Nanum Gothic', Tahoma, Arial, sans-serif, dotum, Simsun, SimHei;
    line-height:12px;
}
 .tb_input2 th.input2_itemname{
    font-weight:normal;
     background:#e9e9e9;
     padding-left:10px;
     padding-right:10px;
}
/*====================================== 2014-02-28 타이틀 depth 추가 시작 =======================================*/
 #firstbar{
    border-bottom:0;
    height:22px;
    line-height:18px;
    color:#3c64bb;
     font-weight:bold;
    padding-top:2px;
    margin:2px 0
}
 #firstbar span:not(.k-dropdown):not(.k-dropdown-wrap):not(.k-input):not(.k-select):not(.k-icon){
     float:left;
    display:block;
    background:url(/img/firstbar_ball.png) 8px 4px no-repeat;
     padding-left:23px;
}
 #firstbar ul.firstbar_btn{
    float:right;
    padding:1px 3px 0 0;
}
 #firstbar ul.firstbar_btn li{
    float:left;
    padding:0;
     margin:0;
}
/*g1 타이틀 추가 끝*/
 h3{
    border-bottom:none;
    line-height:23px;
    /* color:#4287a8; */
    color:#324750;
    font-weight:bold;
    margin-top: 3px;
    font-size: 13px;
}
 h3 span{
    display:block;
    padding-left:15px;
    /* background:url(/img/popup_stit_ball2.gif) 10px 4px no-repeat; */
    /*  padding-left:35px; */
}
 h4{
    line-height:28px;
    color:#324750;
     font-weight:bold;
    margin-top:3px;
     font-size:12px;
    padding-left:13px
}
/*tap depth 1 */
 h4 span{
     display:block;
    background:url(/img/depth2_ball.gif) left center no-repeat;
     padding-left:12px;
}
 h5{
    line-height:28px;
    color:#3c64bb;
     font-size:12px;
}
/*tap depth 2 */
 h5 span{
     display:block;
    background:url(/img/depth3_ball.gif) left center no-repeat;
     padding-left:12px;
     margin-top:5px;
}
 h6{
    line-height:28px;
    color:#bb6340;
     font-size:12px;
}
/*tap depth 3 */
 h6 span{
     display:block;
    background:url(/img/depth4_ball.gif) left center no-repeat;
     padding-left:12px;
}
 h7{
    line-height:28px;
    color:#379ead;
     font-size:12px;
}
/*tap depth 4 */
 h7 span{
     display:block;
    padding-left:18px;
}
 b1{
    margin:0px;
     padding:0px;
}
 .b1box{
     font-size:12px;
     font-weight:bold;
     background-repeat:no-repeat;
     padding:0px;
     display: block;
}
/*2014-02-28 추가 끝*/
/*====================================== Alert =======================================*/
/* Alert_Message*/
 .alert_bg{
    float:left;
    min-width:100%;
    min-height:100%
}
 .alert_wrap{
    background:url(/img/icon_info.gif) 15px center no-repeat;
     padding:52px 15px 52px 100px;
    text-align:left;
    margin:9px 11px
}
 .help_wrap{
    background:url(/img/icon_help.gif) 15px center no-repeat;
     padding:52px 15px 52px 100px;
    text-align:left;
    margin:9px 11px
}
 .error_wrap{
    background:url(/img/icon_error.gif) 15px center no-repeat;
     padding:52px 15px 52px 100px;
    text-align:left;
    margin:9px 11px
}
 .info_wrap{
    background:url(/img/icon_info.gif) 15px center no-repeat;
     padding:52px 15px 52px 100px;
    text-align:left
}
 .menuinfo_wrap{
    background:url(/img/icon_menuinfo.gif) 15px center no-repeat;
     padding:52px 15px 52px 100px;
    text-align:left;
    margin:9px 11px
}
 .alert_btn_wrap{
    width:auto;
    overflow: hidden;
    padding:15px 5px 15px 0;
    text-align:center;
    background:#f5f5f5;
    border-top:1px solid #d8d8d8
}
 .alert_btn_wrap li{
    padding-left:5px;
    display:inline-block
}
 .margin_15{
    margin:15px;
}
 .message_bg_top1{
    background:url(/img/G_01.png) no-repeat left top;
    margin:9px 11px;
    padding-top:19px
}
 .message_bg_bottom1{
    background:url(/img/G_03.png) no-repeat left bottom;
    padding-bottom:26px
}
 .message_bg_middel1{
    background:url(/img/G_02.png) no-repeat;
    background-size:564px 100%
}
 .message_bg_top2{
    background:url(/img/R_01.png) no-repeat left top;
    margin:9px 11px;
    padding-top:19px
}
 .message_bg_bottom2{
    background:url(/img/R_03.png) no-repeat left bottom;
    padding-bottom:26px
}
 .message_bg_middel2{
    background:url(/img/R_02.png) no-repeat;
    background-size:564px 100%
}
/* [ POPUP Alert Button - Type1] */
 a.alert_btn1, a.alert_btn2,#popup_btn_wrap .k-button {
 	display:inline-block;
 	border:1px solid #d5d5d5;
	cursor: pointer;
	border-radius: 4px;
	padding: 0px 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	box-sizing: border-box;
	height: 25px;
	line-height: 25px;
	background: #fff;
	text-shadow: none;
	color: #3a3a3a;
}
 a.alert_btn1:hover, a.alert_btn2:hover,#popup_btn_wrap .k-button:hover {
    background:#fff7ea;
	border-color:#fda912;
}
/*  .adm_icon{
     border-right:1px solid #535c65;
} */
 .tabMoveLeft{
    position:absolute;
    top:0;
    left:0;
    display:none;
    width:25px;
    height:21px;
    padding-top:9px;
    text-align:center
}
 .tabMoveRight{
    position:absolute;
    top:0;
    right:24px;
    display:none;
    width:25px;
    height:21px;
    padding-top:9px;
    text-align:center
}
 .k-textbox.k-space-right.codeWrapFocus{
    border-color:#5e9cff
}
#popup_wrap2{
    position:relative;
    padding:48px 0 30px;
    margin:0 auto;
    height:100%;
    box-sizing:border-box
}


#popup_wrap2 #listForm{
	margin-bottom:20px;
}
 .popup_bg div#entry{
 	padding:0 20px;
    height:100%;
    overflow:auto;
    position:relative
}

 .popup_bg > #popup_sub_tit_wrap{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:1000
}
 .popup_bg > #comm_m1_wrap{
    position:absolute;
    top:0px;
    left:0;
    width:100%;
    z-index:1000;
    box-sizing:border-box;
    height:48px;
    padding:0 10px;
}
 .listTabBorder{
    border:1px solid #adadad;
    border-bottom:none
}
 .bg_ecf3ff{
    background:#ecf3ff !important
}
 .borderTop{
    border-top:1px solid #c1c1c1 !important
}
 .borderTopOnly{
    border:none !important;
    border-top:1px solid #c1c1c1 !important
}
 .borderBottomOnly{
    border:none !important;
    border-bottom:1px solid #c1c1c1 !important
}
 .borderBlack{
    border:1px solid black
}
 .borderGray{
    border:1px solid #adadad
}
 .k-grid-toolbar .btnBox{
    border-right:1px solid #9ba8b1;
    margin-right:10px;
    padding-right:10px;
    height:22px
}
 .gridChkRow,.gridChkHeader{
    display:inline-block;
    width:16px;
    height:16px;
    background:url(/img/checkbox.png) no-repeat;
    vertical-align:middle
}
 .gridChkHeader{
    vertical-align:baseline
}
.editColor > .k-link{
	display:inline-block !important;
	position:relative;
	overflow:visible !important;
}
.editColor > .k-link:before{
	content:"";
	display:block;
	width:23px;
	height:23px;
    background: url(/img/icon_edit.png) no-repeat center !important;
    position:absolute;
    left:-30px;
    top:-2px;
	
} 
.contentsWrap{
     padding:0 3px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .shadow{
     box-shadow:1px 1px 6px 1px rgba(0,0,0,.25);
     -webkit-box-shadow:1px 1px 6px 1px rgba(0,0,0,.25);
     margin: 18px 7px;
     padding:15px 0;
     border-radius: 10px;
     overflow: unset;position:relative
}
 #entry .shadow .tb_input_wrap{
     padding:0;
     border:0;
     background:none;
}
 .contentsRight{
     height:100%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 .contentsRight > div{
     position:relative;
}
 .contentsRight h4 + div button{
     background-color:transparent;
     border:none;
     padding:0 3px;
     cursor:pointer;
}
 .shadow h4{
     position:absolute;top:-10px;left:21px;background:#fff;padding:0 5px;
}
 .contentsRight h4{
     padding:0
}
.contentsRightEcm .shadow{padding:15px 0}
.contentsRight .shadow h4 span{padding:0}
 .shadow h4 span{
     background:none;
     padding:0;
     font-size:14px;
     font-weight:600;
     line-height:14px;
}
 .contentsRight h4 span{
     background:none;
     padding:0 0 10px 10px;
     font-size:14px;
     font-weight:600;
}
 .contentsRight > div{
     border:1px solid #c1c1c1;
     padding:15px;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .btn_account{
     height:35px;
     line-height:35px;
     text-align:right;
}
 .btn_account li{
     display:inline-block;
     vertical-align:bottom;
}
 .btn_account li a{
     border: 1px solid #d2d2d2;
     border-radius: 4px;
     padding: 0px 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 12px;
     box-sizing: border-box;
     height: 25px;
     line-height: 23px;
     background: #fff;
     text-shadow: none;
     color: #3a3a3a;
     width:auto;
}
 .btn_account li a:hover{
	background:#fff7ea;
	border-color:#fda912;
 }
  .btn_account li a.fms_btn_ar_disable,
  .btn_account li a.fms_btn_ap_disable,
  .btn_account li a.fms_btn_drcr_disable{
     background:#f1f1f1;
     color:#bfbfbf;
}
 #countLayer{
    display:inline-block;
}
 .contentsRight .tb_input_bl textarea{
     border:1px solid #c1c1c1;
     padding:2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
}
/*2017-04-12 추가 css - yjkim 시스템관리 > 시스템관리자 > 권한관리 > 그룹메뉴권한- List > 메뉴추가 > 메뉴추가-Entry */
 .tb_search_wrap2{
    border-top:1px solid #c1c1c1;
    border-right:1px solid #c1c1c1;
    border-bottom:1px solid #c1c1c1;
    border-left:1px solid #c1c1c1;
    background:#fff;
     padding:1px 0;
     display:none;
}
/*2017-04-18 추가 css - yjkim 시스템관리 > 시스템관리자 > 사용자메뉴 - List */
 .menu_tree2{
    border:1px solid #c1c1c1;
     overFlow-X:auto;
     overFlow-y:auto;
}
 .sub_title{
    border-top: 1px solid #c1c1c1;
}
 .U,.UP{
    text-transform:uppercase
}
 .total{
    height:24px;
    overflow:hidden;
     width:100%;
     box-sizing:border-box;
}
 .total li{
    float: left;
     font-size:12px;
     line-height:22px;
     height:28px;
     vertical-align:middle;
}
 .total ul{
    float: right;
}
 .totalName{
    color:#c30;
     font-weight:bold;
    /*padding-left:20px;
    */
     padding-right:5px;
     padding-top:3px;
}
 .totalValue{
    color:black;
     padding-right:15px;
     padding-top:3px;
}
 .tabCon .total{
    position:absolute;
    top:-25px;
    height:30px;
    overflow:unset;
    z-index: -1;
}
 .podArrow{
    float:left;
    padding:64px 20px 0
}
 .radioWrap{
    padding:5px;
    border:1px solid #adadad
}
 .radioWrap input[type="radio"]{
    margin-left:5px;
}
/*그리드 삭제 checkbox*/
 .delCheckWrap {
    width:auto;
    border-radius:3px;
    display:inline-block;
    height: 28px;
    line-height: 25px;
    padding:0 5px;
}
 .delCheckWrap {
    background-size:4px 28px, 4px 28px,1px 28px;
    background-image:url(/img/box_01.png), url(/img/box_03.png),url(/img/box_02.png);
    background-position:0 0,100% 0, 4px 0;
    background-repeat:no-repeat, no-repeat ,repeat-x
}
 .delCheckWrap li{
    margin-right:5px
}
 #srchAddrS{
    background-size:auto 66px;
    width:93px;
    height:66px;
    background:url(/img/btn_addrs_02.png)0 0 repeat-x;
    border-radius:4px;
    overflow:hidden;
    cursor:pointer;
}
 #srchAddrS:hover{
    background-image:url(/img/btn_addrs_o_02.png)
}
 #srchAddrS label{
    display:block;
    text-align:center;
    color:#fff;
    height:30px;
    line-height:30px;
    cursor:pointer;
}
 #srchAddrS label.fz16{
    font-size:16px;
    line-height:45px;
}
 #srchAddrC{
    background-size:auto 66px;
    width:93px;
    height:66px;
    background:url(/img/btn_addrc_02.png)0 0 repeat-x;
    border-radius:4px;
    overflow:hidden;
    cursor:pointer;
}
 #srchAddrC:hover{
    background-image:url(/img/btn_addrc_o_02.png)
}
 #srchAddrC label{
    display:block;
    text-align:center;
    color:#fff;
    height:30px;
    line-height:30px;
    cursor:pointer;
}
 #srchAddrC label.fz16{
    font-size:16px;
    line-height:45px;
}
/*연두색 버튼*/
 .btn_green{
    height:25px;
    line-height:25px;
    color:#fff;
    border:none;
    background:url(/img/btn_green.png) repeat-x 0 0;
     background-size:1px 31px;
    overflow:hidden;
    border-radius:3px;
    text-shadow:1px 1px 1px rgba(0,0,0,.5);
    vertical-align:middle;
    box-shadow:1px 2px 3px rgba(0,0,0,.15);
    cursor:pointer;
    font-weight:bold
}
 .btn_green:hover,.btn_green:active{
    background-image:url(/img/btn_green_o.png);
    padding-left:8px;
    padding-right:8px;
}
/*진회색 버튼*/
 .btn_darkgray{
    height:25px;
    line-height:25px;
    color:#fff;
    border:none;
    background:url(/img/btn_dgray.png) repeat-x 0 0;
     background-size:1px 31px;
    overflow:hidden;
    border-radius:3px;
    text-shadow:1px 1px 1px rgba(0,0,0,.5);
    vertical-align:middle;
    box-shadow:1px 2px 3px rgba(0,0,0,.15);
    cursor:pointer;
    font-weight:bold
}
 .btn_darkgray:hover,.btn_darkgray:active{
    background-image:url(/img/btn_dgray_o.png);
    padding-left:8px;
    padding-right:8px;
}
/*툴팁 색상변경*/
 .k-widget.k-tooltip{
    background:#ffa91e;
    border-color:#ffa91e
}
 .k-callout-n {
    border-bottom-color: #ffa91e;
}
/*toggle btn2*/
 .toggleBtn2{
    padding-right:30px;
    background:url(/img/btn_down2.png) no-repeat 100% center;
}
 .toggleBtn2.on{
    padding-right:30px;
    background:url(/img/btn_up2.png) no-repeat 100% center;
}
/*팝업 하단 입력일시,수정일시*/
 #tb_input_wrap_bottom.popup_date{
    background:none;
    border-color:#c1c1c1;
    font-size:12px;
    text-align:right
}
 #tb_input_wrap_bottom.popup_date table{
    width:auto;
    display:inline-block;
    margin-right:0;
    color:#5f5f5f
}
 #tb_input_wrap_bottom.popup_date input{
    background:none !important;
    border:none;
    color:#5f5f5f !important;
    font-size:12px;
    text-align:center;
}
 #tb_input_wrap_bottom.popup_date .th_bg{
/*     padding-left:30px;
     background:url(/img/icon_th_bg.png) no-repeat 15px center;
 */}
/*Grid button k-icon*/
 .k-grid-cancel-changes .k-icon.k-cancel,.k-grid-customCancel .k-icon.k-cancel{
     background:url(/img/btn_icon_16.png)no-repeat 0 0 !important;
}
 .k-grid-content .k-delete{
     display:none;
}
 .k-grid-content .k-button{
     border-color:#d5d5d5;
     background:#fff;
     color:#3c3c3c;
     height:20px;
     line-height:18px;
     font-size:11px;
     padding:0 4px;
     min-width:20px !important;
}
 .k-grid-content .k-button.k-grid-customDelete{height:25px;}
/*.k-button-icontext .k-icon, */
.k-button-icontext .k-image{
    margin-left:0
}
.k-button-icontext.k-button{
	padding:4px 7px;
}
.btn_m_mail a{display:block;width:65px; height:90px;background-image:url(/img/mailsend.png);background-repeat:no-repeat; text-indent:-10000px}
.btn_m_mail a:link, .btn_m_mail a:visited{background-image:url(/img/mailsend.png)}
.btn_m_mail a:hover, .btn_m_mail a:active{background-image:url(/img/mailsend_o.png)}

 .totalSum{
    padding:2px 10px 4px;
     border-radius:12px;
     color:#fff;
    background:#71736e
}
/** file download btn */
 a.down_btn{
    background:transparent url(/img/filedown_l.png) no-repeat;
    display:inline-block;
    padding:0 0 0 24px;
    height:27px
}
 a.down_btn span.right{
    background: transparent url(/img/filedown_r.png) no-repeat right top;
    display:inline-block;
    padding:0 6px 0 0;
    height:27px
}
 a.down_btn span.center{
    background: transparent url(/img/filedown_c.png) repeat-x;
    display:inline-block;
    line-height:27px;
    color:#fff;
    padding:0 10px 0 5px
}
 a.down_btn:hover{
    background-image:url(/img/filedown_l_o.png)
}
 a.down_btn:hover span.right{
    background-image:url(/img/filedown_r_o.png)
}
 a.down_btn:hover span.center{
    background-image:url(/img/filedown_c_o.png)
}
/** file select btn*/
 a.select_file_btn{
    background:transparent url(/img/select_file_l.png) no-repeat;
    display:inline-block;
    padding:0 0 0 24px;
    height:27px
}
 a.select_file_btn span.right{
    background: transparent url(/img/select_file_r.png) no-repeat right top;
    display:inline-block;
    padding:0 6px 0 0;
    ;
    height:27px
}
 a.select_file_btn span.center{
    background: transparent url(/img/select_file_c.png) repeat-x;
    display:inline-block;
    line-height:27px;
    color:#fff;
    padding:0 10px 0 5px
}
 a.select_file_btn:hover{
    background-image:url(/img/select_file_l_o.png)
}
 a.select_file_btn:hover span.right{
    background-image:url(/img/select_file_r_o.png)
}
 a.select_file_btn:hover span.center{
    background-image:url(/img/select_file_c_o.png)
}
/* Middle Pane-Center [ Search Button ] */
 a.comm_btn_pre{
     display:block;
    text-decoration:none;
     width:17px;
     height:26px;
     margin-right:4px;
}
 a.comm_btn_pre:link, a.comm_btn_pre:visited{
     float:left;
     background:url(/img/com_btn_pre.gif) left top no-repeat;
}
 a.comm_btn_pre:hover, a.comm_btn_pre:active{
    float:left;
    background:url(/img/com_btn_pre_o.gif) left top no-repeat;
}
 a.comm_btn_pre_disable{
     display:block;
    text-decoration:none;
     width:17px;
     height:24px;
     margin-right:4px;
     background:url(/img/com_btn_pre_d.gif) left top no-repeat;
}
 a.comm_btn_next{
     display:block;
    text-decoration:none;
     width:17px;
     height:26px;
     margin-right:4px;
}
 a.comm_btn_next:link, a.comm_btn_next:visited{
     float:left;
     background:url(/img/com_btn_next.gif) left top no-repeat;
}
 a.comm_btn_next:hover, a.comm_btn_next:active{
    float:left;
    background:url(/img/com_btn_next_o.gif) left top no-repeat;
}
 a.comm_btn_next_disable{
     display:block;
    text-decoration:none;
     width:19px;
     height:24px;
     margin-right:4px;
     background:url(/img/com_btn_next_d.gif) left top no-repeat;
}

/* Override grid button min-width */
 .k-grid .k-grid-toolbar .k-grid-add, .k-grid tbody .k-grid-edit, .k-grid tbody .k-grid-update, .k-grid tbody .k-grid-cancel, .k-grid tbody .k-grid-delete, .k-grid tbody .k-grid-customDelete {
     min-width: 0;
}
/* Override grid button margin */
 .k-grid .k-grid-toolbar .k-grid-add .k-icon, .k-grid tbody .k-grid-edit .k-icon, .k-grid tbody .k-grid-update .k-icon, .k-grid tbody .k-grid-cancel .k-icon, .k-grid tbody .k-grid-delete .k-icon {
     margin: 0;
}
/* Autocomplete ----------------------------------*/
 .ui-autocomplete {
     position: absolute;
     cursor: default;
     max-height: 150px;
     overflow-y: auto;
     overflow-x: hidden;
}
 .ui-autocomplete-loading {
     background: white url('/img/ui-anim_basic_16x16.gif') right center no-repeat !important;
}
  .k-grid .k-grid-toolbar .k-grid-add .k-icon,
  .k-grid tbody .k-grid-edit .k-icon,
  .k-grid tbody .k-grid-update .k-icon,
  .k-grid tbody .k-grid-cancel .k-icon,
  .k-grid tbody .k-grid-delete .k-icon,
  .k-grid tbody .k-grid-customDelete .k-icon {
    margin: 0;
  }

/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; max-height: 150px; overflow-y: auto; overflow-x: hidden; background-color: #f9f9f9; }       
.ui-autocomplete-loading { background: white url('/img/ui-anim_basic_16x16.gif') right center no-repeat !important; }
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #fff7ea !important;
    font-weight: bold !important;
    color: #3c3c3c !important;
    border: 0px !important;
} 

/* workarounds */
 * html .ui-autocomplete {
     width:1px;
}
/* without this, the menu expands to 100% in IE6 */
/* Menu ----------------------------------*/
 .ui-menu {
     list-style:none;
     padding: 10px;
     margin: 0;
     display:block;
     width:327px;
}
 .ui-menu .ui-menu {
     margin-top: -3px;
}
 .ui-menu .ui-menu-item {
     margin:0;
     padding: 0;
     width: 300px;
}

/* AR, AP, DR/CR 정산 구분 */
/* 계산서 발행 */
.k-grid tr.k-state-invoice-vat {
     -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     -mox-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     background-color: #C6EEC1;
    /*연두색*/
     border-color: #AED0DF;
     color: #003f59;
}
/* 정산 미발행 */
.k-grid tr.k-state-invoice-n {
     -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     -moz-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     background-color: #FAF2C8 !important;
    /*노란색*/
     border-color: #AED0DF;
     color: #003f59;
}
/* 정산 발행 */
.k-grid tr.k-state-invoice-y {
     -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     -moz-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     box-shadow: inset 0 0 7px rgba(255, 230, 192, 1);
     background: #ffebca !important;
    /*하늘색*/
     border-color: #AED0DF;
     color: #003f59;
}
/* 회계 처리 완료 */
.k-grid tr.k-state-invoice-f {
     -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     -moz-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     background-color: #F9C9C9;
    /*분홍색*/
     border-color: #AED0DF;
     color: #003f59;
}
/* 처리 완료 */
.k-grid tr.k-state-chg-invoice-n {
     -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     -moz-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     background-color: #CCCCCC;
    /*검정색*/
     border-color: #AED0DF;
     color: #003f59;
}
/* 통관 정산서(업무) */
.k-grid tr.k-state-cas-invoice {
    -webkit-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
    -moz-box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
    box-shadow: inset 0 0 7px rgba(174, 208, 223, 0.5);
     background-color: #CCCCFF;
    /*보라색*/
     border-color: #AED0DF;
     color: #003f59;
}

.mailtable{border:1px solid #d9d9d9;}
.mailth{padding:5px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#f8f8f8; font-size:11px; font-family:"Exo"; color:#666666;text-align:center;}
.mailthe{padding:5px; border-bottom:1px solid #d9d9d9; background-color:#f8f8f8;font-size:11px; font-family:"Exo";color:#666666;}
.mailtd{padding:5px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; font-size:11px; font-family:"Exo"; color:#828282; text-align:center;}
.mailtde{padding:5px; border-bottom:1px solid #d9d9d9; font-size:11px; font-family:"Exo";color:#828282; text-align:center;}

.mailtdb{padding:5px; border-right:1px solid #d9d9d9; font-size:11px; font-family:"Exo"; color:#828282; text-align:center;}
.mailtdbe{padding:5px; font-size:11px; font-family:"Exo"; color:#828282;text-align:center; text-align:center;}

.k-icon-fileShare-Y:before {content: "\e64f";}
.k-icon-fileShare-N:before {content: "\e64f"; color: #d7d4d0; }

/* Grid total */

tr.k-tr-total{
	background:#dbe2ec !important;
}
tr.k-tr-total td{
	border-color:transparent;
	border-bottom:1px solid #a2a7ab;
	border-top:1px solid #a2a7ab;
}
.k-grid tr.k-tr-total td.k-state-focused{
	background:none !important;
	box-shadow: inset 0px 0px 30px 9px #bcc9da;
	-webkit-box-shadow: inset 0px 0px 30px 9px #bcc9da;
    -moz-box-shadow:inset 0px 0px 30px 9px #bcc9da;
}

.k-grid .k-grid-delete,
.k-grid .k-grid-customDelete
{
	padding:4px;
	width: 25px;
    height: 25px;
}

/*Charge Invoice Status*/
.status_inv,.status_bill,.status_rcv{
	display: inline-block;
	height: 25px;
	line-height: 23px;
	font-size: 11px;
	color: #fff;
	margin: 0 2px;
	padding: 0 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.status_inv{
	background:#637deb ;
}
.status_bill{
	background: #fda817;
}
.status_rcv{
	background:#565656;
}
.status_inv.off,.status_bill.off,.status_rcv.off{
	border-color: #d3d3d3;
	color: #d3d3d3;
	background: transparent;
}

/* 경영정보 > balance 그리드*/
tr.k-balance-total{
	font-weight: bold;
}
.k-balance-total td{
	font-weight: bold;
	border-bottom: 1px solid;
}

/* excel upload drop file */
.dropZoneElement .k-dropzone {
	position: relative;
    /* background-color: #f8f8f8; */
    border: 2px dashed #c7c7c7;
    display: inline-block;
    width: 1082px;
    height: 150px;
    text-align: right;
}
.dropZoneElement .k-upload, .dropZoneElement .k-file{
	border: none;
}
.dropZoneElement .k-upload-selected{
	margin: 0;
}
.dropZoneElement .k-upload-button{
	float: left;
}
.dropZoneElement .k-action-buttons{
	float: left;
	border: 0;
}
.dropZoneElement .k-upload-files{
	margin-top: 10px;
    border: 2px dashed #c7c7c7;
}

.k-treeview .k-i-collapse,.k-treeview .k-i-expand{margin-top:.25em;margin-left:-16px}
.k-treeview .k-i-expand:before{content:"\e015"}
.k-treeview .k-i-collapse:before{content:"\e014"}
.k-toolbar>*,.k-toolbar>*>label{margin:unset;display:unset;vertical-align:unset}
.k-grid .k-button{margin:0 .16em}
.k-toolbar{display:block}
.k-button .k-icon{pointer-events:unset}
.k-i-filter::before{content:"\e015"}
div.k-grid-header th.k-header, tr.k-filter-row>th {border-bottom-width:0;vertical-align:middle}
.k-grid-header-locked>table, .k-grid-header-wrap>table{margin:0}
.k-widget.k-window{padding-top:38px}
.k-window-titlebar{margin-top:-38px;top:0;box-sizing:content-box;padding:.4em 0;font-size:1.2em}
.k-window-titlebar .k-window-action{width:unset;height:unset;background:unset}
.k-window-actions .k-button:hover:not(.k-state-disabled):not([disabled]){background:unset;padding:2px;border:unset}
.k-invalid-msg{display:none}
 span.k-form-error.k-invalid-msg {
    position: absolute;
    min-width:auto;
    border:none;
    color:red;
    box-shadow:none;
/*     background: #fff; */
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 2px;
    font-size: 16px;
    font-family: 'WebComponentsIcons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
    text-decoration: none;
    display: inline-block;
}
.k-form-error.k-invalid-msg:before{content:"\e403";}
.k-maskedtextbox{border:none;padding:0}
.k-maskedtextbox input.k-textbox{padding:2px .3em;border:1px solid #d5d5d5 !important;height:2.13em !important}
.k-maskedtextbox input.k-textbox:focus{border:1px solid #ffa91e !important}
.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-multiselect-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox>input{text-indent:.33em;text-overflow:unset}
span.k-textbox:after{content:unset}
.k-button{font:unset;display:inline-block;line-height: normal}
.k-textbox .k-textbox{border:none !important}
.k-tabstrip-items{padding-top:0}
.k-tabstrip-items .k-item, .k-panelbar .k-tabstrip-items .k-item{margin:0 -1px 0 0}
.k-picker-wrap{padding:0 1.9em 0 0}
.k-textbox>input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input{height:1.65em}
input.k-textbox {height: 2.13em;text-indent: .33em;padding:2px .3em}
.k-icon:before{line-height:unset}
.k-i-user-outline::before{content:"\e801"}
.k-column-menu,.k-filter-menu{font-size:12px}
.k-grid .k-i-more-vertical::before{content:"\e015"}
.k-column-menu .k-i-columns::before,.k-column-menu .k-i-filter::before{content:unset}
.k-column-menu .k-columns-item .k-menu-item input{margin-right:3px}
.k-radio{appearance:auto;width:unset;height:unset;position:unset}
.k-radio+.k-radio-label{margin-left:unset}
.k-pager-wrap .k-textbox{width:3.33em}
html .k-upload{border-width:0}
.k-dropzone em{float:right;}
.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-up{margin-left:-10px}
.k-splitbar-vertical.k-splitbar-draggable-vertical .k-i-arrow-60-down{margin-left:22px}
.k-tabstrip-items{padding:unset}
.k-grid-toolbar .k-i-filter::before{content:"\e129";}
.k-numeric-wrap .k-input{text-overflow:unset}
#login_box .k-textbox:focus{border:none !important}
textarea.k-textbox{height:auto}
.k-radio::before{background:unset}
.hideInputCssBox .k-numeric-wrap{border:none;background:#fff;padding:2px 0;}
.deconsolY::before{content:"\e123"}

.k-notification-wrap {
	margin: 10px;
	font-size:15px;
}
.k-notification-info {
  border-color: #3e80ed;
  color: #ffffff;
  background-color: #3e80ed; }

.k-notification-success {
  border-color: #5ec232;
  color: #ffffff;
  background-color: #5ec232; }

.k-notification-warning {
  border-color: #fdce3e;
  color: #000000;
  background-color: #fdce3e; }

.k-notification-error {
  border-color: #d51923;
  color: #ffffff;
  background-color: #d51923; }
  
  
  
/*Main type3*/
  #center_main_content.type3{
  width:1100px;
  overflow:hidden;
  }
  #center_main_content.type3 h2{
  text-align:left;
  }
  .main_status {
  display:flex;
  align-content: space-around;
  padding: 5px 0;
  }
  .main_status h3{
  display:block;
  width:125px;
  min-width:125px;
  height:125px;
  margin-right:10px;
  border:5px solid #eaeaea;
  border-radius:10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right:40px;
  text-align:center;
  padding:35px 0;
  }
  .main_status h3 b{
  display:block;
  color:#ffa91e;
  }
  .main_status ul {
   display:flex;
  }
  .main_status ul li{
  width:125px;
  height:130px;
  margin-right:10px;
  border:5px solid #eaeaea;
  border-radius:10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
  box-sizing: border-box;
  color:#000;
  padding-top:75px;
  text-align:center;
  background-position:center bottom 50px;
  background-repeat:no-repeat
  }
  .main_status ul li:last-child{
  margin-right:0;
  }
  .main_status ul li label{
  display:block;
  }
  .main_status ul li span{
  color:#ffa91e 
  }
  .main_status ul li.exp_1{
  background-image:url(/img/main_m_exp1.png); 
  }
  .main_status ul li.exp_2{
  background-image:url(/img/main_m_exp2.png); 
  }
  .main_status ul li.exp_3{
  background-image:url(/img/main_m_exp3.png); 
  }
  .main_status ul li.exp_4{
  background-image:url(/img/main_m_exp4.png); 
  }
  .main_status ul li.exp_5{
  background-image:url(/img/main_m_exp5.png); 
  }
  .main_status ul li.imp_1{
  background-image:url(/img/main_m_imp1.png); 
  }
  .main_status ul li.imp_2{
  background-image:url(/img/main_m_imp2.png); 
  }
  .main_status ul li.imp_3{
  background-image:url(/img/main_m_imp3.png); 
  }
  .main_status ul li.imp_4{
  background-image:url(/img/main_m_imp4.png); 
  }
  .main_status ul li.imp_5{
  background-image:url(/img/main_m_imp5.png); 
  }
  .main_status ul li.imp_6{
  background-image:url(/img/main_m_imp6.png); 
  }
  .main_status ul li.imp_7{
  background-image:url(/img/main_m_imp7.png); 
  }
  .main_status div div{display:none;cursor:pointer}
  #center_main_content.type3 .n_more{
  left:145px !important;
  }
  button.btn_chat{
  position:Absolute;
  right:30px;
  top:30px;
  border:3px solid #ffa91e;
  border-radius:13px;
  background:#fff url(/img/img_chat.png) no-repeat left 13px center;
  box-shadow:5px 5px 5px rgba(0,0,0,.15);
  padding:7px 13px 7px 60px;
  font-weight:bold;
  cursor:pointer;
  transition:.3s;
  }
  button.btn_chat:hover{
  background-color:#f9f8f7; 
  }
  button.btn_chat span{
  display:block;
  background:#444444;
  color:#fff;
  border-radius:4px;
  padding:4px 5px;
  font-size:11px;
  margin-top:2px;
  }
 /*OMS 대시보드*/
 .oms-dashboard{
 	width:100%;
	height:100%;
	overflow:auto;
 }
  .oms-dashboard .widget-gaugeChart{
	 width:100%;
	 max-width:1600px;
	 margin:0 auto;
	 min-height:100%;
	 padding:.5rem 0;
	 box-sizing:border-box;
  }
 .widget-gaugeChart .widget-header{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}
 .widget-gaugeChart .d-flex{
	display:flex;
 }
  .widget-gaugeChart .d-flex .col-6{
	width:50%;
  }
 .widget-gaugeChart .d-flex .p-4{
	padding:2rem;
 }
 .widget-gaugeChart *{
	box-sizing:border-box;
}
.widget-gaugeChart > .d-flex{
	overflow:hidden;
}
.widget-gaugeChart div[class*="col-"]{
	position:Relative;
}
.widget-gaugeChart div[class*="col-"]:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	box-shadow: 5px 0 10px -3px rgba(0, 0, 0, 0.15);
	pointer-events: none;
}
.widget-gaugeChart div[class*="col-"]:last-child:after{
	display:none;
}
.chart-wrap{
	position:relative;
	width:300px;
	height:200px;
	margin: 0 auto;
}
.gauge-chart{
	background:url(/customer/img/sejung/img-gauge-bg.jpg) no-repeat center;
	margin:0 auto;
    display: block;
}
.gauge-chart .k-arcgauge-label{
    margin-top: -15px;
}
.gauge-text{
	text-align:center;
	width:100%;
}
.gauge-text .gauge-percent{
	font-size:22px;
	font-weight:bold;
}
.chart1 .gauge-percent{
	color:#61a9fd;
}
.chart2 .gauge-percent{
	color:#ff5774;
}
.gauge-text .gauge-label{
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.gauge-text .gauge-sub{
	color:#a5a5a5;
	font-size:12px;
}
.status-card-wrap{
	display:flex;
	gap:20px;
	padding:1rem 0;
}
.status-card{
	flex:1;
	border:1px solid #ddd;
	border-radius:10px;
	padding:1.25rem;
	text-align:center;
}
.status-card:hover{
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
    transition:.3s;
}
.status-card-header{
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-align:left;
}
.status-card .status-count{
	font-size:15px;
	padding:1.25rem 0;
}
.status-card .status-count b{
	font-size:16px;
	font-weight:bold;
	margin-right:3px;
}
.status-card .btn{
	background:#d3e3f2;
	border:0;
	border-radius:20px;
	color:#000;
	font-size:12px;
	padding:0.125rem 1rem;
	cursor: pointer;
}
.widget-sub-header{
	padding:1rem 0 .5rem 0;
	font-size:14px;
	font-weight:bold;
}