@charset "UTF-8";
:root {
    --main-color : #0063C1;         /* 버튼, 탭 on 색 */
    --menu-tab-hover : #0063C1;     /* 메뉴 호버 */
    --main-btn-color : #0063C1;     /* 메인 버튼 색상(조회 등) */
    --focus-outline : #0063C1;		/* 인풋 포커스 아웃라인 */
    --required-label: #0063c1;      /* 필수값 라벨 */
    --label-font-weight : 500;
    --grid-focus : #2075d0;         /* 그리드 셀 포커스 */
    --grid-focus-line : #f2a16e;    /* 그리드 라인 포커스 */
    --grid-button : #2075d0;        /* 그리드 버튼 */
    --menu-no-child : #0063C1;      /* 하위메뉴 없는 메뉴 글자색 */
    --grid-border-color : #E7E7E9;	/* 그리드 보더 색 */
}
body {
    background-color: #f1f1f1;
    /*background: #F5F6F9;*/
    /*background: #f5f5f5;*/
}


.logo_txt {
    background-image: url(/resources/kgenc/images/kg_bl_logo.png);
    background-repeat:no-repeat;
    background-position:50% 10px;
    background-size: 22px;
    background-color: #ededed;
}

/* index 안내문구 아이콘 */
.info_btn.alarm{
    /*background-image: url(/resources/kgenc/images/info-circle-alarm.png);*/
    background-image: url(/resources/kgenc/images/info_circle_alarm.svg);
    background-color: unset !important;
}


/* 폰트 스타일 변경 */
.inner_tabs .inner_tab .tab_link {
    font-weight: 500;
    letter-spacing: normal;
}
.inner_tabs .inner_tab .tab_link:hover {
    font-weight: 500;
    letter-spacing: normal;
}
.inner_tabs .inner_tab .tab_link.on {
    font-weight: 600;
    letter-spacing: normal;
}

.inner_tabs .inner_tab .tab_link.gray {
    color: #b1b1b1;
}
.form_object .label_inp0_v2 {
    font-weight: 500;
    letter-spacing: normal;
    color: #555;
}

/* 컬러 변경 */
.toast li.info {
    background-color: #748194 !important;
    color: #ffffff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    opacity:0.8;
}

.inner_tabs .inner_tab .tab_link.on {
    border-bottom: 4px solid #0063c1;
}

/* 상단 tab 영역 */
nav .tab .tab_link {
    color: #666;
}
nav .tab .tab_link:hover{
    background-color:#0063C1;
    color:#fff !important;
    font-weight:500;
    border-bottom:none !important;
    background-image:url(/resources/kgenc/images/close-line-12.png);
    background-repeat:no-repeat;
    background-size:16px;
    background-position:94% 4px;
}
/* 홈은 삭제버튼 없음 */
nav .tab .tab_link[href='#kg_home_tab_content']:hover{
    background-image: none !important;
}

nav .tab .tab_link .close-tab-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 4px;
    right: 4px;
}

nav .ui-tab.ui-tabs-active .tab_link {
    font-weight:500;
    color:#ffffff !important;
    border-bottom:4px solid #0B4B9E !important;
    background-color: #0B4B9E;
}
.custom-menu .custom-menu-txt:hover {
    color: #0063c1 !important;
}
.custom-menu {
    margin-top: -20px;
    margin-left: 4px;
}

/* popup GNB */

.popup_menu {
    z-index: 150;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -325px;
    margin-left: -439px;
    display: inline-block;
    width: 875px;
    height: 640px;
    background-color: #fcfcfc;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(51, 51, 51, 0.1);
}
.popup_menu {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.popup_menu::after {
    content: '';
    display: block;
    clear: both;
}
.popup_menu .menu_onedepth {
    overflow-y: scroll;
    overflow-x: hidden !important;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    float: left;
    width: 240px;
    height: 100%;
    padding: 20px 0px;
    border-right: 1px solid #e1e8ee;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.popup_menu .menu_onedepth::-webkit-scrollbar {
    width: 3px;
    padding-right: 12px;
}
.popup_menu .menu_onedepth::-webkit-scrollbar-thumb {
    background-color: #cbcfdb;
    border-radius: 10px;
}
.popup_menu .menu_onedepth::-webkit-scrollbar-track {
    background-color: transparent;
}
.popup_menu .menu_onedepth::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

.popup_menu .menu_onedepth .onedepth {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 46px;
    line-height: 46px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup_menu .menu_onedepth .onedepth .onedepth_link {
    float: left;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 20px 0 60px;
    text-align: left;
    border-left: 4px solid #fff;
    color: #222;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 500;
    /*메뉴아이콘*/
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}

/*

 ----메뉴아이콘 세팅 방식 변경----
 1) 메뉴 아이콘은 [메뉴 관리] 화면의 "PC아이콘" 컬럼에 파일명 세팅.
 2) 이미지 파일은 webapp\resources\images\menu_icon 폴더에 추가.

*/
/*!* 1depth - 연말정산 *!
.onedepth_link.icon6 {
    background-image: url(/resources/kgenc/images/kg_yt.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 게시판 *!
.onedepth_link.icon7 {
    background-image: url(/resources/kgenc/images/kg_at.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}

!* 1depth - 급여 *!
.onedepth_link.icon11 {
    background-image: url(/resources/kgenc/images/kg_sl.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 퇴직 *!
.onedepth_link.icon12 {
    background-image: url(/resources/kgenc/images/kg_re.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 원천징수 *!
.onedepth_link.icon13 {
    background-image: url(/resources/kgenc/images/kg_wi.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 개인정보관리 *!
.onedepth_link.icon16 {
    background-image: url(/resources/kgenc/images/prs-info-setting_icon.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth -  게시판 *!
.onedepth_link.icon33 {
    background-image: url(/resources/kgenc/images/kg_bbs.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 전자결재 *!
.onedepth_link.icon34 {
    background-image: url(/resources/kgenc/images/kg_ea.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 조직도 *!
.onedepth_link.icon35 {
    background-image: url(/resources/kgenc/images/kg_org.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 인사 *!
.onedepth_link.icon36 {
    background-image: url(/resources/kgenc/images/kg_hr.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 총무 *!
.onedepth_link.icon37 {
    background-image: url(/resources/kgenc/images/kg_ga.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 재무 *!
.onedepth_link.icon38 {
    background-image: url(/resources/kgenc/images/kg_fi.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 수주 *!
.onedepth_link.icon39 {
    background-image: url(/resources/kgenc/images/kg_contract.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 감리 *!
.onedepth_link.icon40 {
    background-image: url(/resources/kgenc/images/kg_pms.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}
!* 1depth - 기타 *!
.onedepth_link.icon41 {
    background-image: url(/resources/kgenc/images/kg_etc.png);
    background-position: 20px;
    background-size: 28px;
    background-repeat: no-repeat;
}*/

.popup_menu .menu_onedepth .nav_kg_logo {
    background-image: url(/resources/kgenc/images/kg_grd_logo.png);
    display: flex;
    width: 120px;
    height: 33px;
    margin-bottom: 5px;
    justify-content: center;
    flex-wrap: wrap;
    background-repeat: no-repeat;
}

.popup_menu .menu_onedepth .nav_bottom_left_img {
    display: inline-block;
    width: 200px;
    height: 150px;
    position: absolute;
    top: 500px;
    left: 70px;
    text-align: center;
    background-image: url(/resources/kgenc/images/nav_bottom_img01.png);
    background-position: center center;
    background-size: 160px;
    background-repeat: no-repeat;
}

.popup_menu .menu_body .nav_bottom_right_img {
    display: inline-block;
    width: 200px;
    height: 250px;
    position: absolute;
    top: 434px;
    right: -30px;
    text-align: center;
    background-image: url(/resources/kgenc/images/nav_bottom_img02.png);
    background-position: center center;
    background-size: 160px;
    background-repeat: no-repeat;
}

/* popup  - common_v2.css */
.popup_menu .menu_onedepth .onedepth .onedepth_link.on {
    position: relative;
    /*background-color: rgb(242 243 244 / 60%);*/
    background-color: rgba(242, 243, 244, 0.6);
    color: #333;
    border-left: 4px solid #0063c1;
    border-radius: 0px;
}

.popup_menu .menu_onedepth .onedepth .onedepth_link:hover {
    color: #333;
    border-radius: 0px;
    border-left: 4px solid #f6f6f6;
    /*background-color: rgb(242 243 244 / 60%);*/
    background-color: rgba(242, 243, 244, 0.6);
}

.popup_menu .menu_body {
    float: left;
    position: relative;
    width: calc(100% - 240px);
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.popup_menu .menu_body .popup_menu_close {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    background-image: url(/resources/images/close-circle.png);
    background-position: center center;
    background-size: 20px;
    background-repeat: no-repeat;
}

.popup_menu .menu_body .menu_twodepth {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 230px;
    height: 100%;
    padding-top: 74px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    overflow-y: scroll;
    scroll-behavior: smooth;
    border-right: 1px solid #e1e8ee;
    background-color: #e4e6e8;
}

.popup_menu .menu_body .menu_twodepth {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 230px;
    height: 100%;
    padding-top: 74px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    border-right: 1px solid #e1e8ee;
    background-color: #e4e6e8;
}

.popup_menu .menu_body .menu_twodepth::-webkit-scrollbar {
    width: 4px;
    padding-right: 12px;
}
.popup_menu .menu_body .menu_twodepth::-webkit-scrollbar-thumb {
    background-color: #cbcfdb;
    border-radius: 10px;
}
.popup_menu .menu_body .menu_twodepth::-webkit-scrollbar-track {
    background-color: transparent;
}
.popup_menu .menu_body .menu_twodepth::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

.popup_menu .menu_body .menu_twodepth::after {
    content: '';
    display: block;
    clear: both;
}
.popup_menu .menu_body .menu_twodepth .twodepth {
    width: 100%;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    float: left;
}
.popup_menu .menu_body .menu_twodepth .twodepth .twodepth_link {
    position: relative;
    float: left;
    display: inline-block;
    width: 210px;
    height: 100%;
    padding-left: 20px;
    /*font-size: 14px;*/
    color: #222;
    /*font-weight: 500;*/
    overflow: hidden;
    white-space: nowrap;
}

.popup_menu .menu_body .menu_twodepth .twodepth .twodepth_link.on {
    background: #f2f3f4;
    border-radius: 8px;
}

.popup_menu .menu_body .menu_twodepth .twodepth .twodepth_link:hover {
    background: #f2f3f4;
    border-radius: 8px;
}

/* 추가 - .menu_twodepth_contents */
.popup_menu .menu_body .menu_twodepth_contents {
    height: 100%;
    float: left;
    background-color: #e4e6e8;
}

.popup_menu .menu_body .menu_twodepth_contents .menu_twodepth {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 257px;
    height: 506px;
    margin-top: 74px;
    padding-top: unset;
    padding-bottom: unset;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    border-right: 1px solid #e1e8ee;
    margin-right: 3px;
}

.popup_menu .menu_body::after {
    content: '';
    display: block;
    clear: both;
}

/* 추가  - .menu_threedepth_contents */
.popup_menu .menu_body .menu_threedepth_contents {
    height: 100%;
    background-color: #f1f1f1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.popup_menu .menu_body .menu_threedepth_contents .treedepth_scroll {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    width: calc(100% - 264px);
    box-sizing: border-box;
    height: 512px;
    float: left;
    padding-top: unset;
    margin-top: 74px;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: unset;
    margin-bottom: 20px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 4px;
    background-color: #f1f1f1;
}

.popup_menu .menu_body .menu_threedepth .threedepth {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 46px;
}

/* scroll - 3depth */
.popup_menu .menu_body .menu_threedepth_contents .treedepth_scroll::-webkit-scrollbar {
    width: 4px;
    padding-right: 12px;
}
.popup_menu .menu_body .menu_threedepth_contents .treedepth_scroll::-webkit-scrollbar-thumb {
    background-color: #cbcfdb;
    border-radius: 10px;
}
.popup_menu .menu_body .menu_threedepth_contents .treedepth_scroll::-webkit-scrollbar-track {
    background-color: transparent;
}
.popup_menu .menu_body .menu_threedepth_contents .treedepth_scroll::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}
.popup_menu  .menu_body .treedepth_scroll::-webkit-scrollbar{display:block;}

/* 즐겨찾기 아이콘 변경 */
.contents_header_top .star_icon {
    background-image: url(/resources/kgenc/images/bookmark_off.png);
    margin-top: 3px;
}

.contents_header_top .star_icon.on {
    background-image: url(/resources/kgenc/images/bookmark_on_yellow_34.png);
    margin-top: 3px;
}

/*.mail_btn{*/
/*    display:inline-block;*/
/*    position: absolute;*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    right: 200px;*/
/*    top: 19px;*/
/*    background: #F6F6F6;*/
/*    border-radius: 8px;*/
/*    text-align:center;*/
/*    background-image: url(/resources/kgenc/images/nav_mail_icon.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 25px;*/
/*}*/
.mail_btn{
    display:inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    right: 180px;
    top: 10px;
    /*background: #F6F6F6;*/
    /*border-radius: 8px;*/
    text-align:center;
    background-image: url(/resources/kgenc/images/nav_mail_icon_v2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px;
}
/*.favorite_btn {*/
/*    background-image: url(/resources/kgenc/images/bookmark_on_yellow_34.png);*/
/*    background-size: 18px;*/
/*    right: 158px;*/
/*}*/
.favorite_btn {
    display:inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    right: 116px;
    top: 10px;
    background-color: unset;
    /*border-radius: 8px;*/
    text-align:center;
    background-image: url(/resources/kgenc/images/nav_favorite_icon_v2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
/* nav 결재알림 */
.notification_btn {
    display:inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    right: 210px;
    top: 10px;
    /*background: #F6F6F6;*/
    /*border-radius: 8px;*/
    text-align:center;
    background-image: url(/resources/kgenc/images/nav_ic_notifications.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 25px;
}
.notification_btn::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: rgb(255, 60, 36);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    right: 6px;
    transform: translate(50%, -50%);
    animation: blink 1s infinite;
}

.notification_btn.no-unread::after {
    display: none; /* unread_chat이 0일 경우 ::after를 숨김 */
}
/*.chat_btn{*/
/*    display:inline-block;*/
/*    position: absolute;*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    right: 116px;*/
/*    top: 19px;*/
/*    background: #F6F6F6;*/
/*    border-radius: 8px;*/
/*    text-align:center;*/
/*    background-image: url(/resources/kgenc/images/chat_ic_bl.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 24px;*/
/*}*/
.chat_btn{
    display:inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    right: 146px;
    top: 10px;
    /*background: #F6F6F6;*/
    /*border-radius: 8px;*/
    text-align:center;
    background-image: url(/resources/kgenc/images/nav_chat_icon_v2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 33px;
}
.chat_btn::after {
    content: '';
    width: 5px;
    height: 5px;
    background-color: rgb(255, 60, 36);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    right: 2px;
    transform: translate(50%, -50%);
    animation: blink 1s infinite;
}

.chat_btn.no-unread::after {
    display: none; /* unread_chat이 0일 경우 ::after를 숨김 */
}

@keyframes blink {
    0% {
        opacity: 1; /* 처음에는 보이도록 */
    }
    50% {
        opacity: 0; /* 중간에는 투명해지도록 */
    }
    100% {
        opacity: 1; /* 끝에는 다시 보이도록 */
    }
}
/*.info_btn {*/
/*    display: inline-block;*/
/*    position: absolute;*/
/*    width: 34px;*/
/*    height: 34px;*/
/*    right: 74px;*/
/*    top: 19px;*/
/*    background: #F6F6F6;*/
/*    border-radius: 8px;*/
/*    text-align: center;*/
/*    background-image: url(/resources/images/info-circle.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 24px;*/
/*}*/
.info_btn {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    right: 90px;
    top: 12px;
    background-color: unset;
    /*background: #F6F6F6;*/
    /*border-radius: 8px;*/
    text-align: center;
    background-image: url(/resources/kgenc/images/nav_info_icon_v2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px;
}
.nav_refresh_btn {
    display: inline-block;
    position: absolute;
    width: 32px;
    height: 32px;
    right: 60px;
    top: 11px;
    text-align: center;
    background-image: url(/resources/kgenc/images/nav_refresh_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 31px;
    cursor: pointer;
}
.favorite_page .favorite_page_link .favorite_page_btn {
    width:16px;
    height:16px;
    background-size: 16px;
    background-image: url(/resources/kgenc/images/bookmark_on_yellow_20.png);
    top: 2px;
}
.favorite_page_wrap {
    top: 52px;
    right: 120px;
}
/* button, input 컬러 변경 */
button.green {
    background-color: #0063C1;
    border: 1px solid #0063C1;
    color: #fff;
}

button.white {
    background-color: #fff;
    border: 1px solid #0063C1;
    color: #0063C1;
}

button.basic {
    background-color: #0063c1;
    border: 1px solid #0063c1;
    color: #fff;
}
button.basic:hover {
    background-color: #0063c1;
}

.modal_footer_btn0 {
    background-color: #fff;
    border: 1px solid #0063c1 !important;
    color: #0063c1;
}

.modal_footer_btn1 {
    background-color: #0063c1;
    border: 1px solid #0063c1;
    color: #fff;
}

input[type=text]:focus {
    border: 1px solid #0063c1;
}

input[type=checkbox]:checked {
    border: 1px solid #3b5cb5;
    background-image: url('/resources/kgenc/images/checked_bold_kg.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

input[type=checkbox]:disabled {
    background-color: #F1F4F9;
}

input[type=radio]:checked {
    background-image: url(/resources/kgenc/images/radio_check_v3_kg.png);
}

.pinkColor {
    background-color: #F1F4F9 !important;
}
/* real-grid(.rg) 컬러 변경 */

.rg-root .rg-table, .rg-root .rg-table tr, .rg-root .rg-table td {
    /*line-height: unset !important; !* 높이 수정 *!*/
}

.rg-head .rg-table tr td {
    background-color: #e6eaf1 !important;
    border-right: 1px solid #cacfd3 !important;
    border-bottom: 1px solid #cacfd3 !important;
}

.rg-head .rg-table tr td div {
    color: #333;
}

.rg-header .rg-table tr td {
    background-color: #e6eaf1;
    border-right: 1px solid #cacfd3 !important;
    border-bottom: 1px solid #cacfd3 !important;
    letter-spacing: normal;
    font-weight: 500;
}

.rg-header .rg-table tr td:hover {
    background: #d7dbe3 !important;
}

.rg-rowbarcontainer .rg-table tr td {
    border-right: 1px solid #cacfd3 !important;
    border-bottom: 1px solid #cacfd3 !important;
}

.rg-fixed-body .rg-table tr td {
    /*font-weight: 500 !important;*/
    border-right: 1px solid #cacfd3 !important;
    border-bottom: 1px solid #cacfd3 !important;
}
.rg-body .rg-table tr td {
    /*color: #555;*/
    /*font-weight: 500 !important;*/
    letter-spacing: normal;
    border-right: 1px solid #cacfd3 !important;
    border-bottom: 1px solid #cacfd3 !important;
}

.rg-body .rg-table tr td:hover, .rg-fixed-body .rg-table tr td:hover {
    background: #F1F2F5 !important;
}

.link_column,
.link_column button {
    color : #2075D0 !important;
    font-weight : bold;
    text-decoration : none;
}

.warning_column,
.warning_column button {
    color : red !important;
    font-weight : bold;
}

.rg-focus {
    border: 2px solid #2075d0 !important;
}

.rg-focused-row {
    background-color: #ECF0F8 !important;
}

.rg-header {
    color: #333 !important;
    font-weight: 500 !important;
}

.rg-header-focus {
    background-color: #cdddf3 !important;
    color: #333 !important;
}

.rg-selection {
    background: rgba(40, 136, 238, 0.15) !important;
}

.rg-rowbarcontainer .rg-table tr td.rg-rowindicator-focus {
    background-color: #dfedfc !important;
}

.rg-rowbarcontainer .rg-table tr td.rg-rowindicator-cell:hover {
    background-color: #d2e7fb !important;
}

.rg-button-renderer-button {
    background-color: #2075d0 !important;
    border: 1px solid #2075d0 !important;
}

.rg-button-renderer-button:hover {
    color: #0063c1 !important;
    border: 1px solid #0063c1 !important;
    background-color: #fff !important;
}

/* 인사기본정보 페이지 수정 */

.inner_tabs.none_p_b {
    border: none !important;
}

#inner_tab_wrap {
    /*border: 1px solid #e7e7e9 !important;*/
    box-shadow: 0 0 0 1px #e7e7e9 inset;
}

.inner_panel {
    padding: 20px;
    /*min-height: 608px;*/
}

.hr_employee_content .form_object_img {
    /*height: 480px;*/
}

input[type="number"]:read-only,
input[type="password"]:read-only,
input[type=text]:read-only,
textarea:read-only {
    background-color: #F2F4F8;
    border: 1px solid #E4E6EB;
}

.drop_box .drop_box_inp {
    border: 1px solid #dfdfdf;
    height: 30px;
    line-height: 30px;
}
.form_object .form_inp0_v2 {
    height: 30px;
}
.form_object .form_pop1_v2 {
    height: 30px;
}
.form_object .form_date1_v2 {
    height: 30px;
}
.form_object .form_date0_v2 {
    height: 30px;
}
.form_object {
    min-height: 48px;
    height: 48px;
}

.form_object_img .form_pop {
    background-color: #fefefe;
    background-image: url(/resources/kgenc/images/plus24b_kg.png);
    border: 1px solid #ededed;
    bottom: 35px;
    opacity: 0.9;
    width: 100%;
}

.form_object .blue {
    color: #0063c1;
}

.form_object_img .img_section {
    background-image: url(/resources/kgenc/images/gallery_kg.png);
    width: 186px !important;
    height: 194px;
    background-size: cover !important;
    background-color: #f1f4f9;
    border: 1px solid #ededed;
}

.form_object .form_inp0_v2{
    border:1px solid #dfdfdf;
    color: #666;
}

.form_object .form_textarea0{
    border:1px solid #dfdfdf;
    font-weight: 500;
    color: #666;
}
.form_textarea0{
    border:1px solid #dfdfdf;
    font-weight: 500;
    color: #666;
}

/* grid-header color */

.need_yn {
    color: #0063c1 !important;
    font-weight: 500;
}

/* 공지사항 - 게시판 수정 */

.bbs_wrap_inner .bbs_list.on {
    background-color: #F1F4F9;
}

.pagenation_wrap .page_box a.on {
    background-color: #0063c1;
}

/* contents_header 영역 컬러 변경 */
.drop_box .drop_box_inp.on {
    color: #0063c1;
    border: 1px solid #0063c1;
    background-image : url(/resources/kgenc/images/drop_box_search_kg.png);
}

.drop_check_search .check_search_inp.on {
    border: 1px solid #0063c1;
    background-image : url(/resources/kgenc/images/drop_box_search_kg.png);
}

.check_option_list .drop_check_option .drop_chekc_box:checked {
    background-image: url(/resources/kgenc/images/checked_small_kg.png);
}

/* ea - Notice 컬러변경 */
.ea_guide_wrap {
    background-color: #e7eefb;
    border: 1px solid #b3c9ef;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
}

.ea_guide_wrap .ea_guide_top .ea_guide_title {
    color: #0063c1;
    height: 40px;
    line-height: 40px;
}
.ea_guide_wrap .ea_guide_top {
    background-image: url(/resources/kgenc/images/mobile_ea_guide_icon_kg.png);
    height: 40px;
}

.ea_guide_wrap .ea_guide_top .ea_guide_btn.on {
    background-image: url(/resources/kgenc/images/mobile_guider_btn_up_kg.png);
}

.ea_guide_wrap .ea_guide_top .ea_guide_btn {
    background-image: url(/resources/kgenc/images/mobile_guider_btn_down_kg.png);
}

/* 결재라인 컬러변경 */
.approval_step1_tab .step1_tab .step1_tab_link.on, .ea_view_tab .view_tab .view_tab_link.on {
    border-bottom: 4px solid #0063c1 !important;
}

.approval_state.type0 {
    color: #0063c1;
    background-color: #eaf0f9;
}

/* side tab */
.menu_tab_wrap .tab .tab_link.on {
    border-bottom: 4px solid #0063c1;
}

.account_logout .logout_btn {
    background-color: #0063c1;
}

.lately_menu .lately_menu_link .lately_btn.null {
    background-image: url(/resources/kgenc/images/bookmark_null.png);
}

.lately_menu .lately_menu_link .lately_btn {
    background-image: url(/resources/kgenc/images/bookmark_set.png);
}

.menu_search_list .menu_search .menu_search_link .menu_search_btn {
    background-image: url(/resources/kgenc/images/bookmark_set.png);
}

.menu_search_list .menu_search .menu_search_link .menu_search_btn.null {
    background-image: url(/resources/kgenc/images/bookmark_null.png);
}

/* text, border color */
.panel2_inner .menu_search_top .menu_search_total span {
    color: #0063c1;
}

.menu_search_list .menu_search .menu_search_link .menu_search_page .search_txt {
    color: #0063c1;
}

textarea {
    outline-color: #0063c1 !important;
}

.toggleSwitch.active {
    background-color: #0063c1;
}

input[type=text]:focus, input[type=password]:focus, input[type=number]:focus,
input[type=email]:focus, input[type=date]:focus, input[type=tel]:focus,
input[type=search]:focus {
    border: 1px solid #0063c1;
}

.personal_compleation .compleation_bar span {
    background: #0063c1;
}

.personal_compleation .compleation_percent {
    color: #0063c1;
}

.approval_my_pop .line_pop_header .line_pop_title {
    border-bottom: 4px solid #0063c1;
}

.approval_line_pop .line_pop_header .line_pop_title {
    border-bottom: 4px solid #0063c1;
}

.line_choose_wrap .line_choose.on {
    border: 1px solid #177EE0 !important;
}

.pl_sign_list .pl_sign .pl_sign_link {
    background-image: url(/resources/kgenc/images/arrow-square-right_kg.png);
}

.pl_sign_list .pl_sign {
    background-image: url(/resources/kgenc/images/ic_16_kg.png);
}

.datepicker table tr td span.active.active {
    background-color: #0063c1 !important;
}

.datepicker table tr td.active.active, .datepicker table tr td.active:hover.active {
    background-color: #0063c1 !important;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover {
    background-color: #0063c1 !important;
}

/* status - 결재 color */
.approval_state.type0, .line_choose_wrap .line_choose .line_choose_statu.type0 {
    color: #0063c1;
    background-color: #d6ecff;
}

/* login 페이지 */
.login_box{
    background-color: unset;
}

.login_box_inner{
    width:350px;
}

.login_wrap {
    background: url('/resources/kgenc/images/login_image_kg.png') 100% / cover;
}

.login_wrap .login_logo > img{
    content: url('/resources/kgenc/images/kg_w_logo.png');
}

.login_wrap .login_box .login_btn button.login_button{
    background-color: #fff;
    border:none;
    color:#0063c1
}

.login_box_inner{
    position: absolute;
    top:210px;
    left:230px;
    margin-top:0px
}

.login_wrap .login_box .login_form .login_title {
    margin-top: 20px;
    margin-bottom: 50px;
    color: #fff;
}

.login_wrap .login_box .login_form input {
    width: 100%;
    height: 60px;
    border-radius: 20px;
    margin: 0;
    margin-bottom: 16px;
    background-color: #2a60cc;
    padding-left: 60px;
    border: 1px solid #fff;
    color:#fff
}

.login_wrap .login_box .login_form input.login_id{
    background-image: url(/resources/kgenc/images/kg_id.png);
    background-position: 20px center;
    background-size: 16px;
    background-repeat: no-repeat;
}

.login_wrap .login_box .login_form input.login_pw {
    background-image: url(/resources/kgenc/images/kg_pw.png);
    background-position: 20px center;
    background-size: 24px;
    background-repeat: no-repeat;
}

.login_wrap .login_box .login_check label{
    margin-left:6px;
}

.login_wrap .login_box .login_check label > span {
    color: #fff;
}

.login_wrap .login_box .google_btn {
    display: none;
}

.login_wrap .login_bg {
    background: transparent !important;
}

/* 서약서 양식 팝업 css */
.ui-dialog-buttonset {
    display: inline-block;
}

.sign_bottom_txt_center {
    text-align: center;
    margin: 50px 0px;
}

/*서약서 양식 - 연차휴가사용기간 연장동의서 */
.sign_holiday_title {
    margin-bottom: 30px !important;
}

.law_box {
    text-align: justify;
}

/*서약서 양식 - 연봉계약서 */
.sign_salary_txt {
    text-align: justify;
}

/* 서약서 양식 - 어학교육 지원제도 이용 서약서 */
.sign_salary_txt1 {
    text-align: justify;
    margin: 26px 0 !important;
}

/*개인설정관리*/
.personal_setting_content{
    min-height:539px
}

/*근태 시간기준 등록*/
.grid_inner_wrap0{
    /*height: 300px*/
}

/*
 *   모바일(mobile)CSS Start
 */
.content_search_wrap .search_btn {
    width: 60px !important;
    background-color: #0063c1 !important;
}

.content_search_wrap .content_search_inp {
    width: calc(100% - 80px) !important;
}

.section_list_wrap .section_tab_wrap .section_tab.on {
    border-bottom:  2px solid #0063c1 !important;
}

.section_tab_wrap .section_tab .section_tab_link .section_tab_alarm.on {
    background-color: #0063c1 !important;
}

.main_menu_count {
    background: #0063c1 !important;
}

.footer_btn_wrap .save_btn {
    background: #0063c1 !important;
}

.content_wrap .attendance_btn_wrap .attendance_btn {
    background-color: #0063c1 !important;
}

.tab_wrap2 .tab .tab_link.on {
    border-bottom: 2px solid #0063c1 !important;
}


.section_list_wrap .section_tab_wrap .section_tab.on {
    border-bottom: 2px solid #0063c1;
}
/*
 *  모바일(mobile)CSS End
 */

/* 결재라인 */
/*.approver {
    display: flex;
    align-items: center;
    gap: 10px;
}
.approver.list_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.approver .approver_img {
    display: flex;
    margin-top: unset;
    margin-right: unset;
}
.approver .approver_img {
    margin-top: unset;
}
.approver_number {
    display: flex;
    font-size: 11px;
    width: 24px;
    height: 16px;
    background-color: #e2e5ec;
    color: #646c9a;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-weight: 500;
    !*margin-right: 5px;*!
}
.approver .approver_name_box {
    position: unset;
    display: flex;
    width: unset;
    height: unset;
    gap: 3px;
}
.approver .approver_name_box {
    !*margin-left: 30px;*!
}
.approver .approver_name_box.dept_name {
    display: flex;
    align-items: center;
    height: 42px;
}
.approver .approver_team {
    !*margin-left: 30px;*!
}
.approver_user_info {
    display: flex;
    flex-direction: column;
    width: 175px;
}
.approver .approver_team {
    position: unset;
    display: flex;
    gap: 3px;
}
.approver .approval_state {
    position: unset;
    top: unset;
    right: unset;
    display: flex;
    margin-left: auto;
}*/
.approval_step0_list {
    padding-top: 16px !important;
}

.approver .approver_img {
    display: inline-block;
    margin: 0;
    position: relative;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50% !important;
    background-color: #e4e6e7;
}

.approver .approver_img img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: scale-down;
}


.ea_floating_header {
    position: fixed;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 952px;
    min-height: 120px;
    top: 5px;
    box-shadow: 0 4px 8px #e7e7e9;
    background-color: #fff;
    border: 1px solid #E7E7E9;
    border-radius: 4px;
    padding: 20px 32px;
}

.ea_floating_header .ea_floating_title {
    position: relative;
    display: block;
    width: 100%;
    font-size: 20px;
    text-align: left;
}
.ea_floating_header .ea_floating_info_wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
    justify-content: start;
    align-items: center;
    gap: 10px;
}
.ea_floating_header .ea_floating_info_wrap .ea_emp_picture {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    overflow: hidden;
    flex-shrink: 0;
    cursor: pointer;
}
.ea_floating_header .ea_floating_info_wrap .ea_emp_picture img {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: auto;
}
.ea_floating_header .ea_floating_info_wrap .ea_writer_wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 250px;
    text-align: left;
    font-size: 15px;
    gap: 5px;
    flex-shrink: 0;
}
.ea_floating_header .ea_floating_info_wrap .ea_writer_wrap .ea_emp_title {
    font-size: 15px;
}
.ea_floating_header .ea_floating_info_wrap .ea_writer_wrap .ea_emp_team {
    font-size: 13px;
}
.ea_floating_header .ea_floating_info_wrap .ea_doc_wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 48px;
    gap: 5px;
    justify-content: flex-end;
    padding-bottom: 7px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ea_floating_header .ea_floating_info_wrap .ea_doc_row {
    display: flex;
    flex-direction: row;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ea_floating_header .ea_floating_info_wrap .ea_doc_wrap .ea_doc_row .ea_doc_column{
    position: relative;
    display: block;
    margin-right: 23px;
    text-align: center;
    font-size: 13px;
    color: #828b97;
    font-weight: 500;
    flex-shrink: 0;
    width: 46.25px;
}
.ea_floating_header .ea_floating_info_wrap .ea_doc_wrap .ea_doc_row .ea_doc_value{
    position: relative;
    display: block;
    margin-right: 38px;
    text-align: left;
    font-size: 13px;
    color: #333;
    font-weight: 400;
    flex-shrink: 0;
    text-overflow: ellipsis;
    overflow:hidden;
}
.btn_top_scroll {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    bottom: -2px;
    right: -52px;
    z-index: 99;
}

.ea_floating_button {
    position: absolute;
    display: flex;
    flex-direction: row;
    box-shadow: 0 6px 8px #e7e7e9;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #e7e7e9;
    border-bottom: 1px solid #e7e7e9;
    background-color: #ffffff;
    padding: 8px 8px 8px 0;
    right: -1px;
    bottom: -45px;
}

.ea_view_mode_header .ea_view_writer .ea_view_img{
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
}
.ea_view_mode_header .ea_view_writer .ea_view_img img{
    position:absolute;
    top:60%;
    left:50%;
    transform: translate(-50%, -50%);
    width: 44px;
    height: auto;
}
/* 한글 기안 문서 영역 */
.ea_left_scroll_wrap.e_hwp {
    min-height: 583px;
    display: inline-block;
    width: 952px;
    float: left;
    margin-right: 47px;
    padding: unset !important;
    background-color: #fff;
    border: 1px solid #E7E7E9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);
    border-radius: 4px;
}

/*인사정보조회 영역*/
.emaployee_rank_right .personal_number{
    font-size: 20px;
    font-weight: 400;
    color: #828B97;
    position:unset;
}

/* 탭메뉴 사원 이미지 */
.user_info_btn {
    display: inline-block;
    width: 34px !important;
    height: 34px !important;
    overflow: hidden;
    position: absolute;
    top: 9px !important;
    right: 20px;
    border-radius: 50%;
    background-color: #fff !important;
}
.user_info_btn img[name=EMP_PICTURE] {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 34px;
    height: auto;
    margin: unset;
    min-height: unset;
}
/* nav 탭 사이즈 */
nav .tab {
    width: 10% !important;
}
nav .tab:first-child {
    width: 5% !important;
}
nav .tab_wrap {
    width: 96% !important;
    display: flex;
    flex-direction: row;
}

.ea_guide_wrap .ea_guide_inner{
    width: 100%;
    line-height: 140%;
    padding-left: 63px;
    font-size: 0.8em;
    color: #333;
    padding-bottom: 15px;
    text-align: left;
    font-weight: 500;
}

.rg-checkbar-cell > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rg-check-renderer > div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.emp_picture_img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: scale-down;
}

.emp_picture_wrap {
    position: relative;
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50% !important;
    margin:auto;
    background-color: #fff;
}

/* 결재 라인 이미지 영역 */
.line_choose_wrap .line_choose .line_choose_img {
    position: relative;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 50% !important;
    background-color: #fff;
}
.line_choose_wrap .line_choose .line_choose_img img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: scale-down;
    border-radius: 50%;
}
/* 사용자 계정 - 프로필 */
.account_top .account_img img {
    border-radius: unset !important;
    margin-top: unset !important;
}
.account_top .account_img {
    border-radius: 50% !important;
    background-color: #fff;
}

/* 그리드 로딩 변경 */
.rg-load-indicator {
    width: 150px !important;
    height: 150px !important;
    top: calc(50% + 20px) !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin-left:0 !important;
    opacity: 100%;
    border: none;
    background: unset !important;
    background-image: url(/resources/kgenc/images/kg-loading.svg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 150px auto !important;
}

/* 통합결재함 문서 이미지 */
.contents_detail_iframe {
    background-image: unset;
}
.contents_detail_iframe .default_view .empty_msg::before {
    content: '';
    display: block;
    width: 188px;
    height: 166px;
    margin: 0 auto;
    background-image: url("/resources/kgenc/images/kg_approval_default.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* 메인 홈 바로가기 아이콘 */
.oc_order_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/oc_order_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.project_query_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/project_query_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 38px;
}
.oc_project_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/oc_project_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 38px;
}
.car_rent_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/car_rent_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 32px;
}
.ea_bt_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/ea_bt_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.ea_document_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/ea_document_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.mn_overwork_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/mn_overwork_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.mn_holiday_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/mn_holiday_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.box_total_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/box_total_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.org_listkg_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/org_listkg_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.dw_inquiry_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/dw_inquiry_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.cal_meeting_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/cal_meeting_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.pms_project_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/pms_project_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.management_info_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/management_info_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.monthly_business_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/monthly_business_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
    margin-right: 5px;
}
.blank_remote_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/blank_remote_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.bbs_qa_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/bbs_qa_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.mail_receive_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/mail_receive_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.mail_write_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/mail_write_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.kg_chat_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/nav_chat_icon_v2.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.comm_file_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/comm_file_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.comm_work_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/comm_work_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.comm_work_ct_icon {
    display: flex;
    width: 35px;
    height: 35px;
    background-image: url(/resources/kgenc/images/comm_work_ct_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35px;
}
.kg_attendance_01 {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/kg_attendance_01.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
}
.kg_attendance_02 {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/kg_attendance_02.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
}
.kg_attendance_03 {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/kg_attendance_03.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
}
.kg_attendance_04 {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/kg_attendance_04.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px;
}
.inquiry_title_img {
    display: flex;
    width: 350px;
    height: 68px;
    background-image: url(/resources/kgenc/images/inquiry_title_380.png);
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: 34px;*/
}
.inquiry_title_img_size {
    width: 350px;
    height: 68px;
}
.card_kg_logo {
    display: flex;
    width: 100%;
    height: 16px;
    background-image: url(/resources/kgenc/images/kg_boram_gk_w_logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
    justify-content: center;
}

.new_title {
    font-size: 9px;
    padding: 0 3px;
    background-color: #ff8f8f;
    border-radius: 3px;
    color: #fff;
}
/* nav 알림 */
.notifications_menu {
    position: fixed;
    top: 60px;
    right: 188px;
    width: 400px;
    height: 670px;
    background: #fff;
    box-shadow: -4px 2px 8px rgba(2, 6, 23, 0.15);
    z-index: 1000;
    display: none;
    border-radius: 8px;
}

/*.popup_mask {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, 0.5);*/
/*    z-index: 999;*/
/*}*/
.notifications_content_wrap {
    /*overflow-y: scroll;*/
    height: 600px;
    overflow-x: hidden;
}
.notifications_content_wrap::-webkit-scrollbar {
    width: 4px;
    padding-right: 12px;
}
.notifications_content_wrap::-webkit-scrollbar-thumb {
    background-color: #cbcfdb;
    border-radius: 10px;
}
.notifications_content_wrap::-webkit-scrollbar-track {
    background-color: transparent;
}
.notifications_content > .notifications_content_top {
    height: 60px;
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    border-radius: 8px 8px 0px 0px;
    /*position: fixed;*/
    /*top: 0;*/
    /*width: 450px;*/
}
.notifications_content_wrap > .notifications_content_list {
    display: flex;
    width: 100%;
    height: auto;
    flex-direction: column;
    align-items: center;
}
.notifications_content_wrap > .notifications_content_list .notifications_list_inner {
    width: 100%;
    padding: 16px;
    cursor: pointer;
    border-bottom: 1px solid #E2E8F0;
}
.notifications_list_inner.unread, .notifications_list_inner.unread_mail{
    background-color: #EDF3FF;
}
.notifications_item_info {
    width: 70px;
}
.notifications_item_info p {
    font-size: 12px;
    text-align: end;
    color: #475569;
}
.notifications_content_wrap > .notifications_null {
    align-content: center;
    text-align: center;
    height: 100%;
    color: #888;
}
.notifications_list_inner > .notifications_inner_item {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    gap: 6px;
}
.notifications_inner_item > .notifications_item_contents {
    font-size: 14px;
    line-height: normal;
    color: #333;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.notifications_inner_item > .notifications_item_contents .ea_notifications_icon.unread {
    width: 42px;
    height: 42px;
    background-image: url(/resources/kgenc/images/notify_unread_ea.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 38px;
}
.notifications_inner_item > .notifications_item_contents .ea_notifications_icon.read {
    width: 42px;
    height: 42px;
    background-image: url(/resources/kgenc/images/notify_read.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.notifications_inner_item > .notifications_item_contents .ea_notifications_icon.unread_mail {
    width: 42px;
    height: 42px;
    background-image: url(/resources/kgenc/images/notify_unread_mail.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 38px;
}
.notifications_inner_item > .notifications_item_contents .ea_notifications_icon.read_mail {
    width: 42px;
    height: 42px;
    background-image: url(/resources/kgenc/images/notify_read_mail.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 40px;
}
.notifications_item_contents > .ea_notifications_wrap {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 320px;
}
.ea_notifications_wrap > .ea_notifications {
    font-weight: 600;
    /*padding: 0 6px;*/
}
.ea_notifications_wrap > .ea_notifications_text {
    font-size: 13px;
}
.ea_notifications_contents {
    display: flex;
    flex-direction: row;
    gap: 5px;
    width: 240px;
    align-items: center;
    height: auto;
    border-left: 3px solid #E2E8F0;
    padding: 0 5px;
}
.notifications_inner_item > .notifications_item_info {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;

}
.notifications_inner_item > .notifications_item_info p {
    font-size: 12px;
    color: #7D7D7D;
}
.notifications_close_btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/resources/images/close-circle2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 20px;
}
.refresh_icon {
    display: flex;
    width: 22px;
    height: 22px;
    background-image: url(/resources/kgenc/images/refresh_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    background-color: #F3F4F9;
    border-radius: 3px;
}
.refresh_icon:hover {
    background-color: #e2e5ec;
}
.notifications_content_top_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 500;
    color: #1E293B;
}
.approver .approver_name {
    display: inline-block;
    max-width: 200px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
}
.approver_user_info {
    width: 200px;
}
.approval_step_title {
    color: #828b97;
}
.approver_number {
    background-color: #dde2ed !important;
}
.ea_bt_form_title {
    color: #666;
    margin-bottom: 8px;
}
/* 결재라인 type */
.approval_state.type0 {
    width: 64px;
    justify-content: center;
}
.approval_state.type2 {
    width: 50px;
    justify-content: center;
}
.approver_state.type0 {
    color: #286060;
    background-color: #b2ebe2;
}
.approver .approval_state.type1 {
    width: 64px;
    justify-content: center;
}
.approver .approval_state.type7 {
    width: 64px;
    justify-content: center;
    color: #316f51;
    background-color: #c6efd4;
}
.approver .approval_state.type8 {
    width: 64px;
    justify-content: center;
    color: #543C98;
    background-color: #E9D8FD;
}
.approver .approval_info_box {
    max-width: 134px;
}ehd
     /* 수신 */
 .approver .approval_state.type2,
 .line_choose_wrap .line_choose .line_choose_statu.type2,
 .line_choose_wrap .line_choose .line_choose_statu2.type2 {
     color: #1c53c1;
     background-color: #CBDDFF;
 }
/* 협조, 병렬협조 */
.approver .approval_state.type1,
.line_choose_wrap .line_choose .line_choose_statu.type1,
.line_choose_wrap .line_choose .line_choose_statu2.type1 {
    color: #776010;
    background-color: #F7E8B3;
}
/* 부서, 전결 */
.approver .approval_state.type5,
.line_choose_wrap .line_choose .line_choose_statu.type5,
.line_choose_wrap .line_choose .line_choose_statu2.type5 {
    color: #233b93;
    background-color: #CBECFF;
}
/* 참조, 대결 */
.approver .approval_state.type3,
.line_choose_wrap .line_choose .line_choose_statu.type3,
.line_choose_wrap .line_choose .line_choose_statu2.type3 {
    color: #af2a21;
    background-color: #FFD4CB;
}
.approver .approval_state.type5 {
    width: 64px;
    justify-content: center;
}
.approver .approval_state.type7,
.line_choose_wrap .line_choose .line_choose_statu.type7,
.line_choose_wrap .line_choose .line_choose_statu.type7 {
    color: #316f51;
    background-color: #c6efd4;
}
.approver .approval_state.type8,
.line_choose_wrap .line_choose .line_choose_statu.type8,
.line_choose_wrap .line_choose .line_choose_statu.type8 {
    color: #543C98;
    background-color: #E9D8FD;
}
.approval_step0_wrap {
    border-bottom: 1px dashed #bcc0c8;
}
.approval_step1_wrap {
    border-bottom: 1px dashed #bcc0c8;
}
.approval_step2_wrap {
    border-bottom: 1px dashed #bcc0c8;
}
.approval_step3_wrap {
    border-bottom: 1px dashed #bcc0c8;
}
.approval_list_btn {
    margin-bottom: 12px;
    color: #828b97;
    font-weight: 500;
}

.fc .fc-daygrid-day-number {
    cursor: pointer;
}

.form_object .form_date0_v2 {
    cursor: pointer;
}
.form_object .form_date1_v2 {
    cursor: pointer;
}

.position-fixer {
    position: relative;
    display: inline-block;
    float: left;
    width: 952px;
    height: 0;
}

.ea_print_view_wrap {
    position: absolute;
    top:0;
    left:0;
    display: block;
    margin-bottom: 20px;
    width: 952px;
    height: 1077px;
    /*border: 1px solid #e7e7e9;*/
    border-radius: 4px;
    /*box-shadow: rgba(0, 0, 0, 0.04) 0 4px 8px;*/
    overflow: hidden;
}

.ea_left_scroll_wrap.hide_mode {
    margin-top: 14px;
    min-height: 20px;
    max-height: 20px;
    overflow:hidden;
}
/* 결재라인 컬러 변경 */
.ea_view_tab .view_tab .view_tab_link {
    color: #242A30;
}
.ea_view_tab .view_tab .popup_tab_link {
    color: #242A30;
}
.approval_step1_tab .step1_tab .step1_tab_link {
    color: #242A30;
}
.ea_view_tab .view_tab .view_tab_link.on {
    font-weight: 500;
}
.approval_step1_tab .step1_tab .step1_tab_link.on {
    font-weight: 500;
}
.approval_attached_list_title {
    color: #333;
}
.approval_attached_list.list2 .list2_title {
    color: #333;
}
.approver .approver_team {
    color: #333;
}
.approver .approval_date {
    color: #666;
}
.approval_attached_list .attached_file .attached_file_txt {
    color: #333;
}
.opinion_list .opinion .approver_name {
    font-weight: 500;
}
.opinion_list .opinion .approver_team {
    color: #333;
}
.opinion_list .opinion .approver_team {
    font-weight: 400;
}
.opinion_list .opinion .approval_date {
    color: #333;
}
.opinion_list .opinion .opinion_txt {
    color: #333;
}
/* ea header */
.ea_view_mode_header .ea_view_writer .ea_view_team {
    color: #333;
}
.ea_view_mode_header .ea_view_txt .ea_view_info .view_label {
    font-weight: 600;
}
/* 결재의견 */
.approval_opinion_wrap .approval_opinion .opinion_text_box {
    height: 90px;
}
.rg-tree-icon {
    width: 24px !important;
}
.folder_yellow_icon {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/folder_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
}
.notifications_mask {
    opacity: 0 !important;
}
/*결재라인 버튼 컬러 변경*/
button.approve_blue {
    background-color: #D6ECFF;
    color: #0063c1;
    border: unset;
}
button.approve_green {
    background-color: #C6EFD4;
    color: #316F51;
    border: unset;
}
button.approve_yellow {
    background-color: #F7E8B3;
    color: #776010;
    border: unset;
}
button.approve_red {
    background-color: #FFD4CB;
    color: #df392d;
    border: unset;
}
button.approve_orange {
    background-color: #FFE4CB;
    color: #D96B49;
    border: unset;
}
button.approve_purple {
    background-color: #E9D8FD;
    color: #543C98;
    border: unset;
}
button.approve_gray {
    background-color: #E6EAF1;
    color: #666666;
    border: unset;
}
.approval_line_pop .center_area .line_pop_btn.right_blue {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_blue.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.right_green {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_green.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.right_yellow {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_yellow.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.right_red {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_red.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.right_orange {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_orange.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.right_purple {
    text-align: left;
    background-image: url(/resources/kgenc/images/line_btn_right_purple.png);
    background-repeat: no-repeat;
    background-position: 88px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.left_gray {
    text-align: right;
    background-image: url(/resources/kgenc/images/line_btn_left_gray.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 18px;
}
.approval_line_pop .center_area .line_pop_btn.left_red {
    text-align: right;
    background-image: url(/resources/kgenc/images/line_btn_left_red.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 18px;
}
.line_choose_wrap .line_choose.border_blue {
    border: 2px solid #D6ECFF;
}
.line_choose_wrap .line_choose.border_green {
    border: 2px solid #C6EFD4;
}
.line_choose_wrap .line_choose.border_yellow {
    border: 2px solid #F7E8B3;
}
.line_choose_wrap .line_choose.border_red {
    border: 2px solid #FFD4CB;
}
.line_choose_wrap .line_choose.border_orange {
    border: 2px solid #FFE4CB;
}
.line_choose_wrap .line_choose.border_purple {
    border: 2px solid #E9D8FD;
}
.line_choose_statu.type1.num {
    color: #0063c1 !important;
    background-color: #f6f6f6 !important;
    border: 1px solid #dfdfdf;
    display: flex;
    align-items: center;
}
/* 상단nav변경, 전체 줄간격 수정 */
nav {
    height: 50px !important;
    padding-left: 50px;
}
nav .tab {
    height: 49px !important;
    line-height: 49px !important;
}
.menu_btn {
    top: 10px !important;
    left: 8px !important;
    background: unset !important;
}
.menu_btn_bar {
    background-color: #0B4B9E;
    width: 18px;
    height: 3px;
}
.logo_txt {
    top: 10px !important;
}
.contents_wrap  {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%;
    /*min-width: 1820px;*/
}
button {
    padding: 0 10px;
    height: 30px;
}
input[type=text], input[type=password], input[type=number], input[type=email], input[type=date], input[type=tel], input[type=search], input[type=time] {
    padding: 6px;
    height: 32px;
    line-height: 32px;
}
.iframe_wrap {
    height: calc(100% - 50px);
}
.ea_bt_form {
    margin-bottom: 15px;
    padding: 15px 20px;
    height: unset;
}
.ea_guide_wrap {
    margin-bottom: 15px;
    min-height: 40px;
}
.form_object .form_popup_btn2_v2 {
    bottom: 6px;
    margin-right: 8px;
}
.form_object {
    margin-bottom: unset !important;
    margin-right: unset;
    cursor: default;
}
.ea_header_edit_form {
    grid-row-gap: 10px !important;
}
.form_object .form_popup_btn_v2R {
    bottom: 6px;
}
.form_object .form_popup_btn_v2 {
    bottom: 6px;
}
.drop_check_list {
    top: 52px;
}
.drop_box .drop_box_list {
    top: 52px;
}
.half_header {
    height: unset !important;
}
.form_object .form_inp1_v2 {
    height: 30px;
}
.contents_area.double_h_contents {
    height: calc(100vh - 230px);
}
.contents_area_no_head {
    height: calc(100vh - 76px);
}
.ea_view_mode_header{
    padding: 15px 20px;
}
.ea_view_mode_header .ea_view_title {
    margin-bottom: 10px;
}
.ea_view_mode_header .ea_view_txt {
    padding-left: unset;
}
.ea_view_wrapper {
    display: flex;
    flex-direction: row;
}
.ea_view_mode_header .ea_view_writer {
    width: 46%;
}
.ea_view_mode_header .ea_view_txt .ea_view_number .view_label, .ea_view_mode_header .ea_view_txt .ea_view_date .view_label, .ea_view_mode_header .ea_view_txt .ea_view_info .view_label {
    margin-right: 12px;
}
.ea_view_mode_header {
    margin-bottom: 12px;
}
.contents_area.half_h_contents {
    height: calc(100vh - 184px);
}
.inner_tabs {
    height: 40px;
    line-height: 40px;
}
#applyForm {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 10px;
}
#searchForm {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}
.ea_left_scroll_wrap {
    padding: 20px 30px;
}
.h640 {height: 640px !important;}
.h650 {height: 650px !important;}
.h680 {height: 680px !important;}
.h750 {height: 750px !important;}
/*content_header, form_object 변경*/
.contents_header {
    display: flex;
    flex-wrap: wrap;
    height: unset;
    padding: 15px 20px !important;
    margin-bottom: 15px;
    gap: 10px;
}
/*form {*/
/*    width: 100%;*/
/*}*/
.content_header_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    vertical-align: unset;
}
.contents_header .content_header_inner > .form_object {
    margin-bottom: unset !important;
    margin-right: unset !important;
    margin-left: unset;
}
.form_object .form_pop4 {
    height: 30px;
}
.form_object .form_pop4_v2 {
    height: 30px;
}
.inner_tabs .inner_tab .tab_link {
    height: 40px;
    line-height: 40px;
}
.modal_search_btn {
    margin-top: 18px !important;
    margin-left: 8px !important;
    height: 30px !important;
}
.form_object .label_inp2_v2 {line-height: 18px;}
/*스크롤 변경*/
/*.rg-vscrollbar {*/
/*    background-color: #FCFCFC;*/
/*}*/
/*.rg-vscrollbar .rg-scrollthumb {*/
/*    background-color: #bcc0c8 !important;*/
/*    left: 4px !important;*/
/*    width: 7px !important;*/
/*}*/
/*.rg-vscrollbar .rg-scroll-up {*/
/*    background-image: url("/resources/kgenc/images/scroll_arrow_btn.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*    width: 14px !important;*/
/*    height: 16px !important;*/
/*}*/
/*.rg-vscrollbar .rg-scroll-up:hover {*/
/*    background-image: url("/resources/kgenc/images/scroll_hover_blue.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*}*/
/*.rg-vscrollbar .rg-scroll-down {*/
/*    background-image: url("/resources/kgenc/images/scroll_arrow_btn.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 18px;*/
/*    transform: rotate(180deg);*/
/*    width: 14px !important;*/
/*    height: 18px !important;*/
/*}*/
/*.rg-vscrollbar .rg-scroll-down:hover {*/
/*    background-image: url("/resources/kgenc/images/scroll_hover_blue.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 17px;*/
/*    transform: rotate(180deg);*/
/*}*/
/*.rg-hscrollbar {*/
/*    height: 16px !important;*/
/*    background-color: #FCFCFC;*/
/*}*/
/*.rg-hscrollbar .rg-scrollthumb {*/
/*    background-color: #bcc0c8 !important;*/
/*    top: 5px !important;*/
/*    height: 7px !important;*/
/*}*/
/*.rg-hscrollbar .rg-scroll-left {*/
/*    background-image: url("/resources/kgenc/images/scroll_arrow_btn.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*    width: 16px !important;*/
/*    height: 16px !important;*/
/*    transform: rotate(-90deg);*/
/*}*/
/*.rg-hscrollbar .rg-scroll-left:hover {*/
/*    background-image: url("/resources/kgenc/images/scroll_hover_blue.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*    width: 16px !important;*/
/*    height: 16px !important;*/
/*    transform: rotate(-90deg);*/
/*}*/
/*.rg-hscrollbar .rg-scroll-right {*/
/*    background-image: url("/resources/kgenc/images/scroll_arrow_btn.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*    transform: rotate(90deg);*/
/*}*/
/*.rg-hscrollbar .rg-scroll-right:hover {*/
/*    background-image: url("/resources/kgenc/images/scroll_hover_blue.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 16px;*/
/*    transform: rotate(90deg);*/
/*}*/
/* 메뉴 검색 추가 */
/*.nav_search_bar {*/
/*    width: 224px;*/
/*}*/
/*.menu_search_inp {*/
/*    width: 100% !important;*/
/*    margin-bottom: 12px !important;*/
/*    border-radius: 3px !important;*/
/*    border: 1px solid #0063c1 !important;*/
/*    font-size: 14px !important;*/
/*    font-weight: 400 !important;*/
/*    margin-left: 0 !important;*/
/*    margin-right: 0 !important;*/
/*    background-image: url(/resources/kgenc/images/search_bl_icon.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 18px;*/
/*    background-position: right 10px center;*/
/*}*/
/*.menu_search_list .menu_search .menu_search_link .menu_search_page {*/
/*    left: 12px;*/
/*}*/
/*.menu_search_list::-webkit-scrollbar{display:none;}*/
/*.menu_search_list {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    gap: 15px;*/
/*    max-height: 500px;*/
/*    overflow-y: auto;*/
/*    align-items: flex-start;*/
/*    padding: 0 8px;*/
/*}*/
/*.menu_search.empty {*/
/*    width: 100%;*/
/*    min-height: 32px;*/
/*    line-height: 32px;*/
/*    text-align: center;*/
/*    color: #888;*/
/*    font-size: 15px;*/
/*}*/
/*.menu_search_list .menu_search .menu_search_link .menu_search_page {*/
/*    width: 220px;*/
/*    position: unset;*/
/*}*/
/*.custom-menu {*/
/*    margin-left: 2px;*/
/*    margin-top: -18px;*/
/*}*/
/* Width classes from 10px to 500px in 10px increments */
.w10px { width: 10px !important; }
.w20px { width: 20px !important; }
.w30px { width: 30px !important; }
.w40px { width: 40px !important; }
.w50px { width: 50px !important; }
.w55px { width: 55px !important; }
.w60px { width: 60px !important; }
.w65px { width: 65px !important; }
.w70px { width: 70px !important; }
.w80px { width: 80px !important; }
.w90px { width: 90px !important; }
.w100px { width: 100px !important; }
.w110px { width: 110px !important; }
.w120px { width: 120px !important; }
.w130px { width: 130px !important; }
.w140px { width: 140px !important; }
.w150px { width: 150px !important; }
.w160px { width: 160px !important; }
.w170px { width: 170px !important; }
.w180px { width: 180px !important; }
.w190px { width: 190px !important; }
.w200px { width: 200px !important; }
.w210px { width: 210px !important; }
.w220px { width: 220px !important; }
.w230px { width: 230px !important; }
.w240px { width: 240px !important; }
.w250px { width: 250px !important; }
.w254px { width: 254px !important; }
.w260px { width: 260px !important; }
.w270px { width: 270px !important; }
.w280px { width: 280px !important; }
.w290px { width: 290px !important; }
.w300px { width: 300px !important; }
.w310px { width: 310px !important; }
.w320px { width: 320px !important; }
.w330px { width: 330px !important; }
.w340px { width: 340px !important; }
.w350px { width: 350px !important; }
.w360px { width: 360px !important; }
.w370px { width: 370px !important; }
.w380px { width: 380px !important; }
.w390px { width: 390px !important; }
.w400px { width: 400px !important; }
.w450px { width: 450px !important; }
.w410px { width: 410px !important; }
.w420px { width: 420px !important; }
.w430px { width: 430px !important; }
.w440px { width: 440px !important; }
.w450px { width: 450px !important; }
.w455px { width: 455px !important; }
.w460px { width: 460px !important; }
.w470px { width: 470px !important; }
.w480px { width: 480px !important; }
.w490px { width: 490px !important; }
.w500px { width: 500px !important; }
.w520px { width: 520px !important; }
.w540px { width: 540px !important; }
.w570px { width: 570px !important; }
.w580px { width: 580px !important; }
.w600px { width: 600px !important; }
.w610px { width: 610px !important; }
.w620px { width: 620px !important; }
.w680px { width: 680px !important; }
.w700px { width: 700px !important; }
.w800px { width: 800px !important; }
.w830px { width: 830px !important; }
.w890px { width: 890px !important; }
.w990px { width: 990px !important; }
/* Width classes from 1% to 100% in 1% increments */
.w1per { width: 1% !important; }
.w2per { width: 2% !important; }
.w3per { width: 3% !important; }
.w4per { width: 4% !important; }
.w5per { width: 5% !important; }
.w6per { width: 6% !important; }
.w7per { width: 7% !important; }
.w8per { width: 8% !important; }
.w9per { width: 9% !important; }
.w10per { width: 10% !important; }
.w11per { width: 11% !important; }
.w12per { width: 12% !important; }
.w13per { width: 13% !important; }
.w14per { width: 14% !important; }
.w15per { width: 15% !important; }
.w16per { width: 16% !important; }
.w17per { width: 17% !important; }
.w18per { width: 18% !important; }
.w19per { width: 19% !important; }
.w20per { width: 20% !important; }
.w21per { width: 21% !important; }
.w22per { width: 22% !important; }
.w23per { width: 23% !important; }
.w24per { width: 24% !important; }
.w25per { width: 25% !important; }
.w26per { width: 26% !important; }
.w27per { width: 27% !important; }
.w28per { width: 28% !important; }
.w29per { width: 29% !important; }
.w30per { width: 30% !important; }
.w31per { width: 31% !important; }
.w32per { width: 32% !important; }
.w33per { width: 33% !important; }
.w34per { width: 34% !important; }
.w35per { width: 35% !important; }
.w36per { width: 36% !important; }
.w37per { width: 37% !important; }
.w38per { width: 38% !important; }
.w39per { width: 39% !important; }
.w40per { width: 40% !important; }
.w41per { width: 41% !important; }
.w42per { width: 42% !important; }
.w43per { width: 43% !important; }
.w44per { width: 44% !important; }
.w45per { width: 45% !important; }
.w46per { width: 46% !important; }
.w47per { width: 47% !important; }
.w48per { width: 48% !important; }
.w49per { width: 49% !important; }
.w50per { width: 50% !important; }
.w51per { width: 51% !important; }
.w52per { width: 52% !important; }
.w53per { width: 53% !important; }
.w54per { width: 54% !important; }
.w55per { width: 55% !important; }
.w56per { width: 56% !important; }
.w57per { width: 57% !important; }
.w58per { width: 58% !important; }
.w59per { width: 59% !important; }
.w60per { width: 60% !important; }
.w61per { width: 61% !important; }
.w62per { width: 62% !important; }
.w63per { width: 63% !important; }
.w64per { width: 64% !important; }
.w65per { width: 65% !important; }
.w66per { width: 66% !important; }
.w67per { width: 67% !important; }
.w68per { width: 68% !important; }
.w69per { width: 69% !important; }
.w70per { width: 70% !important; }
.w71per { width: 71% !important; }
.w72per { width: 72% !important; }
.w73per { width: 73% !important; }
.w74per { width: 74% !important; }
.w75per { width: 75% !important; }
.w76per { width: 76% !important; }
.w77per { width: 77% !important; }
.w78per { width: 78% !important; }
.w79per { width: 79% !important; }
.w80per { width: 80% !important; }
.w81per { width: 81% !important; }
.w82per { width: 82% !important; }
.w83per { width: 83% !important; }
.w84per { width: 84% !important; }
.w85per { width: 85% !important; }
.w86per { width: 86% !important; }
.w87per { width: 87% !important; }
.w88per { width: 88% !important; }
.w89per { width: 89% !important; }
.w90per { width: 90% !important; }
.w91per { width: 91% !important; }
.w92per { width: 92% !important; }
.w93per { width: 93% !important; }
.w94per { width: 94% !important; }
.w95per { width: 95% !important; }
.w96per { width: 96% !important; }
.w97per { width: 97% !important; }
.w98per { width: 98% !important; }
.w99per { width: 99% !important; }
.w100per { width: 100% !important; }
/* Height classes from 1% to 100% in 1% increments */
.h1per { height: 1% !important; }
.h2per { height: 2% !important; }
.h3per { height: 3% !important; }
.h4per { height: 4% !important; }
.h5per { height: 5% !important; }
.h6per { height: 6% !important; }
.h7per { height: 7% !important; }
.h8per { height: 8% !important; }
.h9per { height: 9% !important; }
.h10per { height: 10% !important; }
.h11per { height: 11% !important; }
.h12per { height: 12% !important; }
.h13per { height: 13% !important; }
.h14per { height: 14% !important; }
.h15per { height: 15% !important; }
.h16per { height: 16% !important; }
.h17per { height: 17% !important; }
.h18per { height: 18% !important; }
.h19per { height: 19% !important; }
.h20per { height: 20% !important; }
.h21per { height: 21% !important; }
.h22per { height: 22% !important; }
.h23per { height: 23% !important; }
.h24per { height: 24% !important; }
.h25per { height: 25% !important; }
.h26per { height: 26% !important; }
.h27per { height: 27% !important; }
.h28per { height: 28% !important; }
.h29per { height: 29% !important; }
.h30per { height: 30% !important; }
.h31per { height: 31% !important; }
.h32per { height: 32% !important; }
.h33per { height: 33% !important; }
.h34per { height: 34% !important; }
.h35per { height: 35% !important; }
.h36per { height: 36% !important; }
.h37per { height: 37% !important; }
.h38per { height: 38% !important; }
.h39per { height: 39% !important; }
.h40per { height: 40% !important; }
.h41per { height: 41% !important; }
.h42per { height: 42% !important; }
.h43per { height: 43% !important; }
.h44per { height: 44% !important; }
.h45per { height: 45% !important; }
.h46per { height: 46% !important; }
.h47per { height: 47% !important; }
.h48per { height: 48% !important; }
.h49per { height: 49% !important; }
.h50per { height: 50% !important; }
.h51per { height: 51% !important; }
.h52per { height: 52% !important; }
.h53per { height: 53% !important; }
.h54per { height: 54% !important; }
.h55per { height: 55% !important; }
.h56per { height: 56% !important; }
.h57per { height: 57% !important; }
.h58per { height: 58% !important; }
.h59per { height: 59% !important; }
.h60per { height: 60% !important; }
.h61per { height: 61% !important; }
.h62per { height: 62% !important; }
.h63per { height: 63% !important; }
.h64per { height: 64% !important; }
.h65per { height: 65% !important; }
.h66per { height: 66% !important; }
.h67per { height: 67% !important; }
.h68per { height: 68% !important; }
.h69per { height: 69% !important; }
.h70per { height: 70% !important; }
.h71per { height: 71% !important; }
.h72per { height: 72% !important; }
.h73per { height: 73% !important; }
.h74per { height: 74% !important; }
.h75per { height: 75% !important; }
.h76per { height: 76% !important; }
.h77per { height: 77% !important; }
.h78per { height: 78% !important; }
.h79per { height: 79% !important; }
.h80per { height: 80% !important; }
.h81per { height: 81% !important; }
.h82per { height: 82% !important; }
.h83per { height: 83% !important; }
.h84per { height: 84% !important; }
.h85per { height: 85% !important; }
.h86per { height: 86% !important; }
.h87per { height: 87% !important; }
.h88per { height: 88% !important; }
.h89per { height: 89% !important; }
.h90per { height: 90% !important; }
.h91per { height: 91% !important; }
.h92per { height: 92% !important; }
.h93per { height: 93% !important; }
.h94per { height: 94% !important; }
.h95per { height: 95% !important; }
.h96per { height: 96% !important; }
.h97per { height: 97% !important; }
.h98per { height: 98% !important; }
.h99per { height: 99% !important; }
.h100per { height: 100% !important; }
/* Height classes from 10px to 500px in 10px increments */
.h10px { height: 10px !important; }
.h20px { height: 20px !important; }
.h28px { height: 28px !important; }
.h30px { height: 30px !important; }
.h40px { height: 40px !important; }
.h48px { height: 48px !important; }
.h50px { height: 50px !important; }
.h60px { height: 60px !important; }
.h70px { height: 70px !important; }
.h80px { height: 80px !important; }
.h90px { height: 90px !important; }
.h100px { height: 100px !important; }
.h110px { height: 110px !important; }
.h120px { height: 120px !important; }
.h130px { height: 130px !important; }
.h135px { height: 135px !important; }
.h140px { height: 140px !important; }
.h150px { height: 150px !important; }
.h160px { height: 160px !important; }
.h165px { height: 165px !important; }
.h170px { height: 170px !important; }
.h180px { height: 180px !important; }
.h190px { height: 190px !important; }
.h200px { height: 200px !important; }
.h205px { height: 205px !important; }
.h210px { height: 210px !important; }
.h220px { height: 220px !important; }
.h230px { height: 230px !important; }
.h240px { height: 240px !important; }
.h250px { height: 250px !important; }
.h260px { height: 260px !important; }
.h270px { height: 270px !important; }
.h275px { height: 275px !important; }
.h280px { height: 280px !important; }
.h285px { height: 285px !important; }
.h290px { height: 290px !important; }
.h300px { height: 300px !important; }
.h310px { height: 310px !important; }
.h320px { height: 320px !important; }
.h330px { height: 330px !important; }
.h340px { height: 340px !important; }
.h350px { height: 350px !important; }
.h360px { height: 360px !important; }
.h370px { height: 370px !important; }
.h380px { height: 380px !important; }
.h390px { height: 390px !important; }
.h400px { height: 400px !important; }
.h410px { height: 410px !important; }
.h420px { height: 420px !important; }
.h430px { height: 430px !important; }
.h440px { height: 440px !important; }
.h450px { height: 450px !important; }
.h460px { height: 460px !important; }
.h465px { height: 465px !important; }
.h470px { height: 470px !important; }
.h475px { height: 475px !important; }
.h480px { height: 480px !important; }
.h490px { height: 490px !important; }
.h500px { height: 500px !important; }
.h520px { height: 520px !important; }
.h560px { height: 560px !important; }
.h670px { height: 670px !important; }
.h785px { height: 785px !important; }
.h_auto { height: auto !important;}
/* Font size classes from 10px to 24px */
.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs17 { font-size: 17px !important; }
.fs18 { font-size: 18px !important; }
.fs19 { font-size: 19px !important; }
.fs20 { font-size: 20px !important; }
.fs21 { font-size: 21px !important; }
.fs22 { font-size: 22px !important; }
.fs23 { font-size: 23px !important; }
.fs24 { font-size: 24px !important; }

.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}

/* flex style */
.flex {display: flex;}
.flex_column {
    display: flex;
    flex-direction: column;
}
.flex_row {
    display: flex;
    flex-direction: row;
}
.flex_row_wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.flex_row_wrap.gap {gap: 15px 10px;}
.flex_end {
    display: flex;
    align-items: flex-end;
}
.jc_flex_end {justify-content: flex-end;}
.jc_center {justify-content: center;}
.align_center {align-items: center;}
.flex_align_start {display: flex; align-items: flex-start;}
/* Gap classes from 5px to 30px in 5px increments */
.gap2 { gap: 2px; }
.gap3 { gap: 3px; }
.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }

/* 드롭박스 컨테이너에 relative position 추가 */
.drop_box .drop_box_list {
    display: none;
    width: 100%;
    max-height: 300px;
    background-color: #fff;
    padding: 5px 6px;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.1), 0px 4px 8px rgba(0, 0, 0, 0.04);
    position: absolute;
    top: 52px;
    left: 0;
    z-index: 999999; /* z-index 값을 더 높게 설정 */
    overflow: scroll;
}
.contents_area {
    overflow: visible;
}
.flex_row_wrap {
    overflow: visible;
}
.flex_nowrap {flex-wrap: nowrap;}
.flex_wrap {flex-wrap: wrap;}
.space_between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.justify_content_center { justify-content: center; }
.content_inner_v2 {
    overflow: visible;
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt15 {
    margin-top: 15px !important;
}
.mgt18 {
    margin-top: 18px !important;
}
.mgt20 {
    margin-top: 20px !important;
}
.mgb5 {
    margin-bottom: 5px !important;
}
.mgb10 {
    margin-bottom: 10px !important;
}
.mgb15 {
    margin-bottom: 15px !important;
}
.mgr10 {
    margin-right: 10px !important;
}
.mgr15 {
    margin-right: 15px !important;
}
.mgl10 {
    margin-left: 10px !important;
}
.mgl15 {
    margin-left: 15px !important;
}
#kg_home_tab {
    display: flex;
    width: 44px;
    height: 40px;
    background-image: url(/resources/kgenc/images/tab_kg_blue_logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px;
}
.tab_kghome_logo {
    width: 50%;
    vertical-align: middle;
    min-width: 32px;
}
.grid_layout {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.content_header_inner > form {width: 100%;}
.grid_title_text {
    font-size: 13px;
    font-weight: 500;
    color: #555;
    line-height: 18px;
}
.attach_file_add_icon {
    display: flex;
    width: 24px;
    height: 18px;
    background-image: url(/resources/kgenc/images/attach_file_add.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.btn_search_icon_bl {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/btn_search_icon_bl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.btn_write_icon_wh {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/btn_write_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
}
.btn_folder_icon_wh {
    display: flex;
    width: 15px;
    height: 12px;
    background-image: url(/resources/kgenc/images/btn_folder_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px;
}
/* 관리자(시스템) - kg_admin_system.jsp */
.body_wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    /*min-width: 1824px;*/
    padding-top: 15px;
    padding-bottom: 30px;
    padding-right: 30px;
    padding-left: 30px;
}
.admin_content_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 30px;
    gap: 15px;
}
.admin_header_title {
    font-size: 18px;
    font-weight: 500;
    color: #2a2a2a;
}
.menu_button_wrap {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.menu_button_item {
    display: flex;
    flex-direction: row;
    gap: 3px;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    max-width: 100%;
    height: 30px;
    padding: 0 10px;
    background: linear-gradient(#FFFFFF, #CFE3FA);
    border: 1px solid #0063c1 !important;
    border-radius: 3px;
    cursor: pointer;
}
.menu_button_item.on {
    background: linear-gradient(#f5faff, #98C8FF);
}
.menu_button_item > .admin_onedepth {
    font-size: 13px;
    font-weight: 600;
    color: #0063c1;
    line-height: 1;
}
.admin_icon1 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_hr_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 22px;
}
.admin_icon2 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_org_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.admin_icon3 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_ma_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px;
}
.admin_icon4 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_sl_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 19px;
}
.admin_icon5 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_fi_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.admin_icon6 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_pms_fi_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.admin_icon7 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_comm_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.admin_icon8 {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/admin_oc_icon_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.menu_search_box {
    height: 60px;
    border-radius: 5px; /* menu_content_section_item 과 일치 시킴 */
    background-color: #fff;
    /*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04);*/
    padding: 0 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    /*min-width: 1804px;*/
}
.search_input_box {
    position: relative;
    width: 380px !important;
    height: 38px !important;
    border: 1px solid #0063c1 !important;
    border-radius: 6px !important;
    padding: 6px 8px !important;
    font-family: "Noto Sans KR", sans-serif !important;
    font-size: 14px !important;
    color: #333 !important;
    background-image: url(/resources/kgenc/images/search_bl_icon.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 10px center;
    z-index: 1000;
}
.search_input_box:focus {
    border: 2px solid #0063c1;
    outline: none;
}
.menu_select_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}
.menu_select_title {
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.menu_content_section_item {
    width: calc(20% - 49.6px);
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 0 0 auto;
}
.menu_content_section_item.column_last {
    flex: 1 0 auto;
}
.menu_depth_name {
    height: 34px;
    border-bottom: 1px solid #E4E6EB;
    font-size: 17px;
    font-weight: 600;
    color: #204E82;
    flex-shrink: 0;
}
.menu_list_wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 10px;
    flex: 1;
}
.menu_list_wrap > li {
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: #2a2a2a;
    cursor: pointer;
    line-height: 1.4;
    margin: unset;
    padding: unset;
    box-sizing: unset;
    -webkit-box-sizing: unset;
}
.menu_list_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.menu_content_section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 12px;
    height: 700px;
}
.menu_search_item {
    position: relative;
}
.menu_search_list_box {
    position: absolute;
    width: 350px;
    max-height: 600px;
    padding: 10px 15px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}
.menu_search_list_box li {
    font-size: 15px;
    font-weight: 400;
    padding: 8px 0;
    cursor: pointer;
}
/*공통 버튼 아이콘*/
.f_button_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    /*gap: 3px;*/
    font-weight: 500;
}
.ea_sidebar_title_icon {
    display: flex;
    width: 18px;
    height: 18px;
    background-image: url(/resources/kgenc/images/ea_sidebar_title_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
}
.f_add_icon.secondary {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_add_icon_bl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_add_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_add_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_edit_icon.secondary {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_edit_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_edit_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_edit_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_delete_icon.secondary {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_delete_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_delete_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/f_delete_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_save_icon.secondary {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_save_icon_bl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_save_icon {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_save_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_search_icon.secondary {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_search_secondary_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_search_icon {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_search_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_print_out_icon {
    display: flex;
    width: 14px;
    height: 14px;
    background-image: url(/resources/kgenc/images/f_print_out_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_print_out_icon.secondary {
    display: flex;
    width: 14px;
    height: 14px;
    background-image: url(/resources/kgenc/images/f_print_out_icon_bl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_ea_output_icon.secondary {
    display: flex;
    width: 14px;
    height: 14px;
    background-image: url(/resources/kgenc/images/f_ea_output_icon_bl.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_submit_icon {
    display: flex;
    width: 14px;
    height: 14px;
    background-image: url(/resources/kgenc/images/f_submit_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_submit_icon.secondary {
    display: flex;
    width: 14px;
    height: 14px;
    background-image: url(/resources/kgenc/images/f_submit_secondary_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 14px;
    margin-right: 3px;
}
.f_link_icon {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_link_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_link_icon.secondary {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_link_secondary_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_copy_icon {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_copy_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_copy_icon.secondary {
    display: flex;
    width: 13px;
    height: 13px;
    background-image: url(/resources/kgenc/images/f_copy_secondary_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    margin-right: 3px;
}
.f_download_icon {
    display: flex;
    width: 12px;
    height: 10px;
    background-image: url(/resources/kgenc/images/f_download_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.f_download_icon.secondary {
    display: flex;
    width: 12px;
    height: 10px;
    background-image: url(/resources/kgenc/images/f_download_secondary_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
    margin-right: 3px;
}
.form_delete_button {
    width: 18px;
    height: 18px;
    background-image: url(/resources/kgenc/images/reset_icon_hover.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
    opacity: 0.5;
}
.left_line_icon_wh {
    display: flex;
    width: 10px;
    height: 10px;
    background-image: url(/resources/kgenc/images/left_line_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6px;
}
.right_line_icon_wh {
    display: flex;
    width: 10px;
    height: 10px;
    background-image: url(/resources/kgenc/images/right_line_icon_wh.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 6px;
}
.grid_green {
    background-color: #B0E2DF;
    border: none;
    color: #1F807B;
}
.grid_red {
    background-color: #FFDFDF;
    border: none;
    color: #F93B3B;
}
.grid_blue {
    background-color: #CFE5FE;
    border: none;
    color: #0063C1;
}
.grid_copy_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/grid_copy_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.grid_update_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/grid_update_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.grid_delete_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/grid_delete_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.grid_progress_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/grid_progress_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.grid_add_icon {
    display: flex;
    width: 12px;
    height: 12px;
    background-image: url(/resources/kgenc/images/grid_add_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 12px;
}
.search_alert_icon {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/search_alert_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
}
.search_alert_gray_icon {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/search_alert_gray_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
}
.search_alert_red_icon {
    display: flex;
    width: 18px;
    height: 18px;
    background-image: url(/resources/kgenc/images/search_alert_red_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px;
}
.menu_button_item.oc_comm {
    height: 28px;
}
.oc_total_icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/oc_total_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}
.contents_header_top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 40px !important;
}
.arrow_toggle_icon {
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url(/resources/kgenc/images/arrow_toggle_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px;
}
.arrow_toggle_icon.rotated {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
input[type=text]:read-only {
    color: #555 !important;
    -webkit-text-fill-color: #555 !important; /* iOS 전용 텍스트 색상 */
    opacity: 1 !important;
    -webkit-appearance: none;
    appearance: none;
}
.new_emp_mail_send {
    display: flex;
    width: 24px;
    height: 24px;
    background-image: url(/resources/kgenc/images/notify_unread_mail.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px;
}
.ea_view_mode_header .ea_view_txt .ea_view_number .view_txt.link:hover,
.ea_view_mode_header .ea_view_txt .ea_view_date .view_txt.link:hover,
.ea_view_mode_header .ea_view_txt .ea_view_info .view_txt.link:hover {
    text-decoration: underline;
    color: #0063c1;
    cursor: pointer;
}