body{margin:0px}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@font-face {
    font-family: "KOTRA_GOTHIC_OTF";
    src: url('../fonts/KOTRA-GOTHIC-OTF/KOTRA_GOTHIC.otf');
}

@font-face {
    font-family: "KOTRA_GOTHIC_TTF";
    src: url('../fonts/KOTRA-GOTHIC-TTF/KOTRA_GOTHIC.ttf');
}

@font-face {
    font-family: "Pretendard_B";
    src: url('../fonts/Pretendard-1.3.3/public/static/Pretendard-Bold.otf');
}

@font-face {
    font-family: "Pretendard_SB";
    src: url('../fonts/Pretendard-1.3.3/public/static/Pretendard-SemiBold.otf');
}

@font-face {
    font-family: "Pretendard_R";
    src: url('../fonts/Pretendard-1.3.3/public/static/Pretendard-Regular.otf');
}

/*FONT*/
.dhx_navbar-title{font-family: 'Pretendard_SB', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_button--view_flat{font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng, 'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_tabbar-tab-button{font-family: 'Pretendard_B', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng, 'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_grid-footer-cell, .dhx_grid-header-cell{font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_label, .dhx_text {font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_grid{font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng, 'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_grid-cell{font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_grid-cell .dhx_tree-cell {font-family: 'Pretendard_R', 'Noto_Sans_KR', NanumGothic,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_nav-menu-button__text{font-family: 'Pretendard_B'}
.dhx_sidebar-button__text{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_tree-list-item__text{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif}
.dhx_menu-button__text{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_toolbar-button__text{font-family: 'Pretendard_SB', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_list-item, .dhx_list-item--text{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_combobox-input{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_layout-cell-header__title{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_navbar-title{font-family: 'Pretendard_R', 'Noto_Sans_KR', Nanum_Gothic_Coding,'나눔고딕',ng,'Malgun Gothic','맑은고딕','Dotum','돋움','AppleSDGothicNeo',sans-serif; font-size: 13px;}

/*왼쪽 메뉴 폴더 텍스트 색상 변경*/
/*.dhx_tree-folder .dhx_tree-list-item__text{color:#FFFFFF}*/
.custom-image {display: flex; align-items: center; margin: 0 20px;}
.custom-image > img{height:20px}

.user-info_title {font-family: 'Pretendard_SB'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; margin-top: 28px; margin-left: 6px; margin-right: 10px;}
.user-info_contact {font-family: 'Pretendard_SB'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; margin-right: 10px; margin-bottom: 28px; color: rgba(0, 0, 0, 0.5);}

/* Inputbox 諛깃렇�씪�슫�뱶 �씛�깋 �몴�떆 */
.dhx_input{background: #FFFFFF;	border: 1px solid rgba(174, 180, 194, 1); border-radius: 5px; opacity: 1;box-shadow:none; padding:2px 8px;line-height: 16px; height: 25px;}
.dhx_input:focus{border: 1px solid rgba(67, 56, 202, 1); box-shadow: inset 0 0 0 1px #fff;}
.dhx_checkbox{display: inline-grid; width: inherit;}
.dhx_checkbox__visual-input{border:1px solid rgba(203, 213, 225, 1); }
input[type="radio"], input[type="checkbox"]{margin:0px}
.dhx_checkbox__input:checked+.dhx_checkbox__visual-input{background-color: #fff; border:1px solid rgba(100, 116, 139, 1); background: url(../images/icon/i_check.svg) center no-repeat;}
.form-checkbox .dhx_form-group--checkbox .dhx_label {margin-bottom: 6px !important;}
.bg-grey .dhx_input {background-color: #f6f6f6;}
.dhx_input{font-size: 13px;}
.dhx_form-group--inline .dhx_label{text-align:left; margin-top:3px}

/*text type border 삭제*/
.dhx_input--textinput{border: 0px;}
.dhx_input--textinput:focus{border: 0px;}

select {
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select {
    /* 생략 */
    font-family: "Noto Sansf KR", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;

    color: #444;
    background-color: #fff;

    padding: 0.6em 1.4em 0.5em 0.8em;
    margin: 0;

    border: 1px solid #aaa;
    border-radius: 0.5em;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
}
option:hover {
    border-color: #888;
}

option:focus {
    border-color: #888;
}

select:disabled {
    opacity: 0.5;
}
/* I */
/* �궗�씠�뱶 諛곌꼍�깋�긽 */
.sideBar_template_a{width: 70px}
.sideBar_template_a .dhx_sideBar__item--separator {background: rgba(255, 255, 255, 0.1);}
.sideBar_template_a .dhx_sideBar-button {color: #fff;}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active,
    /*왼쪽 메뉴바 메뉴 활성화 시 색상*/
.sideBar_template_a .dhx_sideBar-button:active {background-color:rgba(0,0,0,.15);transition:background-color .2s ease-out}
/*왼쪽 메뉴바 메뉴 마우스오버 시 색상*/
.sideBar_template_a .dhx_sidebar-button:hover{background-color:rgba(0,0,0,.07);transition:background-color .2s ease-out}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active .dhx_sideBar-button__text,
.sideBar_template_a .dhx_sideBar-button:active .dhx_sidebar-button__text {color: #ffffff;}
.sideBar_template_a--context-menu .dhx_menu {background-color: #30333d;}
.sideBar_template_a--context-menu .dhx_menu-button {color: #fff;}
.sideBar_template_a--context-menu .dhx_menu-button:hover:not(:disabled) {background-color: rgba(0, 0, 0, 0.07);}
.sideBar_template_a--context-menu .dhx_menu-button--active:not(:disabled),
.sideBar_template_a--context-menu .dhx_menu-button:active:not(:disabled),
.sideBar_template_a--context-menu .dhx_menu-button:focus:not(:disabled) {color: #65a6e7;/* background-color: rgba(0, 0, 0, 0.15); */ background-color: #312E81;}
.sideBar_template_a--context-menu .dhx_menu-button--active:not(:disabled) .dhx_menu-button__icon,
.sideBar_template_a--context-menu .dhx_menu-button:active:not(:disabled) .dhx_menu-button__icon,
.sideBar_template_a--context-menu .dhx_menu-button:focus:not(:disabled) .dhx_menu-button__icon {color: inherit;}
.sideBar_template_a--context-menu .dhx_menu-button__icon {color: rgba(255, 255, 255, 0.7);}
.sideBar_template_a__logo {margin: 0px auto 5px;}
.dhx_demo-toolBar {height: 40px; padding: 0 12px;}
.bg-grey .dhx_tree {background-color: #898f97;}

/* .dhx_tree.dhx_tree-toggle-button{position: absolute; right: 5px;} �뒪�겕由쏀듃 �븞癒뱁옒*/
.naf-tree .dhx_tree-toggle-button{padding-left:10px; padding-right: 10px;}
.naf-tree.dhx_tree{width:200px;}
.naf-tree.dhx_tree .dxi.dxi-menu-right:before{content: ""; background: url(../images/icon/tabler/chevron-right.svg) center no-repeat; width: 15px; height: 16px; display: inline-block;}
.naf-tree.dhx_tree .dxi.dxi-menu-down:before{content: ""; background: url(../images/icon/tabler/chevron-down.svg) center no-repeat; width: 15px; height: 16px; display: inline-block;}
.naf-tree .dxi.dxi-folder-open:before{content: "";}
/*.naf-tree .dxi.dxi-file-outline:before{content: ""; background: url(../images/icon/lnb_step2.svg) center no-repeat; width: 12px; height: 9px; display: inline-block;}*/
.naf-tree .dhx_input__icon{right:8px}
.naf-tree .dxi.dxi-menu-down:before {content: ""; background: url(../images/icon/tabler/chevron-down.svg) center no-repeat; width: 16px; height: 9px; display: inline-block;}
.naf-tree .dhx_layout-line.dhx_layout-columns>.dhx_layout-cell{background: #E2E8F0}
.naf-tree .dhx_tree-list-item__content{padding-left: 0px;}
.naf-tree .dhx_tree li:first-child .dhx_tree-folder .dhx_tree-toggle-button+.dhx_tree-list-item__content{border-top: 0px}
/*.naf-tree .dhx_tree-list{background: #FFFFFF;}*/
.naf-tree .dhx_tree-list li{height:36px;}
.naf-tree .dhx_tree-list-item__icon:before{display:none}
.dhx_layout-resizer--x{width: 5px;}
.dhx_layout-resizer--x .dhx_layout-resizer__icon{width: 5px; border-right: 1px solid #dfdfdf;}

.dhx_tabbar-header-active{display:none}

/* Tabbar Naf CSS*/
.dhx_tabbar--top>.dhx_tabbar-header__wrapper{height: 36px; padding: 4px;}
.naf-tabbar_step1 .dhx_tabbar-header__wrapper ul li{margin-right:4px}
.naf-tabbar_step1 .dhx_tabbar-header__wrapper ul li:last-child{	margin-right:0px}

.naf-tabbar_step1 .dhx_tabbar-tab-button {color : #757680; text-align: center;background-color: #E7E6E842; border-radius: 3px; height:28px;padding:0px; font-weight: bold}
.dhx_tabbar-header.dhx_tabbar-tab-button .dhx_button__text{text-align: left; display: block; padding-left: 15px;}

.dhx_tabbar-tab__close{color:#fff; top:28%}
.naf-tabbar_step2{background: #E7E6E842;}
.naf-tabbar_step2 .dhx_tabbar-tab-button {color: #757680; text-align: center;border-radius: 0px; height:28px;}
.naf-tabbar_step2 .dhx_tabbar-tab-button--active {height:28px; background: #00B4E6; color: white;}
.naf-tabbar_step2 .dhx_tabbar-header-active{display:none;}
.naf-tabbar_step2 .dhx_tabbar-tab {border-radius: 0px; height:28px;}
.naf-tabbar_step2 .dhx_tabbar-header__wrapper{padding: 0px;border-bottom: 1px solid #e4e4e4;height:29px}
.naf-tabbar_step2 .dhx_tabbar-header__wrapper ul li{margin-right: 0px;}
.naf-tabbar_step2 .dhx_tabbar-tab-button .dhx_button__text{text-align: center; display: block; padding-left: 0px;}


/*lnb*/
.dhx_sidebar-button{height: 70px; width:70px; left: 3px; margin-top: 5px;}
.sideBar_template_a .dhx_sideBar-button__icon{margin-top: -23px;width:70px;}
.dhx_sidebar-button__icon+.dhx_sidebar-button__text{font-size: 12px;display: block;position: absolute; top: 38px; left: 0px; text-align: center; font-weight: bold}
.dhx_sidebar-button__icon+.dhx_sidebar-button__text{margin-left: 0px;}

.dhx_form-group{margin: 3px 0px;}
.dhx_toolbar-button--icon{padding-left:6px;padding-right:6px;}

/*header*/
.dhx_layout-cell-header{background-color: #f8f9fa;}
.dhx_layout-cell-header__icon{margin-right: 6px}
.dhx_layout-cell-header__title{font-weight: 600;}
.dhx_navbar-title{font-weight: 600;}
.dhx_widget--bordered{border:0px;padding: 10px}
.dhx_form-group--required:not(.dhx_form-group--label_sr) .dhx_label:not(.dhx_label--with-help):after{color:red}
.dhx_label, .dhx_text {color:#1E293B; font-size: 13px;}
/*header(button)*/
.title_wrap.dhx_toolbar{background: #f8f9fa;}

.dhx_layout-cell.dhx_layout-columns > .btn_default{position: relative; width:28px; margin-right: 0px;}
.dhx_layout-cell.dhx_layout-columns > .btn_default > .dhx_button{position: absolute; bottom: 0px;}
.dhx_layout-cell.dhx_layout-columns > .btn_default > .dhx_button.dhx_button--icon{position: absolute; padding: 6px; background-color: #FFFFFF}

.dhx_form-group--state_success .dhx_label{color: #1E293B;}
.dhx_form-group--state_success .dhx_input{box-shadow: inset 0 0 0 1px #fff}

/*collapsable 시, 헤더 글씨 색상 변경 안되도록 수정*/
.dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__collapse-icon, .dhx_layout-cell-header--collapseble:focus-visible .dhx_layout-cell-header__title, .dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__collapse-icon, .dhx_layout-cell-header--collapseble:hover .dhx_layout-cell-header__title{color:rgba(0,0,0,0.7)}

/*grid*/
.dhx_grid-content{border:0px}
/*그리드 편집 컬럼 아이콘 추가*/
.grid_edit_icon{content: url(../images/icon/tabler/pencil-minus.svg)}
/*그리드 헤더 배경색 변경*/
.dhx_header-row:first-child .dhx_grid-footer-cell, .dhx_header-row:first-child .dhx_grid-header-cell{background-color: #ebebeb}
.dhx_grid-footer-cell:not(.dhx_cell_first), .dhx_grid-header-cell:not(.dhx_cell_first){background-color: #ebebeb}
/*그리드 헤더 Mouse Over 시, Sort Icon 배경색 변경*/
.dhx_grid-header-cell--sortable:hover:after,.dhx_grid-header-cell--sorted:after{background-color:#ebebeb;}
/*그리드 헤더 Mouse Over 시, Sort Icon 글씨색 변경*/
/*.dxi.dxi-sort-variant:before{color: #ffffff}*/
/*그리드 데이터 선택 시, 색상 변경*/
.dhx_grid-selected-row:after{opacity: 0.04;}

.dhx_footer-wrapper, .dhx_header-wrapper {color: #484848; font-size: 13px;}
.dhx_header-spans .dhx_span-cell{background-color: #ffffff; color:#1e1f21;}
.article-grid-css img{height: 18px;}


/*button*/
.btn_default{padding: 0px !important; margin: 3px;}
.btn_default_label{padding: 0px !important; margin: 0px;}
.dhx_button--view_flat{color: #1E293B;}
.lnb_view .dhx_toolbar-button{padding:20px 28px; color:#4338CA}
.custom-image{margin:0px}
.dhx_button--size_medium{padding: 0px 8px;}
.title_wrap .dhx_button--view_flat.dhx_button--color_primary{background-color: #334155;	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);	border-radius: 4px;	color:#fff;	height:24px;}
.title_wrap .dhx_button--view_flat.dhx_button--color_primary:hover{background-color: #1e1f21;}
.dhx_toolbar__item:last-child button.dhx_button--view_link:not(.dhx_button--count), .dhx_toolbar__item:not(:last-child) .dhx_form-group, .dhx_toolbar__item:not(:last-child) .dhx_navbar-title, .dhx_toolbar__item:not(:last-child) button:not(.dhx_toolbar-button){margin-right: 2px;}
.dhx_toolbar__item:first-child button.dhx_button--view_link:not(.dhx_button--count), .dhx_toolbar__item:not(:first-child) .dhx_form-group, .dhx_toolbar__item:not(:first-child) .dhx_navbar-title, .dhx_toolbar__item:not(:first-child) button:not(.dhx_toolbar-button) {margin-left: 0px;}
.title_wrap{height:36px !important}
.dhx_toolbar{min-height: 32px;}
.dhx_button--view_flat{font-size: 13px; font-weight: normal;}
.dhx_widget .dhx_button--size_small .dhx_button__icon:before{font-size: 0px;}
.dhx_button__icon+.dhx_button__text{margin-left: 0px;}
.search_btn_box{height: 36px !important;}
.search_btn_box .dhx_button--view_flat.dhx_button--color_primary{height: 28px;background-color: #fff; outline-width: 0; border-radius: 6px; border: 1px solid; border-color: #cfcbcb; color: #1e1f21;}
.search_btn_box .dhx_button--view_flat.dhx_button--color_primary:hover{background-color: #cfcbcb;}
.search_btn_box .dhx_button__icon+.dhx_button__text{margin-left: 4px;}
.search_btn_box.dhx_widget .dhx_button--size_small .dhx_button__icon:before{font-size: 16px;}
.dhx_item--info .dxi.dxi-checkbox-marked-circle:before{background: none;content: "\F10D";width: auto;}
.dxi.dxi-close--active:before{content: ""; background: url(../images/icon/material-design/cancel_black_18dp.svg) center no-repeat; width: 16px; height: 16px; display: inline-block;}
.dxi.dxi-close--disabled:before{content: ""; background: url(../images/icon/material-design/cancel_black_18dp.svg) center no-repeat; width: 16px; height: 16px; display: inline-block;}
.dhx_window-header .dhx_toolbar .dhx_toolbar__item .dxi.dxi-close:before{background: none; content: "\F11A"; margin-right: 4px; margin-bottom: 3px;}
.dxi.dxi-delete-forever:before{content: ""; background: url(../images/icon/delete_forever.svg) center no-repeat; width: 20px; height: 20px; display: inline-block;}
.dhx_tabbar-tab__close.dxi.dxi-close:before {background: none; content: "\F11A";}
.dhx_tabbar-tab__close.dxi.dxi-close--active:before {background: none; content: "\F11A";}
.dhx_tabbar-tab__close.dxi.dxi-close--disabled:before {background: none; content: "\F11A";}
.dhx_list-item .dxi-delete-forever:before, .dhx_list-item .dxi-download:before{color: #4338ca;}

.input_calendar_css{position: relative}
.input_calendar_css:after{position:absolute; content: ""; background: url(../images/icon/calendar.svg) center no-repeat; width: 21px; height: 20px; display: inline-block;top: 12px; right: 5px;}
.btn_search_icon{margin: 3px 0px; background: #fff;width: 25px; height: 25px; border-radius: 5px; border: 0.5px solid #64748B; box-shadow: 0px 2px 5px rgb(38 51 77 / 20%);}
.btn_search_icon:hover{background-color: #eef2f8;}
.btn_search_icon>.dhx_button--view_flat.dhx_button--color_secondary{background: #fff; box-shadow: none; height: 23px; width: 23px;background: url(../images/icon/search.svg) center no-repeat; padding:0px}
.btn_down .dhx_button--view_flat.dhx_button--color_primary{background-color: #fff; box-shadow: none; width: 20px;}
.btn_down.dhx_toolbar-button__icon:before {content: ""; background: url(../images/icon/btn_down.svg) center no-repeat; width: 16px; height: 9px; display: inline-block;}
.btn_up .dhx_button--view_flat.dhx_button--color_primary{background-color: #fff; box-shadow: none; width: 20px;}
.btn_up.dhx_toolbar-button__icon:before {content: ""; background: url(../images/icon/btn_up.svg) center no-repeat; width: 16px; height: 9px; display: inline-block;}
.dhx_widget .dhx_toolbar-button__icon:before{color:rgba(0,0,0,0.7);}

/*input 위 버튼*/
.dhx_layout-cell.dhx_layout-columns > .btn_input_top {position: relative; width:20px; margin-left: 2px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top > .dhx_button.dhx_button--icon{position: absolute; bottom: 0px;padding: 3px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.default > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1; left: 178px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.multi > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1; left: 154px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.addr > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1; left: 80px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.other > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.text > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1; border:1px solid #AEB4C2; border-radius: 5px; font-size: 12px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.radio > .dhx_button{position: absolute; bottom: 0px; top: -25px; z-index: 1; left: 178px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.input150 > .dhx_button{position: absolute; bottom: 0px; top: 1.5px; z-index: 1; left: 128px;}

/*색상*/
.btn_input_top {padding: 0px !important; margin: 0px;}
.btn_input_top .dhx_button--view_flat.dhx_button--color_primary{background-color: #ffffff; height:22px;}

/*popup*/
/*.dhx_popup--window, .dhx_popup--window_modal{border: 1px solid #00B4E6;}*/
.dhx_window{border-radius: 0px;}
.dhx_window-header{border-radius: 0px;padding-bottom: 10px;}
.dhx_popup--window, .dhx_popup--window_modal .dhx_navbar-title{color:#FFF; font-weight: bold;}
.dhx_window .dhx_window-header .dhx_toolbar .dhx_navbar{padding: 10px 10px 10px 20px;}
.dhx_window-header .dhx_button:hover{background-color:rgba(255, 255, 255, 0.3);}
.dxi.dxi-close:before{color:#FFF;}
.dxi.dxi-close--active:before{color:#FFF;}
.dxi.dxi-close--disabled:before{color:#757680;}
.dhx_window-content {padding-left: 10px; padding-right: 10px; padding-bottom: 10px;border-radius: 10px;}
.dhx_window-content .dhx_layout-line.dhx_layout-rows>.dhx_layout-cell{border: 1px solid #e4e4e4; margin-top: 6px;}
.dhx_window-content .dhx_layout-line.dhx_layout-rows>.dhx_layout-cell.popup_btnarea{border: 0px; margin-left: -10px; margin-top: 0px}
.dhx_window-content .search_btn_box{background:#fff; }
.dhx_checkbox__holder{margin-top:1px}
.dhx_checkbox.dhx_form-group--inline .dhx_label, .dhx_checkbox .dhx_text{margin-top:1px}
.dhx_alert{border-radius: 10px;}
/*.dhx_button--view_flat.dhx_button--color_primary{background-color: #4f46e5;color: #fff; border-radius: 10px;}*/
/*.dhx_alert__confirm-aply.dhx_button.dhx_button--view_flat.dhx_button--color_primary.dhx_button--size_medium{background-color: #4f46e5;}*/
.dhx_alert__confirm-aply.dhx_button.dhx_button--view_flat.dhx_button--color_primary.dhx_button--size_medium{background-color: #00B4E6;color:white;border-radius: 10px;height: 25px;width: 40px;}
.dhx_alert__apply-button.dhx_button.dhx_button--view_flat.dhx_button--color_primary.dhx_button--size_medium{background-color: #02b0e0; width: 50px; height: 30px; font-weight: 600; color: white;}
.dhx_button--view_flat.dhx_button--color_primary:hover{background-color: #eef0f2;}
.dhx_button--view_link.dhx_button--color_primary{color:grey; border-radius: 10px;}
.dhx_button--view_link.dhx_button--color_primary:hover{background-color: #eef2f8;}
.dhx_button--view_link.dhx_button--color_primary:focus{background-color: #eef2f8;}
.dhx_button--view_link.dhx_button--color_primary:active{background-color: #eef2f8;}
.dhx_button--view_link.dhx_button--color_primary:disabled{color: dimgrey;}
.dhx_button--view_flat.dhx_button--color_primary:disabled{color: dimgrey;}
/*팝업창 닫기 버튼 마우스 오버 시 주변 선택영역 사각형으로 변경 */
.dhx_button--icon.dhx_button--circle:not(.dhx_button--width_full){border-radius: 0%;}
.dhx_button--circle.dhx_button--size_medium{border-radius: 0%;}

.dhx_nav-menu-button__text{font-size: 17px; color:grey; margin-top: 2px;}

.megaLv2 {
    line-height: 20px;
    color: grey;
    font-size: 20px;
    list-style:none;
    height: 32px;
    font-family: 'Pretendard_B';
}

.megaLv3 {
    color: #7F8288;
    font-size: 14px;
    list-style:none;
    font-family: 'Pretendard_R';
}

.dhx_layout-line.dhx_layout-columns>.dhx_layout-cell.borderRightNone {
    border-right: none;
}

/*멀티 Layout 세로 배치 시 Scroll Bar 표시*/
.dhx_layout-rows{overflow:auto;}

/*메세지창 배경 색상 변경*/
.dhx_message, .dhx_message__text{background-color: #20c387; color:#FFFFFF}

/*메세지창 위치 변경*/
.dhx_message-container--top-right{top:23px;}

/*툴바 input height 조정*/
.dhx_toolbar__input .dhx_input{height: 25px;}

/*상단 GNB, Mega Menu 탭 버튼 height 조정*/
.dhx_nav-menu-button{line-height: 36px;}

/*게시판 등록 내용, 파일 상단 여백 조정*/
.article_magrin{margin-top: -1px !important;}

/*Vault 관련 CSS 추가(workspace.mustache에서 vault.js를 suite.js 이전으로 위치 변경 후, 해당 css가 적용되지 않아 추가함)*/
.dhx_vault .dhx_list-item{background-color:#fff;display:flex;padding:0 0 0 8px}
.dhx_vault .dhx_item--success-mark{width:32px;height:32px;text-align:center;color:#0ab169;pointer-events:none}
.dhx_vault .dhx_item--success-mark:before{line-height:32px}
.dhx_vault .dhx_item--info{display:flex;justify-content:flex-end;align-items:center;width:calc(25% - 52px)}

/*Grid 내 ComboBox의 Text 상하 Center 정렬 및 Height 조정*/
/*Htmlx7은 Form Combobox엔 itemHeight 속성이 있으나 Grid Combobox의 경우 해당 속성이 없는 것으로 확인되어 강제로 크기 조정함. 만약 추후 생기거나 발견한다면 수정할 것.*/
.dhx_combobox__options .dhx_list-item{height: 30px !important; padding: 5px 0 0 8px;}
.dhx_popup-content{height: 100% !important;}

/*LNB Sub Menu 선택 시, 효과 삭제*/
.dhx_tree-folder--selected:before, .dhx_tree-list-item--selected:before{transition: none; box-shadow: none; background-color: #FFFFFF;}

/*아이콘 tabler*/
.dxi.dxi-magnify:before{content:url(../images/icon/tabler/search.svg);}
.dxi.dxi-search:before{content:url(../images/icon/tabler/search_14.svg);}
.dxi.dxi-file-outline:before{content:url(../images/icon/tabler/file.svg);}
.dxi.dxi-content-save:before{content:url(../images/icon/tabler/device-floppy.svg);}
.dxi.dxi-file-excel:before{content:url(../images/icon/tabler/file-spreadsheet.svg);}
.dxi.dxi-delete:before{content:url(../images/icon/tabler/trash.svg);}
.dxi.dxi-eraser:before{content:url(../images/icon/tabler/eraser_16.svg);}
.dxi.dxi-copy:before{content:url(../images/icon/tabler/copy.svg);}
.dxi.dxi-rotate-right:before{content:url(../images/icon/tabler/rotate.svg);}
.dxi.dxi-close:before{content:url(../images/icon/tabler/x.svg);}
.dxi.dxi-file-import:before{content:url(../images/icon/tabler/message-dots.svg);}
.dxi.dxi-pencil:before{content:url(../images/icon/tabler/pencil.svg);}
.dxi.dxi-setting:before{content:url(../images/icon/tabler/settings_16.svg);}
.dxi.dxi-userPlus:before{content:url(../images/icon/tabler/user-plus.svg);}
.dxi.dxi-userCancel:before{content:url(../images/icon/tabler/user-cancel.svg);}
.dxi.dxi-userDelete:before{content:url(../images/icon/tabler/trash_2.svg);}
.dxi.dxi-squareKey:before{content:url(../images/icon/tabler/square-key.svg);}
.dxi.dxi-close-circle:before{content:url(../images/icon/tabler/x.svg);}
.dxi.dxi-upload:before{content:url(../images/icon/tabler/cloud-upload.svg);}
.dxi.dxi-logout:before{content:url(../images/icon/tabler/logout.svg);}
.dxi.dxi-user:before{content:url(../images/icon/tabler/user.svg);}
.dxi.dxi-clipboard:before{content:url(../images/icon/tabler/clipboard.svg);}
.dxi.dxi-file-export:before{content:url(../images/icon/tabler/file-upload.svg);}

.nonUserProfile{content:url(../images/non-profile.jpeg);}

.social-networks {
    font-size: 0;
    line-height: 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
}

.social-network {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin-left: 13px;
}

.social-network__icon {
    height: 28px;
    width: 28px;
}

.social-network__icon.line {
    fill: #0288d1;
}

.social-network__icon.white-line {
    fill: #fff;
}

/*ComboBox 사이즈 조정*/
.dhx_combobox-input-list{min-height: 25px;}
.dhx_combobox-input{min-height: 25px; height:25px;}
.dhx_combobox-input-box{height: 25px; border-radius: 5px;}

/*다중 선택 ComboBox*/
.multiCombo > .dhx_combobox-input{height:82px;}
.multiCombo > .dhx_combobox-input-box{height: 82px; border-radius: 5px;}

/*다중 선택 ComboBox 글자 크기*/
.dhx_combobox-tag__value{font-size: 12px;}

/*input 오른쪽 정렬*/
.right .dhx_input{text-align: right;}

/*개인화관리_프로필 사진 마우스 오버 시, 아이콘 표시*/
img {
    vertical-align: top;
}
.photo_img, .banner_bg{
    display:inline-block;
    position: relative;
    padding: 10px;
}
.photo_img:hover:after,
.photo_img:hover > .hover_icon_upload,
.photo_img:hover > .hover_icon_delete,
.banner_bg:hover:after,
.banner_bg:hover > .hover_icon_upload
.banner_bg:hover > .hover_icon_delete
{
    display:block;
}
.photo_img:after,.banner_bg:after,.hover_icon_upload{
    display:none;
}
.photo_img:after,.banner_bg:after,.hover_icon_delete{
    display:none;
}
.photo_img:after,.banner_bg:after{
    content:'';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10;
}
.photo_img {
    overflow: hidden;
}
.photo_img img{
    width : 100%;
    height : 100%;
    object-fit: contain;
}

.photo_img .hover_icon_upload img{
    height: 50px;
}

.photo_img .hover_icon_delete img{
    height: 25px;
}

.hover_icon_upload {
    position: absolute;
    top: 80px;
    left: 75px;
    z-index: 20;
    color: #FFFFFF;
    fill: #FFFFFF;
}

.hover_icon_delete {
    position: absolute;
    top: 10px;
    left: 165px;
    z-index: 20;
}

.hover_icon_delete:hover {
    background-color: #FFFFFF;
    border-radius: 50%;
}

/*Main Top Profile*/
.profile {
    width: 40px;
    height: 40px;
}

.profile img{
    width: 100%;
    height: 100%;
}

/*Main Top logo*/
.logo img{
    width: 90%;
    height: 80%;
}

/*combobox 필수 표시 색상 red로 변경*/
.dhx_combobox--required:not(.dhx_combobox--label_sr) .dhx_label:not(.dhx_label--with-help):after{color:red}
/*text label 필수 표시 색상*/
.dhx_layout-cell.requiredColor.dhx_form-element > .dhx_form-group.dhx_form-group--textinput.dhx_form-group--inline > .dhx_label {color:red}

.grid-validation {background-color: coral}