body{margin:0}
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-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/*FONT*/
.dhx_button--view_flat{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif}
.dhx_tabbar-tab-button{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif}
.dhx_grid-footer-cell, .dhx_grid-header-cell{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif}
.dhx_label, .dhx_text {font-family: 'Pretendard-SemiBold','AppleSDGothicNeo',sans-serif;}
.dhx_grid{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif}
.dhx_grid-cell{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_grid-cell .dhx_tree-cell {font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_nav-menu-button__text{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif;}
.dhx_sidebar-button__text{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif}
.dhx_tree-list-item__text{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif}
.dhx_menu-button__text{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_toolbar-button__text{font-family: 'Pretendard-SemiBold','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_list-item, .dhx_list-item--text{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_combobox-input{font-family: 'Pretendard-Regular','AppleSDGothicNeo',sans-serif; font-size: 13px;}
.dhx_layout-cell-header__title{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif; font-size: 16px; color: #000000; padding-top: 1px;}
.dhx_navbar-title{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif; font-size: 15px;}

/*왼쪽 메뉴 폴더 텍스트 색상 변경*/
/*.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-SemiBold',sans-serif; font-style: normal; font-size: 16px; line-height: 24px; margin-top: 28px; margin-left: 6px; margin-right: 10px;}
.user-info_contact {font-family: 'Pretendard-Regular',sans-serif; font-style: 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: 3px; opacity: 1;box-shadow:none; padding:2px 8px;line-height: 16px; height: 25px;}
.dhx_border_red{border-color: #ef2121;	!important;}
.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:0}
.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;}
.bg-white .dhx_combobox-input-box {background-color: #fff;}
.dhx_input{font-size: 13px;}

.dhx_form-group--inline .dhx_label{text-align:left; margin-top:3px}

/*text type border 삭제*/
.dhx_input--textinput{border: 0;}
.dhx_input--textinput:focus{border: 0;}
/*dashboard text 2024-11-14 대리점 표시 요청에 의한 추가 건*/
.dhx_layout-cell.dashboard.dhx_form-element.dhx_form-element--fit-content{
    width: 100%;
}
.dhx_layout-cell.dashboard.dhx_form-element.dhx_form-element--fit-content .dhx_form-group.dhx_form-group--textinput .dhx_input__wrapper .dhx_input.dhx_input--textinput {
    border: 0;
    font-size: 20px; font-weight: bold;
    font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif;
    /*background: #f6f2f2;
    border-radius: 0.4em;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
    min-width: 0;
    */
}

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: 0 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: 3px;}
.naf-tree.dhx_tree{width:200px;background-color: #f1f5f8;padding-top: 5px;}
.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; 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-folder{height:30px;}
.naf-tree .dhx_tree-folder .dhx_tree-list-item__content .dhx_tree-list-item__text{font-family: 'Pretendard-Bold','AppleSDGothicNeo',sans-serif; font-size: 14px;}
.dhx_tree-folder.dhx_tree-drop--top .dhx_tree-list-item__content:before{left:0;}
.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_tree-folder--focused:before, .dhx_tree-folder:hover:before{background-color: transparent}
.dhx_tree-list-item:hover:before{background-color: rgba(255, 255, 255, 0.5)}
.dhx_layout-resizer--x{width: 5px;}
.dhx_layout-resizer--x .dhx_layout-resizer__icon{width: 5px; border-right: 1px solid #cad4e0;}

.dhx_tabbar-header-active{display:none}

/* Tabbar Naf CSS*/
.dhx_tabbar--top>.dhx_tabbar-header__wrapper{height: 33px; border-bottom:2px solid #4698fb; margin-left: 10px; margin-right: 10px; }
.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:0}

.naf-tabbar_step1 .dhx_tabbar-tab-button {color : #757680; text-align: center;background-color: #E7E6E842; height:31px;padding:0; font-size: 14px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.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;background-color: #E7E6E842; height:31px;padding:0; font-size: 14px; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.naf-tabbar_step2 .dhx_tabbar-tab-button--active {border-top-left-radius: 3px; border-top-right-radius: 3px; height:31px; background: #4698fb; color: white;}
.naf-tabbar_step2 .dhx_tabbar-tab-button:hover {border-top-left-radius: 3px; border-top-right-radius: 3px; height:31px; background: #4698fb; color: white;}
.naf-tabbar_step2 .dhx_tabbar-tab-button--hover{border-top-left-radius: 3px; border-top-right-radius: 3px; height:31px; background: #4698fb; color: white;}
.naf-tabbar_step2 .dhx_tabbar-header-active{display:none;}
.naf-tabbar_step2 .dhx_tabbar-tab {border-radius: 0; height:28px;}
.naf-tabbar_step2 .dhx_tabbar-header__wrapper ul li:last-child{	margin-right:0}
.naf-tabbar_step2 .dhx_tabbar-header__wrapper{height: 33px; border-bottom:2px solid #4698fb; margin-left: 10px; margin-right: 10px; }
.naf-tabbar_step2 .dhx_tabbar-header__wrapper ul li{margin-right: 4px;}
.naf-tabbar_step2 .dhx_tabbar-tab-button .dhx_button__text{text-align: center; display: block; padding-left: 0px;}
.dhx_tabbar--top>.dhx_tabbar-header__wrapper .dhx_tabbar-tab-button{display: flex; align-items: center; justify-content: center}

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

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

/*header*/
/*.dhx_layout-cell-header{background-color: #f8f9fa;}*/
.dhx_layout-cell-header{border-bottom: 1px solid #cad4e0 !important; padding-left: 0}
.dhx_layout-cell-header__icon{margin-right: 6px}
.dhx_widget--bordered{border:0;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;}

.dhx_layout-cell.dhx_layout-columns > .btn_default{position: relative; width:28px; margin-right: 0;}
.dhx_layout-cell.dhx_layout-columns > .btn_default > .dhx_button{position: absolute; bottom: 0;}
.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:#000000}

/*grid*/
.dhx_grid-content{border:0}
/*그리드 편집 컬럼 아이콘 추가*/
.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: #f5f5f5}
.dhx_grid-footer-cell:not(.dhx_cell_first), .dhx_grid-header-cell:not(.dhx_cell_first){background-color: #f5f5f5}
/* 그리드 푸터 구분선 추가 */
.dhx_footer-wrapper { border-top: 1px solid #D1D8E6; }
/*그리드 헤더 Mouse Over 시, Sort Icon 배경색 변경*/
.dhx_grid-header-cell--sortable:hover:after,.dhx_grid-header-cell--sorted:after{background-color: #f5f5f5}
/*그리드 헤더 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: #1e1f21; font-size: 13px;}
.dhx_header-spans .dhx_span-cell{color:#1e1f21;}
.article-grid-css img{height: 18px;}


/*button*/
.btn_default{padding: 0 !important; margin: 3px;}
.btn_default_label{padding: 0 !important; margin: 0;}
.dhx_button--view_flat{color: #1E293B;}
.lnb_view .dhx_toolbar-button{width: 76px; height: 60px; color:#4338CA}
.custom-image{margin:0}
.dhx_button--size_medium{padding: 0 8px;}
.title_wrap .dhx_button--view_flat.dhx_button--color_primary{background-color: #334155;	box-shadow: 0 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: 0;}
.title_wrap{height:41px !important; border-bottom:1px solid #cad4e0;}
.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: 0;}
.dhx_button__icon+.dhx_button__text{margin-left: 0;}
.search_btn_box{height: 44px !important; margin-bottom: 10px;}
.search_btn_box .dhx_button--view_flat.dhx_button--color_primary{width: auto; height: 30px;background-color: #ffffff; outline-width: 0; border-radius: 3px; border: 1px solid #cfcbcb; color: #1e1f21}
.search_btn_box .dhx_button--view_flat.dhx_button--color_primary:hover{background-color: #F5F9FF;}
.search_btn_box .dhx_button__icon+.dhx_button__text{margin-left: 6px;}
.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; padding-left: 3px; padding-top: 1px;}
.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; padding-left: 3px; padding-top: 1px;}
.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: 0 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:0}
.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.5);}

/*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: 0;padding: 3px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.default > .dhx_button{position: absolute; bottom: 0; top: 1.5px; z-index: 1; left: 178px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.multi > .dhx_button{position: absolute; bottom: 0; top: 1.5px; z-index: 1; left: 154px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.addr > .dhx_button{position: absolute; bottom: 0; top: 1.5px; z-index: 1; left: 80px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.other > .dhx_button{position: absolute; bottom: 0; top: 1.5px; z-index: 1;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.text > .dhx_button{position: absolute; bottom: 0; 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: 0; top: -25px; z-index: 1; left: 178px;}
.dhx_layout-cell.dhx_layout-columns > .btn_input_top.input150 > .dhx_button{position: absolute; bottom: 0; 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;}
.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_layout-line.dhx_layout-rows>.dhx_layout-cell{border: none;}
.dhx_window-content .dhx_layout-line.dhx_layout-rows>.dhx_layout-cell.popup_btnarea{border: 0; margin-left: -10px; margin-top: 0}
.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: #4698fb;color:white;border-radius: 10px;height: 30px;width: 50px;}
.dhx_alert__apply-button.dhx_button.dhx_button--view_flat.dhx_button--color_primary.dhx_button--size_medium{background-color: #4698fb; border-radius: 10px; width: 50px; height: 30px; 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; opacity: 0.4;}
/*팝업창 닫기 버튼 마우스 오버 시 주변 선택영역 사각형으로 변경 */
.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_Bold';
}

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

/*.dhx_layout-line.dhx_layout-columns>.dhx_layout-cell.borderRightNone {*/
/*    border-right: none;*/
/*}*/
.dhx_layout-line.dhx_layout-columns>.dhx_layout-cell {
    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;}

/*아이콘 tabler*/
.dxi.dxi-magnify:before{content:url(../images/icon/tabler/search.svg);}
/*.dxi.dxi-magnify:before{content:url(../images/icon/pageview.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-file-outline:before{content:url(../images/icon/description.svg);}*/
.dxi.dxi-draft:before{content:url(../images/icon/draft.svg);}
/*.dxi.dxi-content-save:before{content:url(../images/icon/tabler/device-floppy.svg);}*/
.dxi.dxi-content-save:before{content:url(../images/icon/floppy-disk.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-delete:before{content:url(../images/icon/delete2.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/person_add.svg);}
.dxi.dxi-userCancel:before{content:url(../images/icon/person_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);}
.dxi.dxi-dashboard{content:url(../images/icon/dashboard.svg);}
.dxi.dxi-view-sequential{content:url(../images/icon/menu.svg);}
.dxi.dxi-confirm{content:url(../images/icon/check_circle.svg);}

/*SideBar Icon*/
.sideBar.icon-article{content:url(../images/icon/article_stroke_disabled.svg);}
.sideBar.icon-package{content:url(../images/icon/package_stroke_disabled.svg);}
.sideBar.icon-assignment{content:url(../images/icon/assignment_stroke_disabled.svg);}
.sideBar.icon-checkbook{content:url(../images/icon/checkbook_stroke_disabled.svg);}
.sideBar.icon-list_alt{content:url(../images/icon/list_alt_stroke_disabled.svg);}
.sideBar.icon-settings{content:url(../images/icon/settings_stroke_disabled.svg);}
.sideBar.icon-inventory{content:url(../images/icon/inventory_disabled.svg);}
.sideBar.icon-pointOfSale{content:url(../images/icon/point_of_sale_disabled.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-article{content:url(../images/icon/article_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-package{content:url(../images/icon/package_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-assignment{content:url(../images/icon/assignment_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-checkbook{content:url(../images/icon/checkbook_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-list_alt{content:url(../images/icon/list_alt_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-settings{content:url(../images/icon/settings_stroke.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-inventory{content:url(../images/icon/inventory.svg);}
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active > .sideBar.icon-pointOfSale{content:url(../images/icon/point_of_sale.svg);}

.content_copy{content:url(../images/icon/copy_2.svg);}
.tabAllClose{content:url(../images/icon/disabled_by_default.svg);}
.tabClose{content:url(../images/icon/tab_close_right.svg);}
.notifications{content:url(../images/icon/notifications_active.svg);}
.viewComfy{content:url(../images/icon/grid_view.svg);}
.account{content:url(../images/icon/account_circle.svg);}
.crop{content:url(../images/icon/crop.svg);}
.minus-vertical1{content:url(../images/icon/tabler/minus-vertical1.svg);}
.minus-vertical2{content:url(../images/icon/tabler/minus-vertical2.svg);}
.dots-vertical{content:url(../images/icon/tabler/dots-vertical.svg);}
.report-search{content:url(../images/icon/report-search.svg); padding-left: 5px; padding-right: 5px;}
.menu_open{content:url(../images/icon/menu_open.svg); padding-left: 6px; padding-right: 5px;}
.drag_indicator{content:url(../images/icon/drag_indicator.svg); padding-left: 6px; padding-right: 5px;}
.bell{content:url(../images/icon/bell.svg); padding-left: 6px; padding-right: 5px;}
.popup-open{content:url(../images/icon/tabler/ad-2.svg);}
.userprincipal-info{content:url(../images/icon/tabler/affiliate.svg);}

.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 {
    display: flex;
    justify-content: center;
}

/*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}
.dhx_widget .dhx_layout .dhx_layout-rows .dhx_layout-line.dhx_layout-cell > .dhx_toolbar .dhx_navbar{padding: 12px 0 0 0;}
.dhx_layout-cell .dhx_layout-cell-content{
    margin-bottom: 5px;
}
.dhx_toolbar__item{padding-right:3px;}
.dhx_navbar-title--toolbar{font-size: 16px;}
.dhx_layout-cell-header__icon{margin-right: 0;}
.toolbar-title-icon {
    display: flex;
    align-items: center;
    padding-bottom: 2px;
}
.toolbar-title-text {
    font-family: 'Pretendard-Bold', 'AppleSDGothicNeo', sans-serif;
    font-size: 16px;
    color: #000000;
    padding-top: 2px;
}
/*.toolbar-title-icon i {*/
/*    margin-right: 8px; !* 아이콘과 텍스트 사이의 간격 조정 *!*/
/*}*/

.userTile{
    margin-right: 10px;
}

.dhx_tabbar_scroll.arrow-left, .dhx_tabbar_scroll.arrow-right{
    height: 31px !important;
}

.mdi-view-dashboard::before{
    color: #FFFFFF;
}

.dhx_widget .dhx_button__icon{
    color: #35b1f2;
}

/*그리드 합계 위치 고정*/
/*데이터 영역 최소 높이 조절 값 고정*/
/*.dhx_grid-less-height .dhx_data-wrap{*/
/*    min-height: 89%;*/
/*}*/

.dhx_tabbar--top>.dhx_layout-cell{
    margin-right: 10px;
    margin-left: 10px;
}

.dhx_toolbar__item:first-child .dhx_form-group, .dhx_toolbar__item:first-child .dhx_navbar-title, .dhx_toolbar__item:first-child button:not(.dhx_toolbar-button){
    margin-left: 0;
}

/*Tab*/
.naf-tabbar_step1 .dhx_tabbar-tab-button--active {border-top-left-radius: 3px; border-top-right-radius: 3px; height:31px; background: #4698fb; color: white;}
.naf-tabbar_step1 .dhx_tabbar-tab-button:hover {background: #4698fb; color: white;}
.naf-tabbar_step1 .dhx_tabbar-tab-button--hover{background: #4698fb; color: white;}

/*팝업 Header*/
.dhx_window-header .dhx_toolbar{height:44px !important; background-color: #4698fb;}

/*GNB Menu*/
.gnbMenu .dhx_button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    background-color: #00B4E6;
    transition: all 350ms;
}

/*메인 로고*/
.logo img{
    width: 150px;
}

/*SideBar*/
.sideBar_template_a.dhx_sideBar {background-color: #4698fb; width:76px}

/*SideBar Menu 활성화*/
.sideBar_template_a .dhx_sideBar-button.dhx_sideBar-button--active .dhx_sideBar-button__icon,
.sideBar_template_a .dhx_sideBar-button:active .dhx_sideBar-button__icon {color: #00B4E6;}
.dhx_sidebar-button--active{box-shadow: none;background: rgba(49, 46, 129, 1);}
.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 Menu 비활성화*/
.sideBar_template_a .dhx_sideBar-button__icon {color: rgba(255, 255, 255, 0.7);}
.sideBar_template_a .dhx_sideBar-button__text {color: rgba(255, 255, 255, 0.7);}

/*SideBar Sub Menu 선택 시, 효과 삭제 및 배경색 지정*/
.dhx_tree-folder--selected:before, .dhx_tree-list-item--focused:before, .dhx_tree-list-item--selected:before{transition: none; box-shadow: none; background-color: #ffffff;}

/*SideBar Sub Menu 트리 선택 시*/
.dhx_widget .dhx_tree .naf-tree .dhx_tree-list-item--focused:before,
.dhx_widget .dhx_tree .naf-tree .dhx_tree-list-item--selected:before,
.dhx_widget .dhx_tree .naf-tree .dhx_tree-list-item:hover:before{background-color: rgba(255, 255, 255, 0.7);}

/*layout의 트리 선택 시*/
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-folder--focused:before,
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-folder--selected:before,
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-folder:hover:before,
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-list-item--focused:before,
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-list-item--selected:before,
.dhx_layout-cell .dhx_layout-cell-content .dhx_tree .dhx_tree-list-item:hover:before {
    background-color: #f1f5f8;
}

/*팝업의 트리 선택 시*/
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-folder--focused:before,
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-folder--selected:before,
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-folder:hover:before,
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-list-item--focused:before,
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-list-item--selected:before,
.dhx_popup .dhx_widget .dhx_tree .dhx_tree-list-item:hover:before {
    background-color: #f1f5f8;
}

/* 라벨 포인터 및 색상 흐려지는 것 수정 */
.dhx_label {
    cursor: default;
}

.dhx_label:hover {
    opacity: 1;
}

/* confirm 창 버튼 색상 수정 */
/* confirm 창 글씨 색상 밑 weight 수정 */
.custom-confirm {
    --dhx-font-color-secondary : black;
    --dhx-font-weight-regular : 700;
}
.custom-alert {
    --dhx-font-color-secondary : black;
    --dhx-font-weight-regular : 700;
}