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');
}

/* Nanum Myeongjo (나눔명조) - TTF */
@font-face {
    font-family: 'Nanum Myeongjo';
    src: url('../fonts/NanumFontSetup_TTF_MYUNGJO/NanumMyeongjo.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Nanum Myeongjo';
    src: url('../fonts/NanumFontSetup_TTF_MYUNGJO/NanumMyeongjoBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Nanum Myeongjo';
    src: url('../fonts/NanumFontSetup_TTF_MYUNGJO/NanumMyeongjoExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

/* 나눔명조 사용: class="font-nanum-myeongjo" 또는 font-family: 'Nanum Myeongjo','나눔명조',sans-serif */
.font-nanum-myeongjo { font-family: 'Nanum Myeongjo', '나눔명조', serif; }
.font-nanum-myeongjo-bold { font-family: 'Nanum Myeongjo', '나눔명조', serif; font-weight: 700; }
.font-nanum-myeongjo-extrabold { font-family: 'Nanum Myeongjo', '나눔명조', serif; font-weight: 800; }

@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_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;}

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: 90px}
.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 #3DAE2B; 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 #3DAE2B; 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 ProSidebar 실제 DOM: dhx_sidebar, dhx_sidebar-button (소문자) */
.dhx_sidebar,
.sideBar_template_a.dhx_sidebar {
    overflow-x: hidden !important;
    overflow-y: auto;
    width: 90px !important;
    max-width: 90px !important;
    box-sizing: border-box;
}
.sideBar_template_a .scroll-view-wrapper,
.sideBar_template_a .scroll-view {
    overflow-x: hidden !important;
    max-width: 90px !important;
    box-sizing: border-box;
}
.sideBar_template_a .x-scroll {
    display: none !important;
    height: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.dhx_sidebar-button{
    height: 70px;
    width: 82px;
    margin: 5px auto 0;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}
.sideBar_template_a .dhx_sidebar-button__icon{margin-top: -23px;margin-left: auto;margin-right: auto;width:28px;display: block;}
.dhx_sidebar-button__icon+.dhx_sidebar-button__text{
    font-size: 11px;
    display: block;
    position: absolute;
    top: 43px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 82px;
    text-align: center;
    overflow: hidden;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: break-word;
    line-height: 1.15;
    padding: 0 3px;
    box-sizing: border-box;
}
.dhx_sidebar-button__icon+.dhx_sidebar-button__text{margin-left: 0;}

/* DHX는 소문자 .dhx_sidebar-button__icon 사용 → 실제 DOM은 camelCase dhx_sideBar-button__icon 이므로
   서버별로 매칭이 달라질 수 있음. camelCase 셀렉터로 :before 스타일을 명시해 동일 동작 보장 */
.dhx_widget .dhx_sidebar-button__icon:before{font-size:var(--dhx-icon-size-normal);line-height:var(--dhx-line-height-normal);}

.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: 90px; 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,
#sys007_cat_form_host .dhx_button.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,
#sys007_cat_form_host .dhx_button.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 0px 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_button--view_flat.dhx_button--color_primary:hover{background-color: #eef0f2;}*/
.dhx_alert__confirm-aply.dhx_button.dhx_button--view_flat.dhx_button--color_primary.dhx_button--size_medium{background-color: #3DAE2B;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: #3DAE2B; border-radius: 10px; width: 50px; height: 30px; color: white;}
.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;}

/* btnToolbar는 고정, 스크롤바는 본문(아래)만 표시
   - root layout: css "naf_fixed_toolbar_layout"
   - body cell: css "naf_fixed_toolbar_scroll"
*/
.naf_fixed_toolbar_layout.dhx_layout-rows{
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
    overflow: hidden;
}
.naf_fixed_toolbar_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="btnToolbar"]{
    flex: 0 0 auto;
}
.naf_fixed_toolbar_layout .naf_fixed_toolbar_scroll{
    flex: 1 1 0%;
    min-height: 0;
    min-width: 0;
}
.naf_fixed_toolbar_layout .naf_fixed_toolbar_scroll > .dhx_layout-cell-content{
    height: 100%;
    min-height: 0;
    overflow: auto;
    box-sizing: border-box;
}

/* sys022 게시물 보기: 상세폼 2줄 배치 시 불필요한 가로/세로 스크롤 방지, 본문 행은 남은 높이 채움 */
.sys022_layout.dhx_layout-rows {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}

/* sys022: 본문 영역 전체(상세폼~하단 네비) 가로 760px 고정, 왼쪽 정렬 */
.sys022_layout.dhx_layout-rows > .dhx_layout-cell > .dhx_layout-cell-content {
    width: 760px;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

/* attach() 사용 행: html이 비워져 .dhx_layout-cell-content가 없음 → 바깥 .dhx_layout-cell에 폭 지정 */
.sys022_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_content"],
.sys022_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="vault"],
.sys022_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_reply_form"] {
    width: 760px;
    max-width: 100%;
    align-self: flex-start;
    min-width: 0;
    box-sizing: border-box;
}
.sys022_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_content"] > .dhx_layout-cell-content {
    width: 760px;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.dhx_layout-cell[data-cell-id="article_content"] > .dhx_layout-cell-content {
    min-height: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    box-sizing: border-box;
}
.sys022_article_content_form.dhx_form {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    max-height: 100%;
    box-sizing: border-box;
}
.sys022_article_content_form.dhx_form > .dhx_layout.dhx_layout-rows {
    flex: 1 1 auto;
    min-height: 0;
    height: 100% !important;
}
.sys022_article_content_form .dhx_form-group--container[data-dhx-id="container"] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sys022_article_content_form .dhx_form-group--container[data-dhx-id="container"] .dhx_layout-cell-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

/* sys051: 본문 영역 전체(상세폼~댓글) 가로 760px 고정, 왼쪽 정렬 (sys022 동일) */
.sys051_layout.dhx_layout-rows > .dhx_layout-cell > .dhx_layout-cell-content {
    width: 760px;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

/* attach() 사용 행: html이 비워져 .dhx_layout-cell-content가 없음 → 바깥 .dhx_layout-cell에 폭 지정 */
.sys051_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_content"],
.sys051_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_image_viewer"],
.sys051_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="vault"],
.sys051_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_reply_form"] {
    width: 760px;
    max-width: 100%;
    align-self: flex-start;
    min-width: 0;
    box-sizing: border-box;
}
.sys051_layout.dhx_layout-rows > .dhx_layout-cell[data-cell-id="article_content"] > .dhx_layout-cell-content {
    width: 760px;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
}

.sys051_article_content_form.dhx_form {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    max-height: 100%;
    box-sizing: border-box;
}
.sys051_article_content_form.dhx_form > .dhx_layout.dhx_layout-rows {
    flex: 1 1 auto;
    min-height: 0;
    height: 100% !important;
}
.sys051_article_content_form .dhx_form-group--container[data-dhx-id="container"] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.sys051_article_content_form .dhx_form-group--container[data-dhx-id="container"] .dhx_layout-cell-content {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.sys051_article_detail_cell .dhx_layout-cell__content {
    overflow: hidden;
}
.sys051_article_detail_form.dhx_form {
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}
/* sys051: 게시물분류 미사용 시 숨김 컨트롤·스페이서가 가로 폭을 차지하지 않도록 */
.sys051_article_detail_form .dhx_form-group--hidden {
    display: none !important;
}

/* sys051 댓글 입력 행: 고정 width 제거 후 아래 reply_container와 동일 폼 너비에 맞춤 */
.sys051_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child {
    flex: 1 1 0;
    min-width: 0;
}
.sys051_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_form-group,
.sys051_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_input__wrapper {
    max-width: 100%;
}
.sys051_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_input {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

.sys022_article_detail_cell .dhx_layout-cell__content {
    overflow: hidden;
}
.sys022_article_detail_form.dhx_form {
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}
/* sys022: 게시물분류 미사용 시 숨김 컨트롤·스페이서가 가로 폭을 차지하지 않도록 */
.sys022_article_detail_form .dhx_form-group--hidden {
    display: none !important;
}

/* sys022 댓글 입력 행: 고정 width 제거 후 아래 reply_container와 동일 폼 너비에 맞춤 */
.sys022_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child {
    flex: 1 1 0;
    min-width: 0;
}
.sys022_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_form-group,
.sys022_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_input__wrapper {
    max-width: 100%;
}
.sys022_article_reply_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell:first-child .dhx_input {
    width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

/* sys022 댓글 목록: table 레이아웃으로 메타(작성자·일시) 열을 가장 긴 행 기준으로 통일 */
.sys022-reply-list {
    display: table;
    width: 100%;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
}
.sys022-reply-row {
    display: table-row;
}
.sys022-reply-col {
    display: table-cell;
    vertical-align: middle;
}
.sys022-reply-col--content {
    padding: 8px 8px 8px 0;
    width: 100%;
}
.sys022-reply-col--content .dhx_input__wrapper {
    max-width: 100%;
}
.sys022-reply-col--content .sys022-reply-content-input {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.sys022-reply-col--meta {
    padding: 8px 0 8px 10px;
    white-space: nowrap;
}
.sys022-reply-col--meta .dhx_label {
    max-width: none !important;
}
.sys022-reply-col--action {
    padding: 8px 0 8px 8px;
    white-space: nowrap;
    width: 1%;
    background: transparent;
    text-align: center;
    vertical-align: middle;
}
/* 예전 .dhx_layout-columns > .btn_default 아이콘 버튼과 동일: 흰 배경, 행 세로 가운데 */
.sys022-reply-col--action .dhx_button.dhx_button--icon {
    position: static;
    padding: 6px;
    background-color: #fff !important;
    box-shadow: none;
}
.sys022-reply-col--action .dhx_button.dhx_button--icon:hover {
    background-color: #f8fafc !important;
}

/* sys022 상단 네비게이션 (이전글/목록/다음글) */
.sys022_nav_toolbar_cell > .dhx_layout-cell-content {
    padding-top: 4px;
}
.sys022_nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    padding: 10px 10px 0;
    margin-bottom: 14px;
}
.sys022_nav_toolbar_cell .sys022_nav {
    margin-bottom: 10px;
}
.sys022_nav_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #0f172a;
    cursor: pointer;
}
.sys022_nav_btn--ghost:hover {
    background: #f8fafc;
}
.sys022_nav_btn--primary {
    background: #1b5e20;
    border-color: #1b5e20;
    color: #ffffff;
    min-width: 120px;
}
.sys022_nav_btn--primary:hover {
    background: #174c1a;
}
.sys022_nav_btn__icon {
    font-size: 13px;
    line-height: 1;
}
.sys022_nav_hint {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    row-gap: 4px;
    padding: 0 10px 10px;
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}
.sys022_nav_hint__label {
    font-size: 12px;
    font-weight: 500;
}
.sys022_keycap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    min-width: 22px;
    padding: 0 5px;
    border-radius: 4px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

/* sys023 게시물 등록: 셀 padding은 content에만 들어가 헤더가 좌우 끝까지 붙는 현상 보완 (루트 layout css: sys023_layout) */
.sys023_layout .dhx_layout-cell[data-cell-id="summernote"] .dhx_layout-cell-header,
.sys023_layout .dhx_layout-cell[data-cell-id="vault"] .dhx_layout-cell-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box;
}

/* sys023 Summernote: 기본 .note-editable overflow:auto로 생기는 에디터 내부 스크롤 완화 */
.sys023-summernote-scope .note-editor.note-frame .note-editing-area {
    overflow: visible !important;
}
.sys023-summernote-scope .note-editor.note-frame .note-editing-area .note-editable {
    overflow: visible !important;
    overflow-y: visible !important;
}
.sys023-summernote-scope .note-editor.note-frame.codeview .note-editing-area .note-codable {
    overflow: visible !important;
    min-height: 850px;
}

/* 게시물분류(disabled select): readOnly 입력·라벨과 동일한 색 (전역 select:disabled opacity 제거) */
.article_category_readonly.dhx_form-group--disabled .dhx_label,
.article_category_readonly .dhx_combobox--disabled .dhx_combobox__label {
    color: #1E293B;
    opacity: 1;
}
.article_category_readonly .dhx_combobox--disabled {
    opacity: 1;
}
.article_category_readonly .dhx_combobox--disabled .dhx_combobox-input,
.article_category_readonly .dhx_combobox--disabled .dhx_combobox-input-box {
    opacity: 1;
    color: #1E293B;
}
.bg-grey.article_category_readonly select:disabled {
    opacity: 1;
    color: #1E293B;
    background-color: #f6f6f6;
}

/*메세지창 배경 색상 변경*/
.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);}

.message{content:url(../images/icon/message.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: #3DAE2B;
}

/*그리드 합계 위치 고정*/
/*데이터 영역 최소 높이 조절 값 고정*/
/*.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;
    height: 50px;
}

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

/*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;
}

/* simple css */
.child-textarea-background-lightblue textarea {
    background-color: lightblue;
}
.child-input-color-red input {
    color: red;
}

/* Navbar title 중 totalPage만 글자색 고정 */
.dhx_navbar-title.dhx_navbar-title--toolbar[data-dhx-id="totalPage"],
.dhx_navbar-title.dhx_navbar-title--toolbar [data-dhx-id="totalPage"] {
    color: rgba(0,0,0,0.7) !important;
}

/* sys007 게시물분류 추가 버튼: 위 .title_wrap 과 동일 규칙에 #sys007_cat_form_host 를 묶어 둠 */
#sys007_cat_form_host .dhx_button.dhx_button--view_flat.dhx_button--color_primary .dhx_button__text {
    color: #fff;
}

/* sys007 게시물분류 List: 기본 .dhx_list-item padding 8×12가 itemHeight 전체에 포함되어 글자·아이콘이 세로로 잘림 */
.dhx_widget.dhx_list.sys007-cat-list .dhx_list-item {
    padding: 0;
    box-sizing: border-box;
}

/* sys007 게시물분류: 왼쪽 열과 같은 높이로 채움(병합 행) */
.dhx_form-group--container[data-dhx-id="article_category_mgmt_container"] {
    height: 100%;
    box-sizing: border-box;
}
.dhx_form-group--container[data-dhx-id="article_category_mgmt_container"] > .dhx_widget.dhx_layout {
    height: 100% !important;
    min-height: 0;
}

/* sys007 게시물분류 컨테이너 셀: 내용 너비만 쓰기 */
.dhx_widget.dhx_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell[data-cell-id="article_category_mgmt_container"] {
    flex-grow: 0;
    flex-shrink: 0;
}
.dhx_widget.dhx_form .dhx_layout-line.dhx_layout-columns > .dhx_layout-cell[data-cell-id="article_category_mgmt_container"] > .dhx_layout-cell-content {
    margin-left: 0;
    padding-left: 0;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
}

/* sys021 게시물 목록: 필터 칩 */
.sys021-filter-chips-outer {
    padding: 8px 10px;
    margin-bottom: 8px;
    box-sizing: border-box;
    background: #fff;
}
.sys021-filter-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 2px 0;
    box-sizing: border-box;
}
.sys021-filter-chips .sys021-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #c5c9d4;
    background: #f4f5f8;
    color: #2d3748;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.35;
    cursor: pointer;
    box-sizing: border-box;
}
.sys021-filter-chips .sys021-chip__text {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}
.sys021-filter-chips .sys021-chip__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    line-height: 18px;
    font-size: inherit;
}
.sys021-filter-chips .sys021-chip-hot-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    object-fit: contain;
    display: block;
    transform: translateY(-0.5px);
}
.sys021-filter-chips .sys021-chip--active .sys021-chip-hot-icon {
    filter: brightness(0) invert(1);
}
.sys021-filter-chips .sys021-chip-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: 999px;
    background: #c62828;
    color: #fff;
    flex-shrink: 0;
}
.sys021-filter-chips .sys021-chip--active .sys021-chip-badge {
    background: rgba(255, 255, 255, 0.28);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}
.sys021-filter-chips .sys021-chip:hover {
    background: #e8eaef;
}
.sys021-filter-chips .sys021-chip--active {
    background: #1b5e20;
    border-color: #1b5e20;
    color: #fff;
}
.sys021-filter-chips .sys021-chip-sep {
    width: 1px;
    height: 18px;
    background: #d8dce5;
    margin: 0 2px;
    flex-shrink: 0;
}