/*
 * Gun Design / SYSTEM / v1.0.0
*/

/* color */
:root{
    --primary-l5: #EBF8FF;
    --primary-rgb-l5: 253, 248, 255;
    --primary-l4: #B9E6FE;
    --primary-rgb-l4: 185, 230, 254;
    --primary-l3: #86D4FD;
    --primary-rgb-l3: 134, 212, 253;
    --primary-l2: #54C2FC;
    --primary-rgb-l2: 84, 194, 252;
    --primary-l1: #22AFFC;/*hover*/
    --primary-rgb-l1: 34, 175, 252;
    --primary: #0499E7;
    --primary-rgb: 4, 153, 231;
    --primary-r1: #0377B5;
    --primary-rgb-r1: 3, 119, 181;
    --primary-r2: #025683;/*active*/
    --primary-rgb-r2: 2, 86, 131;
    --primary-r3: #013550;
    --primary-rgb-r3: 1, 54, 80;
    --primary-r4: #00070F;
    --primary-rgb-r4: 0, 20, 30;

    --secondary-l5: #E2EEFD;
    --secondary-rgb-l5: 226, 238, 253;
    --secondary-l4: #B2D3FA;
    --secondary-rgb-l4: 178, 211, 250;
    --secondary-l3: #82B7F7;
    --secondary-rgb-l3: 130, 183, 247;
    --secondary-l2: #529BF4;
    --secondary-rgb-l2: 82, 155, 244;
    --secondary-l1: #227FF1;
    --secondary-rgb-l1: 34, 127, 241;
    --secondary: #0D66D3;
    --secondary-rgb: 13, 102, 211;
    --secondary-r1: #0A4FA3;
    --secondary-rgb-r1: 10, 79, 163;
    --secondary-r2: #073671;
    --secondary-rgb-r2: 7, 54, 113;
    --secondary-r3: #042143;
    --secondary-rgb-r3: 4, 33, 67;
    --secondary-r4: #010913;
    --secondary-rgb-r4: 1, 9, 19;

    --primary-gray-l5: #EBEDEF;
    --primary-gray-rgb-l5: 235, 237, 239;
    --primary-gray-l4: #ced3d9;
    --primary-gray-rgb-l4: 206, 211, 217;
    --primary-gray-l3: #B2BAC2;
    --primary-gray-rgb-l3: 178, 186, 194;
    --primary-gray-l2: #95A0AC;
    --primary-gray-rgb-l2: 149, 160, 172;
    --primary-gray-l1: #798796;
    --primary-gray-rgb-l1: 121, 135, 150;
    --primary-gray: #606D7B;
    --primary-gray-rgb: 96, 109, 123;
    --primary-gray-r1: #4A545E;
    --primary-gray-rgb-r1: 74, 84, 94;
    --primary-gray-r2: #343A42;
    --primary-gray-rgb-r2: 52, 58, 66;
    --primary-gray-r3: #1D2125;
    --primary-gray-rgb-r3: 29, 33, 37;
    --primary-gray-r4: #070809;
    --primary-gray-rgb-r4: 7, 8, 9;

    --black-l5 : #F5F5F5;
    --black-rgb-l5 : 245, 245, 245;
    --black-l4 : #DBDBDB;
    --black-rgb-l4 : 219, 219, 219;
    --black-l3 : #C2C2C2;
    --black-rgb-l3 : 194, 194, 194;
    --black-l2 : #A8A8A8;
    --black-rgb-l2 : 168, 168, 168;
    --black-l1 : #8F8F8F;
    --black-rgb-l1 : 143, 143, 143;
    --black : #757575;
    --black-rgb : 117, 117, 117;
    --black-r1 : #5C5C5C;
    --black-rgb-r1 : 92, 92, 92;
    --black-r2 : #424242;
    --black-rgb-r2 : 66, 66, 66;
    --black-r3 : #292929;
    --black-rgb-r3 : 41, 41, 41;
    --black-r4 : #0F0F0F;
    --black-rgb-r4 : 15, 15, 15;

    --color-status-critical : #E71313; /*critical, alert, form error, emergency, urgent*/
    --color-status-warning : #FF9205; /*Serious, error, warning, needs attention*/
    --color-status-caution : #F0C11B; /*Caution, unstable, unsatisfactory*/
    --color-status-Success : #00B050;/*Success, Normal, on, ok, fine, go, satisfactory*/
    --color-status-info : #0058F0;/*info, Standby, available, enabled*/
    --color-status-off : #C2C2C2; /* Off, unavailable, disabled */

    --color-status-purple : #562BE5;

}

/*
 * INDEX
 * - 01. Import Resource
 * - 02. Typography
 * - 03. Helper Classes
 * - 04. Layout
 * - 05. Button
 * - 06. File Uploader
*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 01. Import Resource ----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
@import url('../css/webfonts.css');  /*English, Korean*/

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 02. Typography ---------------------------------------------------------------------------------------------------*/
/*= Noto-Sans / 100: Thin / 300: Light / 400: Regular / 500: Medium / 700: Bold / 900: Black -------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h7, .h8, .b1, .b2, .b3, .b4, .b5, .b6, .b7{
    display: block;
    margin:0;
    padding: 0;
    font-weight: 400;
    line-height: 125%;
    cursor: default;
    position: relative;
    user-select: none;
}
h1, .h1 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: calc((-18 / 1000) * 1em);
    line-height: 58px; /* 1.6 */
}
h2, .h2 {
    font-size: 24px;
    font-weight:  400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 38px;
}
h3, .h3 {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 32px;
}
h4, .h4 {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 26px;
}
h5, .h5 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 22px;
}

.b1 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 26px;
}
.b2 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 24px;
}
.b3 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 22px;
}
.b4 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 22px;
}
.b5 {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: calc((-15 / 1000) * 1em);
    line-height: 21px;
}
.b6 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: calc((-14 / 1000) * 1em);
    line-height: 19px;
}
.b7 {
    font-size: 11px;
    font-weight: 400;
    letter-spacing: calc((-13 / 1000) * 1em);
    line-height: 18px;
}

a { text-decoration: none; }
a:hover, a:focus {
    color: #3b3b3b;
    /*text-decoration: underline;*/
    text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 03. Helper Classes -----------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/**
 * Helper Classes / Text
 */
.txt-w100 { font-weight: 100; }
.txt-w200 { font-weight: 200; }
.txt-w300 { font-weight: 300; }
.txt-w400 { font-weight: 400; }
.txt-w500 { font-weight: 500; }
.txt-w700 { font-weight: 700; }
.txt-w900 { font-weight: 900; }

.txt-0 { font-size: 0 !important;; }
.txt-10 { font-size: 10px !important; }
.txt-11 { font-size: 11px !important; }
.txt-12 { font-size: 12px !important; }
.txt-13 { font-size: 13px !important; }
.txt-14 { font-size: 14px !important; }
.txt-15 { font-size: 15px !important; }
.txt-16 { font-size: 16px !important; }
.txt-17 { font-size: 17px !important; }
.txt-18 { font-size: 18px !important; }
.txt-19 { font-size: 19px !important; }
.txt-20 { font-size: 20px !important; }
.txt-21 { font-size: 21px !important; }
.txt-24 { font-size: 24px !important; }
.txt-28 { font-size: 28px !important; }
.txt-30 { font-size: 30px !important; }
.txt-36 { font-size: 36px !important; }
.txt-48 { font-size: 48px !important; }
.txt-60 { font-size: 60px !important; }
.txt-inherit { font-size: inherit; }

.line-20 { line-height: 20px; }
.line-24 { line-height: 24px; }
.line-30 { line-height: 30px; }
.line-36 { line-height: 36px; }
.line-40 { line-height: 40px; }
.line-50 { line-height: 50px; }
.line-60 { line-height: 60px; }
.line-120per { line-height: 120%; }
.line-150per { line-height: 150%; }
.line-initial { line-height: normal; }
.line-inherit { line-height: inherit; }

.txt-center { text-align: center; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }

.txt-error { color: #E51313; }
.txt-success { color: #2675FF; }

/**
 * Helper Classes / Display
 */

/*
.v-middle { vertical-align: middle; }
.v-top { vertical-align: top; }
.v-base { vertical-align:baseline; }
*/
/*
.v-middle{
    display: flex; flex-flow: column nowrap;
    justify-content: center; gap: 10px;
    height: 100%;
}
*/
.v-middle {display: flex; flex-flow: row nowrap; align-items: center;}
.h-middle {display: flex; flex-flow: column nowrap; justify-content: center;}
.h-left {display: flex; flex-flow: column nowrap; justify-content: flex-start;}
.h-right {display: flex; flex-flow: column nowrap; justify-content: flex-end;}

.txt-italic { font-style: italic; }
.txt-no-deco { text-decoration: none !important;}
.txt-underline { text-decoration: underline !important;}
.txt-overline { text-decoration: overline;}
.txt-throughline { text-decoration: line-through;}
.txt-uppercase{
    text-transform: uppercase;
}

.word-keep { word-break: keep-all;}
.word-break { word-break: break-all;}

.txt-ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dp-inblock { display: inline-block; }
.dp-block { display: block; }
.dp-inline { display: inline;}
.dp-flex { display: flex;}
.dp-inflex{ display: inline-flex}

.flex-column{flex-flow: column}


.full-w { width: 100% !important; }
.full-h { height: 100% !important; }

.over-hidden { overflow: hidden !important; }
.over-visible { overflow: visible !important; }

.float-l {
    display: inline-block;
    float: left;
    width: auto;
}
.float-r {
    display: inline-block;
    float: right;
    width: auto;
}
.float-none { float: none !important; }

.clear { clear: both; }
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.pos-rel { position: relative;}
.pos-abs { position: absolute;}
.pos-stk { position: -webkit-sticky; position: sticky; }

/**
 * Helper Classes / Padding
 */
.pd-h-1u { padding-left: 4px !important; padding-right: 4px !important; }
.pd-v-1u { padding-top: 4px !important; padding-bottom: 4px !important; }
.pd-h-2u { padding-left: 8px !important; padding-right: 8px !important; }
.pd-v-2u { padding-top: 8px !important; padding-bottom: 8px !important; }
.pd-h-3u { padding-left: 12px !important; padding-right: 12px !important; }
.pd-v-3u { padding-top: 12px !important; padding-bottom: 12px !important; }
.pd-h-4u { padding-left: 16px !important; padding-right: 16px !important; }
.pd-v-4u { padding-top: 16px !important; padding-bottom: 16px !important; }
.pd-h-5u { padding-left: 20px !important; padding-right: 20px !important; }
.pd-v-5u { padding-top: 20px !important; padding-bottom: 20px !important; }
.pd-h-6u { padding-left: 24px !important; padding-right: 24px !important; }
.pd-v-6u { padding-top: 24px !important; padding-bottom: 24px !important; }
.pd-h-7u { padding-left: 28px !important; padding-right: 28px !important; }
.pd-v-7u { padding-top: 28px !important; padding-bottom: 28px !important; }
.pd-h-8u { padding-left: 32px !important; padding-right: 32px !important; }
.pd-v-8u { padding-top: 32px !important; padding-bottom: 32px !important; }
.pd-h-9u { padding-left: 36px !important; padding-right: 36px !important; }
.pd-v-9u { padding-top: 36px !important; padding-bottom: 36px !important; }
.pd-h-10u { padding-left: 40px !important; padding-right: 40px !important; }
.pd-v-10u { padding-top: 40px !important; padding-bottom: 40px !important; }
.pd-h-20u { padding-left: 80px !important; padding-right: 80px !important; }
.pd-v-20u { padding-top: 80px !important; padding-bottom: 80px !important; }

.pd-t-1u { padding-top: 4px !important; }
.pd-b-1u { padding-bottom: 4px !important; }
.pd-l-1u { padding-left: 4px !important; }
.pd-r-1u { padding-right: 4px !important; }

.pd-t-2u { padding-top: 8px !important; }
.pd-b-2u { padding-bottom: 8px !important; }
.pd-l-2u { padding-left: 8px !important; }
.pd-r-2u { padding-right: 8px !important; }

.pd-t-3u { padding-top: 12px !important; }
.pd-b-3u { padding-bottom: 12px !important; }
.pd-l-3u { padding-left: 12px !important; }
.pd-r-3u { padding-right: 12px !important; }

.pd-t-4u { padding-top: 16px !important; }
.pd-b-4u { padding-bottom: 16px !important; }
.pd-l-4u { padding-left: 16px !important; }
.pd-r-4u { padding-right: 16px !important; }

.pd-t-5u { padding-top: 20px !important; }
.pd-b-5u { padding-bottom: 20px !important; }
.pd-l-5u { padding-left: 20px !important; }
.pd-r-5u { padding-right: 20px !important; }

.pd-t-6u { padding-top: 24px !important; }
.pd-b-6u { padding-bottom: 24px !important; }
.pd-l-6u { padding-left: 24px !important; }
.pd-r-6u { padding-right: 24px !important; }

.pd-t-7u { padding-top: 28px !important; }
.pd-b-7u { padding-bottom: 28px !important; }
.pd-l-7u { padding-left: 28px !important; }
.pd-r-7u { padding-right: 28px !important; }

.pd-t-8u { padding-top: 32px !important; }
.pd-b-8u { padding-bottom: 32px !important; }
.pd-l-8u { padding-left: 32px !important; }
.pd-r-8u { padding-right: 32px !important; }

.pd-t-9u { padding-top: 36px !important; }
.pd-b-9u { padding-bottom: 36px !important; }
.pd-l-9u { padding-left: 36px !important; }
.pd-r-9u { padding-right: 36px !important; }

.pd-t-10u { padding-top: 40px !important; }
.pd-b-10u { padding-bottom: 40px !important; }
.pd-l-10u { padding-left: 40px !important; }
.pd-r-10u { padding-right: 40px !important; }

.pd-t-20u { padding-top: 80px !important; }
.pd-b-20u { padding-bottom: 80px !important; }
.pd-l-20u { padding-left: 80px !important; }
.pd-r-20u { padding-right: 80px !important; }

.no-pd { padding: 0 !important;}


/**
 * Helper Classes / Margin
 */
.mg-h-1u { margin-left: 4px !important; margin-right: 4px !important; }
.mg-v-1u { margin-top: 4px !important; margin-bottom: 4px !important; }
.mg-h-2u { margin-left: 8px !important; margin-right: 8px !important; }
.mg-v-2u { margin-top: 8px !important; margin-bottom: 8px !important; }
.mg-h-3u { margin-left: 12px !important; margin-right: 12px !important; }
.mg-v-3u { margin-top: 12px !important; margin-bottom: 12px !important; }
.mg-h-4u { margin-left: 16px !important; margin-right: 16px !important; }
.mg-v-4u { margin-top: 16px !important; margin-bottom: 16px !important; }
.mg-h-5u { margin-left: 20px !important; margin-right: 20px !important; }
.mg-v-5u { margin-top: 20px !important; margin-bottom: 20px !important; }
.mg-h-6u { margin-left: 24px !important; margin-right: 24px !important; }
.mg-v-6u { margin-top: 24px !important; margin-bottom: 24px !important; }
.mg-h-7u { margin-left: 28px !important; margin-right: 28px !important; }
.mg-v-7u { margin-top: 28px !important; margin-bottom: 28px !important; }
.mg-h-8u { margin-left: 32px !important; margin-right: 32px !important; }
.mg-v-8u { margin-top: 32px !important; margin-bottom: 32px !important; }
.mg-h-9u { margin-left: 36px !important; margin-right: 36px !important; }
.mg-v-9u { margin-top: 36px !important; margin-bottom: 36px !important; }
.mg-h-10u { margin-left: 40px !important; margin-right: 40px !important; }
.mg-v-10u { margin-top: 40px !important; margin-bottom: 40px !important; }
.mg-h-20u { margin-left: 80px !important; margin-right: 80px !important; }
.mg-v-20u { margin-top: 80px !important; margin-bottom: 80px !important; }

.mg-t-1u { margin-top: 4px !important; }
.mg-b-1u { margin-bottom: 4px !important; }
.mg-l-1u { margin-left: 4px !important; }
.mg-r-1u { margin-right: 4px !important; }

.mg-t-2u { margin-top: 8px !important; }
.mg-b-2u { margin-bottom: 8px !important; }
.mg-l-2u { margin-left: 8px !important; }
.mg-r-2u { margin-right: 8px !important; }

.mg-t-3u { margin-top: 12px !important; }
.mg-b-3u { margin-bottom: 12px !important; }
.mg-l-3u { margin-left: 12px !important; }
.mg-r-3u { margin-right: 12px !important; }

.mg-t-4u { margin-top: 16px !important; }
.mg-b-4u { margin-bottom: 16px !important; }
.mg-l-4u { margin-left: 16px !important; }
.mg-r-4u { margin-right: 16px !important; }

.mg-t-5u { margin-top: 20px !important; }
.mg-b-5u { margin-bottom: 20px !important; }
.mg-l-5u { margin-left: 20px !important; }
.mg-r-5u { margin-right: 20px !important; }

.mg-t-6u { margin-top: 24px !important; }
.mg-b-6u { margin-bottom: 24px !important; }
.mg-l-6u { margin-left: 24px !important; }
.mg-r-6u { margin-right: 24px !important; }

.mg-t-7u { margin-top: 28px !important; }
.mg-b-7u { margin-bottom: 28px !important; }
.mg-l-7u { margin-left: 28px !important; }
.mg-r-7u { margin-right: 28px !important; }

.mg-t-8u { margin-top: 32px !important; }
.mg-b-8u { margin-bottom: 32px !important; }
.mg-l-8u { margin-left: 32px !important; }
.mg-r-8u { margin-right: 32px !important; }

.mg-t-9u { margin-top: 36px !important; }
.mg-b-9u { margin-bottom: 36px !important; }
.mg-l-9u { margin-left: 36px !important; }
.mg-r-9u { margin-right: 36px !important; }

.mg-t-10u { margin-top: 40px !important; }
.mg-b-10u { margin-bottom: 40px !important; }
.mg-l-10u { margin-left: 40px !important; }
.mg-r-10u { margin-right: 40px !important; }

.mg-t-20u { margin-top: 80px !important; }
.mg-b-20u { margin-bottom: 80px !important; }
.mg-l-20u { margin-left: 80px !important; }
.mg-r-20u { margin-right: 80px !important; }

.no-mg { margin: 0 !important;}

.bg-transparent{background: transparent !important;}

/**
 * Helper Classes / Width
 */
/*
.wth-50 { width: 50px !important; }
.wth-60 { width: 60px !important; }
.wth-70 { width: 70px !important; }
.wth-80 { width: 80px !important; }
.wth-90 { width: 90px !important; }
.wth-100 { width: 100px !important; }
.wth-110 { width: 110px !important; }
.wth-120 { width: 120px !important; }
.wth-130 { width: 130px !important; }
.wth-140 { width: 140px !important; }
.wth-150 { width: 150px !important; }
.wth-160 { width: 160px !important; }
.wth-170 { width: 170px !important; }
.wth-180 { width: 180px !important; }
.wth-190 { width: 190px !important; }
.wth-200 { width: 200px !important; }
*/

.W50I { width: 50px !important; }
.W60I { width: 60px !important; }
.W70I { width: 70px !important; }
.W80I { width: 80px !important; }
.W90I { width: 90px !important; }
.W100I { width: 100px !important; }
.W110I { width: 110px !important; }
.W120I { width: 120px !important; }
.W130I { width: 130px !important; }
.W140I { width: 140px !important; }
.W150I { width: 150px !important; }
.W160I { width: 160px !important; }
.W170I { width: 170px !important; }
.W180I { width: 180px !important; }
.W190I { width: 190px !important; }
.W200I { width: 200px !important; }
.W210I { width: 220px !important; }
.W220I { width: 220px !important; }
.W230I { width: 220px !important; }
.W240I { width: 220px !important; }
.W250I { width: 220px !important; }

.H20I{ height: 20px !important; }
.H40I{ height: 40px !important; }
.H60I{ height: 60px !important; }

.h-group{display: flex; flex-flow: row nowrap}
.h-group.multi > .form-control{border-radius: 2px 0 0 2px}
.h-group.multi > .form-control + button{border-radius: 0 2px 2px 0;}
.v-group{display: flex; flex-flow: column nowrap}

.gap4{gap:4px;}
.gap10{gap:10px;}
.gap20{gap:20px;}
.gap30{gap:20px;}

.a11y-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}

ul, ol, dl {
    width: 100%;
    height: auto;
    /* overflow: hidden; */
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: default;
    position: relative;
}

.year-box{
    position: relative;
    color: #666;
    border-radius: 4px;
    border: 1px dotted rgba(0, 0, 0, .25);
}

.body-pink{
    background-color: #f7d3d3;
}
.cadet-blue{
    background-color: #8ee5ec;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 04. Layout -------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
html {
    width: 100%;
    height: 100%;
    font-family:'Spoqa Han Sans Neo', 'Noto Sans KR','맑은고딕',AppleGothic,'Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif;
    overflow: hidden;
}
body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    font-family:'Spoqa Han Sans Neo', 'Noto Sans KR','맑은고딕',AppleGothic,'Apple SD Gothic Neo','Malgun Gothic', Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #222222;
    background: var(--primary-gray-l5);
    /*background: #EEF1F2;*/
    word-break: keep-all;
    position: relative;
    overflow-scrolling: touch;
    font-feature-settings: 'liga';
}
a { color: inherit; }
::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul:after, ol:after, dl:after {
    content: '';
    display: table;
    clear: both;
}
button, a { cursor: pointer; }

.k-widget, .k-block, .k-panel{
    color: #434343;
    background: #f4f4f4;
}

.hide-scrollbar{
    -ms-overflow-style: none;
}
.hide-scrollbar::-webkit-scrollbar{
    display: none;
}

/* Header ------------------------------------------------------------------------------------------------------------*/
/* Ax-boots, Kendo UI ------------------------------------------------------------------------------------------------*/

.ax-body.frame-set #ax-frame-root{overflow: hidden}

.ax-body.frame-set #ax-frame-root .ax-frame-header{
    height: 50px !important; border-top: 0;
    background: rgb(var(--primary-rgb)) !important;
    background: linear-gradient(90deg, rgba(var(--primary-rgb),1) 0%, rgba(var(--secondary-rgb),1) 100%) !important;
    border-bottom: 1px solid #f4f4f4 !important;
    box-shadow: none;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header .cell-logo{
    display: none;
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms{
    position: absolute; display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row nowrap; right: 0; width: auto;
    padding-left: 30px; border-radius: 25px 0 0 25px; border: 0;
    background: rgba(var(--primary-gray-rgb-r3), .8);
    /*background: rgba(29, 33, 44, .8);*/
}

.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box{}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box .user-info{
    width: 8rem;
    display: inline-flex;
    flex-flow: column;
    border-radius: .2rem;
    color: rgba(84, 194, 252, .9);
    /*background: rgba(255, 255, 255, .1);*/
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box .user-info > span{
    display: inline-block;
    /*padding: 0 .4rem;*/
    padding-right: 8px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
}


.notify-wrap{
    position:relative;
    background: #dcdddd;
}
.notify-wrap-inner{
    height: auto;
    line-height: auto;
    padding: 0 8px;
    /*margin:0 30px;*/
    background: rgba(255, 255, 255, .1);
    text-align: center;
}
.ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.notify-scroll{
    display: inline-block;
    animation:text-scroll 8s linear infinite;
}
@keyframes text-scroll{
    from{
        transform:translateX(20%);
        -moz-transform:translateX(20%);
        -webkit-transform:translateX(20%);
        -o-transform:translateX(20%);
        -ms-transform:translateX(20%);
    }
    to{
        transform:translateX(-100%);
        -moz-transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        -o-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
    }
}
.notify-scroll ul{
    display: inline;
}
.notify-scroll ul li{
    display: inline-block;
    padding-right: 350px;
}

.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box .k-menu{
    color: rgba(255, 255, 255, .9);
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box .k-menu:not(.k-context-menu) > .k-item{
    /*width: 12rem;*/
    color: rgba(255, 255, 255, .9);
    overflow: initial;
    text-overflow: ellipsis;
    word-break: break-all;
    /*display: -webkit-box; */
    /*-webkit-line-clamp: 2; */
    /*-webkit-box-orient: vertical;*/
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-cell-box .k-menu .k-item > .k-state-active {
    color: rgba(255, 255, 255, .9);
}



.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-user-box{padding: 0 10px}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-user-box a{
    display: flex; align-items: center; justify-content: center; width: 30px; height: 30px;
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-user-box a.ico-user:before{
    content: ""; display: block; width: 16px; height: 16px;
    background: url("../images/ico-solid-user-03.svg"); background-repeat: no-repeat;
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-log-box{padding-right: 12px;}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-log-box a{
    display: flex; align-items: center; justify-content: center;
    width: 30px; height: 30px; border: 0; border-radius: 0; box-sizing: border-box;padding: 0;
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-log-box a.ico-logout:before{
    content: "";display: block;width: 16px; height: 16px;
    background: url("../images/ico-solid-logout-03.svg"); background-repeat: no-repeat;
    -webkit-mask: url("../images/ico-solid-logout-03.svg") no-repeat center;
    mask: url("../images/ico-solid-logout-03.svg") no-repeat center;
    background: #ffffff;

}
.ax-frame-header-tool {
    position: absolute !important;
    width: 100%;
    text-align: center !important;
    z-index: 10 !important
}

.ax-frame-header .ax-split-col .ax-split-panel.cell-aside-handle i {
    background: none !important;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 2px;
    color: rgba(255, 255, 255, 0.5) !important
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-logo {
    width: 250px !important;
    height: 70px !important
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-logo a {
    display: block;
    width: 100%;
    height: 100%
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-logo a span {
    display: none
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms a:hover {
    text-decoration: underline
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-search-box {
    display: inline-block;
    padding: 0 15px
}
.ax-frame-header .ax-split-col .ax-split-panel.cell-gms .gms-log-box {
    padding-right: 20px;
    display: inline-block
}
.ax-frame-header-tab {
    height: 50px !important;
    top: 70px !important;
    background: var(--primary-gray-l5) !important;
    border-bottom: 1px solid var(--black-l3) !important
    /*background: #eaeaeb !important;*/
    /*border-bottom: 1px solid #ccc !important*/
}
.ax-frame-header-tab #ax-frame-header-tab-container {
    background: var(--primary-gray-l5) !important;
    /*background: #eaeaeb !important*/
}
.ax-frame-header-tab #ax-frame-header-tab-container:before {
    background: none !important;
    border-top: none !important
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder {
    padding-top: 10px !important
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item-menu {
    border-right: none !important
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item {
    height: 40px !important;
    line-height: 38px !important;
    border: 1px solid #ccc !important;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: var(--black-l1) !important;
    /*color: #888 !important; */
    text-align: center;
    /*background: #f4f5f5 !important;*/
    background: var(--black-l5) !important;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item.on {
    background: #fff !important;
    color: #222 !important;
    border-bottom: 1px solid #fff !important
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item.on[data-tab-id='00-dashboard'] {
    color: #fff !important;
    background: var(--black-r2) !important;
    border-bottom: 1px solid var(--black-r2) !important;
    /*background: #4f5259 !important;*/
    /*border-bottom: 1px solid #4f5259 !important*/
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item i {
    line-height: 38px !important
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item-spacer {
    display: table-cell;
    width: 1px
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item{
    font-size: 14px;
}


/* side-bar-menu -----------------------------------------------------------------------------------------------------*/
.ax-body.frame-set #ax-frame-root .ax-frame-aside{
    left: 0;
    padding: 0 !important; z-index: 3; border: 0 !important;
    background: var(--primary-r4);
    /*background: #010913 !important;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside:after{
    content: ""; display:block; clear: both;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder{
    overflow: hidden;
    overflow-x: hidden;
    width: 60px !important;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .menu-group{
    height: calc(100% - 120px); /*하단 즐겨찾기 영역 높이 제거*/
    overflow-y:scroll;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-handle{
    display: flex; align-items: center; justify-content: center;
    width: 60px; height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-handle.on{
    background: #4298E1;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-handle > i{
    width: 24px;
    height: 24px;
    background: url(../images/ico_search_01.svg);
    /* icon-search 기본조합 */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDBGRkY4O2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MntmaWxsOiNGOEEyM0M7fQ0KPC9zdHlsZT4NCjxnPg0KCTxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjkuNywyOC4zbC01LTVjLTAuNC0wLjQtMS0wLjQtMS40LDBzLTAuNCwxLDAsMS40bDUsNWMwLjIsMC4yLDAuNSwwLjMsMC43LDAuM3MwLjUtMC4xLDAuNy0wLjMNCgkJCUMzMC4xLDI5LjMsMzAuMSwyOC43LDI5LjcsMjguM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLjUsMkM3LjIsMiwyLDcuMiwyLDEzLjVTNy4yLDI1LDEzLjUsMjVTMjUsMTkuOCwyNSwxMy41UzE5LjgsMiwxMy41LDJ6IE0xMy41LDIzQzguMywyMyw0LDE4LjcsNCwxMy41DQoJCQlTOC4zLDQsMTMuNSw0UzIzLDguMywyMywxMy41UzE4LjcsMjMsMTMuNSwyM3oiLz4NCgkJPGNpcmNsZSBjbGFzcz0ic3QyIiBjeD0iMTMuNSIgY3k9IjEzLjUiIHI9IjIiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%;*/
    background-size: 100%;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-handle.on > i{
    /*background: url("../images/ico_close_01.svg");*/
    /* icon-close white */
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnIGlkPSJpY29fMzJfY2xvc2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04MCAtNjQpIj4NCgk8cmVjdCBpZD0iaWNvbl9HdWlkZSIgeD0iODAiIHk9IjY0IiBjbGFzcz0ic3QwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4NCgk8ZyBpZD0iZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTc4LjQ5NSA2NC4xMzkpIj4NCgkJPHBhdGggaWQ9Iu2MqOyKpF8yODM2OSIgY2xhc3M9InN0MSIgZD0iTS02OS44LDI3LjFjMC40LDAuNCwwLjQsMSwwLDEuNGMtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuMw0KCQkJbC0xMS4zLTExLjNsLTExLjMsMTEuM2MtMC4yLDAuMi0wLjQsMC4zLTAuNywwLjNjLTAuMywwLTAuNS0wLjEtMC43LTAuM2MtMC40LTAuNC0wLjQtMSwwLTEuNGwyNC0yNGMwLjQtMC40LDEtMC40LDEuNCwwDQoJCQljMC40LDAuNCwwLjQsMSwwLDEuNGwtMTEuMywxMS4zTC02OS44LDI3LjF6Ii8+DQoJCTxwYXRoIGlkPSLtjKjsiqRfMjgzNzAiIGNsYXNzPSJzdDEiIGQ9Ik0tODYuNSwxMi45Yy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNsLTgtOGMtMC40LTAuNC0wLjQtMSwwLTEuNGMwLjQtMC40LDEtMC40LDEuNCwwbDgsOA0KCQkJYzAuNCwwLjQsMC40LDEsMCwxLjRDLTg2LDEyLjgtODYuMiwxMi45LTg2LjUsMTIuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%;
    background-size: 100%;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item {
    display: flex; flex-flow: column nowrap;
    padding: 12px 0 !important;
    text-align: center;
    width: 60px;
    height: auto;
    color: #f8f8f8;
    text-decoration: none;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label {
    border: none !important;
    text-indent: 15px
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item > .inner{
    display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; box-sizing: border-box;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item > .inner > i{
    margin: 0;
    width: 24px; height: 24px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label i[class*="gcon-aside-"] {
    display: inline-block;
    vertical-align: middle;
}

/* 결제관리 */
i[class*="gcon-"].gcon-aside-0 {
    background-image: url(/assets/images/ico_aside_01.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-0, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-0{
    -webkit-mask: url(/assets/images/ico_aside_01.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_01.svg) no-repeat center;
    background: #ffffff;
}
/* 기준정보 */
i[class*="gcon-"].gcon-aside-1 {
    background-image: url(/assets/images/ico_aside_02.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-1, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-1{
    -webkit-mask: url(/assets/images/ico_aside_02.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_02.svg) no-repeat center;
    background: #ffffff;
}
/* 도면배포 */
i[class*="gcon-"].gcon-aside-2 {
    background-image: url(/assets/images/ico_aside_03.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-2, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-2{
    -webkit-mask: url(/assets/images/ico_aside_03.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_03.svg) no-repeat center;
    background: #ffffff;
}
/* 부적합관리 */
i[class*="gcon-"].gcon-aside-3 {
    background-image: url(/assets/images/ico_aside_04.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-3, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-3{
    -webkit-mask: url(/assets/images/ico_aside_04.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_04.svg) no-repeat center;
    background: #ffffff;
}
/* 시스템설정 */
i[class*="gcon-"].gcon-aside-4{
    background-image: url(/assets/images/ico_aside_05.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-4, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-4{
    -webkit-mask: url(/assets/images/ico_aside_05.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_05.svg) no-repeat center;
    background: #ffffff;
}
/* 문서관리 */
i[class*="gcon-"].gcon-aside-5 {
    background-image: url(/assets/images/ico_aside_06.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-5, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-5{
    -webkit-mask: url(/assets/images/ico_aside_06.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_06.svg) no-repeat center;
    background: #ffffff;
}
/* P-FMEA */
i[class*="gcon-"].gcon-aside-6 {
    background-image: url(/assets/images/ico_aside_07.svg) ;background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-6, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-6{
    -webkit-mask: url(/assets/images/ico_aside_07.svg) no-repeat center;
    mask: url(/assets/images/ico_aside_07.svg) no-repeat center;
    background: #ffffff;
}

/* 생산관리 */ /*외주관리*/
i[class*="gcon-"].gcon-aside-7 {
    background-image: url(/assets/images/ico_outsourcing_01.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-7, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-7{
    -webkit-mask: url(/assets/images/ico_outsourcing_01.svg) no-repeat center;
    mask: url(/assets/images/ico_outsourcing_01.svg) no-repeat center;
    background: #ffffff;
}
/* 외주관리 */ /*협력사관리*/
i[class*="gcon-"].gcon-aside-8 {
    background-image: url(/assets/images/ico_parthner_01.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-8, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-8{
    -webkit-mask: url(/assets/images/ico_parthner_01.svg) no-repeat center;
    mask: url(/assets/images/ico_parthner_01.svg) no-repeat center;
    background: #ffffff;
}
/* 구매관리 */ /*시스템설정*/
i[class*="gcon-"].gcon-aside-9 {
    background-image: url(/assets/images/ico_setting_01.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-9, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-9{
    -webkit-mask: url(/assets/images/ico_setting_01.svg) no-repeat center;
    mask: url(/assets/images/ico_setting_01.svg) no-repeat center;
    background: #ffffff;
}
/* 물류관리 */
i[class*="gcon-"].gcon-aside-10 {background-image: url(/assets/images/ico_logistics_01.svg);background-repeat: no-repeat;background-position: center center;}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-10, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-10{
    -webkit-mask: url(/assets/images/ico_logistics_01.svg) no-repeat center;
    mask: url(/assets/images/ico_logistics_01.svg) no-repeat center;
    background: #ffffff;
}
/* 협력사관리 */
i[class*="gcon-"].gcon-aside-11 {background-image: url(/assets/images/ico_parthner_01.svg);background-repeat: no-repeat;background-position: center center;}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-11, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-11{
    -webkit-mask: url(/assets/images/ico_parthner_01.svg) no-repeat center;
    mask: url(/assets/images/ico_parthner_01.svg) no-repeat center;
    background: #ffffff;
}
/* 시스템설정 */
i[class*="gcon-"].gcon-aside-12 {
    background-image: url(/assets/images/ico_setting_01.svg);background-repeat: no-repeat;background-position: center center;
}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-12, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-12{
    -webkit-mask: url(/assets/images/ico_setting_01.svg) no-repeat center;
    mask: url(/assets/images/ico_setting_01.svg) no-repeat center;
    background: #ffffff;
}
/* 즐겨찾기 */
i[class*="gcon-"].gcon-aside-13 {background-image: url(/assets/images/ico_bookmark_01.svg);background-repeat: no-repeat;background-position: center center;}
#ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover i[class*="gcon-"].gcon-aside-13, .ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on i[class*="gcon-"].gcon-aside-13{
    -webkit-mask: url(/assets/images/ico_bookmark_01.svg) no-repeat center;
    mask: url(/assets/images/ico_bookmark_01.svg) no-repeat center;
    background: #ffffff;
}

.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item > .inner > i + .label{
    margin-top: 4px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item > .inner > .label{
    display: inline-block !important; overflow: hidden; padding: 0;
    width: 95%;
    text-overflow: ellipsis;
    word-break: keep-all;
    text-indent: 0 !important;
    font-size: 12px; text-align: center;
    font-weight: 700;
    line-height: 15px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label .text {
    display: none;
    vertical-align: middle
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .aside-menu-item.aside-menu-item-label:hover {
    background: var(--primary-l1);
    /*background: #22AFFC !important;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .menu-item.on{
    background: var(--primary);
    /*background: #0499E7;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .aside-menu-item.bottom-menu{
    position: fixed; bottom: 0;
    /*background: var(--primary-rgb-r4);*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .aside-menu-item.bottom-menu:before{
    content: "";
    position: absolute;
    top:0;
    width: 100%; height: 1px;
    background: rgba(255, 255, 255, .5);
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder.s-aside .aside-menu-item.bottom-menu:after{
    content: "";
}

.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout{
    height: 100% !important;
    background: var(--primary-r4);
    /*background: #1D212C;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group{position: relative;}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .group-label{
    position: relative;
    color: #EFEFF0;
    font-size: 18px;
    font-weight: 700;
    padding: 17px 40px 17px 16px; margin: 0 !important;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group:after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    width: calc(100% - 32px);
    height: 1px;
    background-color: var(--secondary-r4);
    /*background-color: #17282E;*/
    transform: translateX(-50%);
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .pin-container {
    position: absolute; top:16px; right: 48px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .pin-container .toggle-icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px; height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQoJPGc+DQoJCTxnPg0KCQkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMi45LDE4IDEyLjksMTggNiwxMS4xIDYsMTEuMSIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjMsOC45bC0xLjUtMS41bC00LjEtNC4xbC0xLjUtMS41Yy0wLjMtMC4zLTAuOC0wLjMtMS4xLDBjLTAuMywwLjMtMC4zLDAuOCwwLDEuMWwwLjksMC45TDQuOSwxMA0KCQkJCUwyLjgsNy45QzIuNSw3LjYsMiw3LjYsMS43LDcuOWMtMC4zLDAuMy0wLjMsMC44LDAsMS4xbDIuNiwyLjZsOC4yLDguMmwyLjYsMi42YzAuMiwwLjEsMC4zLDAuMiwwLjUsMC4yYzAuMiwwLDAuNC0wLjEsMC41LTAuMg0KCQkJCWMwLjMtMC4zLDAuMy0wLjgsMC0xLjFMMTQsMTkuMWw2LjQtMTBsMC45LDAuOWMwLjIsMC4xLDAuMywwLjIsMC41LDAuMnMwLjQtMC4xLDAuNS0wLjJDMjIuNiw5LjcsMjIuNiw5LjIsMjIuMyw4Ljl6IE0xMi45LDE4DQoJCQkJTDEyLjksMThMNiwxMS4xaDBsMTAtNi40TDE5LjMsOEwxMi45LDE4eiIvPg0KCQk8L2c+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIuMiwyMi41Yy0wLjIsMC0wLjQtMC4xLTAuNS0wLjJjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMWw0LjUtNC41YzAuMy0wLjMsMC44LTAuMywxLjEsMHMwLjMsMC44LDAsMS4xDQoJCQkJbC00LjUsNC41QzIuNiwyMi40LDIuNCwyMi41LDIuMiwyMi41eiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
    background-size: 20px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .pin-container.pushed .toggle-icon{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi41LjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6IzA0OTlFNzt9DQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMyMjIyMjI7c3Ryb2tlLXdpZHRoOjI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTIyLjUsMTUuOGMwLDAuNC0wLjMsMC44LTAuOCwwLjhoLTl2NS4yYzAsMC40LTAuMywwLjgtMC44LDAuOHMtMC44LTAuMy0wLjgtMC44di01LjJoLTkNCgkJCWMtMC40LDAtMC44LTAuMy0wLjgtMC44UzEuOCwxNSwyLjIsMTVoMy4xTDguMSwzSDYuOEM2LjMsMyw2LDIuNyw2LDIuMnMwLjMtMC44LDAuOC0wLjhoMTAuNWMwLjQsMCwwLjgsMC4zLDAuOCwwLjgNCgkJCVMxNy43LDMsMTcuMiwzSDkuNkw2LjksMTVIMTdsLTIuMS05LjZjLTAuMS0wLjQsMC4yLTAuOCwwLjYtMC45YzAuNC0wLjEsMC44LDAuMiwwLjksMC42bDIuMiw5LjloMy4xDQoJCQlDMjIuMiwxNSwyMi41LDE1LjMsMjIuNSwxNS44eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTUuNyw1LjIiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
    background-size: 20px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .ico_close{
    position: absolute; top:16px; right: 16px; width: 24px; height: 24px;
}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .subMenuLayout .group .ico_close:before{
    content: ""; display: inline-block; width: 24px; height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjA7ZmlsbDojMDBGRkY4O30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTExLjIsMjEuOGMtMC4yLDAtMC40LTAuMS0wLjUtMC4ybC05LTljLTAuMi0wLjItMC4zLTAuNS0wLjItMC44czAuNC0wLjUsMC43LTAuNWgxOS41DQoJCQkJYzAuNCwwLDAuOCwwLjMsMC44LDAuOHMtMC4zLDAuOC0wLjgsMC44SDQuMWw3LjcsNy43YzAuMywwLjMsMC4zLDAuOCwwLDEuMUMxMS42LDIxLjcsMTEuNCwyMS44LDExLjIsMjEuOHoiLz4NCgkJPC9nPg0KCQk8Zz4NCgkJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik01LjIsOS44Yy0wLjIsMC0wLjQtMC4xLTAuNS0wLjJjLTAuMy0wLjMtMC4zLTAuOCwwLTEuMWw2LTZjMC4zLTAuMywwLjgtMC4zLDEuMSwwczAuMywwLjgsMCwxLjFsLTYsNg0KCQkJCUM1LjYsOS43LDUuNCw5LjgsNS4yLDkuOHoiLz4NCgkJPC9nPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
    background-size: 20px;
}
.subMenuLayout .menu-accordion{
    display: inline-block;
    overflow-y: auto;
    /*width: auto;*/
    overflow-x: hidden;
    height: calc(100% - 60px);
    background-color: var(--secondary-r4);;
    /*background-color: #1D212C;*/
}
.subMenuLayout .menu-accordion li{
    display: block; position: relative;
    float: none;
}
.subMenuLayout .menu-accordion li a {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #B6BDC1;
    letter-spacing: calc((-25 / 1000) * 1em);
    text-decoration: none;
    padding: 13px 16px 12px;
    width: 230px;
    height: auto;
    background-color: var(--secondary-r4);
    /*background-color: #1D212C;*/
}

.subMenuLayout .menu-accordion li > a:hover {
    background-color: var(--primary-gray-r1) !important;
    /*background-color: #23252E !important;*/
}
.subMenuLayout .menu-accordion li.active > a {
    color: #f8f8f8;
    font-weight: 700;
    transition: transform 0.15s ease-in-out, color 0.15s ease-in-out;
}
.subMenuLayout .menu-accordion > li > a {
    font-size: 16px;
    padding: 16px 40px 16px 16px;
}
.subMenuLayout .menu-accordion li.active > a {
    color: #f8f8f8;
    font-weight: 700;
}
.subMenuLayout .menu-accordion li a:before, .subMenuLayout .menu-accordion li a:after {
    display: inline-block;
    font-family: 'Material Icons';
    position: absolute;
    top: 50%;
    font-size: 16px;
    width: 16px;
    line-height: 16px;
    transform: translateY(-50%);
}
.subMenuLayout .menu-accordion > li > a > i.icon-down-open-big.arrows{
    position: absolute; right: 20px;
}
.subMenuLayout .menu-accordion > li.open > a > i.icon-down-open-big.arrows{
    transform: rotate(180deg);
}
.subMenuLayout .menu-accordion li.tree-view > ul.tree-view-menu{
    display: none;
    height: calc(100%);
}
.subMenuLayout .menu-accordion li.tree-view.open > ul.tree-view-menu {
    display: block;
    height: calc(100%);
    -webkit-transition: height 0.1s ease-in;
    -moz-transition: height 0.1s ease-in;
    -o-transition: height 0.1s ease-in;
    -ms-transition: height 0.1s ease-in;
    transition: height 0.1s ease-in;
}
.subMenuLayout .menu-accordion > li.tree-view > ul.tree-view-menu > li > a {
    padding: 15px 16px 14px 38px;
    background-color: var(--primary-gray-r2);
    /*background-color: #313440;*/
}
.subMenuLayout .menu-accordion > li.tree-view > ul.tree-view-menu > li > a:not(.group-label):before {
    content: "\25b8";
    font-family: 'entypo';
    left: 16px;
    color: rgba(248, 248, 248, .1);
}
.subMenuLayout .menu-accordion > li.tree-view > ul.tree-view-menu > li.active > a:before {
    color: #FBC78A;
}
.subMenuLayout .search-bar-container {
    width: 230px;
    padding: 9px 16px;
    border-bottom: 2px solid #3B4951;
}
.subMenuLayout .search-bar-container > .input-group {position: relative;}
.subMenuLayout .search-bar-container > .input-group > .input-box {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    color: #101314;
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    text-align: left;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
}
.subMenuLayout .search-bar-container > .input-group .input-group-tools {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0px;
    font-size: 0;
    /*pointer-events: none;*/
}
.subMenuLayout .search-bar-container > .input-group .input-group-tools button {
    padding: 8px; border: 0; font-size: 0; vertical-align: middle; background-color: transparent;
}
.subMenuLayout .search-bar-container > .input-group .input-group-tools button > i{
    display: inline-block;overflow: hidden; width: 24px; height: 24px;
}
.subMenuLayout .search-bar-container > .input-group .input-group-tools button.clear > i {
    display: inline-block;overflow: hidden;  width: 16px; height: 16px; opacity: .5;
}

.subMenuLayout .menu-list{
    display: inline-block;
    width: auto;
    height: auto;
    background-color: #0C1B21;
}
.subMenuLayout .menu-list > li{
    display: block;float: none;
}
.subMenuLayout .menu-list > li > a {
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 15px;
    color: #B6BDC1;
    letter-spacing: calc((-25 / 1000) * 1em);
    text-decoration: none;
    padding: 15px 16px 14px 38px;
    width: 230px;
    height: auto;
    background-color: #293840;
}

.subMenuLayout .search-bar-container{
    width: 230px;
    padding: 9px 16px;
    border-bottom: 1px solid #3b4951;
}
.subMenuLayout .search-bar-container > .input-group {position: relative;}
.subMenuLayout .search-bar-container > .input-group > input-box{line-height: 22px}
.subMenuLayout .search-bar-container > .input-group-tools{
    position: absolute; height: 100%;
    top: 0; right: 0; font-size: 0; pointer-events: none;
}
.subMenuLayout .search-bar-container > .input-group-tools > button{
    padding-top: 12px; padding-bottom: 12px; color: #a7a7a7; font-size: 0; cursor: pointer; vertical-align: middle; background: transparent;
}
.subMenuLayout .search-bar-container > .input-group-tools > button.clear{
    display: none; pointer-events: all;
}
.subMenuLayout .search-bar-container > .input-group-tools > button.clear.on{
    display: inline-block;
}
.subMenuLayout .search-bar-container > .input-group-tools > button .i.ico{
    width: 16px; height: 16px; overflow: hidden;
}
.subMenuLayout .search-bar-container > .input-group-tools > button.search{
    padding-top: 8px; padding-bottom: 8px; pointer-events: all; color: #101314;
}
.subMenuLayout .search-bar-container > .input-group-tools > button.search > i{
    width: 24px; height: 24px;
}
.subMenuLayout .resent-menu{
    overflow-y: auto;
    width: 230px; height: 100%;
    background-color: #0C1B21;
}
.subMenuLayout .resent-menu .resent-menu-item{
    display: block;
    height: auto;
    line-height: 56px;
    padding: 0 40px 0 16px;
    font-size: 16px;
    color: #B6BDC1; text-decoration: none; cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: keep-all;
    width: 100%;
    white-space: nowrap;
}
.subMenuLayout .resent-menu .favorit-menu > .resent-menu-item{
    display: block;
    height: auto;
    line-height: 56px;
    padding: 0 40px 0 16px;
    font-size: 16px;
    color: #B6BDC1; text-decoration: none; cursor: pointer;
}

/* Main Tab ----------------------------------------------------------------------------------------------------------*/
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container {
    /*position: absolute; width: calc(100% - 176px);*/ /*snb open시 widht값 해제*/
    overflow: hidden;
    background: transparent !important;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container:before{
    content: ""; display: none;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab{
    top:-1px !important;
    /*width: calc(100% - 316px);*/
    /*width: calc(100% - var(--uW));*/
    padding: 0 !important; padding-left: 60px !important; z-index: 3; border-bottom: 0 !important;
    background: transparent !important;
    /*background: #ff0000 !important;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder{
    padding-top: 10px !important;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item{
    padding: 0 40px 0 30px !important;
    border: 0 !important; border-radius: 8px 0 0 0 !important; height: 40px !important; background: #dedede !important;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item.on{
    border: 1px solid #b4b4b4 !important;
    border-bottom: 0 !important;
    background: #EEF1F2 !important;
    /*background: #f4f4f4 !important;*/
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item-spacer {
    /*width: 2px !important;*/width: 1px !important;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .left{
    display: flex; align-items: center; justify-content: center; position: absolute; top: 0px; left: 4px; width: 24px; height: 100%;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .right{
    display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; position:  absolute; top: 0px; right: 4px; height: 24px; height: 100%;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .left > a{
    width: 16px; height: 16px;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .left > a > img{
    display: block;
    width: 16px; height: 16px; background-size: 100%;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .right > a{
    width: 16px; height: 16px;
}
.ax-frame-header-tab #ax-frame-header-tab-container .tab-item-holder .tab-item > .right > a > img{
    display: block;
    width: 16px; height: 16px; background-size: 100%;
}
.ax-body.frame-set #ax-frame-root .ax-frame-header-tab #ax-frame-header-tab-container .tab-item i{
    position: relative !important; margin: 0 !important; padding: 0 !important;
    width: 24px !important; height: 24px !important;/* line-height: inherit !important;*/
}

/*.ax-body.frame-set #ax-frame-root .ax-frame-header .overflow_menu{*/
/*    position: absolute; top: 9px;*/
/*    right: 274px;*/
/*    !*right: 224px;*!*/
/*    z-index: 999;*/
/*}*/

.ax-body.frame-set #ax-frame-root .ax-frame-header .overflow_menu{
    /*position: absolute; top: 9px;*/
    /*right: 274px;*/
    /*right: 224px;*/
    z-index: 999;
}


.overflow_menu{
    display: inline-block;
    position: absolute;
    top: 1rem;
    right: -4.2rem;
    width: 40px !important;
    max-width: 40px; height: 40px;
    background: #DCDFE0;
}
.overflow_menu .selectbox {
    display: inline-block;
    cursor: pointer;
    background: url('../images/ico-24_drow.png') no-repeat center center;
    -webkit-transition-property: border-color;
    -moz-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
/*
.overflow_menu .selectbox.focus {
    border-color: #ff0000;
}
.overflow_menu .selectbox.focus:before {
    border-color: #ff00ff;
}
*/
/*
.selectbox.focus:after {
    color: #ff0000;
}*/
/*
.overflow_menu .selectbox span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
*/
/*
.selectbox.placeholder span {
    color: grey;
}
*/
.overflow_menu .selectbox select {
    visibility: hidden;
    opacity: 0;
    width: 40px;
    height: 40px;
    border: 0 none;
    -webkit-appearance: none;
}
/*
.selectbox select, .selectbox select x:-moz-any-link {
    padding-right: 5px;
}
.selectbox option {
    padding: 3px 10px;
}*/
.overflow_menu .selectbox ul{
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    overflow: hidden;
    overflow-y: auto;
    max-height: 300px !important;
    min-width: 120px;
    background-color: white;
    background-color: #0C1B21;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
}
.overflow_menu .selectbox li {
    margin: 0;
    padding: 8px 16px;
    color: rgba(255, 255, 255, .9);
    word-break: keep-all;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.overflow_menu .selectbox li:hover {
    cursor: pointer;
    background-color: var(--primary-l1);
}
.overflow_menu .selectbox li.placeholder {}

/* right-menu --------------------------------------------------------------------------------------------------------*/
#right-menu{
    position:fixed; top:50px; right: -120px;
    width:120px; height:calc(100% - 50px);
    border-left: 1px solid #A7ADB0;
    z-index:10;
    box-sizing: border-box;
    background-color:#f8f8f8;
    box-shadow: rgba(0, 0, 0, .35) -20px 0px 20px -20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity:1;
}
#showmenu{
    position:absolute; /*position: relative; display: flex; align-items: center; justify-content: center;*/
    width: 20px; height: 40px; margin-right:100%;
    top:63px; left: -20px;
    /*border-radius: 8px 0 0 8px;*/
    border-radius: 0;
    background: var(--primary-gray-r3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#showmenu:before{
    content: "";
    position: absolute;
    top: -20px; left: 0;
    width: 20px;
    height: 20px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMHYyMEgwQzAsOSw4LjksMCwyMCwweiIvPg0KPC9zdmc+DQo=) no-repeat center 70%;
    -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMHYyMEgwQzAsOSw4LjksMCwyMCwweiIvPg0KPC9zdmc+DQo=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMHYyMEgwQzAsOSw4LjksMCwyMCwweiIvPg0KPC9zdmc+DQo=) no-repeat center;
    background: var(--primary-gray-r3);
    background-size: 100%;
}
#showmenu:after{
    content: "";
    position: absolute;
    bottom: -20px; left: 0;
    width: 20px;
    height: 24px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMjBWMEgwQzAsMTEsOC45LDIwLDIwLDIweiIvPg0KPC9zdmc+DQo=) no-repeat center 70%;
    -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMjBWMEgwQzAsMTEsOC45LDIwLDIwLDIweiIvPg0KPC9zdmc+DQo=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojM0I0OTUxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAsMjBWMEgwQzAsMTEsOC45LDIwLDIwLDIweiIvPg0KPC9zdmc+DQo=) no-repeat center;
    background: var(--primary-gray-r3);
    background-size: 100%;
}
#showmenu > i.ico{
    display: inline-block; margin: 12px 0 12px 2px;
    width: 16px; height: 16px;
}
#right-menu .contents{
    position: relative;
    display: block;
    padding: 18px;
    width: 100%;
    height: auto;
    overflow-y: auto;
}
#right-menu .contents ul.item-list{}
#right-menu .contents ul.item-list > li{margin-bottom: 1rem;}
.hide{right:-120px !important;}
.show{right:0 !important;}
#right-menu .contents ul.item-list .btn.btn_icon{
    display: flex; align-items: center; justify-content: center; flex-flow: column nowrap;
    width: 100%; padding: 10px 0;
    background: #0C1B21;
}
#right-menu .contents ul.item-list .btn.btn_icon > i.ico{
    width: 24px; height: 24px;
}
#right-menu .contents ul.item-list .btn.btn_icon > .txt{
    color: #fff; font-size: 12px;
}

/* content -----------------------------------------------------------------------------------------------------------*/
.ax-body.frame-set #ax-frame-root .ax-frame-contents{
    padding: 0px !important; padding-left: 60px !important; padding-top: 50px !important;
    transition: all 0.15s ease-in-out;
}
.ax-body.frame-set.asideopen #ax-frame-root .ax-frame-header-tab{
    /*overflow: hidden; */
    /*tooltip 짤리는 문제 해결*/
    padding-left: calc(60px + 230px) !important;
}
.ax-body.frame-set.asideopen #ax-frame-root .ax-frame-contents{
    padding-left: calc(60px + 230px) !important;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 05. buttons-------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/* button */
.btn{
    position: relative;
    display: inline-block;
    font-weight: 700;
    /*color: inherit;*/
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0 16px;
    font-size: 0;
    line-height: 38px;
    border-radius: 2px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus{
    /*
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    */
    outline: 0;
    outline-offset: 0;
}
.btn > .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
    margin-right: 4px;
}
.btn > .icon > i {
    font-size: 20px;
    vertical-align: middle;
}
.btn > .label + .icon {
    margin-right: 0;
    margin-left: 4px;
}
.btn > .label {
    all: unset;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}
.btn:hover { text-decoration: none; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn.btn-full {
    display: block;
    width: 100%;
}
.btn.btn-xxs {
    font-weight: 300;
    line-height: 16px; /* xxs button height 16px */
    padding: 0 16px;
}
.btn.btn-xxs > .icon > i  { font-size: 14px; }
.btn.btn-xxs > .icon {
    width: 12px; height: 12px;
}
.btn.btn-xxs > .label { font-size: 12px; }
.btn.btn-xs {
    font-weight: 400;
    line-height: 24px; /* xs button height 24px */
    padding: 0 16px;
}
.btn.btn-xs > .icon > i  { font-size: 16px; }
.btn.btn-xs > .icon {
    width: 16px; height: 16px;
}
.btn.btn-xs > .label { font-size: 13px; }
.btn.btn-sm {
    font-weight: 700;
    line-height: 32px; /* sm button height 34px */
    padding: 0 16px;
}
.btn.btn-sm > .icon > i  { font-size: 20px; }
.btn.btn-sm > .label { font-size: 14px; }
.btn.btn-md {
    font-weight: 700;
    line-height: 38px; /* md button height 40px; */
    padding: 0 16px;
}
.btn.btn-md > .icon > i { font-size: 20px; }
.btn.btn-md > .label { font-size: 14px; }
.btn.btn-lg {
    font-weight: 700;
    line-height: 46px; /* md button height 48px; */
    padding: 0 16px;
}
.btn.btn-lg > .icon > i { font-size: 24px; }
.btn.btn-lg > .label { font-size: 16px; }
.btn.btn-xl {
    font-weight: 700;
    line-height: 54px; /* xl button height 56px */
    padding: 0 16px;
}
.btn.btn-xl > .icon > i { font-size: 24px; }
.btn.btn-xl > .label { font-size: 16px; }

.btn.btn-round{border-radius: 16px;}

/* Button / Type - Container */
.btn.btn-primary.btn-container{
    background-color: var(--primary);
    color: #f8f8f8;
}
.btn.btn-primary.btn-container:hover{
    background-color: var(--primary-l1);
}
.btn.btn-primary.btn-container:active{
    background-color: var(--primary-r1);
}
.btn.btn-primary.btn-container:disabled{
    background-color: rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
}
.btn.btn-secondary.btn-container{
    background-color: var(--secondary);
    color: #f8f8f8;
}
.btn.btn-secondary.btn-container:hover{ background-color: var(--secondary-l1); }
.btn.btn-secondary.btn-container:active{ background-color: var(--secondary-r1); }
.btn.btn-secondary.btn-container:disabled{
    background-color: rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
}
.btn.btn-gray.btn-container{
    background-color: var(--primary-gray);
    color: #f8f8f8;
}
.btn.btn-gray.btn-container:hover{ background-color: var(--primary-gray-l1); }
.btn.btn-gray.btn-container:active{ background-color: var(--primary-gray-r1); }
.btn.btn-gray.btn-container:disabled{
    background-color: rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
    /*background-color: rgba(202, 202, 202, .3);*/
    /*color: #cacaca;*/
}
.btn.btn-primary-gr.btn-container{
    color: #fff;
    border: 1px solid rgba(var(--primary-rgb),1);
    background: rgb(var(--primary-rgb));
    background: linear-gradient(90deg, rgba(var(--primary-rgb),1) 0%, rgba(var(--primary-rgb-r1),1) 100%) !important;
    /*border: 1px solid rgba(4,153,231,1);*/
    /*background: rgb(4,153,231);*/
    /*background: linear-gradient(90deg, rgba(34,175,252,1) 0%, rgba(3,119,181,1) 100%) !important;*/
}

/*Button / Type - line*/
.btn.btn-line { background-color: transparent; }
.btn.btn-primary.btn-line{
    border: 1px solid var(--primary);
    color: var(--primary);
}
.btn.btn-primary.btn-line > .ico-search{
    background-image: url(../images/ico_search_02.svg);
    -webkit-mask: url("../images/ico_search_02.svg") no-repeat center;
    mask: url("../images/ico_search_02.svg") no-repeat center;
    background: rgba(var(--primary-rgb), 1);
}
.btn.btn-primary.btn-line:hover{
    border: 1px solid var(--primary-l1);
    color: var(--primary-l1);
}
.btn.btn-primary.btn-line:active{
    background-color: rgba(3, 119, 181, 0.1);
    border: 1px solid var(--primary-rgb-r1);
    color: var(--primary-rgb-r1);
}
.btn.btn-primary.btn-line:disabled{
    /*background-color: transparent;*/
    /*background-color: rgba(var(--black-rgb-l2), .7);*/
    border: 1px solid rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
    /*color: #c2c2c2;*/
}
.btn.btn-primary.btn-line:disabled > .ico-search{
    background-image: url(../images/ico_search_02.svg);
    -webkit-mask: url("../images/ico_search_02.svg") no-repeat center;
    mask: url("../images/ico_search_02.svg") no-repeat center;
    background: rgba(var(--black-rgb-l1), 1);
}

.btn.btn-secondary.btn-line{
    border: 1px solid var(--secondary);
    color: var(--secondary);
    /*border: 1px solid #3B4951;*/
    /*color: #3B4951;*/
}
.btn.btn-secondary.btn-line:hover{
    border: 1px solid var(--secondary-l1);
    color: var(--secondary-l1);
    /*border: 1px solid #939BA0;*/
    /*color: #939BA0;*/
}
.btn.btn-secondary.btn-line:active{
    background-color: rgba(var(--secondary-r1), .1);
    border: 1px solid var(--secondary-r1);
    color: var(--secondary-r1);
}
.btn.btn-secondary.btn-line:disabled{
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
}

.btn.btn-gray.btn-line{
    border: 1px solid var(--primary-gray);
    color: var(--primary-gray);
    /*border: 1px solid #6e6e6e;*/
    /*color: #6e6e6e;*/
}
.btn.btn-gray.btn-ghost:hover{
    border: 1px solid var(--primary-gray-l1);
    color: var(--primary-gray-l1);
    /*border: 1px solid #4c4c4c;*/
    /*color: #4c4c4c;*/
}
.btn.btn-gray.btn-ghost:active{
    background-color: rgba(var(--primary-gray-r1), .1);
    border: 1px solid var(--primary-gray-r1);
    color: var(--primary-gray-r1);
    /*background-color: rgba(46, 48, 49, .1);*/
    /*border: 1px solid #2e3031;*/
    /*color: #2e3031;*/
}
.btn.btn-gray.btn-ghost:disabled{
    background-color: transparent;
    border: 1px solid rgba(var(--black-rgb-l3), .3);
    color: var(--black-l3);
}
/* Button / Type - Text */
.btn.btn-txt { background-color: transparent; }
.btn.btn-primary.btn-txt{ color: #0499E7; }
.btn.btn-primary.btn-txt:hover{
    border: 1px solid rgba(var(--primary-l1), .1);
    /*border: 1px solid rgba(34, 175, 252, .1);*/
    color: var(--primary-l1);
    /*color: #22AFFC;*/
}
.btn.btn-primary.btn-txt:active{
    background-color: rgba(3, 119, 181, .1);
    border: 1px solid transparent;
    color: var(--primary-r1);
    /*color: #0377B5;*/
}
.btn.btn-primary.btn-txt:disabled{
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--black-l3);
}
.btn.btn-secondary.btn-txt{ color: #3B4951; }
.btn.btn-secondary.btn-txt:hover{
    border: 1px solid rgba(59, 73, 81, .1);
    color: #4c4c4c;
}
.btn.btn-secondary.btn-txt:active{
    background-color: rgba(98, 109, 116, .1);
    border: 1px solid transparent;
    color: #626D74;
}
.btn.btn-secondary.btn-txt:disabled{
    background-color: transparent;
    border: 1px solid transparent;
    color: #cacaca;
}

.btn.btn-gray.btn-txt{ color: #6e6e6e; }
.btn.btn-gray.btn-txt:hover{
    border: 1px solid rgba(76, 76, 76, .1);
    color: #4c4c4c;
}
.btn.btn-gray.btn-txt:active{
    background-color: rgba(46, 48, 49, .1);
    border: 1px solid transparent;
    color: #2e3031;
}
.btn.btn-gray.btn-txt:disabled{
    background-color: transparent;
    border: 1px solid transparent;
    color: #cacaca;
}

/*Button / Type - 3D*/
.btn.btn-primary-primary.btn-3d{
    display: inline-block;
    outline: 0;
    appearance: none;
    border: 0px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    background: #0499E7;
    background: linear-gradient(45deg, rgba(34,175,252,1) 0%, rgba(4,153,231,1) 100%);
    box-shadow: rgb(9 11 12 / 40%) 0px 2px 3px;
    transition: all 150ms ease-in-out 0s;
}

.btn.btn-primary-primary.btn-3d:hover{
    background: rgb(34,175,252);
    background: linear-gradient(45deg, rgba(84,194,252,1) 0%, rgba(34,175,252,1) 100%);
}
.btn.btn-primary-primary.btn-3d:active{
    background: rgb(3,119,181);
    background: linear-gradient(45deg, rgba(3,119,181,1) 0%, rgba(2,86,131,1) 100%);
    box-shadow: 0 0 #32210D;
    transform: translate(0px, 3px);
    -webkit-transform: translate(0px, 3px);
}
.btn.btn-primary-primary.btn-3d:disabled{
    /*background-color: rgba(202, 202, 202, .3);*/
    background: rgba(202, 202, 202, .3);
    color: #cacaca;
    box-shadow: none;
}
.btn.btn-primary-gray.btn-3d{
    display: inline-block;
    outline: 0;
    appearance: none;
    border: 0px solid transparent;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    /*background-color: #D32F2F;*/
    background: rgb(127,137,142);
    background: linear-gradient(45deg, rgba(127,137,142,1) 0%, rgba(88,100,107,1) 100%);
    box-shadow: rgb(9 11 12 / 40%) 0px 2px 3px;
    transition: all 150ms ease-in-out 0s;
}

.btn.btn-primary-gray.btn-3d:hover{
    /*background-color: #B70F0F;*/
    background: rgb(167,173,176);
    background: linear-gradient(45deg, rgba(167,173,176,1) 0%, rgba(127,137,142,1) 100%);
}
.btn.btn-primary-gray.btn-3d:active{
    /*background-color: #8A0B0B;*/
    background: rgb(var(--primary-gray-rgb-r1));
    background: linear-gradient(45deg, rgba(var(--primary-gray-rgb-r1),1) 0%, rgba(var(--primary-gray-rgb-r2),1) 100%);
    box-shadow: 0 0 var(--black-r3);
    transform: translate(0px, 3px);
    -webkit-transform: translate(0px, 3px);
}
.btn.btn-primary-gray.btn-3d:disabled{
    background-color: rgba(var(--black-rgb-l3), .3);
    color: #cacaca;
}

/*Button / Type - style_02*/
.btn.btn-primary-gray.btn-st02.btn-xs{
    line-height: 20px;
}
.btn.btn-primary-gray.btn-st02{
    text-decoration: none;
    position: relative;
    padding: 2px;
    background: linear-gradient(0deg, #ddd, #fff);
    text-align: center;
    border-radius: 16px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
    /*transition: .5s;*/
}
.btn.btn-primary-gray.btn-st02 > .inner{
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 16px;
    border-radius: 14px;
    background: linear-gradient(0deg, #fff, #ddd);
    color: #282923;
}
.btn.btn-primary-gray.btn-st02 > .inner > .label{
    color: #222222;
    all: unset;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.btn.btn-primary-gray.btn-st02:active{
    box-shadow: inset 5px 5px 10px #000027, inset -5px -5px 10px #ffffff;
}
.btn.btn-primary-gray.btn-st02:active > .inner{}

/*Button / Type - style_03*/
.btn.btn-primary-gray.btn-st03{
    display: inline-block;
    outline: 0;
    appearance: none;
    border: 0px solid transparent;
    border-radius: 20px;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    background: rgb(127,137,142);
    background: linear-gradient(45deg, rgba(127,137,142,1) 0%, rgba(90,90,90,1) 100%);
    box-shadow: rgb(9 11 12 / 40%) 0px 2px 3px;
    transition: all 150ms ease-in-out 0s;
}
.btn.btn-primary-gray.btn-st03:hover{
    background: rgb(149,157,161);
    background: linear-gradient(45deg, rgba(149,157,161,1) 0%, rgba(99,110,117,1) 100%);
}
.btn.btn-primary-gray.btn-st03:active{
    background: rgb(76,81,84);
    background: linear-gradient(45deg, rgba(76,81,84,1) 0%, rgba(47,54,58,1) 100%);
    -webkit-transform: translate(0px, 2px);
    box-shadow: rgb(9 11 12 / 40%) 0px 0px 0px;
}

/*input 스타일 속성을 주면 .form-control 클래스에 2중으로 스타일 속성들이 들어감*/
.ax-body .ax-base-content input[type=text]:disabled, .ax-body .ax-base-content input[type=number]:disabled, .ax-body .ax-base-content input[type=password]:disabled {
    border: 1px solid #f4f5f5;
    background: #dedede
}
.ax-body .ax-base-content input[type=text]:disabled + .k-input-button, .ax-body .ax-base-content input[type=number]:disabled + .k-input-button, .ax-body .ax-base-content input[type=password]:disabled + .k-input-button {
    border: 1px solid #cbccce;
    border-radius: 0 2px 2px 0;
    background: #dedede !important;
    opacity: 1 !important;
}
.ax-body .ax-base-content input[type=text]:disabled + .k-clear-value + .k-input-button, .ax-body .ax-base-content input[type=number]:disabled + .k-clear-value + .k-input-button, .ax-body .ax-base-content input[type=password]:disabled + .k-clear-value + .k-input-button {
    border: 1px solid #cbccce;
    border-radius: 0 2px 2px 0;
    background: #dedede !important;
    opacity: 1 !important;
}
.ax-body .ax-base-content input[type=text]:disabled + .k-input-validation-icon + .k-input-spinner, .ax-body .ax-base-content input[type=number]:disabled + .k-input-validation-icon + .k-input-spinner, .ax-body .ax-base-content input[type=password]:disabled + .k-input-validation-icon + .k-input-spinner {
    border-radius: 0 2px 2px 0;
    background: #dedede !important;
    opacity: 1 !important;
}
.n-table {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
.n-table thead {
    background: #e3e3e3;
    color: #524f4c;
}
.pop_popup .n-table thead tr th{
    border: 1px solid #0499E7;
    border-top: 2px solid #0499E7; border-bottom: 0;
    background: rgb(220,235,255);
    background: linear-gradient(0deg, rgba(220,235,255,1) 0%, rgba(185,230,254,1) 100%);
}
.n-table thead tr td {
    padding: 5px;
    text-align: center;
    border: 1px solid #b5b5b5;
    overflow: hidden;
}
.n-table tbody {
    background: white;
    color: #626262;
}
.n-table tbody tr td, .n-table tbody tr th {
    padding: 5px;
    border: 1px solid #ccc;
}
.n-table tbody tr td {
    overflow: hidden;
}
.n-table tbody tr td.th {
    background: #e3e3e3;
    color: #524f4c;
    padding: 5px;
    text-align: center;
    border: 1px solid #b5b5b5;
    overflow: hidden;
}
.n-table tbody tr th {
    background: #fbfbfb;
    text-align: center;
}
/*
.n-table tbody tr td ul {
	margin: 0px;
	padding: 0px 20px;
}
*/
.n-table .spec {
    font-size: 16px;
    text-decoration: underline;
    color: #524f4c;
    font-weight: bold;
}
.input-box {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    color: #101314;
    background-color: #f8f8f8;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    text-align: left;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, background-color ease-in-out .15s;
}

.white-box{
    height: 100%;
    border: 1px solid #f4f4f4;
    background-color: #ffffff;
    box-sizing: border-box;
}

.dust-box{
    height: 100%;
    border: 1px solid #a7a7a7;
    box-sizing: border-box;
}
.dustBox .thumb_photo {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    height: 12rem;
    padding: 2px;
    border: 1px solid #d4d4d4;
}
.dustBox .thumb_photo img {
    height: 100%;
    object-fit: cover;
}

.ico_close{
    /*
    width: 16px; height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDE0IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNCAxNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzYyNkQ3NDt9DQo8L3N0eWxlPg0KPHBhdGggaWQ9IngtYWx0eC1hbHQiIGNsYXNzPSJzdDAiIGQ9Ik03LDBDMy4xLDAsMCwzLjEsMCw3czMuMSw3LDcsN3M3LTMuMSw3LTdTMTAuOSwwLDcsMHogTTEwLjUsOS4ybC0xLjIsMS4yTDcsOC4ybC0yLjIsMi4yDQoJTDMuNSw5LjJMNS44LDdMMy41LDQuOGwxLjItMS4yTDcsNS44bDIuMi0yLjJsMS4yLDEuMkw4LjIsN0wxMC41LDkuMnoiLz4NCjwvc3ZnPg0K) no-repeat center center;
    background-repeat: no-repeat; background-size: 100%;
    */
}
.ico_plus{
    background-image: url("../images/erp/ico_plus_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_delete{
    background-image: url("../images/erp/ico_delete_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_download{
    background-image: url("../images/erp/ico_download_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_zoom{
    background-image: url("../images/erp/ico_zoom_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_circleClose{
    background-image: url("../images/ico_circleClose_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_setting{
    background-image: url("../images/ico_setting_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-search{
    background-image: url("../images/ico_search_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-search-w{
    background-image: url("../images/ico_search_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-save-w{
    background-image: url("../images/erp/ico_save_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-move-w{
    background-image: url("../images/erp/ico_move_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-print-w{
    background-image: url("../images/erp/ico_print_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-searchReset-w{
    background-image: url("../images/erp/ico_searchReset_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-revision-w{
    background-image: url("../images/erp/ico_revision_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-logout-w{
    background-image: url("../images/ico_logout_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico-delete-w{
    background-image: url("../images/erp/ico_delete_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}

/*
.ico_pin{
    background-image: url("../images/ico_pin_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_pin_on{
    background-image: url("../images/ico_pin_on_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}
*/

.ico_pin_menu{
    background-image: url("../images/ico_menu_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_pin_close{
    background-image: url("../images/ico_close_24.svg");
    background-repeat: no-repeat; background-size: 100%;
}

.ico_global{
    background-image: url("../images/ico_global_32.svg");
    background-repeat: no-repeat; background-size: 100%;
}
.ico_menual{
    background-image: url("/assets/images/ico_menual_01.svg");
    background-repeat: no-repeat; background-size: 100%;
}

.ico_date{
    background-image: url("/assets/images/erp/ico_date_02.svg");
    background-repeat: no-repeat; background-size: 100%;
}

/* 버튼 스타일 selectBox */
.btn-select {width: auto;position: relative;background: #0C1B21;border-radius: 6px;cursor: pointer;}
.btn-select-label {position: absolute; display: flex; align-items: center; justify-content: center;width: 100%; height: 100%;color: #fff;z-index: 1;}
.btn-select-label .ico{width: 24px; height: 24px;}
.btn-select-cus1 {position: relative;display: block;width: 100%;border: none;padding: 20px;-webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;opacity: 0;z-index: 2;}
.select::-ms-expand {display: none;}
.select:focus {z-index: -1;opacity: 1;}

/*
.bar {
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}
*/
/* .bar:hover {
  background-color: gray;
} */

.cus-dropdown {
    position: relative;
    width: 100%;
    color: #fff;
    z-index: 999;
}
.cus-dropdown.flip .front {
    transform: rotateX(180deg);
}
.cus-dropdown.flip .back {
    transform: rotateX(0deg);
}
.cus-dropdown span {
    height: inherit;
    line-height: 40px;
}
.cus-dropdown .front,
.cus-dropdown .back {
    transition: all 0.2s cubic-bezier(0.11, 1.61, 0.69, 0.64);
}
.cus-dropdown .front {
    height: 40px;
    width: 100%;
    background-color: var(--secondary);
    /*background-color: #4471dd;*/
    backface-visibility: hidden;
    cursor: pointer;
}
.cus-dropdown.sm .front{
    height: 28px;
}
.cus-dropdown.sm .front span{
    line-height: 28px;
    /*letter-spacing: .5rem;*/
    /*letter-spacing: calc((-16 / 1000) * 1em);*/
}
/*
.cus-dropdown.primary .front{
    background: rgb(64,187,129);
    background: linear-gradient(140deg, rgba(64,187,129,1) 0%, rgba(0,164,86,1) 100%);
}
*/

.cus-dropdown.round8 .front{
    border-radius: 8px;
}
.cus-dropdown.round24 .front{
    border-radius: 24px;
}
.cus-dropdown .back {
    transform: rotateX(180deg);
    backface-visibility: hidden;
}
.cus-dropdown ul {
    position: absolute;
    /*top: -120px;*/
    top: -40px;
    z-index: 999999;
    width: calc(100%);
    padding: 20px;
    background-color: #fff;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    list-style: none;
}
.cus-dropdown ul li {
    color: #4471dd;
    line-height: 30px;
    cursor: pointer;
}
.cus-dropdown ul li:hover {
    color: #325ec7;
}

.btn-success {
    background: #0499E7;
    background: -moz-linear-gradient(-45deg, #529BF4 0%, #54C2FC 50%, #0499E7 51%, #0D66D3 71%, #073671 100%);
    background: -webkit-linear-gradient(-45deg, #529BF4 0%,#54C2FC 50%,#0499E7 51%,#0D66D3 71%,#073671 100%);
    background: linear-gradient(135deg, #529BF4 0%,#54C2FC 50%,#0499E7 51%,#0D66D3 71%,#073671 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ae09', endColorstr='#f1890b',GradientType=1 );
    /*
    background: #40E496;
    background: -moz-linear-gradient(-45deg, #05ac50 0%, #21dd72 50%, #05c44e 51%, #26ADD3 71%, #26ADD3 100%);
    background: -webkit-linear-gradient(-45deg, #26ADD3 0%,#21dd72 50%,#05c44e 51%,#26ADD3 71%,#26ADD3 100%);
    background: linear-gradient(135deg, #26ADD3 0%,#21dd72 50%,#05c44e 51%,#26ADD3 71%,#26ADD3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05ac50', endColorstr='#05ac50',GradientType=1 );
    */
    background-size: 400% 400%;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    -webkit-animation: AnimationName 3s ease infinite;
    -moz-animation: AnimationName 3s ease infinite;
    animation: AnimationName 3s ease infinite;
    border: medium none;
}

/* ScrolBar  */
.scrollbar {
    height: 94%;
    width: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
}
.scrollbar:hover {
    height: 94%;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
/* Scrollbar Style */
.style-1::-webkit-scrollbar-track {
    border-radius: 2px;
}
.style-1::-webkit-scrollbar {
    width: 5px;
    /*background-color: #F7F7F7;*/
    background-color: rgba(255, 255, 255, .2);
}
.style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #BFBFBF;
}
/* Scrollbar End */
.ax-body #ax-base-root [data-page-buttons]{right: 20px;}
.ax-body #ax-base-root [data-page-buttons] .button-warp{
    display: flex; gap: 4px;
}
.k-splitbar{background-color: transparent;}
.k-splitbar:active, .k-splitbar.k-state-focused {color: #ffffff;background: #B9E6FE;}

/*------------ search form ------------*/
.search-form{}
.search-form .n-table tr{}
.search-form .n-table tr.w1{}
.search-form .n-table tr.w1 th{width: 200px;}
.search-form .n-table tr.w1 td{width: 80%;}
.search-form .n-table tr.w2{}
.search-form .n-table tr.w2 th{width: 200px; }
.search-form .n-table tr.w2 td{width:40%;}
.search-form .n-table tr.w3 td{width:25%;}
.search-form .n-table tr.w4 td{width:15%;}

.w100{width: 100px !important;}
.w200{width: 200px !important;}
.w300{width: 300px !important;}
.w400{width: 400px !important;}

/*------------ 로그인 ------------*/
.ax-body.login {
    background: url(../images/erp/login_bg.png) center center !important;
    background-repeat: no-repeat !important;    background-size: cover !important;
}
/*
.ax-body.login:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/erp/pt_bg.png);
}*/

.ax-body.login .login-panel{
    overflow: hidden; width: 420px;
    /*padding: 20px;*/
    padding: 40px 20px;
    border-radius: 8px;
    background: #ffffff;
    /*background: transparent;*/
    /*box-shadow: 0 0 10px #000;*/
    -webkit-animation: SLIDE-DOWN 0.6s linear forwards;
    -o-animation: SLIDE-DOWN 0.6s linear forwards;
    animation: SLIDE-DOWN 0.6s linear forwards;
}
.ax-body.login .login-panel .title-area{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 3rem;
}

.ax-body.login .login-panel .title-area > .logo{
    display: block;
    height: 40px;
    width: auto;
    background-image: url(../images/erp/login-top-logo.svg);
    /*background-size: contain;*/
    background-size: 45%;
    background-repeat: no-repeat;
}

.ax-body.login .login-panel .title-area > h3{
    display: block;
    height: 52px;
    background-image: url(../images/erp/logInLogo.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.ax-body.login .login-panel .login_body{padding: 0;}
.ax-body.login .login-panel .login_body .form-group{}
.ax-body.login .login-panel .login_body .form-group .form-control{
    padding: 8px 16px; height: 40px; font-size: 14px; line-height: 22px;
}

.login-panel .title-area + .login_body{ /*margin-top: 32px;*/ margin-top: 4rem }

.login-panel .login_body .login-rememver{
    margin-bottom: 24px; text-align: left;
}
.login-panel .capyright{
    font-size: 12px; font-weight: 300; color: #999999;
}

.login-panel form + .more-area { margin-top: 48px;}

.login-panel .more-area{
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
}
.login-panel .more-area .another{
    display: flex;
}
.login-panel .more-area .another.center{
    align-items: center; justify-content: center;
}
.login-panel .more-area .anotheru > li{
    position: relative;
    display: inline-block;
    width: auto;
}
.login-panel .more-area .another > li > a{
    font-size: 14px;
}
/*.login-panel .more-area .another > li + li:before{
    display: inline-block;
    vertical-align: middle;
    content: '';
    width: 1px;
    height: 8px;
    background-color: #B6BDC1;
    margin: 0 12px;
}*/

/*
.login-panel .more-area .another > li:last-child:before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    background-color: #B6BDC1;
}
*/

.login-panel .more-area .another li{
    padding: 0 8px;
}

/*----- checkBox-----------------------------------------------------------------------------------------------------*/
.k-checkbox{}
.k-checkbox-label{color: #222222; font-weight: 300}
.k-checkbox-label::before {
    border-color: #222222;
}
.k-checkbox-label:hover::before {
    border-color: #3B4951;
    background-color: #ffffff;
}
.k-checkbox:checked + .k-checkbox-label::before{
    border-color: #0499E7;
    background-color: #0499E7;
    /*
    border-color: #00A456;
    background-color: #00A456;
    */
}
/*-----  DropDown-----------------------------------------------------------------------------------------------------*/


.k-autocomplete, .k-flatcolorpicker .k-color-value, .k-combobox .k-dropdown-wrap, .k-datepicker .k-picker-wrap, .k-timepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-dateinput .k-dateinput-wrap, .k-textbox, .k-textarea, .k-input.k-textbox, .k-multiselect-wrap, .k-numerictextbox .k-numeric-wrap{
    /*background-color: #f8f8f8;*/ background-color: #fff;
}


/*.k-combobox.form-control{border: 0;}*/
.k-combobox > .k-state-focused{
    box-shadow: inset 0 0 0 1px #222222; /*컴포넌트 다중 사용으로 인한 hover 스타일 통일*/
}
.k-combobox.form-control .k-dropdown-wrap.k-state-default{
    position: relative;
}
.k-combobox.form-control .k-dropdown-wrap.k-state-default .k-select{
    position: absolute; right: 0; height: 100%;
    padding: 0 21px; /*패딩 14px 형태로 구현*/
    background: transparent;
}
.k-combobox.form-control .k-dropdown-wrap.k-state-default > .k-input.form-control{
    padding-left: 16px; padding-right: 32px;
    border: 0; border-radius: 0;
    box-shadow: none;
}
.k-combobox.form-control.k-combobox-clearable .k-dropdown-wrap.k-state-default > .k-input.form-control{
    padding-left: 16px; padding-right: 52px; /*콤보박스 인풋스타일 클리어 버튼 영역 확보*/
}

/*kendo UI 버전업 오류 삭제*/
/*.k-combobox.form-control .k-dropdown-wrap.k-state-default > .k-input.form-control + .k-clear-value{top: 3px}*/
/*.k-i-close::before, .k-i-group-delete::before{*/
/*    content: "";*/
/*    display: block;*/
/*    width: 16px; height: 16px;*/
/*    background-image: url(../images/erp/ico_cicleClose_16_bk.svg);*/
/*    background-repeat: no-repeat;*/
/*    background-size: 100%;*/
/*}*/

.k-list-container{border: 1px solid #DEDEDE;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px !important;}
.k-list .k-item:hover{
    color: #4c4c4c;
    background-color: #FCDAB1;
}
.k-list .k-item:hover.k-state-selected, .k-list .k-item.k-state-hover.k-state-selected{background-color: #F8A23C;}
.k-list .k-item.k-state-focused, .k-list-optionlabel:focus, .k-list-optionlabel.k-state-focused{
    color: #fff;
    border: none;
    background-color: #F8A23C; box-shadow: none !important;
}
.k-list-optionlabel:hover.k-state-selected{
    background-color: #FBC78A;
}

/*.k-combobox.k-combobox-clearable{border: 0;}*/
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default{
    position: relative; height: 100%;
    /*border-color: #D8D8D8;*/
}
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-input{
    border: 0;
    padding: 0 32px 0 16px ;
}
/*
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-input:focus{
    border: 1px solid #222222 !important; border-radius: 2px !important;
    box-shadow: none !important;
}
*/
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-select{
    position: absolute; right: 0; height: 100%;
    background: transparent;
}
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-select .k-icon.k-i-arrow-60-down{}
.k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-select .k-icon.k-i-arrow-60-down:before{
    content: ""; display: inline-block; width: 16px; height: 16px;
    background: url("../images/erp/ico_solid_drew.svg")no-repeat;
}
.k-dropdowngrid-popup .k-item.k-state-selected {
    background-color: rgba(248, 162, 60, 0.25);
}
.k-datepicker.form-control{
    /*border: 0;*/
}
.k-datepicker.form-control .k-picker-wrap.k-state-default{
    border:1px solid #D8D8D8;
}
.k-datepicker.form-control .k-picker-wrap.k-state-default > .form-control.k-input{
    border: 0; border-radius: 0;
}
.k-dropdown .k-dropdown-wrap{
    background-color: #fff; background-image: initial;
}
.k-dropdown.form-control{/*border: 0;*/}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= Number -----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.k-numerictextbox.form-control{}
.k-numeric-wrap.k-state-default{
    position: relative;
    border-color: #D8D8D8;
    background: #fff;
}
.k-numeric-wrap.k-state-default .k-select{
    position: absolute; right: 0; height: 100%;
    background: transparent !important;
}
.k-numerictextbox .k-select > .k-state-selected, .k-numerictextbox .k-select > .k-state-active{
    color: #6f6f6f;
    background: transparent; background-image: initial;
    box-shadow: none;
}
.k-numeric-wrap.k-state-default > .k-icon{margin-right: 32px;}
.k-numeric-wrap.k-state-default:hover{background: rgba(233, 233, 233, .5);}
.k-numeric-wrap.k-state-default:active{}
.k-numeric-wrap.k-state-default.k-state-focused{
    border-radius: 2px !important;
    box-shadow: inset 0 0 0 1px #222222 !important; /*컴포넌트 다중 사용으로 인한 hover 스타일 통일*/
}
.k-numeric-wrap.k-state-default .k-formatted-value.form-control:focus{}
.k-numeric-wrap.k-state-default > .k-formatted-value.form-control{}

/*  datepicker */
.k-datepicker input[type=text], .k-numerictextbox input[type=text]{
    /*padding: 8px 24px 8px 16px !important;*/
}
.k-datepicker .k-select{
    position: absolute; right: 0; height: 100%;
    background: transparent !important;
}
.k-datepicker:hover .k-select{background: #f1f1f1;}
.k-datepicker .k-state-focused{
    box-shadow: inset 0 0 0 1px #222222 !important; /*컴포넌트 다중 사용으로 인한 hover 스타일 통일*/
}
.k-datepicker .k-select > .k-icon.k-i-calendar{
    width: 16px; height: 16px; background: url("../images/erp/ico_date_02.svg");
    background-repeat: no-repeat;
}
.k-datepicker .k-select > .k-icon.k-i-calendar::before{
    display: none;
}

.k-autocomplete, .k-dateinput-wrap, .k-dropdown-wrap, .k-picker-wrap, .k-multiselect-wrap, .k-numeric-wrap{
    border-width: 0;
}

/*----- Input Box ----------------------------------------------------------------------------------------------------*/
.form-control {
    padding: 0;
    padding: 0 16px;
    height: auto;
    font-size: 14px !important;
    /*line-height: 32px;*/ line-height: 24px;
    border: 1px solid #dedede;
    border-radius: 2px;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
.form-control::-ms-clear { display: none; }
.form-control::placeholder { color: #868686;}
.form-control:hover {background-color: rgba(233, 233, 233, .5);}
.form-control:focus {
    border-color: #101314;
    caret-color: #00A456;
    box-shadow: none;
}

.k-widget.form-control .k-input{
    height: auto;
    padding: 0 32px 0 16px;
}

.input-group{display: flex !important; flex-flow: row nowrap; border: none}
.input-group > input{border-radius: 2px 0 0 2px !important;}
.input-group > input + button{border-radius: 0px 2px 2px 0 !important;}

.input-group-addon{
    display: flex; align-items: center; justify-content: center;
    background-color: transparent; border: none;
}
.input-group-addon .ico.icon-calendar:before{
    content: "";
    display: block; width: 16px; height: 16px;
    background-image: url("../images/erp/ico_date_02.svg");
}

/*-----Thumbnail Hover Menu ------------------------------------------------------------------------------------------*/

.hover_menu:hover{}
.hover_menu{position: relative;}
.hover_menu > ul{
    opacity: 0; display: flex; align-items: center; justify-content: center;
    position: absolute; width: 100%; height: 100%; list-style: none; margin: 0; padding: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.hover_menu:hover > ul{
    display: flex; flex-flow: row wrap;
    position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, .5); opacity: 1;
}
.hover_menu:hover > ul > li{
    display: flex; justify-content: center; align-items: center;
    width: 50%; height: 50%;
}
.hover_menu:hover > ul > li > a.circleBg{
    display: flex; align-items: center; justify-content: center; border-radius: 50%;
    cursor: pointer; background: #fff; width: 40px; height: 40px;
}
.hover_menu:hover > ul > li > a.circleBg:hover{background: #EDF4F2;}
.hover_menu:hover > ul > li > a.circleBg:active{background: #C2D5E9}
.hover_menu:hover > ul > li > a.circleBg:disabled{background: #CACACA}
.hover_menu:hover > ul > li > a.circleBg.disabled{background: #CACACA}
.hover_menu:hover > ul > li > a.circleBg.disabled > i{opacity: .3;}
.hover_menu:hover > ul > li > a.circleBg .icon{width: 20px; height: 20px;}

/* loader */
.loader_wrap{position: absolute;width: 200px;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.loader_wrap .loader{
    position: relative;
    margin: 0 auto; width: 182px; height: 75px;
}
.loader_wrap .loader > .gun{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: inline-block;
    width: 182px;
    height: 75px;
    background: url(../images/erp/gun.svg)no-repeat center bottom;
    background-size: cover;
    -webkit-animation: imgLoading 2s linear infinite;
    animation: imgLoading 2s linear infinite;
    transition: 0s;
}
.loader_wrap .loader > .bg{
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 182px; height: 75px;
    opacity: 0.3;
    background: url(../images/erp/gun_bg.svg)no-repeat center bottom;
    background-size: cover;
}

@-webkit-keyframes imgLoading {
    0% {
        width: 100%;
        height: 0%;
        opacity: 1;
    }
    95% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}
@keyframes imgLoading {
    0% {
        width: 100%;
        height: 0%;
        opacity: 1;
    }
    95% {
        width: 100%;
        height: 100%;
        opacity: 1;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

/* axboot check, riadio */

input[type="radio"], input[type="checkbox"]{
    margin: 0;
}
/* kendo 버전업 오류 수정 삭제 : 2023.11.17 */
input[type="radio"],input[type="checkbox"]{margin:0;line-height:normal}
input[type="radio"], input[type="checkbox"]{width: 16px; height: 16px;}

input[type="checkbox"]{
    border: none;
    width: 16px; height: 16px;
    background: #fff;
}
input[type="checkbox"]:before{
    content: ""; display: inline-block;
    width: 16px; height: 16px;
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOEY4Rjg7ZmlsbC1vcGFjaXR5OjA7fQ0KCS5zdDF7ZmlsbDojRjRGNEY0O30NCgkuc3Qye2ZpbGw6bm9uZTtzdHJva2U6IzIyMjIyMjtzdHJva2Utd2lkdGg6MS41O30NCjwvc3R5bGU+DQo8Zz4NCgk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiLz4NCgk8ZyBpZD0iQ29udGFpbmVyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEsMGgxMmMwLjYsMCwxLDAuNCwxLDF2MTJjMCwwLjYtMC40LDEtMSwxSDFjLTAuNiwwLTEtMC40LTEtMVYxQzAsMC40LDAuNCwwLDEsMHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTEsMC44aDEyYzAuMSwwLDAuMiwwLjEsMC4yLDAuMnYxMmMwLDAuMS0wLjEsMC4yLTAuMiwwLjJIMWMtMC4xLDAtMC4yLTAuMS0wLjItMC4yVjFDMC44LDAuOSwwLjksMC44LDEsMC44DQoJCQl6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}
input[type="checkbox"]:hover:before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjhGOEY4O2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6I0U5RTlFOTt9DQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiMyMjIyMjI7c3Ryb2tlLXdpZHRoOjEuNTt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMiwwaDEwYzEuMSwwLDIsMC45LDIsMnYxMGMwLDEuMS0wLjksMi0yLDJIMmMtMS4xLDAtMi0wLjktMi0yVjJDMCwwLjksMC45LDAsMiwweiIvPg0KCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yLDAuOGgxMGMwLjcsMCwxLjIsMC42LDEuMiwxLjJ2MTBjMCwwLjctMC42LDEuMi0xLjIsMS4ySDJjLTAuNywwLTEuMi0wLjYtMS4yLTEuMlYyQzAuOCwxLjMsMS4zLDAuOCwyLDAuOHoNCgkJIi8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}
input[type="checkbox"]:checked{
    border: none;
    background: transparent; outline: none;
}
input[type="checkbox"]:checked:before{
    content: ""; display: inline-block;
    width: 16px; height: 16px;
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjhGOEY4O2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6IzIyMjIyMjt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgaWQ9ImFyZWEiIGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KCTxwYXRoIGlkPSJDb250YWluZXIiIGNsYXNzPSJzdDEiIGQ9Ik0xMywxNUgzYy0xLjEsMC0yLTAuOS0yLTJWM2MwLTEuMSwwLjktMiwyLTJoMTBjMS4xLDAsMiwwLjksMiwydjEwQzE1LDE0LjEsMTQuMSwxNSwxMywxNXoNCgkJIE00LjgsNy4xbC0xLDFsMy4xLDMuMWw1LjYtNS42bC0xLTFMNi45LDkuMkw0LjgsNy4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}
input[type="checkbox"][disabled]{}
input[type="checkbox"][disabled]:before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRjhGOEY4O2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6bm9uZTt9DQoJLnN0MntmaWxsOm5vbmU7c3Ryb2tlOiNDQUNBQ0E7c3Ryb2tlLXdpZHRoOjEuNTt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSI+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yLDBoMTBjMS4xLDAsMiwwLjksMiwydjEwYzAsMS4xLTAuOSwyLTIsMkgyYy0xLjEsMC0yLTAuOS0yLTJWMkMwLDAuOSwwLjksMCwyLDB6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yLDAuOGgxMGMwLjcsMCwxLjIsMC42LDEuMiwxLjJ2MTBjMCwwLjctMC42LDEuMi0xLjIsMS4ySDJjLTAuNywwLTEuMi0wLjYtMS4yLTEuMlYyQzAuOCwxLjMsMS4zLDAuOCwyLDAuOA0KCQkJeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}
input[type="checkbox"][disabled]:checked::before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOEY4Rjg7ZmlsbC1vcGFjaXR5OjA7fQ0KCS5zdDF7ZmlsbDojQ0FDQUNBO30NCjwvc3R5bGU+DQo8ZyA+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzLDE1SDNjLTEuMSwwLTItMC45LTItMlYzYzAtMS4xLDAuOS0yLDItMmgxMGMxLjEsMCwyLDAuOSwyLDJ2MTBDMTUsMTQuMSwxNC4xLDE1LDEzLDE1eg0KCQkgTTQuOCw3LjFsLTEsMWwzLjEsMy4xbDUuNi01LjZsLTEtMUw2LjksOS4yTDQuOCw3LjF6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}

input[type="radio"]{
    position: relative;
    width: 16px; height: 16px;
}
input[type="radio"]:before{
    content: ""; display: inline-block;
    width: 16px; height: 16px;
    border: none;
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOEY4Rjg7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMjIyMjIyO3N0cm9rZS13aWR0aDoxLjU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iOCIgY3k9IjgiIHI9IjcuMiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
    vertical-align: top;
}
input[type="radio"]:hover:before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNFN0U3RTc7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMjIyMjIyO3N0cm9rZS13aWR0aDoxLjU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iOCIgY3k9IjgiIHI9IjcuMiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
}
input[type="radio"][disabled]:before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOEY4Rjg7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojQzhDOEM4O3N0cm9rZS13aWR0aDoxLjU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxjaXJjbGUgY2xhc3M9InN0MCIgY3g9IjgiIGN5PSI4IiByPSI4Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iOCIgY3k9IjgiIHI9IjcuMiIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
}

input[type="radio"]:checked{
    position: relative;
    width: 16px; height: 16px;
}
input[type="radio"]:checked:before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGOEY4Rjg7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojMjIyMjIyO3N0cm9rZS13aWR0aDoxLjU7fQ0KCS5zdDJ7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjgiIGN5PSI4IiByPSI3LjIiLz4NCjwvZz4NCjxjaXJjbGUgaWQ9Iu2DgOybkF82NjUiIGNsYXNzPSJzdDIiIGN4PSI4IiBjeT0iOCIgcj0iNCIvPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
}
input[type="radio"][disabled]:checked::before{
    background: #ffffff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGNEY0RjQ7fQ0KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojQzhDOEM4O3N0cm9rZS13aWR0aDoxLjU7fQ0KCS5zdDJ7ZmlsbDojQ0FDQUNBO30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSI4IiBjeT0iOCIgcj0iOCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjgiIGN5PSI4IiByPSI3LjIiLz4NCjwvZz4NCjxjaXJjbGUgaWQ9Iu2DgOybkF82NjkiIGNsYXNzPSJzdDIiIGN4PSI4IiBjeT0iOCIgcj0iNCIvPg0KPC9zdmc+DQo=) no-repeat center;
    background-size: 16px;
}

/* tab */
.tabs{}
.tabs > li{
    border: 1px solid #D8D8D8;
    border-bottom: 1px solid #f4f4f4 !important;
}
.tabs > li:hover{
    color: #22AFFC;
    border-top: 2px solid #22AFFC;
}
.tabs > li.active{
    color: #0377B5; font-weight: 600;
    border-top: 2px solid #0377B5;
}

/* sub-tab */
.tabs.sub-tabs{
    overflow: initial;
}
.tabs.sub-tabs:after{
    content: "";
}
.tabs.sub-tabs li{
    position: relative;
    padding: 7px 0 5px 0;
    line-height: 140%;
    border: 0;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    background: #D8DBDC;
}
.tabs.tabs.sub-tabs > li:hover {
    padding: 7px 0 5px 0;
    color: #23B16D;
    line-height: 140%;
    border-top: 0;
    background: #E6F6EE;
}
.tabs.sub-tabs li.active{
    border: 0 !important;
    border-bottom: 2px solid #00A456 !important;
    background: #BFE8D5;
}
.tabs.sub-tabs li.active:after{
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 4px);
    width: 8px; height: 8px;
    border-radius: 50%;
    background: #00A456;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= Popup --------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.k-window .k-window-titlebar{
    border-color: #D8D8D8;
    background-color: #f8f8f8;
}
.k-window .k-window-title{font-size: 20px;}
.k-window .k-window-actions{}
.k-window .k-window-actions .k-button{padding: 0 !important;}
.k-window .k-window-actions .k-button .k-icon.k-i-close{
    background-image: url("../images/erp/ico_close_02.svg");
    background-repeat: no-repeat;
}

/* alart, modal, popup */
.k-dialog.k-dialog{}
.k-dialog .k-dialog-titlebar{padding: 14px 0 !important;background-color: #f8f8f8 !important;}
.k-dialog .k-dialog-titlebar .k-dialog-title{
    display: inline-block;
    color: #0499E7 !important;
}
.k-dialog .k-dialog-content{ padding: 24px;font-size: 16px;}
.k-dialog .k-dialog-buttongroup{box-sizing: border-box;}
.k-dialog .k-dialog-buttongroup > button{ color: #424242;}
.k-dialog .k-dialog-buttongroup > button:hover{font-size: 14px;border: none; background-color: #e4e4e4;}

.k-widget ::selection, .k-block ::selection, .k-panel ::selection {
    color: #ffffff;
    background-color: #0499E7;
}
.k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
    color: #0499E7;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= date-picker ------------------------------------------------------------------------------------------------------*/
/*= ax_boot, kendo_UI-------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.ax5-ui-picker{
    border: 1px solid #222222; border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
.ax5-ui-picker .ax-picker-body{padding: 16px;}
.ax5-ui-picker .ax-picker-content{}
.ax5-ui-picker .ax-picker-content .ax-picker-content-box{}
.ax5-ui-picker .ax-picker-content .ax5-ui-calendar{}
.ax5-ui-picker .ax-picker-content .ax5-ui-calendar .calendar-control{
    height: 28px !important; margin-bottom: 12px;
    border: none; background-color: transparent;
}
.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-move-left{}
.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-move-left > i{background-image: url("../images/erp/ico_chevron-left_02.svg");}
.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-move-right{}
.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-move-right > i{background-image: url("../images/erp/ico_chevron-right_02.svg");}
.ax5-ui-picker .ax5-ui-calendar .calendar-control > a{
    display: flex; align-items: center; justify-content: center;
    width: 28px !important; height: 28px !important;
}
.ax5-ui-picker .ax5-ui-calendar .calendar-control > a > i{
    display: inline-block; width: 20px; height: 20px;
}
.ax5-ui-picker .ax5-ui-calendar .calendar-control > a > i:before{content: "";} /*기존 버튼 아이콘 초기화*/

.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-display{
    height: 28px !important; line-height: 28px !important; font-size: 16px;
}
.ax5-ui-picker .ax5-ui-calendar .calendar-control .date-display > span{text-decoration: none;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body{}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table{}
.ax5-ui-picker .ax5-ui-calendar .calendar-body thead tr td{color: #999999;font-weight: 600;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body thead tr td:first-child{color: #D32F2F !important;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body thead tr td:last-child{color: #2B73E5 !important;}

.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td > a {color: #999999; opacity: .3;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td > a:hover{
    color: #0499E7 !important;
    /*border-radius: 50%; */
    background-color: #B9E6FE !important;
    background-image: none;
}
.ax5-ui-calendar .calendar-body table tbody td .calendar-item-year.focus{
    background: #54C2FC;
    background-image: none;
}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td:first-child > a{color: #D32F2F; opacity: .3;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td:last-child > a{color: #2B73E5; opacity: .3;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live{color: #222222; opacity: 1;background-color: transparent; background-image: none;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.sunday{color: #D32F2F; opacity: 1;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.saturday{color: #2B73E5; opacity: 1;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.selected-day{
    /*border-radius: 50%;*/
    background-color: #0499E7; background-image: none; opacity: 1;}
.ax5-ui-picker .ax5-ui-calendar .calendar-body table tbody td .calendar-item-day.live.selected-day{
    /*border-radius: 50%;*/
    background-color: #0499E7;}

.ax5-ui-picker .ax-picker-body .ax-picker-buttons{margin-top: 20px; padding-top: 16px; border-top: 1px solid #d8d8d8;}
.ax5-ui-picker .ax-picker-body .ax-picker-buttons > button{border: 1px solid #101314;color: #101314; font-size: 12px;}

/*kendo-calendar*/
.k-calendar-container{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.k-calendar-container .k-calendar{
    padding: 16px; border: 1px solid #222222;
    border-width: 1px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
.k-calendar .k-header {
    padding: 0; border: 0;
    margin-bottom: 8px;
    background: transparent;
    box-shadow: none;
}
.k-calendar .k-header .k-link{
    padding: 0; margin: 0;
    border-radius: 0; color: #222222; font-size: 16px; line-height: initial;
}
.k-calendar .k-header .k-link.k-nav-prev, .k-calendar .k-header .k-link.k-nav-next{
    width: 28px; height: 28px;
}
.k-calendar .k-header .k-link.k-nav-prev > span{
    width: 20px; height: 20px;
    background-image: url(../images/erp/ico_chevron-left_02.svg);
}
.k-calendar .k-header .k-link.k-nav-prev > span:before{
    content: "";
}
.k-calendar .k-header .k-link.k-nav-next > span{
    width: 20px; height: 20px;
    background-image: url(../images/erp/ico_chevron-right_02.svg);
}
.k-calendar .k-header .k-link.k-nav-next > span:before{
    content: "";
}
.k-calendar .k-calendar-view{margin-bottom: 20px;}
.k-calendar table.k-content{
    /*background: #f4f4f4;*/
}
.k-calendar table.k-content thead tr th{
    font-weight: 700; opacity: 1;
}
.k-calendar table.k-content thead tr th:first-child{
    color: #D32F2F;
}
.k-calendar table.k-content thead tr th:last-child{
    color: #2B73E5;
}
.k-calendar table.k-content tbody tr td{}
.k-calendar table.k-content tbody tr td:first-child{color: #D32F2F;}
.k-calendar table.k-content tbody tr td:last-child{color: #2B73E5;}
.k-calendar .k-footer{border-top: 1px solid #D8D8D8;}

.k-calendar .k-state-hover .k-link{
    border-radius: 50%; color: #0499E7;
    background-color: #B9E6FE;
}
.k-calendar .k-state-selected .k-link {
    border-radius: 50%; border: none;
    color: #ffffff;
    background-color: #0499E7; box-shadow: none !important;
}
.k-calendar .k-content .k-today{
    color: #ffffff;
    border-radius: 0;
    background-color: var(--primary);
    /*background-color: #0377B5;*/
}
.k-calendar .k-state-focused .k-link{
    box-shadow: none;
}
.k-calendar .k-footer .k-nav-today, .k-calendar .k-calendar-header .k-today{color: #0499E7;}

.k-calendar table.k-content.k-year{width: 100%;}
.k-calendar table.k-content.k-year tbody{width: 100%;}
.k-calendar table.k-content.k-year tbody tr{display: flex; gap: 4px; margin-bottom: 4px;width: 100%;}
.k-calendar table.k-content.k-year tbody tr:last-child{margin-bottom: 0;}
.k-calendar table.k-content.k-year tbody td{width: 25%;}
.k-calendar table.k-content.k-year tbody td:first-child,.k-calendar table.k-content.k-year tbody td:last-child{color: inherit;}
.k-calendar table.k-content.k-year .k-state-selected .k-link{ color: #0377B5;border-radius: 0; border: 1px solid #0377B5;background: rgba(3, 119, 181, 0.3);}
.k-calendar table.k-content.k-year .k-link{width: 100%; border: 1px solid #848484;}
.k-calendar table.k-content.k-year .k-state-focused .k-link{box-shadow: none;}
.k-calendar table.k-content.k-year .k-link:hover{color: #54C2FC;border: 1px solid #54C2FC;background-color: #EBF8FF; border-radius: inherit;}

.k-calendar table.k-content.k-decade{width: 100%;}
.k-calendar table.k-content.k-decade tbody{width: 100%;}
.k-calendar table.k-content.k-decade tbody tr{display: flex; gap: 4px; margin-bottom: 4px;width: 100%;}
.k-calendar table.k-content.k-decade tbody tr:last-child{margin-bottom: 0;}
.k-calendar table.k-content.k-decade tbody td{width: 25%;}
.k-calendar table.k-content.k-decade tbody td:first-child, .k-calendar table.k-content.k-decade tbody td:last-child{color: inherit;}
.k-calendar table.k-content.k-decade .k-state-selected .k-link{ color: #0377B5;border-radius: 0; border: 1px solid #0377B5;background:rgba(3, 119, 181, 0.3);}
.k-calendar table.k-content.k-decade .k-link{width: 100%; border: 1px solid #848484;}
.k-calendar table.k-content.k-decade .k-state-focused .k-link{box-shadow: none;}
.k-calendar table.k-content.k-decade .k-state-focused .k-link{box-shadow: none;}
.k-calendar table.k-content.k-decade .k-link:hover{color: #54C2FC;border: 1px solid #54C2FC;background-color: #EBF8FF; border-radius: inherit;}

.k-calendar table.k-content.k-century{width: 100%;}
.k-calendar table.k-content.k-century tbody{width: 100%;}
.k-calendar table.k-content.k-century tbody tr{display: flex; gap: 4px; margin-bottom: 4px;width: 100%;}
.k-calendar table.k-content.k-century tbody tr:last-child{margin-bottom: 0;}
.k-calendar table.k-content.k-century tbody td{width: 25%;}
.k-calendar table.k-content.k-century tbody td:first-child, .k-calendar table.k-content.k-decade tbody td:last-child{color: inherit;}
.k-calendar table.k-content.k-century .k-state-selected .k-link{ color: #0377B5;border-radius: 0; border: 1px solid #0377B5;background: rgba(3, 119, 181, 0.3);}
.k-calendar table.k-content.k-century .k-link{width: 100%; padding: 0; border: 1px solid #848484;}
.k-calendar table.k-content.k-century .k-state-focused .k-link{box-shadow: none;}
.k-calendar table.k-content.k-century .k-state-focused .k-link{box-shadow: none;}
.k-calendar table.k-content.k-century .k-link:hover{color: #54C2FC;border: 1px solid #54C2FC;background-color: #EBF8FF; border-radius: inherit;}

.k-calendar .k-content .k-other-month .k-link {opacity: 0.3;}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 16. Divider ------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.divider {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #4f5257;
    /*margin: 14px 0;*/
}
.divider-inline {
    position: relative;
    padding-left: 17px;
}
.divider-inline:before {
    position: absolute;
    display: inline-block;
    content: '';
    left: 8px;
    top: 50%;
    width: 1px;
    height: 80%;
    background-color: #d8d8d8;
    transform: translateY(-50%);
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= File Uploader-------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.k-upload-status{}
.k-upload-status .k-button.k-upload-action{
    display: flex; align-items: center; justify-content: center;
    padding: 0 !important; margin: 0 !important;
}
.k-upload-status .k-button.k-upload-action{
    border: none !important;
    background: none !important;
}
.k-upload-status .k-button.k-upload-action:active, .k-upload-status .k-button.k-upload-action:focus{
    border: none !important;
    background: none !important;
}
.k-upload-status .k-button.k-upload-action .k-icon{
    display: flex;
}
.k-upload-status .k-button.k-upload-action .k-icon{
    width: 16px; height: 16px;
}
.k-upload-status .k-button.k-upload-action .k-icon.k-i-close:before{
    width: 16px; height: 16px;
    background-image: url(/assets/images/ico_solid_close.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

#attachedFilesWrapper > div{
    position: relative;
    padding: 8px 16px;
    border: 1px solid #c8c8c8;
    background: #fff;
}
#attachedFilesWrapper > div:first-child{
    margin-top: 4px;
}
#attachedFilesWrapper > div .icon-attach{
    width: 16px; height: 16px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiDQoJIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe29wYWNpdHk6MDtmaWxsOiMwMEM5RkY7fQ0KCS5zdDF7ZmlsbDojMjIyMjIyO30NCjwvc3R5bGU+DQo8Zz4NCgk8cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjguNSwxMC43YzAsMCwwLTAuMSwwLTAuMWMwLTAuMS0wLjEtMC4yLTAuMi0wLjNsLTgtOEMyMC4xLDIuMSwyMCwyLDE5LjksMmMwLDAtMC4xLDAtMC4xLDANCgkJCQljLTAuMSwwLTAuMiwwLTAuMiwwaC0xNGMtMC41LDAtMSwwLjUtMSwxczAuNSwxLDEsMWgxM3Y3YzAsMC41LDAuNSwxLDEsMWg3djE2aC0yMHYtMjFjMC0wLjUtMC41LTEtMS0xcy0xLDAuNS0xLDF2MjINCgkJCQljMCwwLjUsMC41LDEsMSwxaDIyYzAuNSwwLDEtMC41LDEtMXYtMThDMjguNSwxMC44LDI4LjUsMTAuNywyOC41LDEwLjd6IE0yMC41LDkuOVY1LjNsNC42LDQuNkgyMC41eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTUsMjVjLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtNC00Yy0wLjQtMC40LTAuNC0xLDAtMS40czEtMC40LDEuNCwwbDMuMywzLjNsNy4zLTcuM2MwLjQtMC40LDEtMC40LDEuNCwwDQoJCQlzMC40LDEsMCwxLjRsLTgsOEMxNS41LDI0LjksMTUuMywyNSwxNSwyNXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==) no-repeat 50% 50%;
    background-size: 16px;
    opacity: 1;
}
#attachedFilesWrapper > div .icon-attach:before{display: none;}
#attachedFilesWrapper > div .icon.ico_close{
    position: absolute;
    right: 8px;
    width: 16px; height: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6IzIyMjIyMjt9DQo8L3N0eWxlPg0KPGcgaWQ9Imljb18zMl9jbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwIC02NCkiPg0KCTxyZWN0IGlkPSJpY29uX0d1aWRlIiB4PSI4MCIgeT0iNjQiIGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPg0KCTxnIGlkPSJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzguNDk1IDY0LjEzOSkiPg0KCQk8cGF0aCBpZD0i7Yyo7IqkXzI4MzY5IiBjbGFzcz0ic3QxIiBkPSJNLTY5LjgsMjcuMWMwLjQsMC40LDAuNCwxLDAsMS40Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zDQoJCQlsLTExLjMtMTEuM2wtMTEuMywxMS4zYy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjQtMC40LTAuNC0xLDAtMS40bDI0LTI0YzAuNC0wLjQsMS0wLjQsMS40LDANCgkJCWMwLjQsMC40LDAuNCwxLDAsMS40bC0xMS4zLDExLjNMLTY5LjgsMjcuMXoiLz4NCgkJPHBhdGggaWQ9Iu2MqOyKpF8yODM3MCIgY2xhc3M9InN0MSIgZD0iTS04Ni41LDEyLjljLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtOC04Yy0wLjQtMC40LTAuNC0xLDAtMS40YzAuNC0wLjQsMS0wLjQsMS40LDBsOCw4DQoJCQljMC40LDAuNCwwLjQsMSwwLDEuNEMtODYsMTIuOC04Ni4yLDEyLjktODYuNSwxMi45eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat 50% 50%;
    background-size: 16px;
    opacity: 1;
}

#attachedFilesWrapper > div .icon.ico_delete {
    position: absolute;
    right: 8px;
    width: 16px;
    height: 16px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO30NCgkuc3Qxe2ZpbGw6IzIyMjIyMjt9DQo8L3N0eWxlPg0KPGcgaWQ9Imljb18zMl9jbG9zZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTgwIC02NCkiPg0KCTxyZWN0IGlkPSJpY29uX0d1aWRlIiB4PSI4MCIgeT0iNjQiIGNsYXNzPSJzdDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPg0KCTxnIGlkPSJkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzguNDk1IDY0LjEzOSkiPg0KCQk8cGF0aCBpZD0i7Yyo7IqkXzI4MzY5IiBjbGFzcz0ic3QxIiBkPSJNLTY5LjgsMjcuMWMwLjQsMC40LDAuNCwxLDAsMS40Yy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zDQoJCQlsLTExLjMtMTEuM2wtMTEuMywxMS4zYy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuM2MtMC4zLDAtMC41LTAuMS0wLjctMC4zYy0wLjQtMC40LTAuNC0xLDAtMS40bDI0LTI0YzAuNC0wLjQsMS0wLjQsMS40LDANCgkJCWMwLjQsMC40LDAuNCwxLDAsMS40bC0xMS4zLDExLjNMLTY5LjgsMjcuMXoiLz4NCgkJPHBhdGggaWQ9Iu2MqOyKpF8yODM3MCIgY2xhc3M9InN0MSIgZD0iTS04Ni41LDEyLjljLTAuMywwLTAuNS0wLjEtMC43LTAuM2wtOC04Yy0wLjQtMC40LTAuNC0xLDAtMS40YzAuNC0wLjQsMS0wLjQsMS40LDBsOCw4DQoJCQljMC40LDAuNCwwLjQsMSwwLDEuNEMtODYsMTIuOC04Ni4yLDEyLjktODYuNSwxMi45eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat 50% 50%;
    background-size: 16px;
    opacity: 1;
}
#attachedFilesWrapper > div .icon > .label{
    display: none;
}


.input-file-container {
    position: relative;
    width: 100%;
}
.js .input-file-trigger {
    display: block;
    margin: 0;
    padding: .5rem .8rem;
    background: #0499E7;
    color: #fff;
    font-size: 1.2rem !important;
    transition: all .4s;
    cursor: pointer;
}
.js .input-file {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    opacity: 0;
    padding: .5rem 0;
    cursor: pointer;
}
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: #025683;
    color: #0499E7;
}

.file-return {
    margin: 0;
}
.file-return:not(:empty) {
    margin: 1em 0;
}
.js .file-return {
    overflow: hidden;
    font-style: italic;
    font-size: .9rem;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-line-clamp: 2;
}
.js .file-return:not(:empty):before {
    content: "Selected file: ";
    font-style: normal;
    font-weight: normal;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= Tree--------------------------------------------------------------------------------------------------------------*/
/*= Ax-boot-----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

.ztree, [data-z-tree]{border: 1px solid #DEDEDE;background: #f8f8f8;}
.ztree li, [data-z-tree] li {line-height: 24px;}

.ztree li span.button.switch, [data-z-tree] li span.button.switch{
    width: 24px; height: 24px;
}
.ztree li a, [data-z-tree] li a{
    height: 24px;
    line-height: 24px; vertical-align: bottom;
}
.ztree li a.curSelectedNode, [data-z-tree] li a.curSelectedNode{height: 24px;}
.ztree li.level0, [data-z-tree] li a.level0{}
.ztree li.level1, [data-z-tree] li.level1{
    opacity: .8;
}
.ztree li span, [data-z-tree] li span{
    color: #222222; font-size: 16px; line-height: 24px;
}
.ztree li span.button.ico_open, [data-z-tree] li span.button{
    width: 24px; height: 24px;
    display: inline-block;
    opacity: .4;
}
.ztree li span.button.add, [data-z-tree] li span.button.add{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0xIC0xLjIyNDY0N2UtMTYgMS4yMjQ2NDdlLTE2IC0xIDE2IDE2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOCwxQzQuMSwxLDEsNC4xLDEsOHMzLjEsNyw3LDdzNy0zLjEsNy03UzExLjksMSw4LDF6IE0xMiw4LjhIOC44VjEySDcuMlY4LjhINFY3LjJoMy4yVjRoMS41djMuMkgxMlY4Ljh6Ii8+DQo8L3N2Zz4NCg==) no-repeat center center;
    background-size: 16px;
    opacity: .5;
}
.ztree li span.button.add:hover, [data-z-tree] li span.button.add:hover{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0xIC0xLjIyNDY0N2UtMTYgMS4yMjQ2NDdlLTE2IC0xIDE2IDE2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOCwxQzQuMSwxLDEsNC4xLDEsOHMzLjEsNyw3LDdzNy0zLjEsNy03UzExLjksMSw4LDF6IE0xMiw4LjhIOC44VjEySDcuMlY4LjhINFY3LjJoMy4yVjRoMS41djMuMkgxMlY4Ljh6Ii8+DQo8L3N2Zz4NCg==) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}
.ztree li span.button.edit, [data-z-tree] li span.button.edit{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMCwyLjkgMS4xLDExLjkgMS4xLDE0LjkgNC4xLDE0LjkgMTMsNS45IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjEsMC45IDEyLjEsMC45IDExLjEsMS44IDE0LjEsNC44IDE1LjEsMy45IDE1LjEsMS45IAkiLz4NCgk8cmVjdCB4PSI4LjEiIHk9IjEzLjQiIGNsYXNzPSJzdDEiIHdpZHRoPSI3IiBoZWlnaHQ9IjEuNSIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
    background-size: 16px;
    opacity: .5;
}
.ztree li span.button.edit:hover, [data-z-tree] li span.button.edit:hover{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IGNsYXNzPSJzdDAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIvPg0KPGc+DQoJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxMCwyLjkgMS4xLDExLjkgMS4xLDE0LjkgNC4xLDE0LjkgMTMsNS45IAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjEsMC45IDEyLjEsMC45IDExLjEsMS44IDE0LjEsNC44IDE1LjEsMy45IDE1LjEsMS45IAkiLz4NCgk8cmVjdCB4PSI4LjEiIHk9IjEzLjQiIGNsYXNzPSJzdDEiIHdpZHRoPSI3IiBoZWlnaHQ9IjEuNSIvPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}
.ztree li span.button.remove, [data-z-tree] li span.button.remove {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0xIC0xLjIyNDY0N2UtMTYgMS4yMjQ2NDdlLTE2IC0xIDE2IDE2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOCwxQzQuMSwxLDEsNC4xLDEsOHMzLjEsNyw3LDdzNy0zLjEsNy03UzExLjksMSw4LDF6IE0xMiw4LjhINFY3LjJoOFY4Ljh6Ii8+DQo8L3N2Zz4NCg==) no-repeat center center;
    background-size: 16px;
    opacity: .5;
}
.ztree li span.button.remove:hover, [data-z-tree] li span.button.remove:hover{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7b3BhY2l0eTowO2ZpbGw6I0ZGRkZGRjt9DQoJLnN0MXtmaWxsOiMyMjIyMjI7fQ0KPC9zdHlsZT4NCjxyZWN0IHRyYW5zZm9ybT0ibWF0cml4KC0xIC0xLjIyNDY0N2UtMTYgMS4yMjQ2NDdlLTE2IC0xIDE2IDE2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNOCwxQzQuMSwxLDEsNC4xLDEsOHMzLjEsNyw3LDdzNy0zLjEsNy03UzExLjksMSw4LDF6IE0xMiw4LjhINFY3LjJoOFY4Ljh6Ii8+DQo8L3N2Zz4NCg==) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}
.ztree li span.button.ico_open, [data-z-tree] li span.button.ico_open{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6IzIyMjIyMjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQsM0g4TDYsMUgyQzEuNSwxLDEsMS41LDEsMnY0LjVoMTRWNEMxNSwzLjUsMTQuNSwzLDE0LDN6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEsMTRjMCwwLjUsMC41LDEsMSwxaDEyYzAuNSwwLDEtMC41LDEtMVY3LjVIMVYxNHoiLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}
.ztree li span.button.ico_close, [data-z-tree] li span.button.ico_close{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4Ig0KCSB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtvcGFjaXR5OjA7ZmlsbDojRkZGRkZGO30NCgkuc3Qxe2ZpbGw6IzIyMjIyMjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQsMTVIMmMtMC42LDAtMS0wLjQtMS0xVjJjMC0wLjYsMC40LTEsMS0xaDRsMiwyaDZjMC42LDAsMSwwLjQsMSwxdjEwQzE1LDE0LjYsMTQuNiwxNSwxNCwxNXoiLz4NCjwvc3ZnPg0K) no-repeat center center;
    background-size: 16px;
    opacity: 1;
}
.k-treeview .k-in.k-state-selected{
    background-color: #22AFFC;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= Tooltip ------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*
.tooltip-container {
    position: relative;
}
.tooltip-container:not(.tooltip-click):hover .tooltip {
    display: inline-block;
}
.tooltip-container.tooltip-click .tooltip-click-trigger { cursor: pointer; }
.tooltip-container.tooltip-click.on .tooltip {
    display: inline-block;
}
.tooltip {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    max-width: 256px;
    background-color: #17282E;
    color: #F8F8F8;
    font-size: 13px;
    border-radius: 2px;
    font-weight: 400;
    letter-spacing: calc((-15 / 1000) * 1em);
    line-height: 21px;
    z-index: 99;
    text-align: left;
}
.tooltip:after {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    position: absolute;
}

!* position - bottom *!
.tooltip-container.tooltip-bottom .tooltip {
    margin-top: 10px;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}
.tooltip-container.tooltip-bottom .tooltip:after {
    left: 50%;
    top: -10px;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent #17282E transparent;
}
.tooltip-container.tooltip-bottom.left .tooltip {
    left: 0;
    right: auto;
    transform: none;
}
.tooltip-container.tooltip-bottom.left .tooltip:after {
    left: 12px;
    right: auto;
}
.tooltip-container.tooltip-bottom.right .tooltip {
    left: auto;
    right: 0;
    transform: none;
}
.tooltip-container.tooltip-bottom.right .tooltip:after {
    left: auto;
    right: 12px;
}


!* position - top *!
.tooltip-container.tooltip-top .tooltip {
    margin-bottom: 10px;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
}
.tooltip-container.tooltip-top .tooltip:after {
    left: 50%;
    bottom: -10px;
    margin-left: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: #17282E transparent transparent transparent;
}
.tooltip-container.tooltip-top.left .tooltip {
    left: 0;
    right: auto;
    transform: none;
}
.tooltip-container.tooltip-top.left .tooltip:after {
    left: 12px;
    right: auto;
}
.tooltip-container.tooltip-top.right .tooltip {
    left: auto;
    right: 0;
    transform: none;
}
.tooltip-container.tooltip-top.right .tooltip:after {
    left: auto;
    right: 12px;
}


!* position - left *!
.tooltip-container.tooltip-left .tooltip {
    margin-right: 10px;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
}
.tooltip-container.tooltip-left .tooltip:after {
    top: 50%;
    right: -10px;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent transparent transparent #17282E;
}
.tooltip-container.tooltip-left.top .tooltip {
    top: 0;
    bottom: auto;
    transform: none;
}
.tooltip-container.tooltip-left.top .tooltip:after {
    bottom: auto;
    top: 12px;
}
.tooltip-container.tooltip-left.bottom .tooltip {
    bottom: 0;
    top: auto;
    transform: none;
}
.tooltip-container.tooltip-left.bottom .tooltip:after {
    top: auto;
    bottom: 12px;
}

!* position - right *!
.tooltip-container.tooltip-right .tooltip {
    margin-left: 10px;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
}
.tooltip-container.tooltip-right .tooltip:after {
    top: 50%;
    left: -10px;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: transparent #17282E transparent transparent;
}
.tooltip-container.tooltip-right.top .tooltip {
    top: 0;
    bottom: auto;
    transform: none;
}
.tooltip-container.tooltip-right.top .tooltip:after {
    bottom: auto;
    top: 12px;
}
.tooltip-container.tooltip-right.bottom .tooltip {
    bottom: 0;
    top: auto;
    transform: none;
}
.tooltip-container.tooltip-right.bottom .tooltip:after {
    top: auto;
    bottom: 12px;
}

!* style - icon *!
.tooltip-container.tooltip-top.tooltip-icon .tooltip { margin-bottom: 9px; }
.tooltip-container.tooltip-right.tooltip-icon .tooltip { margin-left: 9px; }
.tooltip-container.tooltip-bottom.tooltip-icon .tooltip { margin-top: 9px; }
.tooltip-container.tooltip-left.tooltip-icon .tooltip { margin-right: 9px; }
.tooltip-container.tooltip-icon .icon { display: inline-block; }
.tooltip-container.tooltip-icon .tooltip {
    padding: 5px 16px;
}

!* style - interactive *!
.tooltip-container.tooltip-top.tooltip-interactive .tooltip { margin-bottom: 13px; }
.tooltip-container.tooltip-right.tooltip-interactive .tooltip { margin-left: 13px; }
.tooltip-container.tooltip-bottom.tooltip-interactive .tooltip { margin-top: 13px; }
.tooltip-container.tooltip-left.tooltip-interactive .tooltip { margin-right: 13px; }
.tooltip-container.tooltip-interactive .tooltip {
    width: 256px;
    padding: 16px;
}
.tooltip-container.tooltip-interactive .tooltip > .tooltip-description + .tooltip-tools { margin-top: 16px; }
.tooltip-container.tooltip-interactive .tooltip > .tooltip-tools > ul > li > .link { line-height: 34px; }

!* style - definition *!
.tooltip-container.tooltip-top.tooltip-definition .tooltip { margin-bottom: 9px; }
.tooltip-container.tooltip-right.tooltip-definition .tooltip { margin-left: 9px; }
.tooltip-container.tooltip-bottom.tooltip-definition .tooltip { margin-top: 9px; }
.tooltip-container.tooltip-left.tooltip-definition .tooltip { margin-right: 9px; }
.tooltip-container.tooltip-definition .tooltip {
    width: 160px;
    padding: 8px 16px;
}
.tooltip-container.tooltip-definition > span { border-bottom: 1px dotted; }
.tooltip-container.tooltip-definition:hover > span { border-color: #E54E2B; }
*/


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 18. File Uploader-------------------------------------------------------------------------------------------------*/
/*= Kendo UI ---------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/

/*
.file-uploader {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}
.file-uploader .file-uploader-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.file-uploader .file-uploader-head {
    display: block;
    width: 100%;
    height: auto;
}
.file-uploader .file-uploader-head .title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 22px;
}
.file-uploader .file-uploader-head .description {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: calc((-16 / 1000) * 1em);
    line-height: 22px;
    color: #4C4C4C;
    margin-top: 8px;
}
.file-uploader .file-uploader-head .btn-uploader { margin-top: 18px; }

.file-uploader .file-uploader-area {
    position: relative;
    display: block;
    width: 270px;
    height: 154px;
    background-color: #E9E9E9;
    border: 1px dashed #D8D8D8;
    border-radius: 2px;
    margin-top: 18px;
    text-align: center;
    color: #8D8D8D;
    line-height: 22px;
    font-size: 13px;
    transition: all ease-in-out .15s;
}
.file-uploader .file-uploader-area.is-dragover {
    background-color: #D8D8D8;
    border-color: #E54E2B;
}
.file-uploader .file-uploader-area .btn-uploader {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.file-uploader .file-uploader-area .btn-uploader a {
    color: #8d8d8d;
    font-weight: 700;
    text-decoration: underline;
    text-underline-position: under;
}

.file-uploader .file-uploader-tags {
    display: block;
    margin-top: 10px;
}

!* disabled *!
.file-uploader.disabled { pointer-events: none; }
.file-uploader.disabled .file-uploader-head { color: #c8c8c8; }
.file-uploader.disabled .file-uploader-head .description { color: #c8c8c8; }
.file-uploader.disabled .file-uploader-area {
    color: #c8c8c8;
    background-color: rgba(233, 233, 233, .3);
    border-color: rgba(216, 216, 216, .3);
}
.file-uploader.disabled .file-uploader-area .btn-uploader a { color: #c8c8c8; }
*/


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 19. right_search_box ---------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
.right_btn_group{
    position: absolute;
    top: 1px;
    right: 1px;
    background: #3B4951;
    z-index: 10000
}
.right_btn_group .nav_btn > .icon{
    margin: 0;
}
.right_btn_group .btn.btn-xs{
    line-height: 20px;
}
.right_btn_group .btn.btn-xs > .icon {
    width: 14px;
    height: 14px;
}
.right_btn_group .nav_btn.ico_open > .icon{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yMiwyOWMtMC4zLDAtMC41LTAuMS0wLjctMC4zbC0xMi0xMi41QzkuMSwxNiw5LDE1LjcsOSwxNS41YzAtMC4zLDAuMS0wLjUsMC4zLTAuN2wxMi0xMS41DQoJCQljMC40LTAuNCwxLTAuNCwxLjQsMHMwLjQsMSwwLDEuNEwxMS40LDE1LjVsMTEuMywxMS44YzAuNCwwLjQsMC40LDEsMCwxLjRDMjIuNSwyOC45LDIyLjIsMjksMjIsMjl6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat center center;
    transform: rotate(270deg);
}
.right_btn_group .nav_btn.ico_close > .icon{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xMCwzYzAuMywwLDAuNSwwLjEsMC43LDAuM2wxMiwxMi41YzAuMiwwLjIsMC4zLDAuNCwwLjMsMC43cy0wLjEsMC41LTAuMywwLjdsLTEyLDExLjUNCgkJCWMtMC40LDAuNC0xLDAuNC0xLjQsMHMtMC40LTEsMC0xLjRsMTEuMy0xMC44TDkuMyw0LjdjLTAuNC0wLjQtMC40LTEsMC0xLjRDOS41LDMuMSw5LjgsMywxMCwzeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
    transform: rotate(270deg);
}
.right_search_box {
    padding: 8px;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
    background: #f4f4f4;
}
.right_search_box {
    z-index: 9999;
    font-weight: bold;
    font-size: 0.8em;
    width: 100%;
    position: absolute;
    top: 0px; right: 0px;
    text-align: center;
    font-size: 12px;
}

/* 상세 검색 영역 */
.icon-wrapper {
    position:absolute;
    display: flex;
    align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border-radius:16px;
    /*border:2px solid #58646B;*/
    border: 2px solid #4298E1;
    background-color: #4298E1;
    top: -12px; left: -12px;
    /*margin:-25px 0 0 -25px;*/
    cursor:pointer;
}
.icon-wrapper span, .icon-wrapper span:before, .icon-wrapper span:after {
    transition:all .3s ease-in-out;
    /*background: #58646B;*/
    position: absolute;
}
.icon-wrapper span:before, .icon-wrapper span:after {
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    left: 0px;
}
.icon-wrapper span {
    height: 10px;
    width: 4px;
    top: 0px;
    left: 0px;
}
.icon-wrapper > .icon{
    position: relative;
    display: inline-block;
    width: 14px; height: 14px;
    /*background: #f4f4f4 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6IzU1NTU1NTt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNC41LDNsMywzbC0zLDMiLz4NCjwvc3ZnPg0K) no-repeat center center;*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQsM0g4TDYsMUgyQzEuNSwxLDEsMS41LDEsMnY0LjVoMTRWNEMxNSwzLjUsMTQuNSwzLDE0LDN6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEsMTRjMCwwLjUsMC41LDEsMSwxaDEyYzAuNSwwLDEtMC41LDEtMVY3LjVIMVYxNHoiLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat center center;
    /*transform: rotate(90deg);*/
    transform: rotate(0deg);
}
.icon-wrapper.active > .icon{
    display: inline-block;
    width: 14px; height: 14px;
    /*background: #f4f4f4 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjUsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyIDEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO2ZpbGwtb3BhY2l0eTowO30NCgkuc3Qxe2ZpbGw6IzU1NTU1NTt9DQo8L3N0eWxlPg0KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNC41LDNsMywzbC0zLDMiLz4NCjwvc3ZnPg0K) no-repeat center center;*/
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNS40LjYsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i66CI7J207Ja0XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCINCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE2IDE2OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTQsMTVIMmMtMC42LDAtMS0wLjQtMS0xVjJjMC0wLjYsMC40LTEsMS0xaDRsMiwyaDZjMC42LDAsMSwwLjQsMSwxdjEwQzE1LDE0LjYsMTQuNiwxNSwxNCwxNXoiLz4NCjwvc3ZnPg0K) no-repeat center center;
    transform: rotate(0deg);
}
.thumb_photo .k-upload{border: 0;background: transparent;}

.search-box{}
.search-box > .label{
    display: flex; align-items: center;
    margin-right: 8px;
    color: #222;
}

/*#rg-popup-gridContextMenu > .rg-popup-item > .rg-popup-expander{
    position: absolute;
    right: 0px;
    width: 24px;
    height: 24px !important;
    vertical-align: middle;
    pointer-events: none !important;
    user-select: none;
    background-size: 70% !important;
}*/

@-webkit-keyframes AnimationName {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}
@-moz-keyframes AnimationName {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}
@keyframes AnimationName {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/
/*= 20. POP ----------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------*/


.pop .pop_header{
    height: 4rem;
    background: rgb(34, 175, 252) !important;
    background: linear-gradient(90deg, rgb(34, 175, 252) 0%, rgba(2,86,131,1) 100%) !important;
    border-bottom: 1px solid #f4f4f4 !important;
}
.pop .search-form .n-table{
    border-spacing: 10px;
}
.pop .search-form .n-table thead{
    background: transparent;
}
.pop .search-form .n-table thead tr th{
    font-size: 1.6rem;
}
.pop .search-form .n-table tbody{
    background: transparent;
}
.pop .search-form .n-table tbody tr td{
    padding: 0; border: 0; padding-right: 1rem;
}
.pop .search-form .n-table tbody tr td:last-child{
    padding-right: 0;
}
.pop .search-form .btn.btn-round{
    height: 6rem !important; border-radius: 4rem;
}
.pop .search-form .btn.btn-default.btn-secondary{
    color: #fff;
    background: #3B4951 !important;
}
.pop .search-form .btn.btn-default.btn-primary{
    color: #fff;
    background: #0499E7 !important;
}
.pop .search-form .form-control{
    font-size: 1.8rem !important;
    height: 6rem;
}
.pop .btn-wrap.dp-flex .btn{
    flex: 1;
}
.ax-button-group.pop_bottom{
    padding-top: 0 !important;
    background: #17282E;
}
.ax-button-group.pop_bottom .btn{
    flex: 1; border-radius: 0; height: 12rem;
}
.ax-body .ax-base-content .pop_bottom .btn.btn-default{
    height: 8rem;
    /*height: auto;*/
    color: rgba(255, 255, 255, .9);
    background: #17282E !important;
}
.ax-body .ax-base-content .pop_bottom .btn.btn-default:active{
    background: rgb(12,27,33) !important;
    background: linear-gradient(180deg, rgba(12,27,33,.25) 0%, rgba(12,27,33,1) 100%) !important;
}
.ax-body .ax-base-content .pop_bottom .btn.btn-default[disabled]{
    opacity: .8;
    background: #445156 !important;
}
.ax-body .ax-base-content .pop_bottom .btn.btn-default .ico{
    background-repeat: no-repeat;
}

.pop .search-form .k-combobox.k-combobox-clearable .k-dropdown-wrap.k-state-default .k-select{
    width: calc( 8px + 2.8em);
    border: 1px solid #ffffff;
    background: rgba(231, 231, 231, .9);
}
/*

.pop-bottom-wrap:after{
    content: "";
    clear: both;
}
*/

/* Selection Radio Item */
.radio_card_wrap{
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    margin: 2rem 0;
    background: #DDDDDD;
}
.radio_card_wrap.col_3 .selection-wrapper{
    width: 33.333333%;
}
.radio_card_wrap.col_5 .selection-wrapper{
    width: 20%;
}
.radio_card_wrap.col_5 .selection-wrapper{
    width: 20%;
}
.selected-content {
    display: grid;
    /*height: 10rem;*/
    height: 8rem;
    padding: 1.2rem;
    margin: 0.6rem;
    grid-gap: 1.5rem;
    place-content: center;
    text-align: center;
    border: solid 0.2rem transparent;
    border-radius: 0.8rem;
    background: #fff;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(219 215 215 / 0%);
    transition: .3s ease-in-out all;
}
.selected-content h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #444;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -.03em;
    /*
    text-align: center;
    line-height: 130%;*/

    padding: 0 3.6rem;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2 ;
    -webkit-box-orient: vertical;
}
.selected-label{
    position: relative; width: 100%;
}
.selected-label input{
    display: none;
}
.selected-label .icon{
    width: 4.8rem;
    height: 4.8rem;
    border: solid .2rem #e3e3e3;
    border-radius: 50%;
    position: absolute;
    /*
    top: 1.2rem;
    left: 1.2rem;
    */
    top: .8rem; left: .8rem;
    transition: .3s ease-in-out all;
    transform: scale(.6);
    z-index: 1;
}
.selected-label .icon:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/erp/ico_check.svg) no-repeat;
    opacity: 0;
    transition: .2s ease-in-out all;
    transform: scale(.8);
}
.selected-label input:checked + .icon{
    background: #22AFFC;
    border-color: #22AFFC;
    transform: scale(.8);
}
.selected-label input:checked + .icon:before{
    color: #fff;
    opacity: 1;
    transform: scale(.6);
}
.selected-label input:checked ~ .selected-content{
    box-shadow: 0 .2rem .4rem 0 rgba(219, 215, 215, 0.5);
    border: solid .2rem #22AFFC;
    background: #ECF7F1;
}
.selected-label input:checked ~ .selected-content > h4{
    color: #22AFFC;
}

.toggle-label {
    position: relative;
    display: block;
    /*    width: 100rem;
        height: 10rem;*/
    width: 100%; height: 6rem;
    margin-top: .8rem;
    border: .1rem solid #808080;
}
.toggle-label input[type=checkbox] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}
.toggle-label input[type=checkbox]+.back {
    position: absolute;
    width: 100%;
    height: 100%;
    /*
    background: #ccc;*/
    color: #ccc;
    background: #EE302A;
    transition: background 150ms linear;
}
.toggle-label input[type=checkbox]:checked+.back {
    background: #09BB9F; /*green*/
}
.toggle-label input[type=checkbox]+.back .toggle {
    display: block;
    position: absolute;
    content: ' ';
    background: #fff;
    width: 50%;
    height: 100%;
    transition: margin 300ms linear;
    border: 1px solid #808080;
    border-radius: 0;
}
.toggle-label input[type=checkbox]:checked+.back .toggle {
    /*margin-left: 50rem;*/
    margin-left: 50%;
}
.toggle-label .label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 50%;
    height: 100%;
    font-size: 3.2rem;
    font-weight: 700;
}
.toggle-label .label.on {left: 0px;}
.toggle-label .label.off {right: 0px;}
.toggle-label input[type=checkbox]:checked+.back .label.on {color: #fff;}
.toggle-label input[type=checkbox]+.back .label.off {color: #fff;}
.toggle-label input[type=checkbox]:checked+.back .label.off {color:#ddd;}


.ax-body .ax-base-content .pop_popup .btn.btn-primary{
    color: rgba(255, 255, 255, .9);
    background: #22AFFC;
}
.ax-body .ax-base-content .pop_popup .btn.btn-secondary{
    color: rgba(255, 255, 255, .9);
    background: #3B4951;
}
.ico_menu01 {
    background-image: url(../images/erp/ico_menu01.svg);
}
.ico_menu02 {
    background-image: url(../images/erp/ico_menu02.svg);
}
.ico_menu03 {
    background-image: url(../images/erp/ico_menu03.svg);
}
.ico_menu04 {
    background-image: url(../images/erp/ico_menu04.svg);
}
.ico_menu05 {
    background-image: url(../images/erp/ico_menu05.svg);
}
.ico_menu06 {
    background-image: url(../images/erp/ico_menu06.svg);
}

.negative01 { background-color: #f4f4f4;} /*white*/
.negative02 { background-color: #faad14;} /*yellow*/
.negative03 { background-color: #52c41a;} /*green*/
.negative04 { background-color: #1890ff;} /*blue*/
.negative05 { background-color: #f5222d;} /*red*/
.negative06 { background-color: #d9d9d9;} /*gray*/




/* CAP */

/*------ CAP----------*/
/*2D 모니터링*/
:root{
    --green: #38C172;
    --orange: #FF8373;
    --blue: #4197E2;
    --purple: #7B44D5;
    --skyBlue: #5BC0DE;
    --white: #ffffff;
    --gray: #777777;
    --yellow: #F9A825;
    --red: #E43E3E;
}

.dashboard.cap{
    height: calc(100% - 24px);
    flex-flow: column
}
.dashboard.cap .panel_head{
    position: relative;
}
.dashboard.cap .panel_head.dk h3{
    color: #fff;
}
.dashboard.cap .panel_head .legend_area.report{
    position: absolute;
    top:0; right: 0px;
}
.dashboard.cap .panel_head .legend_area.report ul{
    display: inline-block;
    margin: 0; padding: 0;
    margin-right: 20px;
}
.dashboard.cap .panel_head .legend_area.report li{
    display: inline-flex;
    margin-right: 8px;
    color: #fff;
    line-height: 16px;
}
.dashboard.cap .panel_head .legend_area.report i{
    display: inline-block;
    margin-right: 4px;
    width: 16px; height: 16px;
    border-radius: 50px;
    line-height: 16px;
}
.dashboard.cap .panel_head .legend_area.report i:after{
    content: "";
}
.dashboard.cap .panel_head .legend_area.report i.green{
    background: var(--green);
}
.dashboard.cap .panel_head .legend_area.report i.purple{
    background: var(--purple);
}
.dashboard.cap .panel_head .legend_area.report i.blue{
    background: var(--blue);
}
.dashboard.cap .panel_head .legend_area.report i.orange{
    background: var(--orange);
}
.dashboard.cap .panel_head .legend_area.report i.skyBlue{
    background: var(--skyBlue);
}
.dashboard.cap .panel_head .legend_area.report i.white{
    background: var(--white);
}
.dashboard.cap .panel_head .legend_area.report i.gray{
    background: var(--gray);
}
.dashboard.cap .panel_head .legend_area.report i.yellow{
    background: var(--yellow);
}
.dashboard.cap .panel_head .legend_area.report i.red{
    background: var(--red);
}
.dashboard.cap .top_wrap .left_box{
    padding: 0;
}
.dashboard.cap .info_wrap{
    margin: 0;
    padding: 0;
}
.dashboard.cap .info_wrap > li{
    overflow: hidden;
    width: calc(50% - 10px);
    height: calc(50% - 10px);
    padding: 0;
    margin: 5px;
    box-sizing: border-box;
    border: 2px solid #d4d4d4;
    border-radius: 5px;
}
.dashboard.cap .info_wrap > li.green{
    border-color: var(--green) !important;
}
.dashboard.cap .info_wrap > li.orange{
    border-color: var(--orange) !important;
}
.dashboard.cap .info_wrap > li.blue{
    border-color: var(--blue) !important;
}
.dashboard.cap .info_wrap > li.purple{
    border-color: var(--purple) !important;
}
.dashboard.cap .info_wrap > li.white{
    border-color: var(--white) !important;
}
.dashboard.cap .info_wrap > li.gray{
    border-color: var(--gray) !important;
}
.dashboard.cap .info_wrap > li.yellow{
    border-color: var(--yellow) !important;
}
.dashboard.cap .info_wrap > li.red{
    border-color: var(--red) !important;
}
.dashboard.cap .info_wrap .tit{
    display: flex;
    flex-flow: column;
    align-items: center;
    /*justify-content: center;*/
    width: 80px;
    background: #ff0000;
}
.dashboard.cap .panel_body{
    /*height: calc(100% - 67px);*/
    height: calc(100% - 48px);
}
.dashboard.cap .info_wrap .tit.green{
    background: var(--green);
}
.dashboard.cap .info_wrap .tit.orange{
    background: var(--orange);
}
.dashboard.cap .info_wrap .tit.blue{
    background: var(--blue);
}
.dashboard.cap .info_wrap .tit.purple{
    background: var(--purple);
}
.dashboard.cap .info_wrap .tit.white{
    background: var(--white);
}
.dashboard.cap .info_wrap .tit.gray{
    background: var(--gray);
}
.dashboard.cap .info_wrap .tit.yellow{
    background: var(--yellow);
}
.dashboard.cap .info_wrap .tit.red{
    background: var(--red);
}
.dashboard.cap .info_wrap .tit i{
    width: 26px;
    height: 26px;
}
.dashboard.cap .info_wrap .tit span{
    display: inline-block;
    width: 100%;
    margin-top: 4px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.dashboard.cap .info_wrap .con{
    display: flex;
    width: calc(100% - 80px);
    align-items: center;
    justify-content: center;
}
.dashboard.cap .info_wrap .con ul{
    margin: 0;
    padding: 5px 10px;
    width: 100%;
}
.dashboard.cap .info_wrap .con ul li{
    width: 100%;
    padding: 0;
}
.dashboard.cap .info_wrap .con .label{
    display: inline-block;
    width: 100%;
    color: #444;
    font-size: 13px;
    text-align: left;
}
.dashboard.cap .info_wrap .con .inputBox{
    display: inline-block;
    width: 100%;
    padding: 4px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: right;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
}
.dashboard.cap .right_box{
    padding: 5px;
}
.dashboard.cap .right_box .chartBox{
    background: #ccc;
    box-sizing: border-box;
    border-color: #707070;
}
.dashboard.cap .top .legend_area span{
    color: #ffffff;
}
.dashboard.cap .bottom .item_Wrap{
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
}
.dashboard.cap .bottom .item_Wrap > li{
    display: flex;
    height: 800px;
    padding: 5px 10px;
}
.dashboard.cap .bottom .item_Wrap > li.w5{
    width: 20%;
}
.dashboard.cap .bottom .item_Wrap > li .item_box{
    overflow: hidden;
    box-sizing: border-box;
    border: 3px solid #d4d4d4;
    border-radius: 8px;
    background: #fff;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap{
    height: 50px;
    text-align: left;
    background: #ddd;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .tit{
    margin-left: 20px;
    color: #fff;
    font-size: 17px;
    line-height: 48px;
    font-weight: 500;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox{
    position: relative;
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    background: #D9DCE0;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox img{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid rgba(255, 255, 255, .75);
    object-fit: cover;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox .name{}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox.right{
    float: right;
    margin-top: 4px;
    margin-right: 10px;
}
.dashboard.cap .bottom .item_Wrap .con{
    display: inline-block;
    margin: 0;
    width: 100%;
    padding: 10px;
}
.dashboard.cap .bottom .item_Wrap .con .label{
    display: inline-block;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    color: #fff;
}
.dashboard.cap .bottom .item_Wrap .con .inputBox{
    display: inline-block;
    width: 100%;
    min-height: 29px;
    padding: 4px 10px;
    border-radius: 5px;
    color: #58D58D;
    text-align: right;
    line-height: 26px;
    background: rgba(0, 0, 0, .5);
}
.dashboard.cap .bottom .item_Wrap .con li{
    margin-bottom: 10px;
}
.dashboard.cap .bottom .item_Wrap .con li.row{
    display: flex;
    margin: 0;
    margin-bottom: 10px;
}
.dashboard.cap .bottom .item_Wrap .con li.row div{
    flex: 1;
}
.dashboard.cap .bottom .item_Wrap .con li.row div:first-child{
    margin-right: 10px;
}
.dashboard.cap .bottom .item_Wrap .con li.row div:last-child{
    margin-left: 10px;
}
.dashboard.cap .bottom .item_Wrap .con li:first-child{
    display: flex;
}
.dashboard.cap .bottom .item_Wrap .con .circleBox{
    display: flex;
    overflow: hidden;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #008AC4;
}
.dashboard.cap .bottom .item_Wrap .con .circleBox img{
    width: 70%;
}
.dashboard.cap .bottom .item_Wrap .con .rightBox{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
}
.dashboard.cap .bottom .item_Wrap .con .rightBox li{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.dashboard.cap .bottom .item_Wrap .con .rightBox li span{
    display: inline-block;
    width: 100%;
}
.dashboard.cap .bottom .item_Wrap .con .rightBox li span.label{
    font-size: 14px;
    text-align: left;
    color: #444;
}
.dashboard.cap .bottom .item_Wrap .con .rightBox li span.inputBox{
    height: 24px;
    padding: 4px 10px;
    border-radius: 5px;
    text-align: right;
    background: rgba(212, 212, 212, .6);
}
.dashboard.cap .bottom .item_Wrap .con .thumbBox{
    overflow: hidden;
    padding: 4px;
    background: #ffffff;
}
.dashboard.cap .bottom .item_Wrap .con .thumbBox > img{
    width: 100%;
    object-fit: cover;
    max-height: 160px;
}
.dashboard.cap .item_box.blue{
    color: initial !important;
    border-color: var(--blue) !important;
}
.dashboard.cap .item_box.blue .tit_wrap{
    background: var(--blue) !important;
}
.dashboard.cap .item_box.green{
    color: initial !important;
    border-color: var(--green) !important;
}
.dashboard.cap .item_box.green .tit_wrap{
    background: var(--green) !important;
}
.dashboard.cap .item_box.purple{
    color: initial !important;
    border-color: var(--purple) !important;
}
.dashboard.cap .item_box.purple .tit_wrap{
    background: var(--purple) !important;
}
.dashboard.cap .item_box.orange{
    color: initial !important;
    border-color: var(--orange) !important;
}
.dashboard.cap .item_box.orange .tit_wrap{
    background: var(--orange) !important;
}
.dashboard.cap .item_box.skyBlue{
    color: initial !important;
    border-color: var(--skyBlue) !important;
}
.dashboard.cap .item_box.skyBlue .tit_wrap{
    background: var(--skyBlue) !important;
}
.dashboard.cap .item_box.white{
    color: initial !important;
    border-color: black !important;
}
.dashboard.cap .item_box.white .tit_wrap{
    background: var(--white) !important;
}
.dashboard.cap .item_box.white .tit_wrap .tit{
    color: black !important;
}
.dashboard.cap .item_box.gray{
    color: initial !important;
    border-color: var(--gray) !important;
}
.dashboard.cap .item_box.gray .tit_wrap{
    background: var(--gray) !important;
}
.dashboard.cap .item_box.yellow{
    color: initial !important;
    border-color: var(--yellow) !important;
}
.dashboard.cap .item_box.yellow .tit_wrap{
    background: var(--yellow) !important;
}
.dashboard.cap .item_box.yellow .tit_wrap .tit{
    color: black !important;
}
.dashboard.cap .item_box.red{
    color: initial !important;
    border-color: var(--red) !important;
}
.dashboard.cap .item_box.red .tit_wrap{
    background: var(--red) !important;
}
.ico_operate{
    background: url("../images/ico_operrate.svg") no-repeat;
}
.ico_stop{
    background: url("../images/ico_stop.svg") no-repeat;
}
.ico_alarm{
    background: url("../images/ico_alarm.svg") no-repeat;
}
.ico_power{
    background: url("../images/ico_power.svg") no-repeat;
}
.clearfix:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.dashboard.cap .progress{
    position: relative;
    height: 24px;
    margin-bottom: 0;
    border-radius: 5px;
    background-color: rgba(212, 212, 212, .6);
}
.dashboard.cap .progress .progress_label{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 24px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, .5);
}
.dashboard.cap .progress-bar{
    line-height: 24px;
    height: 100%; border-radius: 4px;
}
.dashboard.cap .progress-bar.green{
    color: #fff !important;
    background-color: var(--green);
}
.dashboard.cap .progress-bar.blueBg{
    background-color: var(--blue);
}
.dashboard.cap .progress .pct{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    height: 100%;
}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] [data-ax5grid-editor="checkbox"]:after{
    border-color: #ffffff;
}
[data-ax5grid] [data-ax5grid-container="root"] [data-ax5grid-container="body"] [data-ax5grid-panel] table tr td [data-ax5grid-cellHolder] [data-ax5grid-editor="checkbox"][data-ax5grid-checked="true"] {
    border: 0;
    background: #010F27;
}
@media (max-width: 1300px) {
    .dashboard.cap .bottom .item_Wrap > li.w5 {
        width: 33.333333% !important;
    }
}

/* CSS 추가 */
.full-w { width: 100% !important; }
.full-h { height: 100% !important; }

.dp-inblock { display: inline-block; }
.dp-block { display: block; }
.dp-inline { display: inline;}
.dp-inflex{ display: inline-flex;}
.dp-flex{display: flex;}

.bg_none {
    background: transparent;
}

/* 로그인 */
/*

.ax-body.login:after{
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/inzi/pt_bg.png);
}
*/

.login_wrap .login{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 330px !important;
    height: 500px;
    margin: -235px 0 0 -165px;
    border: 0;
    background-color: transparent !important;
    box-shadow: none !important;
    z-index: 30
}
.login_wrap .btn_login {
    width: 220px;
    height: 36px;
    margin: 24px auto 0;
    padding: 0 0 2px !important;
    background: rgb(4,153,231);
    background: linear-gradient(90deg, rgba(4,153,231,1) 0%, rgba(34,175,252,1) 100%) !important;
    border: 0;
    border-radius: 3rem;
    font-size: 14px;
    font-weight: 700;
    color: #020202;
    letter-spacing: -0.04em;
}*



/* 설비모니터링 */
 .columns.m-dk {
     height: calc(100% - 50px);
 }
.columns.m-dk > .column {
    height: 100%;
}
.columns.m-dk > .column .p-tit {
    position: relative;
}
.columns.m-dk > .column .p-tit .box_row2 li {
    color: #fff;
}
.columns.m-dk>.column span {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.dashboard.cap .panel_head.dk h3 {
    color: #fff;
}

.dashboard.cap .bottom .item_Wrap > li .item_box {
    background: rgba(21, 21, 21, .55) !important;
}

.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox {
    width: 60px !important;
    border-radius: 8px !important;
}
.dashboard.cap .bottom .item_Wrap > li .tit_wrap .circleBox img {
    width: 60px !important;
    border-radius: 8px !important;
}

/* 월간집계 */

.main-tit {
    color: #fff;
    font-size: 18px;
}
.main-tit > span {
    color: #fff;
}
.main-date {
    color: #fff;
    font-size: 18px;
}

.work_center_wrap > div:first-child {
    padding: 0;
}
.work_center_wrap > div.yScroll {
    overflow-y: auto;
}

.cus-grid {
    box-sizing: content-box;
    border: 1px solid rgba(255, 255, 255, .55) !important;
    background: rgba(255, 255, 255, .55) !important;
}
.work_center_tbl thead > tr:first-child {
    background: #19212D !important;
}
.work_center_tbl thead > tr:first-child th {
    text-align: center;
    color: rgba(255, 255, 255, .75);
}
.work_center_tbl th, .work_center_tbl td {
    font-weight: 400;
    padding: 8px 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.work_center_tbl tbody > tr:nth-child(odd) {
    background: rgba(25, 33, 45, .75);
}

.work_center_tbl tbody > tr {
    color: #ffffff;
}

/* 연간집계 */
.dashboard .info_wrap {
    display: flex;
    flex-flow: wrap;
    height: 100%;
    padding: 0 5px;
    cursor: pointer;
}
.dashboard .info_wrap.five {
    display: flex;
    flex-flow: nowrap;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    gap: 20px;
}
.dashboard .info_wrap.five li {
    flex: 1;
    width: 100%;
    height: 100px;
    padding: 0;
    margin: 0;
    flex-flow: nowrap;
    box-sizing: border-box;
}
.dashboard .info_wrap.five li > .item {
    display: flex;
    flex-flow: row;
    height: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border: 2px solid rgba(255, 255, 255, .5);
    border-radius: 0.5rem;
    background: rgba(25, 33, 45, .55);
}
.dashboard .info_wrap.five li > .item > div {
    width: 50%;
    height: 100%;
}
.dashboard .info_wrap.five li > .item > div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard .info_wrap.five li > .item > div:first-child {
    position: relative;
    background: rgba(224, 224, 224, .1);
}
.dashboard .info_wrap.five li > .item .item_tit > span {
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}
.dashboard .info_wrap.five li > .item > div:first-child::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 0;
    width: 1px;
    height: 72px;
    background: rgba(255, 255, 255, .55);
}
.dashboard .info_wrap.five li > .item .item_list > span {
    width: initial;
    color: rgba(255, 255, 255, .75);
    font-size: 18px;
}
.dashboard .info_wrap.five li > .item .item_list strong {
    font-size: 23px;
    font-weight: 500;
    margin-right: 4px;
}

.dashboard .panel {
    height: 100%;
    border-radius: 0;
}
.dashboard .panel .panel_head {
    padding: 15px;
}
.dashboard .panel_body {
    position: relative;
    padding: 15px;
    height: calc(100% - 47px);
    -webkit-transition: all .2s linear;
}
.k-textbox::selection, .k-textarea::selection, .k-input.k-textbox::selection {
    background-color: #54C2FC;
    color: #ffffff;
}
.k-dialog-buttongroup > .k-button.k-primary:hover{
    color: #222222;
}
.k-grid-header{
    background-color: #EEF5FF;
}
.k-grid td.k-state-selected, .k-grid tr.k-state-selected > td{
    background-color: rgba(130, 183, 247, .25);
}

.column {
    position: relative;
    flex: 1;
    width: 25%;
    /* border: 1px solid gray; */
    margin-right: 30px;
    padding: 10px;
}
.columns {
    display: flex;
    /* flex-flow: row wrap; */
    flex-flow: row;
    justify-content: center;
    width: 100%;
}
.column:nth-child(4) {
    margin-right: 0;
}
.columns.m-dk > .column {
    height: 100%;
}
* .columns.m-dk {
    height: calc(100% - 50px);
}
.columns.m-dk>.column span {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.box_row2 li:last-child {
    width: 100%;
    justify-content: flex-start;
}
.box_row2 li:first-child {
    justify-content: flex-start;
    padding-left: 10px;
}
.box_row2 li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
}

.dustBox {
    border: 1px solid #dddddd;
    padding: 10px;
    clear: both;
    overflow: hidden;
}

.purple{
    border-color: #A3A1FB !important;
    color: #A3A1FB !important;
}
.purple.bg{
    background-color: #A3A1FB !important;
}
.orange{
    border-color: #FD9B5A !important;
    color: #FD9B5A !important;
}
.green{
    border-color: #48BB78 !important;
    color: #48BB78 !important;
}
.green.bg{
    background-color: #48BB78 !important; /* next+ style */
}
.blue{
    border-color: #4298E1 !important;
    color: #4298E1 !important;
}
.blue.bg{
    background-color: #4298E1 !important; /* next+ style */
}
.lb_blue{
    border-color: #5bc0de !important;
    color: #5bc0de !important;
}
.gray{
    border-color: #7593a3 !important;
    color: #7593a3 !important;
}
.gray.bg{
    background-color: #7593a3 !important; /* next+ style */
}
.yellow{
    border-color: #F9A825 !important;
    color: #F9A825 !important;
}
.yellow.bg{
    background-color: #F9A825 !important; /* next+ style */
}
.red {
    border-color: #E43E3E !important;
    color: #E43E3E !important;
}
.red.bg{
    background-color: #E43E3E !important; /* next+ style */
}

.k-multiselect-wrap.k-floatwrap > input{
    display: none;
}
li::marker {
    content: "";
    display: none;
}

/*kendo UI*/
.k-button:hover {
    background: #0499E7;
    background-image: linear-gradient(#0499E7, #0499E7);
    color: #fff;
}
.k-multiselect-wrap{
    display: flex; align-items: center;
}

.dash-bg-box{
    overflow: hidden;
    position: relative;
    border: 1px solid #a4a4a4;
    box-sizing: border-box;
}
.dash-bg-box:before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 6rem;
    left: 6rem;
    width: 420px;
    /*height: 114px;*/
    height: 60px;
    /*background: url("/assets/images/dash_bg_txt.svg")no-repeat;*/
    background: url("/assets/images/inzi/login-top-logo-1.svg")no-repeat;
    background-size: 100%;
    background-position: center;

}

.user-card-wrap{
    position: relative;
    overflow: hidden;
    border-radius: 2rem;
    background: rgb(4,153,231);
    background: linear-gradient(160deg, rgb(4,153,231) 0%, rgba(3,119,181,1) 100%);
}
.user-card-wrap:before{
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("/assets/images/inzi/pt_bg.png");
    background-size: 70%;
}
.user-card-wrap > .inner{
    position: absolute;
    display: flex; align-items: center; justify-content: center;
    flex-flow: column;
    top: 0;
    width: 100%;
    height: 100%;
}
.user-card-wrap > .inner:before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%; height: 100%;
    background: rgba(2, 22, 57, .25);
    mix-blend-mode: overlay;
}
.user-card-wrap > .logo{
    position: absolute;
    display: inline-block;
    top: 20px; left: 24px;
    width: 54px; height: 30px;
    background: url("/assets/images/top-logo-inzi.svg")no-repeat;
}
.user-card-wrap > .inner > .user.thumb{
    overflow: hidden;
    width: 160px;
    height: 160px;
    margin: 0 auto;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, .1);
}

.user-card-wrap > .inner > .user-name{
    display: inline-block;
    color: rgba(255, 255, 255, 1);
    font-size: 1.8rem; text-align: center;
}


/* 레이아웃별창고관리 */

.fg-widget-inner{
    display: flex;
}
.fg-widget-inner .input-div{
    width: 100%;
    vertical-align: middle;
    position: relative;
}
.fg-widget-inner .input-div .input-div-inner{
    position: relative;
    display: flex; align-items: center; justify-content: center;
    padding: 4px 4px;
    height: 100%;
}
.fg-widget-inner textarea{
    width: 100%; height: 100%;
    display:inline-block;
    text-align: center; vertical-align: middle;
    background: transparent;
    border: none;
    padding: 20px 8px;
    color: rgba(255, 255, 255, 1);
    font-size: 2rem; font-weight: 600;
}

.fg-col.fg-gridlines.selected{
}
.fg-col.fg-gridlines.selected .fa-area{
    background: #FC4349 !important;
}

.mock-wrap{}
.mock-wrap.st{}
.mock-wrap.st > img{}

.mock-tit{
    position: absolute;
    top: 2.6rem; right: 3.8rem;
    padding: .8rem 2.4rem;
    color: rgba(255, 255, 255, .9);
    font-size: 3.2rem; font-weight: 600;
    /*background: rgb(4,153,231);*/
    /*background: linear-gradient(320deg, rgba(4,153,231,0.5) 0%, rgba(10,84,168,1) 40%, rgba(10,84,168,1) 60%, rgba(4,153,231,0.5) 100%);*/
}

.legend .dot{
    width: 14px; height: 14px;
}
.ax5-ui-calendar .calendar-body table tbody td .calendar-item-month.focus, .ax5-ui-calendar .calendar-body table tbody th .calendar-item-month.focus {
    background-color: #54C2FC;
    background-image: none;
    color: #fff;
}


/*.k-menu {*/
/*    display: flex;*/
/*    !* flex-direction: row; *!*/
/*    flex-wrap: wrap;*/
/*    align-items: stretch;*/
/*    position: relative;*/
/*    cursor: default;*/
/*}*/
/*.k-menu .k-item {*/
/*    border-width: 0;*/
/*    border-style: solid;*/
/*    border-color: inherit;*/
/*    display: flex;*/
/*    align-items: stretch;*/
/*    position: relative;*/
/*    user-select: none;*/
/*    flex-shrink: 0;*/
/*    outline: 0;*/
/*}*/
/*.k-menu .k-item > .k-link {*/
/*    cursor: pointer;*/
/*    padding: 6px 12px;*/
/*    line-height: 1.42857;*/
/*    color: inherit;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    align-items: center;*/
/*    position: relative;*/
/*    white-space: nowrap;*/
/*}*/



.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .menu-group{}
.ax-body.frame-set #ax-frame-root .ax-frame-aside .ax-frame-aside-menu-holder .menu-group .aside-menu-item.aside-menu-item-label:last-child{

}