@font-face {
    font-family: 'jipyong_temp';
    src: url('./font/jipyong_temp.woff?v202412') format('truetype'), url('./font/jipyong_temp.woff?v202412') format('woff'), url('./font/jipyong_temp.svg#jipyong_temp3') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
} 
 

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'jipyong_temp' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[data-icon]:before {
    font-family: 'jipyong_temp';
    content: attr(data-icon);
    speak: none;
}

.icon-pro-request:before {
    content: "\e977";
    font-size:15px;
    vertical-align:middle
}

.icon-3:before {
    content: "\e902";
}

.icon-2:before {
    content: "\e903";
    color: #fff;
}

.icon-1:before {
    content: "\e904";
}

.icon-icon_x:before {
    content: "\e905";
    font-size: 14px
}

.icon-icon_open:before {
    content: "\e901";
    font-size: 12px
}

.icon-icon_close:before {
    content: "\e902";
    font-size: 12px
}

.icon-home:before {
    content: "\e900";
}

.icon-search:before {
    content: "\e986";
}
 
.icon-file-text2:before {
    content: "\e926";
}

.icon-checkmark:before {
    content: "\ea10";
    color: #D2D2D2;
}
.icon-info:before {
    content: '\ea0c'
}



.icon-guide:before {
    content: '\ea0c';
    font-size: 13px;
}
.icon-stopwath:before {
    content: '\e952';
    font-size:14px
}
.icon-stopwath.mgr5:before { 
    font-size: 16px
}
.icon-todo:before {
    content: '\ea10';
    font-size: 14px;
    color: #337AB7;
}
.icon-notidate:before {
    content: '\e951';
    font-size: 13px;
    color: #808080;
    vertical-align: text-top;
    cursor: pointer;
    position: relative;
    margin-left: 5px
}
.icon-notidate._afterdate:before{
    color:#db0032
}
.icon-gym:before {
    content: "\e90f";
    color: #000;
    font-size: 28px
}
.icon-reply:before {
    content: "\e96b"; 
    font-size: 18px
}
.dx-icon-reply:before {
    font-family: 'jipyong_temp' !important;
    content: "\e96b";
    font-size: 18px
}
.icon-Mymenu:before {
    content: "\e92c";
    color: #fff;
    font-size: 14px
} 

.icon-Mymenu._remove:before {
    content: "\e92b";
    color: #fff;
    font-size: 14px
}

.icon-MymenuAdded:before {
    content: "\e971";
    color: #337AB7;
    font-size: 20px;
    margin-right:5px
}

.icon-x:before {
    color: #fff;
    font-size: 12px !important;
    font-weight: 700
}



.open_div:before {
    font: 14px jipyong_temp !important;
    content: '\e901';
}
.open_div.ic_close:before {
    font: 14px jipyong_temp !important;
    content: '\e902' !important;
}
 

.txt_icon:after {
    font: 14px jipyong_temp !important;
    content: '\e925';
    color: #808080;
    margin-left: 4px;
    cursor: pointer;
}

.tree_list a:first-of-type::after {
    font: 14px jipyong_temp !important;
    content: '\ea7e';
    color: #686868;
    margin-left: 4px;
    cursor: pointer;
}

.icon-attand:before {
    content: "\e921";
    color: #000;
    font-size: 20px
}
.icon-board:before {
    content: "\e95c";
    color: #000;
    font-size: 24px; 
}

.icon-picture:before {
    content: "\e90d";
    color: #000;
    font-size: 24px;
}

.timer_play:before {
    content: '\ea1d'
}
.timer_play._pause:before {
    content: '\ea1e'
}
.timer_reset:before {
    content: '\ea2e'
}

.tab_close i:before {
    content: '\e904';
    font-size:14px;
}
.tab_close i.open:before {
    content: '\e903';
    font-size: 14px;
}

.dx-icon-office:before {
    font: 14px jipyong_temp !important;
    content: '\e910';
    color: #4A4A4A;
}

.dx-icon-matter:before {
    content: '\e970';
    color: #db0032;
    font: 14px jipyong_temp !important;
}

.dx-icon-timesheet:before {
    content: '\e94e';
    color: #db0032;
    font: 14px jipyong_temp !important;
}
.dx-icon-calendar:before {
    content: "\e953";
    color: #db0032;
    font: 14px jipyong_temp !important;
}

.dx-icon-common:before {
    font: 14px jipyong_temp !important;
    content: '\e972';
    color: #4A4A4A;
}
.dx-icon-flag:before {
    font: 16px jipyong_temp !important;
    content: '\e912';
    color: #4A4A4A;
}

.dx-icon-doc:before {
    font: 16px jipyong_temp !important;
    content: '\e925';
    color: #4A4A4A;
}

.dx-color-scheme-dark .dx-icon-doc:before,
.dx-color-scheme-dark .dx-icon-flag:before,
.dx-color-scheme-dark .dx-icon-common:before,
.dx-color-scheme-dark .dx-icon-office:before {
    color: #fff;
}


.dx-icon-arrowright:before {
    font-size: 18px !important;
    line-height: 26px;
    color: #000
}
.btn_reload .dx-icon-loop2:before {
    font: 14px jipyong_temp !important;
    content: '\ea2e';
    color: var(--icon-font-color);
}
.dx-icon-meetingroom:before {
    font: 20px jipyong_temp !important;
    content: '\e916';
    color: var(--sub2-font-color);
} 
.icon-pencil:before {
    content: "\e90a";
    color: #000;
    font-size: 12px;
}
.icon-share:before {
    content: "\ea82";
    color: #000;
    font-size: 12px;
}

.icon-delete:before {
    content: "\e905";
    color: #000;
    font-weight:bold;
    font-size: 14px;
}
.icon-outside:before {
    content: "\ea3b";
}

.icon-plus:before {
    content: '\e92c';
}

.icon-minus.icon-plus:before {
    content: '\e92b';
}

.dx-icon-broom:before {
    font: 14px jipyong_temp !important;
    content: '\e91a';
    color: #BCBCBC;
}
.dx-icon-dcs:before {
    font: 18px jipyong_temp !important;
    content: '\e91c';
}
.dx-icon-dcswrite:before {
    font: 18px jipyong_temp !important;
    content: '\e91d';
}
.icon_changed.dx-icon-broom:before {
    color: #DB0032;
}

.dx-icon-addinfo_N:before {
    font: 18px jipyong_temp !important;
    content: '\e92a';
}

.icon_change_close .dx-icon-plus:before {
    content: "\f074";
}
footer .small_menu a:last-of-type:after {
    content: '\e909';
    font: 24px jipyong_temp !important;
    color:#7a7a7a;
    padding-left:10px;
    padding-bottom:3px;
    vertical-align:middle;
}