/*!
 *   theme.css v.1.0
 *
 *   sirius theme를 정의 합니다.
 *
 *   반드시 body.sirius를 넣어주세요.
 *
 *   Author: donghoon.lee
 */

@charset "utf-8";

/* 예제
body.sirius .test ......... { }

기존 icon 변경
body.sirius .fas.fa-bell {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    font-size: 0 !important;
    background: var(--icon-bi-crm) no-repeat center;
}
*/

/*
 * 공통
 * -----------------------------------------------------------------------------------
 */

@import url('theme-variables.css');

@import url('pretendard.css');

@import url('theme-home.css');

@import url('theme-layout.css');

@import url('theme-grid.css');

@import url('theme-icon.css');

@import url('theme-jsp.css');

@import url('theme-plugin.css');

@import url('theme-skin.css');

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body.sirius {
    margin: 0;
    padding: 0;
    font-family: var(--base-font-family);
    font-size: var(--base-font-size);
    color: var(--base-font-color);
    font-weight: var(--base-font-weight);
    line-height: 1.4em;
    -webkit-font-smoothing: antialiased;
    background: var(--base-content-background);
    width: 100%;
    height: 100%;
    letter-spacing: 0.3px;
    /*overflow: hidden;*/

    --ERP-10 : #F4FCFA;
	--ERP-50 : #E7F7F3;
	--ERP-100 : #B1E4D7;
	--ERP-200 : #7BD1BC;
	--ERP-300 : #45BEA0;
	--ERP-400 : #0FAB83;
	--ERP-500 : #009B71;
	--ERP-600 : #068965;


	--default-size : 42px;
	--main-header-height : 58px;
    --gnb-width: 86px;
    --menu-icon-size : 32px;
    --header-icon-size : 32px;
    --home-btn-icon-size : 28px;

}



/*--------------------------------- scale 별 variable 선언 ---------------------------------*/
body.sirius.scale-lg {
	--default-size : 48px;
	--main-header-height : 64px;
    --gnb-width: 94px;
    --menu-icon-size : 36px;
    --header-icon-size : 36px;
    --home-btn-icon-size : 36px;
    --logo-size : 42px;
    --header-icon-margin-left : 18px;

    --lnb-width : 240px;
    --left-side-width  : calc(var(--gnb-width) + var(--lnb-width));
    --gnb-item-margin-bottom : 20px;
    --menu-font-size : 14.5px;
    --sub-menu-title : 22px;
    --icon-size : 28px;
    --font-size : 15.5px;
    --invalid-font-size : 13px;
    --line-height : 24px;
    --grid-line-height : 30px;
    --sub-menu-icon-size : 16px;
    --sub-menu-icon-font : 11px;

    --page-title-height : 42px;
    --menu-tab-height : 36px;
    --menu-tab-padding : 6px 28px 6px 10px;
    --menu-tab-radius : 6px;
    --menu-tab-font-size : 15px;
    --menu-tab-dropdown-padding : 6px 10px;
    --menu-tab-padding-right : 14px;
    --menu-title : 28px;
    --menu-title-padding-right : 36px;
    --menu-dropdown-line-height : 35px;

    --tab-page-padding-top : 16px;
    --tab-page-padding-bottom : 16px;
    --tab-page-padding-left : 24px;
    --tab-page-padding-right : 12px;
    --container-section-gap : 20px;
    --search-wrap-padding : 14px 8px 2px 8px;
    --input-height : 42px;
    --input-radius : 8px;
    --select-combo-icon-size : 24px;

    --button-height : 42px;
    --button-min-width : 110px;
    --button-inner-gap : 5px;
    --button-border-radius : 8px;
    --collapse-form-btn-width : 155px;
    --grid-toolbar-btn-padding : 6px 14px 6px 14px;
    --grid-toolbar-left-margin : 14px;

    --search-button-margin-top : 27px;
    --search-btn-width : 154px;
    --search-form-margin-bottom : 12px;

    --grid-title-size : 22px;
    --grid-excel-font-size : 17px;
    --grid-cell-min-height : 44px;
    --grid-cell-padding : 7px 12px;
    --grid-icon-size : 20px;
    --grid-margin-top : 10px;

    --profile-font-size : 19px;
    --profile-mypage-width : 160px;
    --refresh-btn-size : 34px;
    --refresh-btn-margin : 8px;
    --breadcrumb-padding : 1rem;
    --label-margin-bottom : 2px;

    --tab-li-size : 40x;
    --tab-a-size : 37px;
    --tab-font-size : 18px;
    --tab-min-width	: 110px;

    --switch-width : 44px;
    --switch-height : 24px;
    --switch-span-size : 18px;
    --switch-checked-translateX : 20px;

    --confirm-modal-width : 400px;
    --confirm-modal-height : 200px;
    --confirm-modal-font-size : 16px;
    --modal-footer-margin : 28px;
    --modal-footer-margin-top : 26px;
    --modal-body-padding : 24px;
    --modal-header-font-size : 22px;
    --modal-xl-max-width : 1130px;
    --modal-lg-max-width : 734px;
    --modal-md-max-width : 540px;
    --close-btn-size : 34px;

    --radio-input-border : 4px;
    --radio-input-size : 16px;
    --checkbox-size : 14px;
    --checkbox-radius : 4px;
    --checkbox-gap : 8px;

    --font-size-h5 : 18px;
    --form-tit-grid-size : 16px;
    --fileupload-dropdownZone-padding : 14px;
    --dropdownText-padding : 6px 0 8px 0;
    --selectFileText-padding : 6px 0 8px 3px;
    --input-icon-right : 8px;
    --wj-select-icon-size : 28px;
    --tab-scroll-arrow-padding-top : 7px;
    --form-group-padding : 0 12px;
    --form-group-margin-bottom : 14px;
    --tagsinput-padding : 7px 12px;
    --textarea-height : 110px;

    --page-footer-height : 79px;
    --tree-node-height : 38px;
    --tit-item-font-size : 15px;

    --menu-search-font-size : 13px;
    --menu-search-dropdown-size : 380px;
    --menu-search-dropdown-li-padding : 4px;
    --sub-menu-list-padding : 8px 10px 9px 32px;
    --menu-items-li-padding : 8px 10px 8px 22px;

    --calendar-font-size : 14px;
    --calendar-input-border-radius : 9px;
    --calendar-input-height : 36px;
    --calendar-input-margin-bottom : 12px;
    --calendar-th-height : 34px;
    --calendar-th-width : 36px;
    --calendar-icon-font-size : 18px;
    --calendar-popup-padding : 26px;
    --calendar-month-font-size : 17px;
    --calendar-month-padding-bottom : 0px;
    --calendar-inner-padding : 13px;
    --calendar-ranges-btn-margin-bottom : 10px;
    --calendar-ranges-btn-margin-right : 8px;
    --calendar-ranges-btn-padding : 7px 12px;
    --calendar-ranges-btn-radius : 8px;
    --calendar-footer-btn-gap : 8px;
    --calendar-footer-margin-top : 20px;
    --calendar-footer-btn-padding : 4px 20px;
    --calendar-slider-size : 16px;
    --calendar-slider-left : 5px;
    --calendar-switch-width : 38px;
    --calendar-switch-height : 22px;

    --tab-cont-panel-height: calc(100vh - var(--main-header-height) - var(--menu-tab-height) - var(--content-padding-top) - var(--content-padding-bottom) - var(--tab-cont-padding-top));
}
body.sirius.scale-md,
body.sirius.small-scale {
	--default-size : 42px;
	--main-header-height : 58px;
    --gnb-width: 86px;
    --menu-icon-size : 32px;
    --header-icon-size : 32px;
    --home-btn-icon-size : 28px;
    --logo-size : 37px;
    --header-icon-margin-left : 18px;

    --lnb-width : 220px;
    --left-side-width  : calc(var(--gnb-width) + var(--lnb-width));
    --gnb-item-margin-bottom : 16px;
    --menu-font-size : 13px;
    --sub-menu-title : 20px;
    --icon-size : 24px;
    --font-size : 14px;
    --invalid-font-size : 80%; /*기존 invalid warning font size*/
    --line-height : 20px;
    --grid-line-height : 26px;
    --sub-menu-icon-size : 16px;
    --sub-menu-icon-font : 11px;
    --nav-menu-font-size : 14px;
    --nav-menu-line-height : 26px;
    --nav-bar-menu-height : 38px;

    --page-title-height : 39px;
    --menu-tab-height : 32px;
    --menu-tab-padding : 6px 28px 6px 10px;
    --menu-tab-radius : 6px;
    --menu-tab-font-size : 12px;
    --menu-tab-dropdown-padding : 6px 10px;
    --menu-tab-padding-right : 12px;
    --menu-title : 26px;
    --menu-title-padding-right : 32px;
    --menu-dropdown-line-height : 30px;

    --tab-page-padding-top : 16px;
    --tab-page-padding-bottom : 16px;
    --tab-page-padding-left : 24px;
    --tab-page-padding-right : 12px;
    --container-section-gap : 20px;
    --search-wrap-padding : 14px 8px 2px 8px;
    --input-height : 38px;
    --input-radius : 8px;
    --select-combo-icon-size : 20px;

    --button-height : 38px;
    --button-min-width : 100px;
    --button-inner-gap : 5px;
    --button-border-radius : 8px;
    --collapse-form-btn-width : 138px;
    --grid-toolbar-btn-padding : 6px 14px 6px 14px;
    --grid-toolbar-left-margin : 12px;

    --search-button-margin-top : 27px;
    --search-btn-width : 154px;
    --search-form-margin-bottom : 12px;

    --grid-title-size : 20px;
    --grid-excel-font-size : 16px;
    --grid-cell-min-height : 40px;
    --grid-cell-padding : 7px 12px;
    --grid-icon-size : 20px;
    --grid-margin-top : 10px;

    --profile-font-size : 17px;
    --profile-mypage-width : 160px;
    --refresh-btn-size : 32px;
    --refresh-btn-margin : 6px;
    --breadcrumb-padding : 1rem;
    --label-margin-bottom : 2px;

    --tab-li-size : 38px;
    --tab-a-size : 35px;
    --tab-font-size : 16px;
    --tab-min-width	: 110px;

    --switch-width : 44px;
    --switch-height : 24px;
    --switch-span-size : 18px;
    --switch-checked-translateX : 20px;

    --confirm-modal-width : 400px;
    --confirm-modal-height : 200px;
    --confirm-modal-font-size : 16px;
    --modal-footer-margin : 28px;
    --modal-footer-margin-top : 24px;
    --modal-body-padding : 24px;
    --modal-header-font-size : 20px;
    --modal-xl-max-width : 1056px;
    --modal-lg-max-width : 734px;
    --modal-md-max-width : 500px;
    --close-btn-size : 34px;

    --radio-input-border : 4px;
    --radio-input-size : 16px;
    --checkbox-size : 14px;
    --checkbox-radius : 4px;
    --checkbox-gap : 8px;

    --font-size-h5 : 16px;
    --form-tit-grid-size : 15px;
    --fileupload-dropdownZone-padding : 14px;
    --dropdownText-padding : 6px 0 8px 0;
    --selectFileText-padding : 6px 0 8px 3px;
    --input-icon-right : 16px;
    --wj-select-icon-size : 20px;
    --tab-scroll-arrow-padding-top : 7px;
    --form-group-padding : 0 12px;
    --form-group-margin-bottom : 10px;
	--tagsinput-padding : 5px 12px;
    --page-footer-padding : 17px 24px;

    --page-footer-height : 74px;
    --tree-node-height : 34px;
    --tit-item-font-size : 13px;

    --menu-search-font-size : 13px;
    --menu-search-dropdown-size : 380px;
    --menu-search-dropdown-li-padding : 4px;
    --sub-menu-list-padding : 8px 10px 9px 32px;
    --menu-items-li-padding : 8px 10px 8px 22px;

    --calendar-font-size : 13px;
    --calendar-input-border-radius : 8px;
    --calendar-input-height : 32px;
    --calendar-input-margin-bottom : 10px;
    --calendar-th-height : 32px;
    --calendar-th-width : 34px;
    --calendar-icon-font-size : 17px;
    --calendar-popup-padding : 24px;
    --calendar-month-font-size : 16px;
    --calendar-month-padding-bottom : 5px;
    --calendar-popup-max-width : 650px;
    --calendar-inner-padding : 12px;
    --calendar-ranges-btn-margin-bottom : 10px;
    --calendar-ranges-btn-margin-right : 8px;
    --calendar-ranges-btn-padding : 6px 12px;
    --calendar-ranges-btn-radius : 8px;
    --calendar-footer-btn-gap : 8px;
    --calendar-footer-margin-top : 20px;
    --calendar-footer-btn-padding : 4px 16px;
    --calendar-slider-size : 14px;
    --calendar-slider-left : 3px;
    --calendar-switch-width : 34px;
    --calendar-switch-height : 20px;

}
body.sirius.scale-sm {
	--default-size : 38px;
	--main-header-height : 50px;
	--gnb-width: 76px;
	--menu-icon-size : 28px;
	--header-icon-size : 28px;
	--home-btn-icon-size : 24px;
	--logo-size : 34px;
	--header-icon-margin-left : 16px;

	--lnb-width : 200px;
	--left-side-width  : calc(var(--gnb-width) + var(--lnb-width));
	--gnb-item-margin-bottom : 10px;
	--menu-font-size : 12px;
	--sub-menu-title : 18px;
	--icon-size : 21px;
	--font-size : 13px;
	--invalid-font-size : 12px;
	--line-height : 16px;
	--grid-line-height : 23px;
	--sub-menu-icon-size : 14px;
    --sub-menu-icon-font : 10px;

	--page-title-height : 34px;
	--menu-tab-height : 28px;
	--menu-tab-padding : 6px 28px 6px 10px;
	--menu-tab-radius : 6px;
	--menu-tab-font-size : 12px;
	--menu-tab-dropdown-padding : 5px 9px;
	--menu-tab-padding-right : 12px;
	--menu-title : 23px;
	--menu-title-padding-right : 28px;
	--menu-dropdown-line-height : 27px;

	--tab-page-padding-top : 12px;
	--tab-page-padding-bottom : 12px;
	--tab-page-padding-left : 20px;
	--tab-page-padding-right : 20px;
	--container-section-gap : 18px;
	--search-wrap-padding : 12px 6px 0px 6px;
	--input-height : 34px;
	--input-radius : 7px;
	--select-combo-icon-size : 16px;

	--button-height : 34px;
	--button-min-width : 95px;
	--button-inner-gap : 5px;
	--button-border-radius : 7px;
	--collapse-form-btn-width : 120px;
	--grid-toolbar-btn-padding : 5px 13px 5px 13px;
	--grid-toolbar-left-margin : 8px;

    --search-button-margin-top : 21.5px;
    --search-btn-width : 140px;
    --search-form-margin-bottom : 9px;

    --grid-title-size : 18px;
    --grid-excel-font-size : 14px;
    --grid-cell-min-height : 34px;
    --grid-cell-padding : 6px 12px;
    --grid-icon-size : 18px;
    --grid-margin-top : 8px;

    --profile-font-size : 15px;
    --profile-mypage-width : 135px;
    --refresh-btn-size : 30px;
    --refresh-btn-margin : 5px;
    --breadcrumb-padding : 0.8rem;
    --label-margin-bottom : 1px;

    --tab-li-size : 35px;
    --tab-a-size : 33px;
    --tab-font-size : 14px;
	--tab-min-width	: 100px;

	--switch-width : 42px;
    --switch-height : 22px;
    --switch-span-size : 16px;
    --switch-checked-translateX : 19px;

    --confirm-modal-width : 370px;
    --confirm-modal-height : 180px;
    --confirm-modal-font-size : 14px;
    --modal-footer-margin : 20px;
    --modal-footer-margin-top : 20px;
    --modal-body-padding : 15px;
    --modal-header-font-size : 18px;
    --modal-xl-max-width : 1056px;
    --modal-lg-max-width : 734px;
    --modal-md-max-width : 480px;
    --close-btn-size : 30px;

    --radio-input-border : 3px;
    --radio-input-size : 13px;
    --checkbox-size : 13px;
    --checkbox-radius : 3px;
    --checkbox-gap : 6px;

    --font-size-h5 : 14px;
    --form-tit-grid-size : 14px;
    --fileupload-dropdownZone-padding : 12px;
    --dropdownText-padding : 6px 0 8px 0;
    --selectFileText-padding : 6px 0 8px 3px;
    --input-icon-right : 10px;
    --wj-select-icon-size : 19px;
    --tab-scroll-arrow-padding-top : 5px;
    --form-group-padding : 0 10px;
    --page-footer-height : 74px;
    --tree-node-height : 30px;

    --menu-search-font-size : 12px;
    --menu-search-dropdown-size : 340px;
    --menu-search-dropdown-li-padding : 3px;
    --sub-menu-list-padding : 6px 10px 7px 32px;
    --menu-items-li-padding : 8px 10px 8px 22px;

    --calendar-font-size : 12px;
    --calendar-input-border-radius : 7px;
    --calendar-input-height : 30px;
    --calendar-input-margin-bottom : 8px;
    --calendar-th-height : 30px;
    --calendar-th-width : 32px;
    --calendar-icon-font-size : 15px;
    --calendar-popup-padding : 20px;
    --calendar-month-font-size : 15px;
    --calendar-month-padding-bottom : 3px;
    --calendar-inner-padding : 10px;
    --calendar-ranges-btn-margin-bottom : 8px;
    --calendar-ranges-btn-margin-right : 6px;
    --calendar-ranges-btn-padding : 6px 10px;
    --calendar-ranges-btn-radius : 7px;
    --calendar-footer-btn-gap : 6px;
    --calendar-footer-margin-top : 16px;

	--tab-cont-panel-height: calc(100vh - var(--main-header-height) - var(--menu-tab-height) - var(--content-padding-top) - var(--content-padding-bottom) - var(--tab-cont-padding-top));
}
body.sirius.scale-xs {
	--default-size : 28px;
	--main-header-height : 40px;
	--gnb-width: 68px;
	--menu-icon-size : 24px;
	--header-icon-size : 24px;
	--home-btn-icon-size : 20px;
	--logo-size : 32px;
	--header-icon-margin-left : 14px;
	--nav-bar-collapsed-size : 28px;

	--lnb-width : 180px;
	--left-side-width  : calc(var(--gnb-width) + var(--lnb-width));
	--gnb-item-margin-bottom : 6px;
	--menu-font-size : 11px;
	--sub-menu-title : 16px;
	--icon-size : 20px;
	--font-size : 12px;
	--invalid-font-size : 11px;
	--line-height : 14px;
	--grid-line-height : 23px;
	--sub-menu-icon-size : 12px;
    --sub-menu-icon-font : 9px;

	--page-title-height : 30px;
	--menu-tab-height : 26px;
	--menu-tab-padding : 6px 28px 6px 10px;
	--menu-tab-radius : 4px;
	--menu-tab-font-size : 12px;
	--menu-tab-dropdown-padding : 4px 8px;
	--menu-tab-padding-right : 10px;
	--menu-title : 20px;
	--menu-title-padding-right : 24px;
	--menu-dropdown-line-height : 24px;

	--tab-page-padding-top : 12px;
	--tab-page-padding-bottom : 12px;
	--tab-page-padding-left : 20px;
	--tab-page-padding-right : 20px;
	--container-section-gap : 14px;
	--search-wrap-padding : 12px 6px 0px 6px;
	--input-height : 30px;
	--input-radius : 6px;
	--select-combo-icon-size : 14px;

	--button-height : 30px;
	--button-min-width : 80px;
	--button-inner-gap : 4px;
	--button-border-radius : 6px;
	--collapse-form-btn-width : 110px;
	--grid-toolbar-btn-padding : 4px 12px 4px 12px;
	--grid-toolbar-left-margin : 6px;

    --search-button-margin-top : 21.5px;
    --search-btn-width : 110px;
    --search-form-margin-bottom : 6px;

    --grid-title-size : 16px;
    --grid-excel-font-size : 12px;
    --grid-cell-min-height : 32px;
    --grid-cell-padding : 4px 10px;
    --grid-icon-size : 18px;
    --grid-margin-top : 4px;

    --profile-font-size : 13px;
    --profile-mypage-width : 130px;
    --refresh-btn-size : 26px;
    --refresh-btn-margin : 4px;
    --breadcrumb-padding : 0.6rem;
    --label-margin-bottom : 0px;

    --tab-li-size : 32px;
    --tab-a-size : 30px;
    --tab-font-size : 13px;
	--tab-min-width	: 90px;

	--switch-width : 36px;
    --switch-height : 20px;
    --switch-span-size : 14px;
    --switch-checked-translateX : 16px;

    --confirm-modal-width : 370px;
    --confirm-modal-height : 180px;
    --confirm-modal-font-size : 14px;
    --modal-footer-margin : 20px;
    --modal-footer-margin-top : 16px;
    --modal-body-padding : 15px;
    --modal-header-font-size : 16px;
    --modal-xl-max-width : 1056px;
    --modal-lg-max-width : 620px;
    --modal-md-max-width : 460px;
    --close-btn-size : 26px;

    --radio-input-border : 3px;
    --radio-input-size : 12px;
    --checkbox-size : 12px;
    --checkbox-radius : 3px;
    --checkbox-gap : 4px;

   	--font-size-h5 : 13px;
    --form-tit-grid-size : 12px;
    --fileupload-dropdownZone-padding : 9px;
    --dropdownText-padding : 4px 0 6px 0;
    --selectFileText-padding : 4px 0 6px 3px;
    --input-icon-right : 8px;
    --wj-select-icon-size : 18px;
    --tab-scroll-arrow-padding-top : 5px;
    --form-group-padding : 0 8px;
    --form-group-margin-bottom : 10px;
    --page-footer-padding : 14px 24px;

    --page-footer-height : 60px;
    --tree-node-height : 26px;

    --menu-search-font-size : 12px;
    --menu-search-dropdown-size : 340px;
    --menu-search-dropdown-li-padding : 3px;
    --sub-menu-list-padding : 8px 10px 7px 32px;
    --menu-items-li-padding : 6px 10px 6px 22px;

    --calendar-font-size : 11px;
    --calendar-input-border-radius : 6px;
    --calendar-input-height : 28px;
    --calendar-input-margin-bottom : 6px;
    --calendar-th-height : 28px;
    --calendar-th-width : 30px;
    --calendar-icon-font-size : 13px;
    --calendar-popup-padding : 16px;
    --calendar-month-font-size : 13px;
    --calendar-month-padding-bottom : 0px;
    --calendar-popup-max-width : 504px;
    --calendar-inner-padding : 8px;
    --calendar-ranges-btn-margin-bottom : 6px;
    --calendar-ranges-btn-margin-right : 4px;
    --calendar-ranges-btn-padding : 6px 9px;
    --calendar-ranges-btn-radius : 6px;
    --calendar-footer-btn-gap : 4px;
    --calendar-footer-margin-top : 12px;

	--tab-cont-panel-height: calc(100vh - var(--main-header-height) - var(--menu-tab-height) - var(--content-padding-top) - var(--content-padding-bottom) - var(--tab-cont-padding-top));


	&.global-nav-bar ul li {
		padding-right : 0;
		padding-left : 0;
	}
}
/*--------------------------------- scale End ---------------------------------*/



body.sirius button {
    background: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
}

body.sirius button, select {
    text-transform: none;
}
body.sirius button, input {
    overflow: visible;
}
body.sirius button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: var(--font-size, 14px);
    line-height: var(--line-height, 20px);
    margin: 0;
    outline: none;
}


body.sirius input[type="text"], body.sirius input[type="password"] {
    width: 100%;
    height: 25px;
    padding: 0 0 0 8px;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;
    font-size: 14px;
    text-align: left;
    line-height: normal;
    color: #30313a;
    border: 1px solid #d8dee4;
    box-sizing: border-box;
    outline: none;
    border-radius: 3px;
}

body.sirius input[type="checkbox"],
body.sirius input[type="radio"] {
  margin: 0 0 0 15px;
  accent-color : var(--nav-background);
  height : var(--checkbox-size);
  width : var(--checkbox-size);
}

body.sirius input[type="checkbox"]:first-child,
body.sirius input[type="radio"]:first-child {
  margin: 0;
}

body.sirius [type="button"],
body.sirius [type="reset"],
body.sirius [type="submit"], button {
    -webkit-appearance: button;
}

body.sirius legend {
  display: block;
  position: absolute;
  top: -1000em;
  left: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body.sirius fieldset {
  padding: 0;
  border: none;
}

body.sirius a {
  text-decoration: none;
  background-color: transparent;
  color: #333;
}

body.sirius em {
  font-style: normal;
}

body.sirius h1,
body.sirius h2,
body.sirius h3,
body.sirius h4,
body.sirius h5,
body.sirius h6,
body.sirius t1,
body.sirius t2
{
  margin: 0;
  padding: 0;
  line-height: normal;
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", sans-serif;
}


body.sirius ::placeholder {
  color: #909090 !important;
}
/* scroll */
body.sirius ::-webkit-scrollbar {
  width: 15px;
}

body.sirius ::-webkit-scrollbar-thumb {
  background-color: #e2e2e2;
  background-clip: padding-box;
  border: 4px solid transparent;
  /* border-top-left-radius: 100px;
    border-bottom-right-radius: 50px; */
}

body.sirius ::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 0 0 5px 0;
}

/* scroll end */
body.sirius ::placehoder {
  opacity: 1;
  color: #bbb;
}

body.sirius h1 {
	font-weight: 700;
    font-size: 45px;
    line-height: 66px;
    letter-spacing: 0.3px;
    height: auto;
}

body.sirius h2 {
	font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.3px;
    height: auto;
}

body.sirius h3 {
    font-weight: 800;
    font-size: 24px;
    line-height: 38px;
    letter-spacing: 0.3px;
    height: auto;
}

body.sirius h4{
	font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.3px;
    height: auto;
}

body.sirius h5 {
	font-weight: 600;
    font-size: var(--font-size-h5, 16px);
    line-height: 26px;
    letter-spacing: 0.3px;
    height: auto;
    /*padding-bottom : 10px; 디자이너 요청 , 공통 소제목 패딩 추가*/
}

body.sirius h6 {
	font-weight: 600;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.3px;
    height: auto;
}
body.sirius t1 {
	font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 0.3px;
    height: auto;
}
body.sirius t2 {
	font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.3px;
    height: auto;
}

body.sirius .grid-toolbar .grid-helper .helper_wrap .helper-text {
	font-weight: 400;
    font-size: var(--font-size, 14px);
    letter-spacing: 0.3px;
}

body.sirius div:has(> .no-pad){
	padding : unset !important;
}

body.sirius .no-pad{
	padding : unset !important;
}

body.sirius .hover-pointer:hover{
	cursor: pointer;
}


/* Menu Title */
body.sirius .tit-fav {
    align-items: center;
    display: flex
}

body.sirius .tit-fav a#btnMultiLang {
	margin-left: 6px;

	&>i{
		font-size : var(--menu-title, 26px);
	}
}

body.sirius .tit-fav button.refresh-tab-btn {
    border-radius: 8px;
    position: inherit;
    padding: 4px;
    color: #626262;
    border: 1px solid #DFDFDF;
    display: flex;
    width: var(--refresh-btn-size, 32px);
    height: var(--refresh-btn-size, 32px);
	justify-content: center;
	margin-left: var(--refresh-btn-margin, 6px);
	margin-right: var(--refresh-btn-margin, 6px);
	align-items : center;
}

body.sirius .tit-fav button.refresh-tab-btn:hover {
	background-color: #f6f6f6;
}

body.sirius .tit-fav button.collapse-form-btn {
    border-radius: 8px;
    position: inherit;
    padding: unset;
    color: #2C2C2C;
    border: 1px solid #E9E9E9;
    display: flex;
    width: var(--collapse-form-btn-width, 138px);
    height: var(--button-height, 38px);
	justify-content: center;
	align-items: center;
	margin-left: auto;
	margin-right: 28px;
	background-color: #E9E9E9;
	gap: 5px;
	font-size : var(--font-size, 14px);
	line-height : var(--line-height, 26px);
}

body.sirius .tit-fav button.collapse-form-btn:hover {
	background-color: #f6f6f6;
}


/*
 * Popup
 * -----------------------------------------------------------------------------------
 */

body.sirius .modal.left.fade .modal-dialog {
    left: 0px;
}

body.sirius .modal-content .modal-header {
	padding:0px;
	/*collase버튼 left -20px만큼 재조정*/
	/*scroll 위치 right -20px만큼 재조정*/
	padding-left:20px;
	padding-right:20px;
	background:#fff;
	align-items: center;
	border: none;
}

body.sirius .modal-content .modal-header.pop_head {
	padding-left: 12px;
	padding-right: 12px;
}

body.sirius .modal-content .modal-header .tit_pop {
	color:#202020;
	font-size: var(--modal-header-font-size, 20px);
	font-weight:700;
	line-height: 0px;
}

body.sirius .modal .editDD {
    color: #333;
}

body.sirius .modal-content .modal-header .btn_close {
	position: unset;
	transform: none;
	width: var(--close-btn-size, 34px);
	height: var(--close-btn-size, 34px);
	color: #fff;
	border-radius: 3px;
	background: url(../../icon/svgs/di-close.svg) no-repeat center center;
	border: none;
	display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
	span{
		font-size: 24px;
		color: #747474;
		text-align: center;
		line-height: 1rem;
	}
}

body.sirius .modal-content .modal-header .btn_close:hover {
    background-color: #efefef;
}

body.sirius .modal-body {
	padding: 0px;
}

body.sirius .modal-content .modal-body {
	padding: 0px;

    /*collase버튼 left -20px만큼 재조정*/
  	/*scroll 위치 right -20px만큼 재조정*/
  	padding-left: 20px;
  	padding-right: 20px;
	/* margin-top: 24px; accordian button 안 보임*/
	padding-top: var(--modal-body-padding, 24px);
	overflow-y: auto;
}

body.sirius .modal-content .modal-body.pop_body {
	padding-left: 0px;
	padding-right: 0px;
}

body.sirius .modal-content .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: rgba(211, 211, 211, 0);
}
body.sirius .modal-content .modal-body::-webkit-scrollbar-thumb {
  background-color: #C2CCE3;
  border-radius: 8px;
  background-clip: initial;
}
body.sirius .modal-content .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 8px;
}

body.sirius .modal.modal-fullscreen .modal-body {
    min-height: auto;
}

body.sirius .modal.modal-fullscreen .modal-body {
    max-height: calc(-184px + 100vh);
}

body.sirius .modal-content {
  border: 1px solid #dfdfdf;
  border-radius: 12px;
  /*collase버튼 left -20px만큼 재조정*/
  /*scroll 위치 right -20px만큼 재조정*/
  padding: 24px 12px;
  background: #fff;
  width : 100%;
  font-size : var(--font-size, 14px);
}

body.sirius .modal-xl {
	max-width: var(--modal-xl-max-width, 1056px);
}
body.sirius .modal-lg {
	max-width: var(--modal-lg-max-width, 734px);
}
body.sirius .modal-md {
	max-width: var(--modal-md-max-width, 500px);
}
body.sirius .modal-sm {
	max-width: 320px;
}

body.sirius .modal .modal-footer {
	padding: 0px;
	margin-top: var(--modal-footer-margin-top, 24px);
    border: none;
    padding-left: 12px;
    padding-right: 12px;
}

body.sirius .modal .modal-footer .btn-group{
	gap:12px;
}

body.sirius .modal-backdrop {
    background-color:  #202020;
    opacity: 0.2 !important;
}

body.sirius .modal .modal-body {
    max-height: calc(100vh - 221px);
}

body.sirius .modal.modal-fullscreen .modal-body {
    height: calc(-155px + 100vh);
    max-height: calc(-155px + 100vh);
}

body.sirius .modal.left .modal-body {
    height: calc(-155px + 100vh);
    max-height: calc(-155px + 100vh);
}

body.sirius .modal.right .modal-body {
    height: calc(-155px + 100vh);
    max-height: calc(-155px + 100vh);
}

body.sirius .modal-body .cond_wrap {
	margin-left: 12px;
    min-height: 116px;
    padding: 12px 36px;
    border: 1px solid #dee2e6;
    overflow-y: auto;
    margin-right: 12px;
    border-radius: 8px;
}

body.sirius .modal-body .cond_wrap .list_cond li p.default .bullet {
    margin-right: 5px;
}

/*
 * input label
 * -----------------------------------------------------------------------------------
 */

/* 조회용 */


/* 입력용 */
body.sirius .tit-item {
	flex-wrap: wrap;
    position: relative;
    display: flex;
    width: 100%;
    height: auto;
    align-items: center;
    align-content: center;
    background: #ffffff;
    padding: 0;
    text-align: start;
    white-space: nowrap;
    font-size: var(--tit-item-font-size, 13px);
    color: #747474;
    font-weight: 500;
}

body.sirius .required:not(.no-mark):after {
    content: "*";
    margin: 0;
    position: relative;
    top: 0;
    left: 3px;
    color: #f04349;
    font-weight: 500;
    font-size: 12px;
}

body.sirius.theme-portal .tit-grid {
	width: max-content;
    font-size: initial;
    line-height: 26px;
    background: none !important;
    padding-left: 10px;
}

/* Form
*
*
*/

/** 검색 form **/
body.sirius .search-wrap {
    position: relative;
    margin-bottom: var(--container-section-gap);
    background: #ffffff;
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    padding: var(--search-wrap-padding, 14px 8px 2px 8px);
}

body.sirius.theme-portal .builder-base .search-wrap {
    border-top: 1px solid #DFDFDF;
}

/*내부가 전체 disable 된 경우에는 적용시키지 않도록 수정함*/
body.sirius form[data-form-type="R"] .form-group:has(>*:not([style*="display:none"] )) {
	margin-top: auto;
	margin-bottom : var(--search-form-margin-bottom, 12px);
	padding: var(--form-group-padding, 0 12px);
}

body.sirius form[data-form-type="R"] .search-group:has(> label) .form-group:has(>*:not([style*="display:none"] )) {
	margin-top: unset;
}

body.sirius form[data-form-type="S"] .search-group:has(> label) .form-group:has(>*:not([style*="display:none"] )) {
	margin-top: unset;
}

body.sirius form[data-form-type="S"] .form-group:has(>*:not([style*="display:none"] )) {
	margin-top: auto;
	margin-bottom : var(--form-group-margin-bottom, 10px);
	padding: var(--form-group-padding, 0 12px);
}

body.sirius .builder-base form[data-form-type="S"] .row.builder-form-row:not(:nth-of-type(1)){
	margin-top: 0rem!important;
}


/* jsp 파일에 form-group 누락됨 */
body.sirius .search-group .form-group{
	margin-top: auto;
	margin-bottom: 12px;
	padding: var(--form-group-padding, 0 12px);
}

.builder-base form[data-form-type="R"] .row.builder-form-row:not(:first-child) {
    margin-top: 0 !important;
}

body.sirius .alpha-grid .row:last-child .form-group {
	margin-bottom : 0px;
}


body.sirius .search-group {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 1;
}

body.sirius .search-group.number-type {
    align-items: flex-end;
}

body.sirius .search-group.number-type input[type="number"]{
	text-align: end;
}

body.sirius .search-group .form-control {
	height : var(--input-height, 38px);
}

body.sirius .search-group .search-tit {
    display: block;
    margin-bottom: var(--label-margin-bottom, 2px);
    text-align: start;
    white-space: nowrap;
    padding: 0px;
    font-size: var(--font-size, 14px);
    color: #454545;
    font-weight: 600;
    padding: var(--form-group-padding, 0 12px);
    line-height: 150%;
    letter-spacing: 0.3px;
}

body.sirius .search-wrap .col > button.btn-search,
body.sirius .search-wrap .row > button.btn-search,
body.sirius .search-wrap .col > button.btn-blue-dark,
body.sirius .search-wrap .row > button.btn-blue-dark,
body.sirius .search-wrap .col > button.btn-popup,
body.sirius .search-wrap .row > button.btn-popup,
body.sirius .search-wrap .col > button.btn-form,
body.sirius .search-wrap .row > button.btn-form,
body.sirius .search-wrap .col > button.btn-form-secondary,
body.sirius .search-wrap .row > button.btn-form-secondary
{
	margin-top: var(--search-button-margin-top, 27px);
	margin-bottom: 12px;
	margin-right: 10px;
}

body.sirius .builder-base form[data-form-type="R"] .row.builder-form-row:not([type="hidden"]) + .row.builder-form-row:not([type="hidden"]){
	margin-top: 16px;
}

body.sirius .builder-base form[data-form-type="R"] .search-wrap .row.builder-form-row:first-of-type {
	margin-top : 0 !important;
}

/** 입력 form **/

body.sirius form .builder-form-row .tit-grid {
    background: none;
    line-height: 150%;
    letter-spacing: 0.3px;
    font-size: var(--form-tit-grid-size, 15px);
    font-weight: 600;
    margin-bottom: 16px;
    color: #2C2C2C;
}

body.sirius form:first-child {
    padding: 0;
    border-top: none;
    margin: 0 0 0;
}

body.sirius form {
    clear: both;
    display: block;
    position: relative;
    margin-top: var(--container-section-gap);
}

body.sirius form + form {
    margin-top: 0px;
}

body.sirius.theme-portal .alpha-grid, .theme-portal .table:not([role="grid"]) {
	border-top: none !important;
}
body.sirius .alpha-grid {
	border-top: none !important;
    border: none !important;
    /* margin-bottom: var(--container-section-gap); */
}
body.sirius .alpha-row > .col + .col {
    border-left: none;
    align-items : flex-start; /* feedback이 발생하는 경우 정렬리 뒤틀리게 되어서 모든 컴포넌트를 상단에 고정하도록 함. 디자이너 요청*/
}
body.sirius .alpha-row > .col {
    border-bottom: none;
    align-items : flex-start;
}
body.sirius.small-scale .alpha-row .col {
    min-height: auto;
    padding : 0px;
    align-items: flex-start;
}
body.sirius.small-scale form .alpha-row .col:first-child{
	padding-left : 0;
}
body.sirius.small-scale form .alpha-row .col:last-child{
	padding-right : 0;
}

body.sirius .alpha-grid:after {
    content: unset;
}

body.sirius .alpha-row:after {
    width: 0px;
    height: 0px;
    background: none;
}

body.sirius .row.builder-form-row.border-line {
	border-bottom: 1px solid #E9E9E9;
}


/*
 * Wijmo (grid 등)
 * -----------------------------------------------------------------------------------
 */



 /*
 * 기타 컴포넌트
 *	------------------------------------------------------------------------------------
 */


/* Heading */
body.sirius .tit-grid {
	background : none;
}


/*text*/

body.sirius .text-control{
	min-height : var(--input-height, 38px);
	padding : 8px 8px;
	font-size : var(--font-size, 14px);
	display : flex;
	align-items : center;
}



/*기본 grid input*/
body.sirius .wj-template .wj-input {
	max-height : var(--input-height, 38px);
	height : var(--input-height, 38px);
}


/*textarea
* ---------------------------------------------------------------
*/


body.sirius .form-group .textarea-fullscreen-wrap .form-control {
 	height : var(--textarea-height, 100px);
    padding: 6px 0 0 16px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    color: #111111;
    box-sizing: border-box;
    outline: none;
    width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding-right: 10px;
    margin-top: 6px;
    outline-color: #dfdfdf;
    letter-spacing: 0.3px;
 }

body.sirius  .form-group .textarea-fullscreen-wrap .form-control:focus {
    outline: none !important;
    border:1px solid #dfdfdf !important;
  }

/* #1681 Input Validation 디자인 오류 */
body.sirius  .form-control.form-control-sm.is-valid {
	padding-right: 1.750rem;
}

/* Radio button
* ---------------------------------------------------------------
*/

/*
body.sirius  .form-group .radio-wrap .input-radio:checked {
    border-width: 4px;
    border-color: var(--ERP-600);
}
*/

body.sirius  .form-group .radio-wrap .input-radio {
    display: none;
}

body.sirius .form-group .radio-wrap .input-radio + label {
  line-height: 1.2;
  vertical-align: top;
  font-size : var(--font-size, 14px);
}

body.sirius .form-group .radio-wrap label::before {
  content: "";
  display: inline-block;
  width: var(--radio-input-size, 16px);
  min-width : var(--radio-input-size, 16px);
  height: var(--radio-input-size, 16px);
  margin-right: 10px;
  border: 1.5px solid #9d9d9d;
  background: #ffffff;
  border-radius: 50%;
  vertical-align: top;
  margin-left: 2px;
}

body.sirius .radio-wrap label {
	display : flex;
	align-items : center;
	margin-right : 12px;
	color: #111111;
    font-weight: 400;
    font-size: var(--font-size, 14px);
    margin-bottom: 0px;
    line-height : var(--line-height, 20px);
}

 body.sirius .form-group .radio-wrap label:has(.input-radio:checked)::before{
    border-width: var(--radio-input-border, 4px);
    border-color: var(--ERP-600);
}

body.sirius  .form-group .radio-wrap .input-radio:hover {
  accent-color : var(--ERP-500);
}

body.sirius .form-group .radio-wrap {
	min-height : var(--input-height, 38px);
	height : auto;
}


/* checkbox
* ---------------------------------------------------------------
*/

body.sirius .checkbox {
    display: none;
}

body.sirius .checkbox-icon {
	display : flex;
	align-items : center;
	gap : var(--checkbox-gap, 8px);
    padding: 10px 4px;
    height: var(--input-height, 38px);
    margin: 0;
    font-size: var(--font-size, 14px);
}
body.sirius .input-group-custom .checkbox-icon {
	margin-left : 0;
}

body.sirius .checkbox-icon::before{
  content:'';
  display: block;
  display: inline-block;
  width: var(--checkbox-size, 14px);
  height: var(--checkbox-size, 14px);
  background-color: transparent;
  border: 1px solid #9D9D9D;
  box-sizing:border-box;
  position: relative;
  cursor: pointer;
  border-radius : var(--checkbox-radius, 4px);
}

body.sirius .checkbox-icon:has(input:checked)::before{
  background: url(../../icon/svgs/di-checklist.png) no-repeat center;
  background-color: var(--ERP-600);
  border : 1px solid var(--ERP-600);
}


body.sirius .wj-cell .v-center:has([type="checkbox"]) {
	top: 0;
    transform: none;
}

body.sirius .wj-flexgrid .wj-cell input.wj-column-selector.wj-column-selector-group {
	transform : none;
}

/* login checkbox */
body.sirius .col.chk-login > div{
	display: flex;
	align-items: center;
}

/*heading*/
body.sirius .builder-base .tit-grid .collapse-btn {
	/*(김병수상무님 요청) 버튼 위치 왼쪽으로 */
	position: relative;
    border: none;
    left: -5px;
    top: 0;
    width: 0;
    margin-right: 10px;
}

/* switch
* --------------------------------------------------------------
*/

body.sirius .wj-cell.switch input[type=checkbox] {
  opacity: 0;
  width: 44px;
  height: 24px;
  z-index: 2;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.sirius .wj-cell.cell-readonly.switch input[type=checkbox],
body.sirius .wj-cell.cell-readonly.switch input[type=checkbox]:hover {
	pointer-events: none;
	opacity: 0;
}

body.sirius .wj-cell.switch input[type=checkbox] + span {
  display: block;
  width: var(--switch-width, 44px);
  height: var(--switch-height, 24px);
  background-color: #B9B9B9;
  border-radius: 1em;
  transition: background-color 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 중앙 정렬 */
}

/*readonly 시 GRAY SCALE-300 */
body.sirius .wj-cell.switch.cell-readonly input[type=checkbox] + span {
  display: block;
  width: 44px;
  height: 24px;
  background-color: #D9D9D9;
  border-radius: 1em;
  transition: background-color 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 중앙 정렬 */
}

body.sirius .wj-cell.switch input[type=checkbox] + span:before {
  content: "";
  position: absolute;
  width: var(--switch-span-size, 18px);
  height: var(--switch-span-size, 18px);
  left: 3px;
  top: 3px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s;
  opacity: 1;
}

body.sirius .wj-cell.switch input[type=checkbox] + span:after {
    content: unset;
}


body.sirius .wj-cell.switch input[type=checkbox]:checked + span {
  background-color: var(--ERP-500);
}

/* readonly 시 색상 ERP-200 */
body.sirius .wj-cell.switch.cell-readonly input[type=checkbox]:checked + span {
  background-color: var(--ERP-200);
}

body.sirius .wj-cell.switch input[type=checkbox]:checked + span:before {
 transform: translateX(var(--switch-checked-translateX, 20px));

}

body.sirius .wj-cell.cell-readonly input[type="checkbox"],
body.sirius .wj-cell.cell-readonly input[type="radio"] {
	pointer-events: none;
	opacity: 0.5;
}



/* input box
* ---------------------------------------------------------------
*/

body.sirius .form-group .form-control {
	width: 100%;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding-right: 10px;
    color: #30313a;
}
body.sirius .form-group .form-control:focus{
	outline : none ;
	border-color : #dfdfdf !important;
}

body.sirius .form-group .form-control::placeholder {
  color: #909090 !important;
}

body.sirius .form-group .wj-form-control:not(textarea),
body.sirius .wj-control .wj-input-group .wj-form-control:not(textarea),
body.sirius .form-control:not(textarea){
	height : var(--input-height, 38px);
	padding-left : 16px;
    font-size: var(--font-size)!important;
    font-weight: 400;
    line-height: 26;
    letter-spacing: 0.3px;

    &:placeholder{
    	font : var(--font-size, 14px);
    }
}

body.sirius .form-group .wj-form-control:not(textarea)::placeholder,
body.sirius .wj-control .wj-input-group .wj-form-control:not(textarea)::placeholder,
body.sirius .form-control:not(textarea)::placeholder{
    font-size: var(--font-size, 14px);
    font-weight: 400;
    color: #909090 !important;
    line-height: 26px;
    letter-spacing: 0.3px;
}

body.sirius .form-group .form-control[readonly] {
    background-color: #f5f5f5;
    opacity: 1;
}

body.sirius .wj-content {
	border : 1px solid #d9d9d9;
}




/* select box
* ---------------------------------------------------------------
*/


body.sirius .small-scale .wj-input {
	max-height: 35px !important;
	height : 35px;
}

body.sirius .small-scale .wj-form-control::placeholder {
	color: #909090 !important;
    font-size: var(--font-size, 14px);
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.3px;
}

body.sirius .__base .form-group .wj-content,
body.sirius .builder-base:not(.search-form-modal) .wj-control:not([role="tree"]):not([role="grid"]):not([role="listbox"]),
body.sirius .form-control:not(.textarea){
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: var(--input-radius, 8px);
    height: var(--input-height, 38px);
    width: 100%;
    display : flex;
    align-items : center;
    font-size: var(--font-size, 14px);
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0.3px;
}

/* 서치폼 모달 내부 디자인 수정 */
body.sirius .builder-base.search-form-modal .wj-control:not([role="tree"]):not([role="grid"]):not([role="listbox"]).wj-multiselect,
body.sirius .builder-base.search-form-modal .wj-control:not([role="tree"]):not([role="grid"]):not([role="listbox"]).wj-combobox
{
	border-radius : 8px;
}
body.sirius .builder-base.search-form-modal .wj-control:not([role="tree"]):not([role="grid"]):not([role="listbox"]).wj-multiselectlistbox{
    height: unset;
}

body.sirius .wj-state-readonly:not(.wj-multiselect):not([role='grid']),
body.sirius .wj-control[disabled="disabled"] {
	background-color: #f5f5f5;
    opacity: 1;
}

body.sirius .wj-form-control:disabled,
body.sirius .wj-form-control[readonly] {
	background-color: #f5f5f5 ;
	opacity: 1 !important;
}
body.sirius .wj-multiselect .wj-form-control:not([disabled="disabled"]){
	background-color : #fff;
}


body.sirius .wj-dropdown:focus-within {
	outline : none !important;
	border: 1px solid #dfdfdf !important;
}

body.sirius .wj-control.wj-listbox {
    border: 1px solid #c4c4c4;
    background: #ffffff !important;
    box-shadow: 4px 4px 14px rgba(0, 0, 0, 0.15);
    z-index: 3;
    /*border-radius: 8px;*/
}

body.sirius .wj-content.wj-multiselectlistbox .wj-listbox {
    border: none !important;
}

body.sirius .wj-control.wj-listbox.filter-on {
    margin-top: 40px;
}

body.sirius .wj-content.wj-multiselectlistbox .wj-listbox input[wj-part='filter']{
    height: 37px;
}

body.sirius .wj-content.wj-dropdown-panel {
    border-radius: 8px !important;
}

body.sirius .wj-control.wj-listbox .wj-listbox-item {
    font-size: var(--font-size, 14px);
    cursor: pointer;
    padding: 8px 8px !important;
    margin-bottom: 0 !important;
    text-align: left;
}
body.sirius .wj-listbox-item.dropdown-item-header{
	border-left: 1px solid #c4c4c4;
	border-top: 1px solid #aaa !important;
	border-top-left-radius: 8px;
}

body.sirius .wj-listbox-item.dropdown-item-header.filter-on{
    margin-top: 37px;
	border-top-left-radius: 0px !important;
}

body.sirius .wj-control.wj-listbox .wj-listbox-item.wj-state-selected:hover {
	background: var(--ERP-50) !important;
    color: var(--ERP-600);
}

body.sirius .wj-control.wj-listbox .wj-listbox-item.wj-state-selected {
	background: var(--ERP-50) !important;
    color: var(--ERP-600);
    font-weight : 600;
}

/*
body.sirius .builder-base .wj-control .wj-state-selected,
body.sirius .wj-control .wj-state-selected {
	background: var(--ERP-50) !important;
    color: var(--ERP-600);
    font-weight : 600;
}
*/

body.sirius .alpha-row > .col .row:not(.alpha-row) .col + .col:not(.col-border-left){
	border-left : none !important;
}

/*
body.sirius .wj-input-group .wj-input-group-btn > button[aria-label="Toggle Dropdown"]{
	border: none;
	background: url(../../icon/svgs/di-angle-down.svg) no-repeat center !important ;
}*/

body.sirius .wj-glyph-down {
	border : none;
}

body.sirius button:has(.wj-glyph-down)
{
	mask-image : url(../../icon/daafIcons/di-angle-down.svg) !important ;
	-webkit-mask: no-repeat center / contain;
}
body.sirius .input-group-custom .wj-control:has(+ input.hide + button.btn-popup) button:has(.wj-glyph-down) {
  margin-right : 30px;
}

body.sirius button:has(.wj-glyph-down):hover
{
	background: url(../../icon/svgs/di-angle-down.svg) no-repeat center !important ;
}


body.sirius .wj-dropdown-panel .wj-listbox-item.dropdown-line-wrap:not(:last-child), .wj-dropdown-panel .wj-listbox-item:has(table.dropdown-line):not(:last-child) {
	border-bottom : 0 !important;
}

body.sirius .wj-control.wj-dropdown > .wj-template{
	width : 100%;
}

body.sirius .wj-control .wj-input-group .wj-input-group-btn{
	width : 0;
}

body.sirius .builder-base .wj-control .wj-input-group .wj-input-group-btn .wj-btn{
	top : 50%;
	transform : translateY(-50%);
	background : #909090;
	margin-top : 0;
}

/*auto complete*/
body.sirius .wj-combobox.wj-autocomplete:not(.combo-search-filtering) .wj-input-group-btn:not([disabled])::after {
	/*background: url(../../icon/svgs/di-angle-down.svg) no-repeat center; */
	display : none;
}

body.sirius .wj-combobox.wj-autocomplete:not(.combo-search-filtering) .wj-input-group-btn button:has(.wj-glyph-down){
	/* background : none!important; */
}

/*키보드 키*/
body.sirius .wj-combobox.wj-autocomplete:not(.combo-search-filtering)  .wj-input-group-btn > .wj-btn > .wj-glyph-down::after,
body.sirius .wj-combobox.wj-autocomplete:not(.combo-search-filtering)  .wj-input-group-btn > .wj-btn > .wj-glyph-down::before,
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::after,
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::before{
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    border-radius: 4px;
    background: currentColor;
	color: #e7dada;
}
/*키보드 키*/
body.sirius .wj-combobox.wj-autocomplete:not(.combo-search-filtering) .wj-input-group-btn > .wj-btn > .wj-glyph-down::before,
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::before{
    top: 2px;
    box-shadow:
        4px 0 0,
        8px 0 0,
        0 4px 0,
        4px 4px 0,
        8px 4px 0;
    width: 2px;
    left: 2px;
}
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::before{
    left: unset;
    right: 23px;
    top: calc(50% - 5px);
}
body .wj-combobox.wj-autocomplete:not(.combo-search-filtering) .wj-input-group-btn > .wj-btn > .wj-glyph-down::after,
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::after{
    width: 8px;
    bottom: 2px;
    left: 3px;
}
body.sirius .wj-flexgrid .wj-cell.column-autocomplate:not(.wj-header)::after{
    left: unset;
    right: 17px;
    bottom: calc(50% - 4px);
}
/*키보드 테두리*/
body .wj-combobox.wj-autocomplete:not(.combo-search-filtering) .wj-input-group-btn > .wj-btn > .wj-glyph-down {
	box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(1);
    width: 26px;
    height: 18px;
    border: 2px solid;
    border-radius: 3px;
    top: 0px;
    right: -8px;
	color: #e7dada;
}
body.sirius .wj-flexgrid .wj-cell.keyboard-wrapper:not(.wj-header)::after {
    content: "";
    position: absolute;
    top: calc(50% - 9px);
    right: 4px;
    width: 26px;
    height: 18px;
    border: 2px solid currentColor;
    border-radius: 3px;
    z-index: 1;
    background: transparent;
    pointer-events: none;
    color: #e7dada;
}

body.sirius > div.wj-dropdown.wj-autocomplete.wj-state-focused > .wj-template button.wj-btn > .wj-glyph-down::before{
	color: #000;
}

body.sirius .form-group.has-error .wj-combobox.wj-state-focused {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

/* file upload
* ------------------------------------------------------------------------------------
*/

body.sirius .dropdownZone {
    gap: 0;
    padding: var(--fileupload-dropdownZone-padding, 14px);
    border: 1px solid #C8D4D9;
    border-radius: 8px;
    background-color: #F6F9FA;
    cursor: pointer;
    width: 100%;
    margin-top: 0px;
    display : flex;
    align-items : center;
    flex-direction: column;

	& .dropdownIcon{
		color : #8499A2;
	}

	>div {
		display : flex;
	}

    > div >.dropdownText {
   	    font-size: var(--font-size, 14px);
    	line-height: 1.32em;
        padding: var(--dropdownText-padding, 6px 0 8px 0);
		color : #8499A2;
    }

    > div >.selectFileText {
    	padding: var(--selectFileText-padding, 6px 0 8px 3px);
    	margin: 0;
	    color: rgba(0, 111, 230, 1);
    	cursor: pointer;
        font-size: var(--font-size, 14px);
    	font-weight: 400;
   		text-decoration: underline;
    }
}

body.sirius .modal-body .file-upload >.btn-group {
	display : none;
}

body.sirius .filesListContainer .filesList {

	margin-top : 20px;

	> .fileItem {
		border : none;
		font-size : var(--font-size, 14px);
		height: 42px;
		margin : 0;

		> .itemIcon {
			background : none;
			display :flex;
			align-items : center;
			width: auto;
		    margin-left: 16px;
		    min-width: 0;
		}

		> .itemContent {
			margin : 0;
			padding-left : 8px;

			>.contentColumn{
				width : 100%;
				align-items: center;
	            height: 42px;
	            margin :0;

				> .itemTitle {
					width : auto;
					margin-right : 8px;
				}
				> .itemSize {
					font-size : 12px;
					color : #9D9D9D;
					width : auto;
					margin-right : 8px;
				}
			}

			>.buttonColumn {
				> .btn {
					background : none;
				}

			}
		}
	}
}

body.sirius .form-group .icon_inp_wrap {
	border-radius: 8px;
    height: var(--input-height, 38px);
    border: 1px solid #dfdfdf;
}

body.sirius .form-group .icon_inp_wrap > a{
	border-radius: 8px;
    height: var(--input-height, 38px);
    width : var(--input-height, 38px);
    border-top-left-radius : 0;
    border-bottom-left-radius : 0;
    display : flex;
    align-items : center;
    justify-content : center;
    border: 1px solid #dfdfdf;
}


body.sirius .file-upload .drag-and-drop{
	border : 1px solid #C8D4D9;
	border-radius : 8px;
	background : #F6F9FA;
	color : #8499A2;
	font-size : var(--font-size, 14px);
}


/* fileupload popup */

body.sirius .file-progress-info {
		& .statusbar{
			background-color : #FFFFFF;
			border-top : #D9D9D9;

			&>.col{
				display : flex;
				justify-content : center;
			}

			&.odd{
				background-color : #ECECEC;
			}

			& .filename {
				display : flex;
				justify-content : center;
				width : 30%;

				& .filename-text {
					white-space : nowrap;
					text-overflow : ellipsis;
					overflow : hidden;
					min-width : 0;
					font-weight : 400;
					color : #111111;
					font-size : var(--font-size, 14px);
					line-height : 26px;
				}
			}

			& .filesize {
				font-weight : 400;
				color : #111111;
				font-size : var(--font-size, 14px);
				line-height : 26px;
			}

			& .progressbar > div {
				background-color : var(--ERP-500);
			}


		}
}




/* datepicker
* ---------------------------------------------------------------
*/

body.sirius  .form-group .date {
	/* width : 120px; */ /* 반응형 이슈로 삭제 */
	padding-right: 32px;

}

body.sirius  .form-group .dateRange {
	width : 120px;
	padding-right: 32px;
}

body.sirius .form-group .input-group {
	display : flex;
	align-items : center;

	& .input-group-append {
		& >button:has(.di-calendar){
			width : 24px;
			color: #909090;
		}
	}
}

body.sirius .input-group-append button,
body.sirius .builder-base .wj-input-group button
 {
	position : absolute;
	right : var(--input-icon-right, 16px);
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;

    height : var(--wj-select-icon-size, 20px) !important;
    min-width : var(--wj-select-icon-size, 20px) !important;
    min-height : var(--wj-select-icon-size, 20px);

    background: transparent;
    border: none;
    display : flex;
    align-items : center;
}

/* 아래거로 인해, 위의 right : 16px 깨지면서 datepicker 아이콘이 우측으로 붙음 */
/* body.sirius .modal-xl .input-group-append button {
	right : 3px;
} */

body.sirius .builder-base .wj-input-group >input {
	padding-right : 32px !important;
	padding-left : 16px !important;
}

/*
body.sirius  .input-group-append button i {
	height : 20px;
	width : 20px;
}
*/

body.sirius .wj-control .wj-input-group .wj-input-group-btn:disabled{
	display : none;
}

body.sirius .date:disabled + .input-group-append button,
body.sirius .date[readonly] + .input-group-append button {
    background-color: transparent;
}

body.sirius .input-group-append {
    margin-left: 0px;
    z-index : 10;
    display : flex;
    align-items : center
}

	/*datepicker의 경우에는 required 일 경우 X, 체크 표시 삭제*/
body.sirius .form-control.is-invalid,
body.sirius .was-validated .form-control:valid,
body.sirius .form-control.date.is-invalid, .was-validated .form-control:invalid {
	background-image : none;
}

body.sirius .daterangepicker .daterangepicker_input i {
	top : 6px;
}

/** Range Date Picker **/
body.sirius .daterangepicker.custom-daterangepicker.show-calendar {
	padding: var(--calendar-popup-padding, 24px);
	border-radius: 8px;
    width: auto;
    max-width: var(--calendar-popup-max-width, 650px);
    color: #2C2C2C;
}

body.sirius .daterangepicker.custom-daterangepicker .daterangepicker_input {
	padding-right: 0px !important;
}

body.sirius .daterangepicker.custom-daterangepicker .input-mini {
	border-radius: var(--calendar-input-border-radius, 8px) !important;
	padding: 8px 12px;
    font-size: var(--calendar-font-size, 13px) !important;
    height: var(--calendar-input-height, 32px);
    margin-bottom: var(--calendar-input-margin-bottom, 10px);
}

body.sirius .daterangepicker.custom-daterangepicker .calendar.left {
	padding: 0px var(--calendar-inner-padding, 12px) var(--calendar-inner-padding, 12px) 0px !important;
	margin: 0px !important;
}

body.sirius .daterangepicker.custom-daterangepicker .calendar.right {
	padding: 0px 0px var(--calendar-inner-padding, 12px) var(--calendar-inner-padding, 12px) !important;
	margin: 0px !important;
}

/** range date picker toggle button **/

/* Quick Select Header */
body.sirius .daterangepicker.custom-daterangepicker .drp-quick-select-header {
    font-weight: 600;
    color: #202020;
    font-size: var(--font-size, 14px);
    margin-bottom: 10px;
}
body.sirius .daterangepicker.custom-daterangepicker .drp-quick-select-header .switch {
    float: right;
}
body.sirius .daterangepicker.custom-daterangepicker .switch {
  position: relative;
  display: inline-block;
  width: var(--calendar-switch-width, 34px);
  height: var(--calendar-switch-height, 20px);
}
body.sirius .daterangepicker.custom-daterangepicker .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
body.sirius .daterangepicker.custom-daterangepicker .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B9B9B9;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}
body.sirius .daterangepicker.custom-daterangepicker .slider:before {
  position: absolute;
  content: "";
  height: var(--calendar-slider-size, 14px);
  width: var(--calendar-slider-size, 14px);
  left: var(--calendar-slider-left, 3px);
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
body.sirius .daterangepicker.custom-daterangepicker input:checked + .slider {
  background-color: var(--ERP-500);
}
body.sirius .daterangepicker.custom-daterangepicker input:focus + .slider {
  box-shadow: 0 0 1px var(--ERP-500);
}
body.sirius .daterangepicker.custom-daterangepicker input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
body.sirius .daterangepicker.custom-daterangepicker .slider.round {
  border-radius: 34px;
}
body.sirius .daterangepicker.custom-daterangepicker .slider.round:before {
  border-radius: 50%;
}

/* Calendar Table Styling */
body.sirius .daterangepicker.custom-daterangepicker table {
    margin-top: 0; /* 입력창과 달력 테이블 사이 간격은 input margin-bottom으로 제어 */
    width: 100%;
    border-collapse: collapse;
}

/* Calendar Header (Month/Year Navigation) */
body.sirius .daterangepicker.custom-daterangepicker th.month {
    font-size: var(--calendar-month-font-size, 16px);
    font-weight: bold;
    color: #202020;
    padding: 0 0 var(--calendar-month-padding-bottom, 5px) 0;
    white-space: nowrap;
    text-align: center; /* 년월 텍스트 중앙 정렬 */
}

body.sirius .daterangepicker.custom-daterangepicker th.prev,
body.sirius .daterangepicker.custom-daterangepicker th.next {
    font-size: var(--calendar-icon-font-size, 17px);
    color: #888;
    cursor: pointer;
    vertical-align: middle;
}


/* 요일 표시 부분 (월화수목금토일) */
body.sirius .daterangepicker.custom-daterangepicker .calendar-table thead tr:last-child th {
    background-color: #ffffff; /* 요일 배경색 */
    color: #626262; /* 요일 글자색 */
    font-size: var(--font-size, 14px);
    font-weight: 600;
    height: var(--calendar-th-height, 32px) !important;
    width: var(--calendar-th-width, 34px) !important;
}

/* 날짜 셀 */
body.sirius .daterangepicker.custom-daterangepicker td,
body.sirius .daterangepicker.custom-daterangepicker th {
    height: var(--calendar-th-height, 32px) !important;
    width: var(--calendar-th-width, 34px) !important;
    font-size: var(--calendar-font-size, 13px);
    border: none;
    border-radius: 4px !important;
    transition: background-color 0.2s ease, color 0.2s ease;
    color: #202020;
}

body.sirius .daterangepicker.custom-daterangepicker td.today {
    font-weight: bold;
    color: #202020;
}

body.sirius .daterangepicker.custom-daterangepicker td.available:hover {
    background-color: var(--ERP-50) !important;
    color: #202020 !important;
    border-radius: 4px !important;
}

body.sirius .daterangepicker.custom-daterangepicker td.active,
body.sirius .daterangepicker.custom-daterangepicker td.active:hover {
    background-color: var(--ERP-500) !important;
    color: #fff !important;
    border-radius: 4px !important;
}

/* 선택된 날짜 범위 배경 */
body.sirius .daterangepicker.custom-daterangepicker td.in-range {
    background-color: var(--ERP-50) !important;
    color: #202020 !important;
    border-radius: 0 !important; /* 범위 내 날짜는 사각형 */
}

body.sirius .daterangepicker.custom-daterangepicker td.start-date {
    border-radius: 4px 0px 0px 4px !important;
    background-color: var(--ERP-500) !important;
    color: #fff !important;
}

body.sirius .daterangepicker.custom-daterangepicker td.end-date {
    border-radius: 0px 4px 4px 0px !important;
    background-color: var(--ERP-500) !important;
    color: #fff !important;
}

body.sirius .daterangepicker.custom-daterangepicker td.start-date.end-date {
    border-radius: 4px !important;
}

/* 회색 비활성화 날짜 */
body.sirius .daterangepicker.custom-daterangepicker td.off {
    color: #B9B9B9 !important;
    background-color: transparent !important;
}

/* 선택 불가능한 날짜 */
body.sirius .daterangepicker.custom-daterangepicker td.disabled {
    color: #ccc !important;
    cursor: not-allowed !important;
    text-decoration: none !important; /* 취소선 제거 */
}

/* Quick Range Buttons (generated by .ranges ul li) */
body.sirius .daterangepicker.custom-daterangepicker .ranges {
    float: none;
    width: 100%;
    margin: 15px 0;
    padding: 0 !important;
    clear: both;
    display: unset;
}

body.sirius .daterangepicker.custom-daterangepicker .ranges ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 490px
}

body.sirius .daterangepicker.custom-daterangepicker .ranges li {
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    border-radius: var(--calendar-ranges-btn-radius, 8px);
    color: #2C2C2C;
    padding: var(--calendar-ranges-btn-padding, 6px 12px);
    font-size: var(--calendar-font-size, 13px);
    text-align: center;
    cursor: pointer;
    height: var(--calendar-input-height, 32px);
    margin-bottom: var(--calendar-ranges-btn-margin-bottom, 10px);
    margin-right: var(--calendar-ranges-btn-margin-right, 8px);
}

body.sirius .daterangepicker.custom-daterangepicker .ranges li:hover {
    background-color: var(--ERP-50);
    border-color: var(--ERP-300);
    color: var(--ERP-500);
}

body.sirius .daterangepicker.custom-daterangepicker .ranges li.active {
    background-color: var(--ERP-50);
    border-color: var(--ERP-300);
    color: var(--ERP-500);
}

body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li[data-range-key="1"] {
	border-radius: var(--calendar-ranges-btn-radius, 8px) 0px 0px var(--calendar-ranges-btn-radius, 8px) !important;
}

body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li[data-range-key="12"] {
	border-radius: 0px 8px 8px 0px !important;
	border-right: 1px solid #D9D9D9;
}


body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    width: 485px;
    justify-content: flex-start;
}

body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li {
    /* 월별 버튼에 특화된 스타일 */
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    color: #2C2C2C;
    padding: var(--calendar-ranges-btn-radius, 6px 12px); /* 텍스트가 중앙에 오도록 패딩 조정 */
    font-size: var(--calendar-font-size, 13px);
    text-align: center;
    cursor: pointer;
    height: var(--calendar-input-height);
    margin-bottom: 0; /* 월별 버튼은 한 줄이므로 아래 마진 제거 */
    margin-right: 0; /* 월별 버튼끼리는 마진 없음 */
    border-radius: 0; /* 모서리 둥글게 하지 않음 (하나의 띠처럼 보이기 위함) */
    border-right: 1px solid #ffffff; /* 오른쪽 테두리 제거하여 붙어 보이게 */
    flex-basis: auto; /* 내용물에 따라 너비 조정 (또는 min-width로 고정) */
    min-width: var(--input-height, 38px);
    display: flex;
    justify-content: center;
}


/* 호버/활성화 상태도 마찬가지 */
body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li:hover {
    background-color: var(--ERP-50);
    border-color: var(--ERP-300);
    border-right: 1px solid var(--ERP-300);
    color: var(--ERP-500);
}
body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li.active {
    background-color: var(--ERP-50);
    border-color: var(--ERP-300);
    border-right: 1px solid var(--ERP-300) !important;
    color: var(--ERP-500);
}

body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li:hover + li,
body.sirius .daterangepicker.custom-daterangepicker .ranges ul.ranges-months li.active + li {
    border-left: none;
}


/* Action Buttons Container */
body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container {
    display: flex;
    justify-content: flex-end;
    gap: var(--calendar-footer-btn-gap, 8px);
    margin-top: var(--calendar-footer-margin-top, 20px);
}

body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .btn {
    padding: var(--calendar-footer-btn-padding, 4px 16px);
    border-radius: 8px;
    font-size: var(--font-size, 14px);
    cursor: pointer;
    height: var(--calendar-input-height,32px);
    display: flex;
    align-items: center;
    justify-content: center;
}


body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .btn-default,
body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .cancelBtn
{
    background-color: #E9E9E9;
    border-color: #E9E9E9;
    color: #7E7E7E;
}

body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .btn-default:hover,
body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .cancelBtn:hover {
    background-color: #f1f1f1;
    border-color: #f6f6f6;
}

body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .btn-primary,
body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .applyBtn
{
    background-color: var(--ERP-500);
    color: #FFFFFF;
}

body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .btn-primary:hover:not(:disabled),
body.sirius .daterangepicker.custom-daterangepicker .drp-action-buttons-container .applyBtn:hover:not(:disabled) {
    background-color: var(--ERP-50);
    border-color: var(--ERP-500);
    color: var(--ERP-500);
}

/* Remove default borders and shadows from the original daterangepicker */
body.sirius .daterangepicker:before, .daterangepicker:after {
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 680px) {
    body.sirius .daterangepicker.custom-daterangepicker .drp-calendars-grid {
        grid-template-columns: 1fr; /* 작은 화면에서 달력 세로로 정렬 */
    }
}

/*
body.sirius .builder-base .form-group {
	margin-bottom : 16px;
}*/

/*Button
-------------------------------------------------------
*/
body.sirius .btn-standard,
body.sirius .btn-blue-dark,
body.sirius .btn-search,
body.sirius .btn-form,
body.sirius .btn-form-secondary,
body.sirius .btn-footer-standard,
body.sirius .type-btn-wrap,	 /*파일업로드 버튼 클래스*/
body.sirius .btn-popup		/*버튼 공통*/
 {
	height : var(--button-height, 38px);
	min-width : var(--button-min-width, 100px);
    text-align: center;
    padding: 7px 14px;
    border-radius: var(--button-border-radius, 8px);
    vertical-align: middle;
    white-space: nowrap;
    transition: 0.4s ease;
    font-size: var(--font-size, 14px);
    font-weight : 600;
    gap : 5px;
    display :flex;
    justify-content : center;
    align-items: center;
    letter-spacing: 0.3px;
}

body.sirius .btn.btn-standard:disabled,
body.sirius .btn.btn-blue-dark:disabled,
body.sirius .btn.btn-search:disabled,
body.sirius .btn.btn-form:disabled,
body.sirius .btn.btn-form-secondary:disabled,
body.sirius .btn.btn-footer-standard:disabled,
body.sirius .btn.type-btn-wrap:disabled {
	opacity: unset;
    background: #D9D9D9 !important;
    color: #909090 !important;
    cursor: default !important;
    border-color: #D9D9D9 !important;
}

body.sirius .type-btn-wrap {
	width : 38px;
}

body.sirius .btn.btn-standard,
body.sirius .btn.btn-blue-dark,
body.sirius .btn-footer-standard {	/*default*/
    border: 1px solid var(--ERP-300);
    background: #fff;
    color: var(--ERP-600);
}

body.sirius .btn-blue-dark[data-lang="init"] {
	background : #ffffff;
	border : 1px solid #d9d9d9;
	color : #7e7e7e;
}

body.sirius .btn.btn-standard:hover,
body.sirius .btn-blue-dark:hover,
body.sirius .btn-footer-standard:hover {
    background: #F6F6F6;
}

body.sirius .btn.btn-standard:active,
body.sirius .btn-blue-dark:active,
body.sirius .btn-footer-standard:active {
    background: var(--ERP-50);
}

body.sirius .btn-search {
    color: #ffffff !important;
    border: none !important;
    background: var(--ERP-500) !important;
    width: var(--search-btn-width, 154px);
}

body.sirius .btn-search:hover {
	background: var(--ERP-600) !important;
}

body.sirius .btn-form {
	background: var(--ERP-600) !important;
	color : white !important;
	border : none !important;
}

body.sirius .btn-form:hover {
	background: var(--ERP-600) !important;
	color : white !important;
	border : none !important;
}

body.sirius .btn-form[disabled="disabled"]{
	background : #D9D9D9 !important;
	color : #909090 !important;
}

body.sirius .btn-form-secondary {
	border : 1px solid var(--ERP-300);
	background : #FFFFFF;
	color : var(--ERP-500);
}

body.sirius .btn-form-secondary[disabled="disabled"] {
	border : 1px solid #D9D9D9;
	color : #909090;
}


body.sirius .btn-popup {
	background : none !important;
	border : 1px solid #D9D9D9;
	width : 38px;
    color: #909090;
}

body.sirius .btn-popup:hover {
	background : #F6F6F6 !important;
}

body.sirius .btn-popup:disabled {
	background : #F6F6F6 !important;
	color: #B9B9B9;
}


body.sirius .wj-control.wj-state-readonly .wj-input-group-btn{
	background : none;
}

/* body.sirius .btn-group > button:not(:last-child):not([style*="display:none"]) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.sirius .btn-group > button:not(:first-child):not([style*="display:none"]) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
} */

body.sirius button .fa,
body.sirius .btn .fa
 {
	font-size : var(--font-size, 14px);
	margin-right : 0;
}

body.sirius button .fa + *,
body.sirius .btn .fa + *
 {
	margin-right : 5px;
}


/*
	tree
	-----------------------------------------------------
*/

body.sirius .custom-tree {
	background-color : #ffffff !important;
	border : none !important;
	padding : none;
}

body.sirius .builder-base .custom-tree {
	height : 100% !important;
}

body.sirius .custom-tree .wj-node >input[type="checkbox"]  {
	margin-right : 8px;
}

body.sirius .custom-tree .wj-node {
	height : var(--tree-node-height, 34px);
	font-size : var(--font-size, 14px);
	display : flex;
	align-items : center;
}

body.sirius .custom-tree  .wj-state-selected {
	background : var(--ERP-50) !important;
	color : var(--ERP-600) !important;
	font-weight : 600;
}

body.sirius .builder-wrap:has( .mysheetTree) {
	padding : 12px;
}


/* Input Group
------------------------------------------------------------------
 */

/* input group 안에 select 박스 있을 경우, 내부 아이콘(버튼) css 충돌로 인한 오류 발생 */

body.sirius .input-group-custom button.btn-popup:not(:has(.wj-glyph-down)){
	border: none;
    position: relative;
    left: -35px;
    z-index: 1;
    width: 0 !important;
    min-width: 0 !important;
    margin-right: -31px;
}

body.sirius .input-group-custom .text-control{
	width : auto;
}

body.sirius .builder-base .input-group-custom {
    gap: 6px;
}

/*Button Group*/
body.sirius .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) {
    margin-left: 10px !important;
}


body.sirius .modal-body .file-upload .btn-group a{
	border-radius : 8px !important;
}

body.sirius .btn-group > .btn{
	border-top-right-radius : var(--button-border-radius, 8px) !important;
	border-bottom-right-radius : var(--button-border-radius, 8px) !important;
	border-top-left-radius : var(--button-border-radius, 8px) !important;
	border-bottom-left-radius : var(--button-border-radius, 8px) !important;
}

/*Footer Button*/
body.sirius .modal .modal-footer.btn-wrap .btn-form, .modal .modal-footer.btn-wrap .btn {
    height: var(--input-height, 38px);
}

body.sirius .modal .modal-footer.btn-wrap .btn-form+.btn-form {
    margin-left: 0px;
}

/* Step Wizard
---------------------------------------------------------
*/

body.sirius .step-wrap li.on {
	background : var(--ERP-600);
}

body.sirius .step-wrap li {
	background : var(--ERP-50);
}

body.sirius .step-wrap li .cont-step .tit-step {
	color : var(--ERP-600);
}

body.sirius .step-wrap li.on .cont-step .tit-step {
	color : #ffffff;
}

body.sirius .step-wrap li .no-step {
	color : var(--ERP-600);
}

body.sirius .builder-base .search-wrap .col:has(button.search_collapse_btn),
body.sirius .builder-base .search-wrap div[class*="col-"]:has(button.search_collapse_btn){
	gap:12px;
	padding-top : 21px;
}

/* 기술 개발 후테마 변경 후 적용 예정 */
body.sirius .builder-base .form_collapse_btn{
    position : absolute;
	color : #93909E;
	border : white;
	border-left : 1px solid #DFDFDF;
	padding : 0 4px;
	top : 1px;
	right : 3px;
	font-size : 8px;
}



/* 기술 개발 후테마 변경 후 적용 예정 */
body.sirius .builder-base .search-wrap .col .search_collapse_btn,
body.sirius .builder-base .search-wrap div[class*="col-"] .search_collapse_btn{
    width : var(--button-height, 38px);
    height : var(--button-height, 38px);
    top: unset;
    left: unset;
	border-radius : 8px;
	position : inherit;
	padding : unset;
	margin-bottom:12px;
	color : var(--ERP-300);
	border : 1px solid var(--ERP-300);
	display: flex;
    justify-content: center;
    align-items : center;
}

body.sirius .builder-base .search-wrap .search_collapse_btn:hover{
	background-color : #F6F6F6;
}

body.sirius .builder-base .search-wrap .search_collapse_btn:active{
	background-color : var(--ERP-50);
}


body.sirius .builder-base .search-wrap .search_collapse_btn.expand{
	color : #D9D9D9;
	background-color :#ECECEC;
}

/*search button이 위로 올라가서 제거*/
body.sirius .builder-base .search-wrap:has(.search_collapse_btn) button.btn-search {
	margin-bottom : unset;
	margin-top : unset;
}

body.sirius .builder-base .search-form-popup{
	position:absolute;
	z-index : 1;
	box-shadow: 0px 4px 10px #00000040;
	top : 120px; /* 첫줄 바로 아래 붙이기 */
	width: 86%;
	left : 35px;
	border-radius : 8px;
	background: #fff;
}

body.sirius .builder-base .search-form-popup .search-wrap{
	border : none;
	border-bottom : 1px solid #ECECEC;
	border-radius : unset;
}


body.sirius .builder-base .search-form-popup .search-popup-btn-wrapper{
	display : flex;
	justify-content: flex-end;
	align-items : center;
	gap : 12px;
	padding : 0px 20px;

}

body.sirius .builder-base .search-form-popup .search-popup-btn-wrapper button.btn{
	width : 160px;
	margin : 0;
}

/*
* Toast Message
*
*
*/

body.sirius .group-toast .alert-info {
    border-color: #202020;
    background-color: #202020 !important;
    border-radius: 12px;
    box-shadow: 0 16px 20px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 12px;
    gap: 10px;
}

body.sirius .group-toast .alert-error {
    border-color: #202020;
    background-color: #202020 !important;
    border-radius: 12px;
    box-shadow: 0 16px 20px;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 10px 12px 10px 12px;
}

body.sirius .alert .pin {
    color: #909090;
    opacity: 1;
}

body.sirius .toast-message.button-group {
	display: flex;
	flex: 1 0 auto;
	justify-content: flex-end;
	gap: 3px;
}

body.sirius .alert-dismissible .pin {
    padding: .3rem .3rem;
    position: unset;
    width: 24px;
    height: 24px;
}

body.sirius .group-toast button.close {
    opacity: 1;
    position: unset;
    width: 24px;
    height: 24px;
    padding: 0;
    color : #9D9D9D;

    span {
    	min-height: 24px;
    	min-width: 24px;
    }
}

body.sirius .group-toast i.fa.fa-exclamation-circle {
   	color: #F04349;
   	border: 6.5px solid #F0434933;
    border-radius: 50%;
    font-size: 19.5px;
    margin-right: 10px;
}

body.sirius .group-toast i.fa.fa-check-circle {
   	color: #28CA89;
   	border: 6.5px solid #3DD59833;
    border-radius: 50%;
    font-size: 19.5px;
    margin-right: 10px;
}

body.sirius .alert-container{
	top: 113px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*
body.sirius .alert-bottom-left {
    left: 0px;
    bottom: 8px;
}

body.sirius .alert-bottom-left-menu-collapsed {
    left: 0;
    top: 113px;
    width: 100%;
    display: flex;
    justify-content: center;
}
*/
body.sirius .modal-open .modal{
	overflow-y: hidden;
}


/*
* 기타
*
*/
body.sirius .tagsinput {
	padding-bottom : 14px;
	flex-wrap : wrap;
	display : flex;
	gap : 8px;
}

body.sirius .tagsinput .tag{
	padding : var(--tagsinput-padding, 5px 12px);
	margin : 2px;
	border-radius : 8px;
	border:1px solid var(--ERP-100);
	background-color : var(--ERP-50) !important;
	color : #454545 !important;
	cursor : pointer;
	display : inline-block;
	font-size : var(--font-size, 14px);
}

/*
* 비밀번호 초기화 Popup (InitPassword.jsp)
*
*/

body.sirius div[data-program-id="InitPassword"] .modal-footer a#btnSubmit {
	width: 150px;
}
.builder-base .widget-header {
    min-height: 36px;
}


/* confirm Message ***/
body.sirius #confirm-container .modal-header{
	justify-content: center;
}

body.sirius #confirm-container .modal-header h3{
	font-weight: 700;
	font-size: var(--modal-header-font-size, 20px);
	line-height: 34px;
	letter-spacing: 0.3px;
}

body.sirius #confirm-container .modal-content{
	width : var(--confirm-modal-width, 400px);
	min-height : var(--confirm-modal-height, 200px);
}

body.sirius #confirm-container .modal-body{
	display: flex;
	justify-content: center;
	align-items: center;
}

body.sirius #confirm-container .modal-body p{
	display: block;
	max-width: 240px;
	font-family: Pretendard;
	font-weight: 500;
	font-size: var(--confirm-modal-font-size, 16px);
	line-height: 26px;
	letter-spacing: 0.3px;
	text-align: center;
	word-break :keep-all;
}

body.sirius #confirm-container .modal-footer{
	display : flex;
	justify-content: center;
	align-items: center;
	margin-top : var(--modal-footer-margin, 28px);
}

body.sirius #confirm-container .modal-footer .btn{
	width : 120px;
	height : var(--button-height, 38px);
	padding : 6px 16px;
}

/*
 * Grid PagingInfo
 * -----------------------------------------------------------------------------------
 */
body.sirius .pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

body.sirius .page-btn {
    border: 0;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    font-weight: 500;
    line-height: 17px;
    width: 35px;
    height: 35px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.sirius .page-btn.selected {
    background: var(--ERP-500);
    color: white;
    border-radius: 8px;
}

body.sirius .page-btn:hover {
    background-color: #ddd;
}

body.sirius .page-btn:disabled {
    color: #999;
    cursor: not-allowed;
    opacity: 0.4;
}

body.sirius .page-btns {
    display: flex;
    gap: 5px;
}

body.sirius .pagination .page-btn-container {
	display: flex;
	gap: 10px;
	justify-content: center;
    left: 50%;
  	transform: translateX(-50%);
  	position: absolute;
}

body.sirius .pagination .control-page-container {
	display: flex;
	align-items: center;
	/* margin-left: auto; */
	gap: 12px;
	font-size: 14px;
}

body.sirius .pagination .control-page-container .label {
  color: #333;
}

body.sirius .pagination .control-page-container .select {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  appearance: none;
  background-image: url(../../icon/svgs/di-angle-down.svg);
  width: 70px;
}

body.sirius .pagination .control-page-container .select:focus {
  outline: none;
  border-color: #999;
}

body.sirius .pagination .control-page-container .input {
  width: 50px;
  height: 32px;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
}

body.sirius .pagination .control-page-container .input:focus {
  outline: none;
  border-color: #999;
}

/* 전체 wrapper */
body.sirius .pagination .control-page-container .custom-select-wrapper {
  position: relative;
  width: 70px;
  height: 32px;
  font-size: 14px;
}

/* 드롭다운 버튼 */
body.sirius .pagination .control-page-container .custom-select-display {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 드롭다운 목록 */
body.sirius .pagination .control-page-container .custom-select-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 4px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 100;
  padding: 8px 0;
}

/* 드롭다운이 위로 열릴 때 */
body.sirius .pagination .control-page-container .custom-select-wrapper.dropup .custom-select-dropdown {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 4px;
}

/* 일반 옵션 */
body.sirius .pagination .control-page-container .custom-select-option {
  padding: 6px 10px;
  text-align: center;
  cursor: pointer;
}

body.sirius .pagination .control-page-container .custom-select-option:hover {
  background-color: #f5f5f5;
}

body.sirius .pagination .control-page-container .page-count {
  margin-left: 8px;
}

body.sirius .pagination .control-page-container .page-count .total-count {
  color: #333;
  font-weight: bold;
}

/*
 * Badge
 * -----------------------------------------------------------------------------------
 */

body.sirius div.badge {
	display: inline-flex;
	height: 24px;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 20px;
	text-align: center;
	font-family: Pretendard;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.3px;
}

/* badge type-specific */
body.sirius div.badge-w  { background-color: #DAE6F0; color: #4680B3; min-width: 60px; }
body.sirius div.badge-c  { background-color: #DCEDD9; color: #50A73F; min-width: 60px; }
body.sirius div.badge-pg { background-color: #EAF6FF; color: #47B1FF; min-width: 60px; }
body.sirius div.badge-d  { background-color: #F7DFDF; color: #D55F5F; min-width: 60px; }
body.sirius div.badge-np { background-color: #FCECE0; color: #FF7F09; min-width: 60px; }
body.sirius div.badge-p  { background-color: #ECE6F3; color: #9672DB; min-width: 60px; }
body.sirius div.badge-h  { background-color: #F4EBD0; color: #C79B16; min-width: 60px; }
body.sirius div.badge-bs { background-color: #EAEBEB; color: #76777C; min-width: 60px; }
body.sirius div.badge-u  { background-color: #FF614B; color: #FFFFFF; min-width: 40px; }
body.sirius div.badge-i  { background-color: #FFBB55; color: #FFFFFF; min-width: 40px; }

body.sirius .badge.badge-n {
	all: unset;
	display: inline-flex;
	width: 14px;
	height: 14px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 100px;
	background-color: #FF7F09;

	/*SVG*/
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6' fill='none'><path d='M6 6H4.36624L1.63376 2.29915V6H0V0H1.63376L4.36624 3.71795V0H6V6Z' fill='%23DAE6F0'/></svg>");
	background-repeat: no-repeat;
    background-size: 6px 6px;
    background-position: center;


	/*택스트 숨김*/
	color: transparent;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
}