/*#region name */
/* ------------------------ 기본 폰트 설정 ------------------------*/
/*
    1. 특수문자 범위: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E
    2. 특수문자 전체: U+0020-007E
    3. 영문 범위: U+0041-005A(대문자), U+0061-007A(소문자)
    4. 숫자 범위: U+0030-0039
    5. 한글 : U+AC00-D7A3
*/

/* ------------- 기본 폰트 ------------- */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: normal;
    src: url("/Content/Fonts/NotoSansKR-Regular.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Regular.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Regular.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Regular.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Regular.svg") format("svg");
}

/* ------------- 영어(대소문자),숫자,특수문자 폰트 ------------- */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: normal;
    src: url("/Content/Fonts/Roboto-Regular.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Regular.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Regular.woff") format("woff"), url("/Content/Fonts/Roboto-Regular.woff2") format("woff2"), url("/Content/Fonts/Roboto-Regular.ttf") format("truetype"), url("/Content/Fonts/Roboto-Regular.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* ------------- 각 폰트 세부설정 ------------- */
/* NotoSansKR - Black (900) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 900;
    src: url("/Content/Fonts/NotoSansKR-Black.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Black.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Black.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Black.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Black.svg") format("svg");
}

/* NotoSansKR - Bold (700) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: bold;
    src: url("/Content/Fonts/NotoSansKR-Bold.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Bold.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Bold.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Bold.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Bold.svg") format("svg");
}

/* NotoSansKR - Medium (500) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 500;
    src: url("/Content/Fonts/NotoSansKR-Medium.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Medium.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Medium.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Medium.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Medium.svg") format("svg");
}

/* NotoSansKR - Light (300) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 300;
    src: url("/Content/Fonts/NotoSansKR-Light.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Light.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Light.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Light.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Light.svg") format("svg");
}

/* NotoSansKR - Thin (100) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 100;
    src: url("/Content/Fonts/NotoSansKR-Thin.eot") format("eot");
    src: url("/Content/Fonts/NotoSansKR-Thin.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/NotoSansKR-Thin.woff") format("woff"), url("/Content/Fonts/NotoSansKR-Thin.ttf") format("truetype"), url("/Content/Fonts/NotoSansKR-Thin.svg") format("svg");
}

/* Roboto - Black (900) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 900;
    src: url("/Content/Fonts/Roboto-Black.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Black.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Black.woff") format("woff"), url("/Content/Fonts/Roboto-Black.woff2") format("woff2"), url("/Content/Fonts/Roboto-Black.ttf") format("truetype"), url("/Content/Fonts/Roboto-Black.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Black Italic (900) */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: 900;
    src: url("/Content/Fonts/Roboto-BlackItalic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-BlackItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-BlackItalic.woff") format("woff"), url("/Content/Fonts/Roboto-BlackItalic.woff2") format("woff2"), url("/Content/Fonts/Roboto-BlackItalic.ttf") format("truetype"), url("/Content/Fonts/Roboto-BlackItalic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Bold (700) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: bold;
    src: url("/Content/Fonts/Roboto-Bold.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Bold.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Bold.woff") format("woff"), url("/Content/Fonts/Roboto-Bold.woff2") format("woff2"), url("/Content/Fonts/Roboto-Bold.ttf") format("truetype"), url("/Content/Fonts/Roboto-Bold.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Bold Italic (700) */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: bold;
    src: url("/Content/Fonts/Roboto-BoldItalic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-BoldItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-BoldItalic.woff") format("woff"), url("/Content/Fonts/Roboto-BoldItalic.woff2") format("woff2"), url("/Content/Fonts/Roboto-BoldItalic.ttf") format("truetype"), url("/Content/Fonts/Roboto-BoldItalic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Medium (500) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 500;
    src: url("/Content/Fonts/Roboto-Medium.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Medium.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Medium.woff") format("woff"), url("/Content/Fonts/Roboto-Medium.woff2") format("woff2"), url("/Content/Fonts/Roboto-Medium.ttf") format("truetype"), url("/Content/Fonts/Roboto-Medium.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Medium Italic (500) */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: 500;
    src: url("/Content/Fonts/Roboto-MediumItalic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-MediumItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-MediumItalic.woff") format("woff"), url("/Content/Fonts/Roboto-MediumItalic.woff2") format("woff2"), url("/Content/Fonts/Roboto-MediumItalic.ttf") format("truetype"), url("/Content/Fonts/Roboto-MediumItalic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Italic */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: normal;
    src: url("/Content/Fonts/Roboto-Italic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Italic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Italic.woff") format("woff"), url("/Content/Fonts/Roboto-Italic.woff2") format("woff2"), url("/Content/Fonts/Roboto-Italic.ttf") format("truetype"), url("/Content/Fonts/Roboto-Italic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Light (300) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 300;
    src: url("/Content/Fonts/Roboto-Light.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Light.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Light.woff") format("woff"), url("/Content/Fonts/Roboto-Light.woff2") format("woff2"), url("/Content/Fonts/Roboto-Light.ttf") format("truetype"), url("/Content/Fonts/Roboto-Light.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Light Italic (300) */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: 300;
    src: url("/Content/Fonts/Roboto-LightItalic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-LightItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-LightItalic.woff") format("woff"), url("/Content/Fonts/Roboto-LightItalic.woff2") format("woff2"), url("/Content/Fonts/Roboto-LightItalic.ttf") format("truetype"), url("/Content/Fonts/Roboto-LightItalic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Thin (100) */
@font-face {
    font-family: 'DefaultFont';
    font-style: normal;
    font-weight: 100;
    src: url("/Content/Fonts/Roboto-Thin.eot") format("eot");
    src: url("/Content/Fonts/Roboto-Thin.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-Thin.woff") format("woff"), url("/Content/Fonts/Roboto-Thin.woff2") format("woff2"), url("/Content/Fonts/Roboto-Thin.ttf") format("truetype"), url("/Content/Fonts/Roboto-Thin.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/* Roboto - Thin Italic (100) */
@font-face {
    font-family: 'DefaultFont';
    font-style: italic;
    font-weight: 100;
    src: url("/Content/Fonts/Roboto-ThinItalic.eot") format("eot");
    src: url("/Content/Fonts/Roboto-ThinItalic.eot?#iefix") format('embedded-opentype'), url("/Content/Fonts/Roboto-ThinItalic.woff") format("woff"), url("/Content/Fonts/Roboto-ThinItalic.woff2") format("woff2"), url("/Content/Fonts/Roboto-ThinItalic.ttf") format("truetype"), url("/Content/Fonts/Roboto-ThinItalic.svg") format("svg");
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/*#endregion */


* {
    font-family: 'DefaultFont';
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 80px;
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 0.85em;
}
/* #endregion */

/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

#drawer .k-item-text{
    margin-left: 15px;
}

.k-drawer-items > ul > li > span > i {
    width: 25px;
}

/* #endregion */
@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}