@charset "UTF-8";
@font-face {
    font-family: 'NanumGothic';
    src: url('NanumGothic.ttf') format('truetype'),
         url('NanumGothic.woff') format('woff'),;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumGothic';
    src: url('NanumGothicBold.ttf') format('truetype'),
         url('NanumGothicBold.woff') format('woff'),;
    font-weight: bold;
    font-style: normal;
}
/*CKEditor 줄간격*/
.ck-content p {
    line-height: 0.8;
}
* {
    font-family:  'NanumGothic';
}
.fa-white {
    color: #ffffff !important;
}
.fa-black {
    color: #212121 !important;
}
.fa-red {
    color: #E84141 !important;
}
.fa-blue {
    color: #2196F3 !important;
}
.fa-1_5x {
    font-size: 1.5em;
    width: 1.5em !important;
}
/*mask*/
.x-mask {
    z-index: 100000;
}
body > .x-mask {
    background-image: none;
    background-color: rgba(0, 0, 0, 0.3);
}
.x-mask-msg {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
}
.x-mask-msg-inner {
    padding: 6px 40px;
    background-color: transparent;
    color: #111;
    font: 400 14px Roboto, sans-serif;
    font-weight: bold;
}
/*fieldset title*/
.x-fieldset-header-default > .x-fieldset-header-text {
    font: 600 16px/20px Roboto, sans-serif;
    color: #212121;
    padding: 1px 0;
}
/*text field*/
.x-form-text-field-body-default {
    min-width: 10px;
    max-width: none;
}
.x-form-item-body-default {
	min-height: 22px;
}
/*disabled*/
.x-form-item-default.x-item-disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.7;
}
/*split right*/
.x-layout-split-right {
    font: 16px/1 'Material Icons', 'Font Awesome 5 Free';
    padding: 0 0 0 0;
}
/*grid*/
.x-column-header {
	background-color: #F2F2F2;
	font-weight: bold;
}
.x-grid-header-ct {
	background-color: #F2F2F2;
}
.x-column-header-over {
    background-color: #EAEAEA
}
.x-column-header-over .x-column-header-trigger {
    background-color: #EAEAEA;
}
.x-column-header-open {
    background-color: #EAEAEA;
}
.x-column-header-open .x-column-header-trigger {
    background-color: #EAEAEA;
}
.x-grid-cell-inner {
    position: relative;
    z-index: 1;
    text-overflow: ellipsis;
    padding: 10px 6px;
}
.x-group-sub-header .x-column-header-inner {
    padding: 10px 6px;
}
.x-column-header-inner {
    padding: 10px 6px;
}
.x-column-header-checkbox .x-column-header-inner,.x-grid-checkcolumn-cell-inner {
    padding: 9px 4px 9px 4px;
    text-overflow: clip;
}
.x-grid-editor .x-form-item-body {
    padding: 4px;
}
.x-grid-editor .x-form-text-field-body-default {
    min-width: 50px;
    max-width: none;
}
.x-grid-cell-row-numberer {
    background-color: inherit;
}
.x-grid-cell-inner-action-col {
    padding: 9px 4px 9px 4px !important;
}
.x-grid-item-selected {
    background-color: #FFEFBB;
}
.x-grid-item-over {
    background-color: #ECEFF1;  
}
.x-grid-item-selected.x-grid-item-over {
    background-color: #FFEFBB;
}
.x-column-header-align-right .x-column-header-text {
    margin-right: 0px;
}
/*column protect*/
.x-grid-item-selected.x-grid-item-over .grid-column-protect {
    background-color: #FFEFBB;
}
.x-grid-item-selected .grid-column-protect {
    background-color: #FFEFBB;
}
.x-grid-item-over .grid-column-protect {    
    background-color: #ECEFF1;
}
.grid-column-protect {
    background-color: #f7f7f7;
}
/*row protect*/
.grid-row-protect {
    background-color: #f7f7f7;
}
/*column color top*/
.x-grid-item-selected.x-grid-item-over .grid-column-lime {
    background-color: #D4E157;
}
.x-grid-item-selected .grid-column-lime {
    background-color: #D4E157;
}
.x-grid-item-over .grid-column-lime {    
    background-color: #D4E157;
}
.grid-column-lime {
    background-color: #D4E157;
}
/*column color no top*/
.x-grid-item-selected.x-grid-item-over .grid-column-notop-color1 {
    background-color: #FFEFBB;
}
.x-grid-item-selected .grid-column-notop-color1 {
    background-color: #FFEFBB;
}
.x-grid-item-over .grid-column-notop-color1 {    
    background-color: #ECEFF1;
}
.grid-column-notop-color1 {
    background-color: #FFFFB0;
}
.x-grid-item-selected.x-grid-item-over .grid-column-notop-color2 {
    background-color: #FFEFBB;
}
.x-grid-item-selected .grid-column-notop-color2 {
    background-color: #FFEFBB;
}
.x-grid-item-over .grid-column-notop-color2 {    
    background-color: #ECEFF1;
}
.grid-column-notop-color2 {
    background-color: #D3EDD3;
}
/*cell no padding*/
.x-grid-cell-no-padding .x-grid-cell-inner {
    padding: 0 !important;
}
/*title tool icon*/
.x-tool-tool-el {
    overflow: hidden;
    width: 18px;
    height: 18px;
    margin: 0;
    color: #fff;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}
/*grid summary*/
.x-grid-row-summary .x-grid-cell {
    background-color: #E1F5FE !important;
    font-weight: bold !important;
}
/*default grid*/
.grid-box {
	border-radius: 0px;
}
.grid-box .x-panel-header-title-default {
	font-size: 16px !important;
}
.grid-box .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #F2F2F2 !important;
}
.grid-box .x-toolbar-default {
    padding: 6px 0 6px 8px;
    background-color: #F2F2F2;
}
.grid-box .x-btn-default-toolbar-small {
    border-radius: 3px;
    background-color: #CFD8DC !important;
    box-shadow: none !important;
}
.grid-box .x-btn-over {
    background-color: #DEE7E9 !important;
}
.grid-box .x-btn-inner-default-toolbar-small {
    color: #212121 !important;
	font-size: 13px;
}
.grid-hide-group-header .x-group-hd-container {
    display: none !important;
}
/*attach grid box*/
.grid-attach-box {
    border: 1px solid #e0e0e0;
}
/*col span*/
.grid-colspan-columns {
    width: auto !important;
}
.grid-hide-column {
    display: none;
}
/*pop grid*/
.pop-grid-box {
	border-radius: 5px;
}
.pop-grid-box .x-panel-header-title-default {
	font-size: 16px !important;
}
.pop-grid-box .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #90CAF9 !important;
}
.pop-grid-box .x-toolbar-default {
    padding: 6px 0 6px 8px;
    background-color: #90CAF9 !important;
}
.pop-grid-box .x-btn-default-toolbar-small {
    border-radius: 3px;
    background-color: #2196F3 !important;
}
.pop-grid-box .x-btn-inner-default-toolbar-small {
    color: #ffffff !important;
}
.pop-grid-box .x-column-header  {
	background-color: #2196F3 !important;
	font-weight: bold !important;
}
.pop-grid-box .x-grid-header-ct {
	background-color: #2196F3 !important;
}
.pop-grid-box .x-column-header-over {
    background-color: #42A5F5 !important;
}
.pop-grid-box .x-column-header-over .x-column-header-trigger {
    background-color: #42A5F5 !important;
}
.pop-grid-box .x-column-header-open {
    background-color: #2196F3 !important;
}
.pop-grid-box .x-column-header-open .x-column-header-trigger {
    background-color: #2196F3 !important;
}
.pop-grid-box .x-column-header-inner {
	color: #ffffff;
}
.checkcolumn-disabled .x-grid-checkcolumn {
    display: none; 
}
/*combobox empty row*/
.x-boundlist-item{
	min-height: 30px;
}
/*window*/
.x-window-header-default{
	background-color: #2196F3;
}
.x-window-header-title-default {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px
}
.x-window .x-window-header .x-tool-close {
    color: #ffffff;
}
/*textarea*/
.panel-title-textarea-field {
    height: calc(100%) !important;
    border-bottom: none !important;
}
.panel-title-textarea {
	border-top: 2px solid #e0e0e0 !important;
}
/*common*/
.form-box {
	border-radius: 0px;
	background-color: #ffffff;
}
.main-btn {
	border-radius: 3px !important;
	background-color: #FDCF00 !important;
}
.main-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.main-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 13px !important;
}
.main-btn-over {
	border-radius: 3px !important;
	background-color: #FFE082 !important;
}
.main-btn.x-btn-disabled {
	background-color: #FFE082 !important;
}
.main-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.main-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
.sub-btn {
	border-radius: 3px !important;
	background-color: #CFD8DC !important;
}
.sub-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.sub-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 13px !important;
}
.sub-btn-over {
	border-radius: 3px !important;
	background-color: #DEE7E9 !important;
}
.sub-btn.x-btn-disabled {
	background-color: #dfe8ec !important;
}
.sub-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.sub-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
.quick-btn {
	border-radius: 3px !important;
	background-color: #CFD8DC !important;
}
.quick-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.quick-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 13px !important;
}
.quick-btn-over {
	border-radius: 3px !important;
	background-color: #DEE7E9 !important;
}
.extend-btn {
	border-radius: 50px !important;
	background-color: #E84141 !important;
}
.extend-btn .x-btn-inner {
	color: #ffffff !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.extend-btn .x-btn-icon-el {
	color: #ffffff !important;
	font-size: 13px !important;
}
.extend-btn-over {
	border-radius: 50px !important;
	background-color: #FF1744 !important;
}
.trans-btn {
	border-radius: 3px !important;
	background-color: trnsparent !important;
}
.trans-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.trans-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 18px !important;
}
.trans-btn-over {
	border-radius: 3px !important;
	background-color: trnsparent !important;
}
.trans-btn.x-btn-disabled {
	background-color: trnsparent !important;
}
.trans-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.trans-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
.trans-btn.x-btn-focus.x-btn-default-small {
    background-image: none;
    background-color: transparent !important;
}
.x-btn-default-small {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 1px 1px 1px 1px;
    border-width: 0px;
    border-style: solid;
    background-color: transparent;
    height: 30px;
}
/*checkbox, radio*/
.x-form-cb-label-default {
    margin-top: 8px;
    font: 400 13px/16px Roboto, sans-serif;
    color: #111;
    color: var(--color);
    font-weight: bold;
}
.x-form-cb-label-default.x-form-cb-label-before {
    padding-right: 25px;
}
.x-form-cb-label-default.x-form-cb-label-after {
    padding-left: 25px;
}
.x-form-cb-wrap-default {
    height: 30px;
    min-width: 18px;
}
/*top title*/
.active-title {
	font-size: 16px;
	font-weight: bold;
	color: #212121;
}
.panel-title-box {
	border-radius: 0px;
}
.panel-title-box .x-panel-header-title-default {
	font-size: 13px !important;
	color: #212121;
	font-weight: bold;
}
.panel-title-box .x-panel-header-default-horizontal {
	padding: 7px !important;
	background-color: #F2F2F2 !important;
}
.panel-title-box .x-panel-header-default-vertical {
    padding: 7px !important;
	background-color: #F2F2F2 !important;
}
.panel-title-box.x-panel-header-default-vertical {
    padding: 7px !important;
	background-color: #F2F2F2 !important;
	border: 1px solid #F2F2F2 !important;
}
.panel-title-box  .x-tool-tool-el {
	color: #212121;
	font-size: 13px !important;
	font-weight: bold;
}
/*login*/
.login-left-back {
	background-image: url(../images/sooyoungro_view.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
}
.login-field-box {
	border: 1px solid #e0e0e0;
	padding: 0px 10px 0px 10px;
	border-radius: 5px;
}
.login-field {
	border: none !important;
	font-weight: bold !important;
	font-size: 18px !important;
	color: #212121;
	text-align: center;
}
.login-field-trigger {
	border: none !important;
}
.login-btn {
	border-radius: 5px;
	background-color: #2196F3;
}
.login-btn .x-btn-inner {
	color: #ffffff !important;
	font-size: 14px;
	text-transform: capitalize;
}
.login-btn-over {
	border-radius: 5px;
	background-color: #64C1ED;
}
.login-618 {
	font-weight: bold;
	font-size: 14px;
	color: #424242;
	text-align: center;
}
.login-verify-btn {
	border-radius: 5px;
	background-color: #FDC200 !important;
}
.login-verify-btn .x-btn-inner {
	color: #ffffff !important;
	font-size: 14px;
	text-transform: capitalize;
}
.login-verify-btn-over {
	border-radius: 5px;
	background-color: #FFD740 !important;
}
/*시스템선택*/
.system-combo-box {
	border: 1px solid #2196F3;
	padding: 5px 10px;
	border-radius: 0px;
	background-color: #2196F3;
	height: 45px;
}
.system-combo-box:hover {
	border: 1px solid #42A5F5;
	background-color: #42A5F5;
}
.system-combo-field {
	border: none !important;
	font-weight: bold !important;
	font-size: 16px !important;
	color: #ffffff;
}
.system-combo-trigger {
	border: none !important;
	color: #ffffff;
}
.system-combo-trigger:before {
    content: '\f078';
}
.system-combo-expand-box {
	border: 1px solid #42A5F5;
	background-color: #42A5F5;
}
.system-combo-expand-box .system-combo-field{
	color: #ffffff;
}
/*권한그룹선택*/
.border-combo-box {
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.border-combo-box:hover {
	border: 1px solid #e0e0e0;
}
.border-combo-field {
	border: none !important;
	font-weight: bold !important;
	font-size: 14px !important;
	color: #212121;
}
.border-combo-trigger {
	border: none !important;	
}
.border-combo-trigger:before {
    content: '\f078';
}
.border-combo-expand-box {
	border: 1px solid #e0e0e0;
}
.border-combo-expand-box .border-combo-field{
	color: #212121;
}
/*tree 메뉴*/
.menu-tree-box {
	border: 1px solid #e0e0e0 !important;
	border-radius: 5px;
}
.menu-tree-search-field {
	color: #212121;
	text-align: center;
}
/*왼쪽 메뉴 max*/
.left-menu-max {
	border-right: 1px solid #e0e0e0;
	background-color: #ffffff;
}
/*왼쪽 메뉴 min*/
.left-menu-min-box {
	border-right: 4px solid #e0e0e0 !important;
	background-color: #ffffff;
}
.left-sub-menu-box {
	box-shadow: none;
	border-right: 2px solid #e0e0e0 !important;
}
/*왼쪽 메뉴 버튼 min*/
.left-menu-min-btn-default {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
.left-menu-min-btn-default .x-btn-icon-el {
	color: #424242 !important;
}
.left-menu-min-btn-over {
	background-color: #FDC200 !important;
	border-radius: 0px !important;
}
.left-menu-min-btn-over .x-btn-icon-el {
	color: #ffffff !important;
}
.left-menu-min-tooltip {
	background-color: #FDC200 !important;
	border-radius: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
}
.left-menu-min-btn-icon {
    text-align: center !important;
    width: 1.5em !important;
    font-size: 1.5em !important;
}
.left-menu-min-bk-btn-default {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
.left-menu-min-bk-btn-default .x-btn-icon-el {
	color: #FDC200 !important;
}
.left-menu-min-bk-btn-over {
	background-color: #01A2BD !important;
	border-radius: 0px !important;
}
.left-menu-min-bk-btn-over .x-btn-icon-el {
	color: #ffffff !important;
}
.left-menu-min-bk-tooltip {
	background-color: #01A2BD !important;
	border-radius: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
}
/*top */
.top-box {
	border-left: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
	background-color: #ffffff;
}
.top-profile-image {
	border: 1px solid #e0e0e0;
	border-radius: 50px;
}
.top-logout-btn {
	border-radius: 50px !important;
	background-color: #E84141;
}
.top-logout-btn .x-btn-icon-el {
	color: #ffffff !important;
}
.top-logout-btn-over {
	border-radius: 50px !important;
	background-color: #FF1744 !important;
}
.top-logout-btn-over .x-btn-icon-el {
	color: #ffffff !important;
}
.top-setting-btn {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
.top-setting-btn-over {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
.top-help-btn {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
.top-help-btn-over {
	border-radius: 50px !important;
	background-color: #f0f0f0;
}
/*right*/
.right-profile-image {
	border: 1px solid #e0e0e0;
	border-radius: 60px;
}
.right-btn {
	border-radius: 5px;
	background-color: #FDC200 !important;
}
.right-btn .x-btn-inner {
	color: #ffffff !important;
	font-size: 14px;
	text-transform: capitalize;
}
.right-btn-over {
	border-radius: 5px;
	background-color: #FFD740 !important;
}
.right-menu-box {
	box-shadow: none;
	border-left: 2px solid #e0e0e0 !important;
}
/*body*/
.body-box {
	border-left: 1px solid #e0e0e0 !important;
	background-color: #ffffff;
}
.body-main-tab .x-tab-bar {
    height: 45px !important;
}
.body-main-tab .x-tab  {
    height: 20px !important;
    background-color: #1E88E5;
	border-color: #1E88E5 !important;
}
.body-main-tab .x-tab-bar {
	height: 45px !important;
}
.body-main-tab .x-tab-default-top {
    padding: 6px 32px 23px 32px;
    border-width: 0 0 8px 0;
    border-style: solid;
}
.body-main-tab .x-tab-active {
	border-color: #f5f5f5 !important;
	background-color: #42A5F5 !important;
}
.body-main-tab .x-tab-bar-horizontal > .x-tab-bar-body-default {
	min-height: 45px;
}
/*home*/
.home-box-type01 {
	border-radius: 5px;
	/*border: 1px solid #e0e0e0 !important;*/
}
.home-box-type01 .x-panel-header-title-default {
	font-size: 16px !important;
}
.home-box-type01 .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #26C6DA !important;
}
.home-box-type02 {
	border-radius: 5px;
	/*border: 1px solid #e0e0e0 !important;*/
}
.home-box-type02 .x-panel-header-title-default {
	font-size: 16px !important;
}
.home-box-type02 .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #FFCA28 !important;
}
.home-box-type03 {
	border-radius: 5px;
	/*border: 1px solid #e0e0e0 !important;*/
}
.home-box-type03 .x-panel-header-title-default {
	font-size: 16px !important;
}
.home-box-type03 .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #F8BBD0 !important;
}
.home-box-type04 {
	border-radius: 5px;
	/*border: 1px solid #e0e0e0 !important;*/
}
.home-box-type04 .x-panel-header-title-default {
	font-size: 16px !important;
}
.home-box-type04 .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #90A4AE !important;
}
/*search*/
.search-field-box {
	border: 1px solid #e0e0e0;
	padding: 0px 10px 0px 10px;
	border-radius: 5px;
}
.search-field {
	border: none !important;
	font-weight: bold !important;
	font-size: 13px !important;
	color: #212121;
	text-align: center;
}
.search-field-trigger {
	border: none !important;
}
/*limit time*/
.limit-title:before {
	content: "\f4fd"; 
	margin-right: 4px;
	font-family: "Font Awesome 5 Free";
}
.limit-title {
	font-size: 14px;
	font-weight: bold;
	color: #212121;
}
.limit-time {
	font-size: 14px;
	font-weight: bold;
	color: #212121;
}
/*message box button*/
.common-messagebox .x-btn {
    padding: 8px 8px 8px 8px;
}
/*pointer cursor*/
.pointer-cursor {
    cursor: pointer;
}
/*reg container box*/
.reg-container-box {
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #F5F5F5;
}
/*reg container box*/
.default-container-box {
	border: 1px solid #d0d0d0;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #ffffff;
}
/*panel title*/
.title-box-blue {
	border-radius: 5px;
}
.title-box-blue .x-panel-header-title-default {
	font-size: 16px !important;
	color: #212121;
}
.title-box-blue .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #81D4FA !important;
}
.title-box-cyan {
	border-radius: 5px;
}
.title-box-cyan .x-panel-header-title-default {
	font-size: 16px !important;
	color: #212121;
}
.title-box-cyan .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #4DD0E1 !important;
}
.title-box-amber {
	border-radius: 5px;
}
.title-box-amber .x-panel-header-title-default {
	font-size: 16px !important;
	color: #212121;
}
.title-box-amber .x-panel-header-default-horizontal {
	padding: 10px !important;
	background-color: #FFE082 !important;
}
.title-box-none-radius {
	border-radius: 0px !important;
}
/*widgetcolumn*/
.widgetcolumn-no-padding .x-grid-widgetcolumn-cell-inner {
    padding: 1px !important;
}
/*sub tab*/
.sub-tab  {
	border: solid 0px #e0e0e0;
}
.sub-tab .x-tab-bar {
    height: 45px !important;
}
.sub-tab .x-tab-bar-default {
	background-color: #f2f2f2;
}
.sub-tab .x-tab.x-tab-disabled.x-tab-default {
	border-color: #e0e0e0;
	background-color: #e0e0e0;
}
.sub-tab .x-tab-inner-default{
	color: #757575;
}
.sub-tab .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #212121;
}
.sub-tab .x-tab  {
    height: 20px !important;
    background-color: #e0e0e0;
	border-color: #e0e0e0 !important;	
}
.sub-tab .x-tab-bar {
	height: 45px !important;
}
.sub-tab .x-tab-default-top {
    padding: 6px 32px 23px 32px;
    border-width: 0 0 8px 0;
    border-style: solid;
}
.sub-tab .x-tab-active {
	border-color: #757575 !important;
	background-color: #bdbdbd !important;
}
.sub-tab .x-tab-bar-horizontal > .x-tab-bar-body-default {
	min-height: 45px;
}
.sub-tab .x-box-scroller-tab-bar-default {
	background-color: #f2f2f2;
	color: #212121;
}
.textarea-defalut .x-form-textarea {
	height: calc(100% - 10px) !important;
	padding-top: 8px;
}
/*tagfield*/
.x-form-text-default .x-tagfield-input-field {
    height: 20px;
    line-height: 20px;
}
.x-form-text-default .x-tagfield-item {
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
    padding: 0 14px 0 8px;
    margin: 4px 4px 2px 0;
    color: #111;
    color: var(--color);
    line-height: 20px;
}
.x-form-text-default .x-tagfield-item-close {
    width: 12px;
    height: 12px;
    top: 0px;
    right: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    opacity: 0.85;
    font: 12px/1 'Material Icons', 'Font Awesome 5 Free';
    color: #919191;
}
/*numberfield*/
.numberfield-reg-default .x-form-spinner-default{
	background-color: transparent !important;
}
/*결재양식 타이틀*/
.app-title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; 
	font-size: 24px;
	font-weight: bold;
	white-space: nowrap;
}
/*결재양식 서브 타이틀*/
.app-sub-title {
    display: flex;
    justify-content: left;
    align-items: center;
    height: 100%;
    text-align: center; 
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
}
/*결재라인*/
.app-line-label-left {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; 
    border: 1px solid #424224;
	font-size: 11px;
	white-space: nowrap;
}
.app-line-label-updown {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; 
    border: 1px solid #424224;
    border-left: none;
	font-size: 11px;
	white-space: nowrap;
}
.app-line-box-middle {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; 
    border-right: 1px solid #424224;
}
.app-line-label-type {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center; 
	font-size: 9px;
	white-space: nowrap;
}
/*결재 그리드 박스*/
.app-box {
    border: 1px solid #424224;
}
/*결재 제목*/
.app-subject-editor.x-form-type-text .x-form-text-default {
    font: 400 13px/16px Roboto, sans-serif;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    padding-left: 5px;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.app-subject-editor.x-form-item {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #424224;
    border-left: none;
}
.app-subject-editor .x-form-text-default {
    color: #111;
    color: var(--color);
    /*background-color: #fff;*/
    background-color: #FBF6E9;
    font: 400 13px/20px Roboto, sans-serif;
    min-height: 26px !important;
}
.app-subject-editor .x-form-item-body-default {
    min-height: 26px;
}
/*결재첨부파일*/
.app-attach-btn {
	border-radius: 0px !important;
	background-color: #CFD8DC !important;
	border: 1px solid #B0BEC5;
}
.app-attach-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.app-attach-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 13px !important;
}
.app-attach-btn-over {
	border-radius: 0px !important;
	background-color: #DEE7E9 !important;
}
.app-attach-btn.x-btn-disabled {
	background-color: #dfe8ec !important;
}
.app-attach-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.app-attach-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
/*결재 의견*/
.app-opinion-editor.x-form-type-text .x-form-text-default {
    font: 400 13px/16px Roboto, sans-serif;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    padding-left: 5px;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.app-opinion-editor.x-form-item {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #424224;
}
.app-opinion-editor .x-form-text-default {
    color: #111;
    color: var(--color);
    background-color: #fff;
    font: 400 13px/20px Roboto, sans-serif;
    min-height: 26px !important;
}
.app-opinion-editor .x-form-item-body-default {
    min-height: 26px;
}
/*TOP 전자결재*/
.approval-count-title:before {
	content: "\f573"; 
	margin-right: 4px;
	font-family: "Font Awesome 5 Free";
}
.approval-count-title {
	font-size: 14px;
	font-weight: bold;
	color: #212121;
}
.approval-count-cnt {
	font-size: 12px;
	display: inline-block;
    background-color: #FF1744;
    color: white;
    padding: 2px 2px;
    border-radius: 8px;
	min-width: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}
.approval-count-zero-cnt {
	font-size: 12px;
	display: inline-block;
    background-color: #9E9E9E;
    color: white;
    padding: 2px 2px;
    border-radius: 8px;
	min-width: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    cursor: pointer;
}

/*대결자 아이콘*/
.app-sub-app-icon{
	display: inline-block; 
	width: 10px;
	height: 10px;
	background-image: url("../images/sub_app_icon.png");	
	background-size: cover;           /* 꽉 차게 (비율 유지) */
    background-position: center;
    background-repeat: no-repeat;
}

/*****************************결재 공통**********************************/
.app-border-all {
	border: 1px solid #424224 !important;
}
.app-border-top {
	border-top: 1px solid #424224 !important;
}
.app-border-left {
	border-left: 1px solid #424224 !important;
}
.app-border-right {
	border-right: 1px solid #424224 !important;
}
.app-border-bottom {
	border-bottom: 1px solid #424224 !important;
}
.app-border-top-bottom {
	border-top: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-border-top-left {
	border-top: 1px solid #424224 !important;
	border-left: 1px solid #424224 !important;
}
.app-border-top-right {
	border-top: 1px solid #424224 !important;
	border-right: 1px solid #424224 !important;
}
.app-border-right-left {
	border-left: 1px solid #424224 !important;
	border-right: 1px solid #424224 !important;
}
.app-border-top-right-bottom {
	border-top: 1px solid #424224 !important;
	border-right: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-border-top-bottom-left {
	border-top: 1px solid #424224 !important;
	border-left: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-border-right-bottom {
	border-right: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-border-bottom-left {
	border-left: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-border-right-bottom-left {
	border-left: 1px solid #424224 !important;
	border-right: 1px solid #424224 !important;
	border-bottom: 1px solid #424224 !important;
}
.app-label-all {
	display: flex;    
    align-items: center;
    height: 100%;
    border: 1px solid #424224;
}
.app-label-middle {
	display: flex;
    align-items: center;
    height: 100%;
    border-top: 1px solid #424224;
    border-bottom: 1px solid #424224;
}
.app-label-right {
	display: flex;
    align-items: center;
    height: 100%;
    border: 1px solid #424224;
    border-left: none;
}
.app-item-title {
	display: flex;    
    align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: bold;
	text-align: center; 
	white-space: nowrap;
	background-color: #F2F2F2;
}
.app-item-value {
	font-size: 13px;
	white-space: nowrap;
	padding-left: 5px;
}

/*결재 field*/
.app-field-box {
	border: none;
	background-color: #FBF6E9 !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.app-field-box-readonly {
	background-color: #ffffff !important;
}
.app-field-box-disabled {
	background-color: #ffffff !important;
}
.app-field-box:hover {
	border: none;
}
.app-field-field {
	border: none !important;
	font-weight: normal !important;
	font-size: 13px !important;
	color: #212121;
}
/*date*/
.app-field-date-trigger {
	border: none !important;	
}
.app-field-date-trigger.x-form-trigger-default:before {
    content: '\f073';
}
/*combo*/
.app-field-combo-trigger {
	border: none !important;	
}
.app-field-combo-trigger.x-form-trigger-default:before {
    content: '\f0d7'; 
}
/*textarea*/
.app-textarea .x-form-textarea {
	height: calc(100% - 2px) !important;
	border: none !important;
	padding: 5px !important;
	background-color: #FBF6E9 !important;
	box-sizing: border-box;
}
.app-textarea-readonly .x-form-textarea {
	background-color: #ffffff !important;
}
.app-textarea-disabled .x-form-textarea{
	background-color: #ffffff !important;
}
/*explain label*/
.explain-label {
    background-color: #FAF6E9;
    color: #212121;
    border-radius: 3px;
    padding: 4px 8px;
    display: inline-block;
    font-weight: normal;
}
/*sms*/
.sms-box {
	border: 1px solid #ffffff ;
}
/*sms message box*/
.sms-msg-box {
	border-radius: 10px;
}
.sms-msg-box .x-panel-header-title-default {
	font-size: 15px !important;
	color: #212121;
	font-weight: bold;
	text-align: center;
}
.sms-msg-box .x-panel-header-default-horizontal {
	padding: 7px !important;
	background-color: #FEE500 !important;
	z-index: 0;
}
.sms-msg-box .x-panel-header-default-vertical {
    padding: 7px !important;
	background-color: #FEE500 !important;
	z-index: 0;
}
.sms-msg-box.x-panel-header-default-vertical {
    padding: 7px !important;
	background-color: #FEE500 !important;
	border: 1px solid #FEE500 !important;
	z-index: 0;
}
.sms-msg-box  .x-tool-tool-el {
	color: #212121;
	font-size: 13px !important;
	font-weight: bold;
}
/*sms message textarea*/
.sms-msg-textarea-field {
    height: calc(100%) !important;
    border-bottom: none !important;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 20px !important;
}
.sms-msg-textarea {
	border-top: 0px solid #e0e0e0 !important;
}
/*send button*/
.send-btn {
	border-radius: 40px !important;
	background-color: #FEE500 !important;
}
.send-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.send-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 18px !important;
}
.send-btn-over {
	border-radius: 40px !important;
	background-color: #FFF176  !important;
}
.send-btn.x-btn-disabled {
	background-color: #e0e0e0 !important;
}
.send-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.send-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
.send-btn.x-btn-focus.x-btn-default-small {
    background-image: none;
    background-color: #FFF176  !important;
}
/*mms sms*/
.sms_label {
	font-size: 14px;
	font-weight: bold;
	background-color: #FEE500;
	border-radius: 30px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}
.mms_label {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #E53935;
	border-radius: 30px;
	text-align: center;
	display: flex;
    align-items: center;
    justify-content: center;
}



/*위젯컬럼 기본: tdCls*/
.widget-column.x-button-default-small-cell > .x-grid-cell-inner {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
/*그리드 위젯버튼*/
.widget-btn {
	border-radius: 3px !important;
	background-color: #CFD8DC !important;	
	height:30px;
}
.widget-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.widget-btn .x-btn-icon-el {
	color: #212121 !important;
	font-size: 18px !important;
}
.widget-btn-over {
	border-radius: 3px !important;
	background-color: #DEE7E9 !important;
}
.widget-btn.x-btn-disabled {
	background-color: #e0e0e0 !important;
}
.widget-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.widget-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 13px !important;
}
.widget-btn.x-btn-focus.x-btn-default-small {
    background-image: none;
    background-color: #DEE7E9  !important;
}
/*그리드 위젯버튼 배경투명*/
.widget-trans-btn {
	border-radius: 3px !important;
	background-color: trnsparent !important;
	height:30px;
}
.widget-trans-btn .x-btn-inner {
	color: #212121 !important;
	font-size: 13px !important;
	text-transform: capitalize;
}
.widget-trans-btn .x-btn-icon-el {
	color: #919191 !important;
	font-size: 18px !important;
}
.widget-trans-btn-over {
	border-radius: 3px !important;
	background-color: trnsparent !important;
}
.widget-trans-btn.x-btn-disabled {
	background-color: trnsparent !important;
}
.widget-trans-btn.x-btn-disabled .x-btn-inner {
	color: #727272 !important;
	font-size: 13px !important;
}
.widget-trans-btn.x-btn-disabled .x-btn-icon-el {
	color: #727272 !important;
	font-size: 18px !important;
}
.widget-trans-btn.x-btn-focus.x-btn-default-small {
    background-image: none;
    background-color: transparent !important;
}
/*그리드 위젯버튼 색상*/
.widget-trans-btn.blue_icon .x-btn-icon-el {
	color: #2196F3 !important;
}
/*필드라벨여러줄*/
.multi-line-label {
    white-space: normal !important;
    line-height: 1.2;
    text-align: center;
}