/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(1259,44): run-time error CSS1034: Expected closing parenthesis, found ','
(1259,44): run-time error CSS1042: Expected function, found ','
(1259,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4631,31): run-time error CSS1046: Expect comma, found '0'
(4631,35): run-time error CSS1046: Expect comma, found '/'
 */
/* 공통 */
.btn.justify {
    padding: 15px 0 0;
    text-align: left;
    position: relative;
}

    .btn.justify > button {
        width: 100px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: #f1f1f1;
        border: 1px solid #e2e2e2;
        color: #777;
    }

        .btn.justify > button.delete_btn {
            margin-left: 10px;
            background: #f1f1f1;
            border: 1px solid #e2e2e2;
            color: #777;
        }

        .btn.justify > button.list_btn {
            position: absolute;
            right: 0;
            background: #505b6a;
            color: #fff;
            border: none;
        }


/* ******************** 

    동의서 작성 

******************** */
/* tab */
.sub_cnt.adminPage .agree_cnt {
    padding: 10px;
}

.sub_cnt.adminPage .tab-content.agree_box > h3 {
    font-size: 18px;
    font-weight: 400;
}



/* ******************** 

    FAQ 

******************** */

.faqAdmin_btn_wrap {
    position: relative;
    border-top: 1px dashed #cacaca;
    background: #f1f1f1;
    height: 60px;
}

.faqAdmin_btn {
    position: absolute;
    line-height: 40px !important;
    right: 30px;
    top: 7px;
}

    .faqAdmin_btn button {
        background: #fff;
        border: 1px solid #e2e2e2;
        color: #676767;
        width: 100px;
        height: 40px;
        border-radius: 3px;
    }

        .faqAdmin_btn button:hover {
            text-decoration: none;
        }

/* ******************** 

    내방시스템관리 

******************** */

table.system_setting .ui-selectmenu-button {
    width: 170px;
}

table.basic_table.system_setting th {
    padding: 10px;
}

table.basic_table.system_setting td {
    padding: 10px 20px;
}

.in_day {
    position: relative;
    top: 3px;
    color: #222;
    margin-right: 10px;
}

/* 관리 팝업 */

/*#setting_popup {
    width: 500px;
    background: #fff;
    position: fixed;
}

    #setting_popup > div {
        width: 100%;
        height: 100%;
        padding: 40px;
    }

    #setting_popup .lp_tit {
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 30px;
        position: relative;
    }

        #setting_popup .lp_tit > .pop_tit {
            font-size: 28px;
            line-height: 28px;
            font-weight: 500;
        }

        #setting_popup .lp_tit > button {
            background: none;
            position: absolute;
            right: 0;
            top: 5px;
            font-size: 18px;
            font-weight: 400;
            color: #7a7a7a;
        }

    #setting_popup .lp_cnt {
        padding-top: 20px;
    }

        #setting_popup .lp_cnt > .option_select {
            margin-bottom: 15px;
            height: 40px;
        }

            #setting_popup .lp_cnt > .option_select > p {
                display: inline-block;
                position: relative;
                top: 10px;
                left: 5px;
                vertical-align: top;
                font-size: 14px;
                color: #676767;
            }

                #setting_popup .lp_cnt > .option_select > p > span {
                    color: #dd1515;
                    font-weight: 400;
                }


        #setting_popup .lp_cnt > .move_list > ul {
            display: flex;
            position: relative;
            border: 1px solid #ddd;
            background: #fff;
            padding: 10px;
            width: 100%;
            height: 50px;
            margin-top: 5px;
        }

            #setting_popup .lp_cnt > .move_list > ul:first-child {
                margin-top: 0;
            }

            #setting_popup .lp_cnt > .move_list > ul.selected {
                border: 2px solid #1a67bd;
            }

        #setting_popup .lp_cnt > .move_list li.move,
        #setting_popup .lp_cnt > .move_list li.move span {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
        }

        #setting_popup .lp_cnt > .move_list li.move {
            position: relative;
            width: 14px;
            height: 9px;
            top: 9px;
            margin-right: 10px;
            cursor: pointer;
        }

            #setting_popup .lp_cnt > .move_list li.move span {
                position: absolute;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #676767;
            }

                #setting_popup .lp_cnt > .move_list li.move span:nth-of-type(1) {
                    top: 0;
                }

                #setting_popup .lp_cnt > .move_list li.move span:nth-of-type(2) {
                    top: 4px;
                }

                #setting_popup .lp_cnt > .move_list li.move span:nth-of-type(3) {
                    bottom: 0;
                }

        #setting_popup .lp_cnt > .move_list li.modify {
            position: absolute;
            right: 80px;
        }

            #setting_popup .lp_cnt > .move_list li.modify > button {
                color: #1a67bd;
                background: none;
                vertical-align: top;
            }

        #setting_popup .lp_cnt > .move_list li.use {
            position: absolute;
            right: 10px;
            top: 9px;
        }

            #setting_popup .lp_cnt > .move_list li.use > button {
                width: 50px;
                height: 30px;
                border-radius: 3px;
                background: #1a67bd;
                color: #fff;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                line-height: 30px;
            }

        #setting_popup .lp_cnt > .modi_form {
            margin-top: 10px;
        }

            #setting_popup .lp_cnt > .modi_form input,
            #setting_popup .lp_cnt > .modi_form input:focus {
                border-color: #8b8b8b !important;
                margin: 3px 0;
            }


        #setting_popup .lp_cnt > .move_list > ul.notUsed {
            background: #f6f6f6;
        }

            #setting_popup .lp_cnt > .move_list > ul.notUsed .move span {
                background: #bcbcbc;
            }

            #setting_popup .lp_cnt > .move_list > ul.notUsed .txt,
            #setting_popup .lp_cnt > .move_list > ul.notUsed .modify button {
                color: #b7b7b7;
            }

            #setting_popup .lp_cnt > .move_list > ul.notUsed .use button {
                background: #d4d4d4;
            }


    #setting_popup .btn.pop_btn {
        padding: 20px 0 0 0;
    }

        #setting_popup .btn.pop_btn > button {
            width: 130px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
        }

.btn.pop_btn > button:nth-child(2n),
.btn.pop_btn > button:nth-child(3n) {
    margin-left: 15px;
}*/

/* Reset */
.ui-datepicker,
.ui-datepicker table,
.ui-datepicker tr,
.ui-datepicker td,
.ui-datepicker th {
    margin: 0;
    padding: 0;
    border: none;
    border-spacing: 0;
}

    .ui-datepicker table {
        width: 100%;
    }


/* Calendar Wrapper */
.ui-datepicker {
    display: none;
    padding: 25px;
    margin-top: 3px;
    cursor: default;
    text-transform: uppercase;
    /*font-size: .9rem;*/
    max-width: 330px;
    min-width: 230px;
    width: calc(100% - 10%);
    /*height: 270px;*/
    font-size: 14px;
    font-weight: 400;
    background-color: #ffffff;
    /*width: 92%;*/
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    border: 1px solid #ddd !important;
    z-index: 16;
    border-radius: 3px
}

    /* Calendar Header */
    .ui-datepicker-header {
        position: relative;
        padding-bottom: 10px;
    }

.ui-datepicker-title {
    text-align: center;
    margin: 0 37px;
    color: #666;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 18px;
    display: flex;
    line-height: 40px;
}

/* Month */
.ui-datepicker-month {
    color: #666;
    font-size: 18px;
    font-family: AppleSDGothicNeoB;
    width: 100px;
    padding: 0 10px;
    margin-left: 6px;
}

    .ui-datepicker-month:before {
        display: block;
        position: absolute;
        top: 0px;
        right: 0;
        width: 0px;
        height: 0px;
        content: '';
        background: #a5cd4e;
        background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5cd4e), color-stop(100%,#6b8f1a));
        background: -webkit-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        background: -o-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        /*background: -ms-linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);*/
        background: linear-gradient(top, #a5cd4e 0%,#6b8f1a 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

/* Year */
.ui-datepicker-year {
    width: 100px;
    color: #666;
    padding: 0 10px;
    font-size: 18px;
}

/* Prev Next Month */
.ui-datepicker-prev {
    display: block;
    position: absolute;
    width: 6px;
    height: 40px;
    cursor: pointer;
    background: url(/Content/img/page_arrow.png) left center no-repeat;
    z-index: 15;
    text-indent: -9999px;
}

.ui-datepicker-next {
    display: block;
    position: absolute;
    width: 6px;
    height: 40px;
    cursor: pointer;
    background: url(/Content/img/page_arrow2.png) right center no-repeat;
    z-index: 15;
    text-indent: -9999px;
}

.ui-datepicker-next {
    right: 0px;
    padding-right: 0;
}

/* Calendar "Days" */
.ui-datepicker-calendar th {
    padding-top: 13px;
    color: #666;
    font-size: 15px;
    text-align: center;
    font-family: Apple SD Gothic Neo Bold;
}

.ui-datepicker-calendar td {
    /* padding: 0.3rem;*/
    /*line-height: 2rem;*/
    width: 2rem;
    height: 32px;
    -webkit-margin-before: 5px;
    text-align: center;
    font-size: 15px;
    color: #888;
    font-family: Apple SD Gothic Neo Medium;
}

.ui-datepicker-calendar .ui-state-default {
    width: 2rem;
    /*height: 2rem;
    line-height: 2rem;*/
    outline: none;
    font-size: 15px;
    text-decoration: none;
    color: #888;
    text-align: center;
    font-family: Apple SD Gothic Neo Medium;
}

    .ui-datepicker-calendar .ui-state-default.ui-state-hover {
        display: inline-block;
        width: 26px;
        height: 26px;
        line-height: 26px;
        background: #f1f1f1;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }


/* Day Active State*/
.ui-datepicker-calendar .ui-state-active {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: #ffffff;
    background-color: #ff8842 !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    font-family: Apple SD Gothic Neo Medium;
}

/* Other Months Days*/
.ui-datepicker-other-month .ui-state-default {
    color: #e0e0e0;
}


/* calendar*/

#calendar {
    margin: 0 auto;
    width: 100%;
}



select {
    border-radius: 0;
    /*-webkit-border-radius:1px;*/
    /*appearance: none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
}

    select::-ms-expand {
        display: none;
    }


.search_box .search_sel {
    margin-left: 2.5%;
}

.select {
    display: block;
    float: left;
    font-size: 1.0rem;
    height: 36px;
    width: 36%;
    padding-left: 10px;
    margin-top: 3%;
    margin-bottom: 3%;
    color: #4e5967;
    font-weight: 300;
    background: url('/Content/images/icon/ic_sel_arrow.svg') no-repeat;
    background-position: 95% 50%;
    background-size: 18px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
}

/*.button {
    float: right;
    width: 18%;
    height: 36px;
    margin-right: 2.5%;
    margin-top: 3%;
    margin-bottom: 3%;
    color: #ffffff;
    background-color: #e83d44;
    border: solid 1px #e83d44;
    border-radius: 4px;
}*/

@charset "utf-8";

/* 초기화 */

* {
    box-sizing: border-box; /* 오페라(Opera) */
    -moz-box-sizing: border-box; /* 파이어폭스(Firefox)*/
    -webkit-box-sizing: border-box; /* 웹킷(Webkit) & 크롬(Chrome) */
}

/* noto-sans-kr-300 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Light'), local('Noto Sans KRKR-Light'), url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-300.svg#Noto Sans KRKR') format('svg'); /* Legacy iOS */
}


/* noto-sans-kr-regular - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Regular'), local('Noto Sans KRKR-Regular'), url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-regular.svg#Noto Sans KRKR') format('svg'); /* Legacy iOS */
}


/* noto-sans-kr-500 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Medium'), local('Noto Sans KRKR-Medium'), url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-500.svg#Noto Sans KRKR') format('svg'); /* Legacy iOS */
}



/* noto-sans-kr-700 - latin_korean */
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
    src: local('Noto Sans KR Bold'), local('Noto Sans KRKR-Bold'), url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/Content/fonts/noto-sans-kr-v13-latin_korean-700.svg#Noto Sans KRKR') format('svg'); /* Legacy iOS */
}

input[type=text].disabled {
    cursor: default;
    background-color: rgba(241, 241, 241);
    color: rgba(84, 84, 84);
    border-color: rgba(226, 226, 226);
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 300;
    background: #fff;
    color: #222;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    zoom: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-text-size-adjust: none;
}

html, body {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

a, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, label, legend, li, ol, p, pre, section, select, span, td, th, ul {
    margin: 0;
    padding: 0;
    border: 0;
    word-break: break-all;
}

span, textarea, input {
    vertical-align: top;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul, dl, dt, dd {
    list-style: none;
}

legend {
    position: absolute;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden;
}

label, input, button, select, img {
    vertical-align: middle;
}

input, button {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
}

    input[type="submit"] {
        cursor: pointer;
    }

    input[type=text]::-ms-clear {
        display: none;
    }

a {
    outline: none;
    select-dummy: expression(this.hideFocus=true);
}

*:focus, *:active {
    outline: none;
}

button {
    cursor: pointer;
    padding: 0;
}

    button:focus,
    button:active {
        padding: 0;
    }

    button > span {
        position: relative;
    }

textarea, select {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 1em;
}


textarea {
    width: 100%;
    height: 100%;
    display: block;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
    resize: none;
    border-radius: 3px;
    outline: none;
    font-weight: 300;
    color: #676767;
    line-height: 1.5em;
}



select {
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: url(/Content/img/select_arrow.png) #fff no-repeat 90% 50%; /* 화살표 모양의 이미지 */
    width: 140px; /* 원하는 너비설정 */
    height: 40px;
    padding: 0 20px;
    font-family: inherit; /* 폰트 상속 */
    border: 1px solid #cacaca;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
}

    select option {
        font-size: 16px;
    }

    /* IE 10, 11의 네이티브 화살표 숨기기 */
    select::-ms-expand {
        display: none;
    }


hr {
    display: none;
}

pre {
    overflow-x: scroll;
    font-size: 1.1em;
}

a {
    color: #000;
    text-decoration: none;
}

input, input[type=text], input[type=password] {
    outline: none;
    color: #676767;
    font-weight: 300;
    border: 1px solid #ddd;
    width: 100%;
    height: 40px;
    border-radius: 3px;
    padding: 0 10px;
    background: #fff;
}


    input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
        -webkit-box-shadow: 0 0 5px #ddd;
        -moz-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
        border: 1px solid #ddd !important;
    }

    input::placeholder {
        color: #676767;
        font-weight: 300;
    }

fieldset, img {
    border: 0 none;
}

img {
    vertical-align: top;
    max-width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.w60 {
    width: 60px !important;
}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}

.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w190 {width: 190px !important;}
.w200 {width: 200px !important;}
.w330 {width: 330px !important;}
.w340 {width: 340px !important;}
.w350 {width: 350px !important;}
.w360 {width: 360px !important;}
.w725 {width: 725px !important;}

.w100p {width: 100% !important;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}

.mtn {margin-top: 0 !important;}
.mt5 {margin-top: 5px;}

.mb5 {margin-bottom: 5px;}


/*====================* COMMON *====================*/
.notScroll {
    overflow: hidden;
    height: 100vh;
}

#wrap {
    width: 100%;
    min-width: 1100px;
    position: relative;
}

.header {
    position: absolute;
    width: 100%;
    height: 110px;
}

    .header > .top_border {
        width: 100%;
        height: 1px;
    }

    .header > .header_inner {
        width: 1100px;
        height: 110px;
        margin: 0 auto;
        display: flex;
    }

.header_inner > .header_logo {
    position: relative;
}

    .header_inner > .header_logo > a {
        margin-top: 22px;
        overflow: hidden;
        text-indent: -9999px;
        display: block;
        position: absolute;
        width: 114px;
        height: 65px;
        background: url(/Content/img/TES_Logo.png) left top no-repeat;
    }


footer {
    background: #181d25;
    width: 100%;
    height: 80px;
}

    footer > div {
        display: flex;
        width: 1100px;
        margin: 0 auto;
        padding: 25px 0;
    }

        footer > div > div:first-child {
            color: #7d889a;
            font-size: 14px;
            font-weight: 300;
            line-height: 30px;
        }

        footer > div > button.main_privacy_btn {
            border: 1px solid #1a67bd;
            border-radius: 3px;
            padding: 3px 10px;
            color: #ffffff;
            font-size: 14px;
            font-weight: 400;
            height: 30px;
            margin-left: 20px;
            background: #1a67bd;
        }

        footer > div > button.main_privacy_btn {
            border: 1px solid #1a67bd;
            border-radius: 3px;
            padding: 3px 10px;
            color: #ffffff;
            font-size: 14px;
            font-weight: 400;
            height: 30px;
            margin-left: 20px;
            background: #1a67bd;
        }

        footer > div > button.admin_login_btn {
            border: 1px solid #616d81;
            border-radius: 3px;
            padding: 3px 10px;
            color: #616d81;
            font-size: 14px;
            font-weight: 400;
            height: 30px;
            margin-left: auto;
            background: transparent;
        }
/*이전 푸터 
footer {
    background: #f3f3f3;
    width: 100%;
    height: 80px;
    border-top: 1px solid #d9dcdf;
}

    footer > div {
        display: flex;
        width: 1100px;
        margin: 0 auto;
        padding: 25px 0;
    }

        footer > div > div:first-child {
            color: #7d889a;
            font-size: 14px;
            font-weight: 300;
            line-height: 30px;
        }

        footer > div > button.admin_login_btn {
            border: 1px solid #bfc3c7;
            border-radius: 3px;
            padding: 3px 10px;
            color: #a4a7ad;
            font-size: 14px;
            font-weight: 400;
            height: 30px;
            margin-left: auto;
            background: transparent;
        }
*/
.d_flex {
    display: flex;
}



/* ******************** 

    LAYER POPUP 

******************** */
#popupMask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    background-color: #000;
    display: none;
    min-width: 100%;
    min-height: 100%;
}

.popupBox {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 999;
    top: 50%;
}

/* 관리자 로그인 */

/*#admin_login {
    width: 400px;
    height: 480px;
    border-radius: 10px;
    background: #fff;
    position: fixed;
}

    #admin_login > div {
        width: 100%;
        height: 100%;
        padding: 70px 50px 40px;
    }

    #admin_login .pop_tit {
        font-size: 34px;
        line-height: 34px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 50px;
    }

    #admin_login ul > li:first-child {
        margin-bottom: 10px;
    }

    #admin_login .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }*/

button.changePW_btn {
    width: 100%;
    height: 60px;
    margin-top: 40px;
    border-radius: 30px;
    background: #1a67bd;
    box-shadow: rgba( 0, 0, 0, 0.35) 0 5px 10px;
}

    button.changePW_btn > span {
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 60px;
    }

/*button.changePW_btn > span::after {
            content: "";
            display: inline-block;
            position: relative;
            top: 4px;*/
/*background: url(/Content/img/login_icon.png) right top no-repeat;*/
/*width: 25px;
            height: 20px;
        }*/

button.login_btn {
    width: 100%;
    height: 60px;
    margin-top: 40px;
    border-radius: 30px;
    background: #1a67bd;
    box-shadow: rgba( 0, 0, 0, 0.35) 0 5px 10px;
}

    button.login_btn > span {
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 60px;
    }

        button.login_btn > span::after {
            content: "";
            display: inline-block;
            position: relative;
            top: 4px;
            background: url(/Content/img/login_icon.png) right top no-repeat;
            width: 25px;
            height: 20px;
            margin-left: 5px;
        }

button.privacy_btn {
    width: 185px;
    height: 50px;
    border-radius: 30px;
    background: #ffffff;
    border: solid 1px #d4d4d4;
}

    button.privacy_btn > span {
        color: #676767;
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        line-height: 48px;
    }

button.fileAdd_btn {
    width: 240px;
    height: 50px;
    margin-top: 30px;
    border-radius: 30px;
    background: #d4131a;
    box-shadow: rgba( 0, 0, 0, 0.35) 0 5px 10px;
}

    button.fileAdd_btn > span {
        color: #fff;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 50px;
    }

        button.fileAdd_btn > span::after {
            content: "";
            display: inline-block;
            position: relative;
            top: 4px;
            background: url(/Content/img/login_icon.png) right top no-repeat;
            width: 25px;
            height: 20px;
            margin-left: 5px;
        }

div.login_pop_close {
    width: 100%;
    margin-top: 20px;
    text-align: center;
    background: transparent;
    border: none;
}

    div.login_pop_close > span {
        font-size: 18px;
        color: #797979;
        font-weight: 400;
        cursor: pointer;
    }



/*====================* MAIN *====================*/

.main_header > .top_border {
    background: #fff;
    opacity: 0.0;
}



.main_visual {
    background: url(/Content/img/main_visual_img.jpg) center top repeat-x;
    width: 100%;
    height: 620px;
}

.mv_cnt {
    width: 1100px;
    position: relative;
    margin: 0 auto;
}

    .mv_cnt .main_logo {
        position: absolute;
        top: 70px;
        left: 50px;
    }


    .mv_cnt > ul.main_txt {
        position: absolute;
        top: 180px;
        /*left: 50px;*/
    }

    .mv_cnt > ul > li:first-child {
        font-weight: 400;
        font-size: 25px;
        line-height: 1em;
        margin-bottom: 30px;
    }

    /*.mv_cnt > ul > li:last-child {
        font-weight: 400;
        font-size: 25px;
        line-height: 1em;
        margin-top: 30px;
    }*/

    .mv_cnt > ul > li {
        font-weight: 300;
        font-size: 48px;
        color: #333;
        line-height: 59px;
        letter-spacing: -0.05em;
    }

        .mv_cnt > ul > li > span {
            font-weight: 700;
        }



.main_notice h4 {
    margin-top: 5px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: -0.05em;
}



/*회사 선택 버튼 */
.main_btn_area {
    position: absolute;
    top: 140px;
    right: 120px;
}

    .main_btn_area .main_btn_aff {
        width: 300px;
        background-color: #2a398c;
        box-shadow: 8px 8px 8px rgb(0, 0, 0, 0.2);
        padding: 50px 40px;
        display: inline-block;
    }


    .main_btn_area a:hover {
        background: #e31e26;
        border-right: 1px solid #d9d9d9;
    }

    .main_btn_area a:last-child {
        border-right: none;
    }

    .main_btn_area a.m1 {
        background-color: #fff;
    }

    .main_btn_area a:hover.m1 {
        background-color: #2a398c;
    }

    .main_btn_area a.m1 {
        background-color: #fff;
    }

    .main_btn_area a:hover.m1 {
        background-color: #2a398c
    }

    .main_btn_area a.m2 {
        background-color: #fff;
    }

    .main_btn_area a:hover.m2 {
        background-color: #2a398c;
    }

    .main_btn_area a.m3 {
        background-color: #fff;
    }

    .main_btn_area a:hover.m3 {
        background-color: #016cba;
    }

    .main_btn_area a.m4 {
        background-color: #fff;
    }

    .main_btn_area a:hover.m4 {
        background-color: #016cba;
    }

    .main_btn_area h1 {
        font-size: 26px;
        color: #fff;
        font-weight: 600;
    }

    .main_btn_area h2 {
        font-size: 16px;
        color: #abafcb;
        font-weight: 300;
        padding-top: 15px;
    }

    .main_btn_area p {
        font-size: 18px;
        color: #fff;
        font-weight: 300;
        margin-top: 35px;
        border: solid 1px #fff;
        text-align: center;
        padding: 13px 0;
        background: url(/Content/img/main_btn_arrow.png) 150px center no-repeat;
        transition: all 0.3s ease-in-out;
    }

        .main_btn_area p:hover {
            font-size: 18px;
            color: #fff;
            font-weight: 300;
            margin-top: 35px;
            border: solid 1px #fff;
            text-align: center;
            padding: 13px 0;
            cursor: pointer;
            background: url(/Content/img/main_btn_arrow_on.png) 190px center no-repeat;
            transition: all 0.3s ease-in-out;
        }

    .main_btn_area a:nth-child(3) p:first-child {
        color: #016cba;
    }

    .main_btn_area a:nth-child(4) p:first-child {
        color: #016cba;
    }

    .main_btn_area a:hover p {
        color: #fff;
    }

    .main_btn_area a:nth-child(3):hover p {
        color: #fff;
    }

    .main_btn_area a:nth-child(4):hover p {
        color: #fff;
    }

    .main_btn_area a b {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        background-color: #016cba;
        border: solid 1px #016cba;
        box-sizing: border-box;
        padding: 1px 6px 2px 6px;
        margin-top: 5px;
        float: right;
    }

    .main_btn_area a:hover b {
        background-color: #016cba;
        border: solid 1px #fff;
        box-sizing: border-box;
    }


    .main_btn_area a span {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        background-color: #016cba;
        border: solid 1px #016cba;
        box-sizing: border-box;
        padding: 1px 6px 2px 6px;
        margin-top: 5px;
        float: right;
    }

    .main_btn_area a:hover span {
        color: rgba(255, 255, 255, 0.4);
    }




/*내방 절차*/
.main_proc_guide {
    padding-top: 130px;
    background: url(/Content/img/main_bott_img.jpg) no-repeat #dbdbdb;
    box-sizing: border-box;
    min-height: 860px;
}

    .main_proc_guide .ctc {
        width: 1100px;
        margin: 0 auto;
        position: relative;
    }

    .main_proc_guide .txt_area {
        color: #353535;
        font-size: 30px;
    }

        .main_proc_guide .txt_area .desc {
            padding-top: 50px;
            font-size: 16px;
            line-height: 26px;
        }

    .main_proc_guide .guide_area {
        width: 500px;
        position: absolute;
        top: 0px;
        right: 0px;
    }

        .main_proc_guide .guide_area h2 {
            font-size: 32px;
            margin-bottom: 30px;
        }

        .main_proc_guide .guide_area ol {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .main_proc_guide .guide_area ol li {
                padding: 10px 10px 12px 110px;
                border-radius: 20px;
                /*box-shadow: 8px 8px 8px rgb(0, 0, 0, 0.2);*/
                font-size: 18px;
                margin-bottom: 24px;
            }

                .main_proc_guide .guide_area ol li em {
                    font-style: normal;
                    color: #1a67bd;
                    font-weight: 500;
                    display: block;
                }

                .main_proc_guide .guide_area ol li:nth-child(1) {
                    background: url(/Content/img/ol_01.png) no-repeat 33px center #FFF;
                }

                .main_proc_guide .guide_area ol li:nth-child(2) {
                    background: url(/Content/img/ol_02.png) no-repeat 33px center #FFF;
                }

                .main_proc_guide .guide_area ol li:nth-child(3) {
                    background: url(/Content/img/ol_03.png) no-repeat 33px center #FFF;
                }

                .main_proc_guide .guide_area ol li:nth-child(4) {
                    background: url(/Content/img/ol_04.png) no-repeat 40px center #FFF;
                }

                .main_proc_guide .guide_area ol li:nth-child(5) {
                    background: url(/Content/img/ol_05.png) no-repeat 33px center #FFF;
                }



/*====================* SUB *====================*/


/* ******************** 

    공통레이아웃

******************** */

#sub_wrap {
    padding: 110px 0 50px;
    min-height: 900px;
}

    #sub_wrap > .sub_inner {
        width: 1100px;
        margin: 50px auto 0;
    }

.sub_header > .top_border {
    background: #cacaca;
}

.sub_header .header_logo > a.DEFAULT {
    /*background: url(/Content/img/logo.png) left bottom no-repeat;*/
    background: url(/Content/img/TES_Logo.png) left bottom no-repeat;
    /*background-size: 80px;*/
}

.sub_header .header_logo > a.TECH {
    background: url(/Content/img/toplogo_KCTech.png) left bottom no-repeat;
    background-size: 146px;
}

.sub_header .header_logo > a.INO {
    background: url(/Content/img/toplogo_KCinov.png) left bottom no-repeat;
    background-size: 146px;
}

.sub_header .header_logo > a.IND {
    background: url(/Content/img/toplogo_KCinc.png) left bottom no-repeat;
    background-size: 146px;
}

.sub_header .header_logo > a.ENC {
    background: url(/Content/img/toplogo_KCenc.png) left bottom no-repeat;
    background-size: 146px;
}

.sub_header .header_logo > a.TEM {
    background: url(/Content/img/toplogo_tem.png) left bottom no-repeat;
    background-size: 146px;
}

.sub_header .header_logo > a.PARTS {
    background: url(/Content/img/toplogo_KCparts.png) left bottom no-repeat;
    background-size: 146px;
}

.header_inner ul {
    display: flex;
    margin-left: auto;
    z-index: 1;
}

    .header_inner ul > li {
        width: 125px;
        height: 111px;
        text-align: center;
        cursor: pointer;
        position: relative;
        font-size: 19px;
        font-weight: 400;
        height: 100%;
        line-height: 111px;
    }

        .header_inner ul > li.w100 {
            width: 100px;
        }

        .header_inner ul > li::after,
        .header_inner ul > li.current::after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            width: 0;
            height: 3px;
        }

        .header_inner ul > li.current {
            color: #1a67bd;
            font-weight: 700;
        }

            .header_inner ul > li:hover::after,
            .header_inner ul > li.current::after {
                width: 100%;
                height: 3px;
                transition: 0.2s ease-in-out;
                background: #1a67bd;
            }

        .header_inner ul > li.icon_menu {
            width: 30px !important;
        }

            .header_inner ul > li.icon_menu.current::after {
                display: none;
            }

            .header_inner ul > li.icon_menu.current > span {
                background: url(/Content/img/setting_icon_on.png) right center no-repeat;
                /*animation: spin 2s infinite linear;
                -webkit-animation: spin 2s infinite linear;
                -moz-animation: spin 2s infinite linear;
                -ms-animation: spin 2s infinite linear;*/
            }

            .header_inner ul > li.icon_menu > span {
                display: inline-block;
                position: relative;
                top: 45px;
                width: 20px;
                height: 20px;
                background: url(/Content/img/setting_icon.png) right center no-repeat;
            }

            .header_inner ul > li.icon_menu:hover > span {
                background: url(/Content/img/setting_icon_on.png) right center no-repeat;
                animation: spin 2s infinite linear;
                -webkit-animation: spin 2s infinite linear;
                -moz-animation: spin 2s infinite linear;
                -ms-animation: spin 2s infinite linear;
                display: inline-block;
            }

@-webkit-keyframes spin {
    100% {
        transform-origin: center center;
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spin {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}


.header_inner ul > li.icon_menu:hover::after {
    background: none;
}



#sub_wrap > .sub_inner .sub_top {
    margin-bottom: 50px;
}

    #sub_wrap > .sub_inner .sub_top > h2 {
        text-align: center;
        font-size: 46px;
        line-height: 46px;
        font-weight: 700;
    }

span.hypen {
    margin: 0 11px;
    line-height: 40px;
}


.search_list {
    margin-top: 15px;
}

    .search_list > table {
        margin-bottom: 15px;
    }

    .search_list > div.btn {
        text-align: center;
        border-radius: 3px;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .search_list > div.right {
        text-align: right;
    }

    .search_list > div.btn > button.export {
        width: 80px;
        height: 30px;
        line-height: 28px;
        background: #fff;
        color: #dd1515;
        border: 1px solid #dd1515;
        font-size: 14px;
    }

/* paging */
.paging {
    margin: 0 auto;
    padding-top: 25px;
    text-align: center;
}

    .paging > ul {
        text-align: center;
        height: 40px;
        font-size: 0;
    }

        .paging > ul > li {
            display: inline-block;
            vertical-align: top;
        }


            .paging > ul > li > a {
                min-width: 40px;
                width: auto;
                height: 40px;
                padding: 0 5px;
                border-top: 1px solid #cacaca;
                border-bottom: 1px solid #cacaca;
                border-left: 1px solid #cacaca;
                text-align: center;
                line-height: 40px;
                display: inline-block;
                vertical-align: top;
                font-size: 16px;
            }

            .paging > ul > li:nth-last-child(2) > a {
                border-right: 1px solid #cacaca;
            }

            .paging > ul > li > a.on {
                background: #1a67bd;
                border: none;
                color: #fff;
            }

            .paging > ul > li > a.first {
                border: 1px solid #cacaca;
                margin-right: 10px;
                background: url(/Content/img/page_arrow.png) center center no-repeat;
            }

            .paging > ul > li > a.last {
                border: 1px solid #cacaca;
                margin-left: 10px;
                background: url(/Content/img/page_arrow2.png) center center no-repeat;
            }

    .paging.m25 {
        margin-top: 25px;
    }


/* button style */
.btn {
    padding: 40px 0 0;
    text-align: center;
    font-size: 0;
}

    .btn > button:nth-child(2n),
    .btn > button:nth-child(3n) {
        margin-left: 20px;
    }

    .btn > button {
        width: 180px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border-radius: 3px;
        font-size: 18px;
        font-weight: 300;
        background: #fff;
    }

        .btn > button.border_btn,
        .btn > button.prev_btn {
            border: 1px solid #1a67bd;
            color: #1a67bd;
        }

        .btn > button.next_btn,
        .btn > button.submit,
        .btn > button.search_btn {
            background: #1a67bd;
            color: #fff;
        }

        .btn > button.disable {
            opacity: 0.35;
            cursor: default;
        }

    .btn.medium {
        padding: 20px 0 0 0;
    }

        .btn.medium > button {
            width: 120px;
            height: 50px;
            line-height: 20px;
            font-size: 16px;
        }

.download_btn {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #777;
    background: url(/Content/img/download_btn.png) center center no-repeat;
}

.btn.in_table {
    padding: 0;
}

    .btn.in_table > button {
        width: 100px;
        height: 40px;
        line-height: 38px;
        font-size: 16px;
    }

    .btn.in_table.one_line {
        display: inline-block;
        vertical-align: top;
        font-size: 0;
        margin-left: 7px;
    }

    .btn.in_table > button.delete_btn {
        width: 80px;
    }

    .btn.in_table > button.mini_btn {
        width: 80px;
    }

.btn > button.gray_btn {
    background: #f1f1f1;
    border: 1px solid #e2e2e2;
    color: #777;
}


.btn > button.mini_btn {
    color: #1a67bd;
    border: 1px solid #1a67bd;
}

.btn > button.delete_btn {
    color: #dd1515;
    border: 1px solid #dd1515;
}

.btn > button.delete_btn2 {
    color: #fff;
    background: #9a9a9a;
    border: none;
}




.btn.right {
    padding: 0;
    text-align: right;
}

.btn > button.write_btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #1a67bd;
    color: #fff;
    font-size: 16px;
}

.btn > button.del_btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #dd1515;
    border: 1px solid #dd1515;
    font-size: 16px;
}

.btn > button.up_btn {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #dd1515;
    border: 1px solid #dd1515;
}





/* Selectbox */
.ui-selectmenu-button {
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
    background: #fff;
    font-weight: 300;
    padding: 0 10px;
    color: #676767;
    border-radius: 3px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    text-decoration: none;
    cursor: pointer;
}


    .ui-selectmenu-button:hover, .ui-selectmenu-button-open {
        -webkit-box-shadow: 0 0 5px #ddd;
        -moz-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
        border: 1px solid #cacaca !important;
    }

    .ui-selectmenu-button .ui-selectmenu-text {
        display: block;
        margin-right: 20px;
        line-height: 39px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ui-selectmenu-button .ui-selectmenu-icon {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
        width: 14px;
        height: 7px;
        background: url(/Content/img/select_arrow.png) center center no-repeat;
        transition: all .3s ease-in-out;
        float: right;
        top: 17px;
    }

    .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        background: url(/Content/img/select_arrow.png) center top no-repeat;
        transition: all .3s ease-in-out;
        transform: rotate(180deg);
    }

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
    display: none;
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        margin-top: 3px;
        border: 1px solid #cacaca;
        background: #fff;
        border-radius: 3px;
        color: #676767;
        z-index: 1;
    }

.ui-menu .ui-menu-item {
    margin: 0;
    cursor: pointer;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 5px 10px;
    height: 34px;
}

    .ui-menu .ui-menu-item-wrapper.ui-state-active {
        background: #f1f1f1;
        font-weight: 400;
        color: #1a67bd;
    }

.ui-selectmenu-open {
    display: block;
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    z-index: 1000;
}






/* radiuo button style */
.radio_chk {
    display: flex;
}

    .radio_chk > div {
        position: relative;
        margin-left: 20px;
        height: 40px;
        line-height: 40px;
    }

        .radio_chk > div:first-child {
            margin-left: 0;
        }

        .radio_chk > div input[type="radio"] {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0;
        }

    .radio_chk input[type="radio"] + label {
        display: inline-block;
        position: relative;
        padding-left: 22px;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        .radio_chk input[type="radio"] + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 13px;
            width: 15px;
            height: 15px;
            text-align: center;
            background: #fafafa;
            border: 1px solid #676767;
            border-radius: 50%;
        }

        .radio_chk input[type="radio"] + label:active:before, .radio_chk input[type="radio"]:checked + label:active:before {
            box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
        }

    .radio_chk input[type="radio"]:checked + label:before {
        background: #fff;
    }

    .radio_chk input[type="radio"]:checked + label:after {
        content: '';
        position: absolute;
        top: 17px;
        left: 4px;
        width: 9px;
        height: 9px;
        background: #676767;
        border-radius: 50%;
    }


/* filebox style */
.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    color: #1a67bd;
    font-size: inherit;
    background-color: #fff;
    cursor: pointer;
    border: 1px solid #1a67bd;
    border-bottom-color: #1a67bd;
    border-radius: 3px;
    margin-left: 5px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    width: 335px;
    height: 40px;
    padding: 0 10px; /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
    border-radius: 3px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

/* 사용자 목록 upload */
.filebox .upload-user {
    display: inline-block;
    width: 330px;
    height: 40px;
    padding: 0 10px; /* label의 패딩값과 일치 */
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-bottom-color: #ddd;
    border-radius: 3px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}

button.add_cancel {
    width: 38px;
    height: 38px;
    background: url(/Content/img/delete_btn.png) center center no-repeat #f6f6f6;
    position: absolute;
    top: 11px;
    left: 311px;
    text-indent: -9999px;
}


/* Table style */
table.basic_table {
    border-top: 1px solid #000;
}

    table.basic_table th {
        height: 40px;
        line-height: 40px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.basic_table tr > th:first-child {
        border-left: 0;
    }

    table.basic_table td {
        height: 40px;
        line-height: 40px;
        position: relative;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px 20px;
        color: #676767;
    }


    table.basic_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.basic_table.vetical td {
        height: 50px;
        text-align: center;
        padding: 0 10px;
    }

        table.basic_table.vetical th:first-child,
        table.basic_table.vetical td:first-child {
            border-left: 0;
        }

.basic_table textarea {
    height: 400px;
}

table.basic_table.write_form th {
    padding: 10px 20px;
}


/* Board style */

table.board_list {
    border-top: 1px solid #000;
    margin: 20px 0 15px 0;
}

    table.board_list th {
        background: #f6f6f6;
        height: 60px;
        font-size: 18px;
        font-weight: 400;
        border-bottom: 1px dashed #cacaca;
    }

    table.board_list td {
        height: 60px;
        line-height: 60px;
        padding: 0 10px;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }

        table.board_list td.tit {
            text-align: left;
            padding: 0 20px;
            cursor: pointer;
        }


            table.board_list td.tit .company_logo {
                display: inline-block;
                width: 70px;
                height: 60px;
                line-height: 60px;
                margin-right: 10px;
            }

                table.board_list td.tit .company_logo img {
                    max-width: 100%;
                    max-height: 100%;
                    vertical-align: middle;
                }

            table.board_list td.tit:hover {
                text-decoration: underline;
            }

        table.board_list td.tit2 {
            text-align: left;
            padding: 0 20px;
        }

.board_view {
    border-top: 1px solid #000;
    border-bottom: 1px solid #cacaca;
}

    .board_view > ul.board_top {
        border-bottom: 1px solid #cacaca;
        padding: 40px 30px;
    }

        .board_view > ul.board_top > li:first-child {
            font-size: 24px;
            font-weight: 500;
        }

        .board_view > ul.board_top > .view_info {
            margin-top: 20px;
        }

            .board_view > ul.board_top > .view_info > span::before {
                content: '';
                width: 1px;
                height: 12px;
                line-height: 12px;
                background: #b4b4b4;
                display: inline-block;
                margin: 0 10px;
            }

            .board_view > ul.board_top > .view_info > span:first-child::before {
                display: none;
            }

.view_cnt {
    padding: 60px 30px;
    line-height: 1.7em;
    min-height: 500px;
}

ul.added_file {
    display: flex;
    padding: 20px 30px;
    line-height: 16px;
    height: 60px;
}

.ul.added_file > li {
    cursor: pointer;
}

ul.added_file > li > span:hover {
    text-decoration: underline;
    cursor: pointer;
}

ul.added_file > li.file_tit {
    font-weight: 500;
    margin-right: 20px;
    cursor: default;
}

    ul.added_file > li.file_tit:hover {
        text-decoration: none;
    }

    ul.added_file > li.file_tit::before {
        content: '';
        display: inline-block;
        width: 12px;
        height: 13px;
        background: url(/Content/img/clip_icon.png) left center no-repeat;
        margin-right: 5px;
    }


.board_view > .added_file {
    background: #f6f6f6;
    border-top: 1px dashed #cacaca;
}

    .board_view > .added_file > li:first-child {
        font-weight: 500;
        margin-right: 20px;
        cursor: default;
    }

        .board_view > .added_file > li:first-child::before {
            content: '';
            display: inline-block;
            width: 12px;
            height: 13px;
            background: url(/Content/img/clip_icon.png) left center no-repeat;
            margin-right: 5px;
        }




/* Search form */

.search_form table.basic_table.search_tb {
    border: none;
}

    .search_form table.basic_table.search_tb th,
    .search_form table.basic_table.search_tb td {
        border: 1px solid #ddd;
    }

.search_form2 {
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 20px 0;
    text-align: center;
}

    .search_form2 > ul {
        display: inline-flex;
        height: 40px;
    }

        .search_form2 > ul > li.sf2_tit {
            margin-right: 20px;
            margin-left: 30px;
            font-weight: 400;
            line-height: 40px;
        }

            .search_form2 > ul > li.sf2_tit:first-child {
                margin-left: 0;
            }

    .search_form2 input,
    .search_form2 .ui-selectmenu-button {
        border-color: #c6c6c6;
    }

.inner_search {
    background: #1a67bd;
    color: #fff;
    border-radius: 3px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

/* calendar input */
input.calendar {
    width: 150px;
    position: relative;
    background: url(/Content/img/calendar_icon.png) right 10px center #fff no-repeat;
    cursor: pointer;
}


/* time input */
input.time {
    width: 150px;
    position: relative;
    background: url(/Content/img/time_icon.png) right 10px center #fff no-repeat;
}



/* ******************** 

    동의서 작성 

******************** */
/* tab */
ul.tabs {
    width: 860px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    background: url('/Content/img/agree_step.png') center top no-repeat;
}

    ul.tabs li {
        width: 180px;
        background: none;
        color: #bdbdbd;
        font-size: 18px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        padding-top: 30px;
        margin-left: 50px;
        letter-spacing: -0.05em;
    }

        ul.tabs li:first-child {
            margin-left: 0;
        }

        ul.tabs li.current {
            color: #1a67bd;
            font-weight: 600;
            background: url('/Content/img/agree_step_on.png') center top no-repeat;
        }

/* tab */
ul.tabsV {
    width: 640px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    background: url('/Content/img/agree_step3.png') center top no-repeat;
}

    ul.tabsV li {
        width: 180px;
        background: none;
        color: #bdbdbd;
        font-size: 18px;
        font-weight: 500;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        padding-top: 30px;
        margin-left: 50px;
        letter-spacing: -0.05em;
    }

        ul.tabsV li:first-child {
            margin-left: 0;
        }

        ul.tabsV li.current {
            color: #1a67bd;
            font-weight: 600;
            background: url('/Content/img/agree_step_on.png') center top no-repeat;
        }

.tab-content {
    display: none;
}

    .tab-content.current {
        display: inherit;
    }


    .tab-content.agree_box {
        border-top: 1px solid #000;
    }

        .tab-content.agree_box > h3 {
            padding: 18px 0;
            line-height: 18px;
        }

            .tab-content.agree_box > h3 label {
                font-size: 18px;
                font-weight: 400;
            }

            .tab-content.agree_box > h3 span {
                color: #1a67bd;
            }

        .tab-content.agree_box div.agree_cnt {
            border: 1px solid #ddd;
            background: #f6f6f6;
            padding: 20px;
            width: 100%;
            height: 400px;
            line-height: 30px;
        }


.form_chkbox {
    position: relative;
}

    .form_chkbox input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }

        .form_chkbox input[type="checkbox"] + label {
            display: inline-block;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            box-sizing: border-box;
        }

            .form_chkbox input[type="checkbox"] + label:before { /* 가짜 체크박스 */
                content: ' ';
                display: inline-block;
                width: 20px; /* 체크박스의 너비를 지정 */
                height: 20px; /* 체크박스의 높이를 지정 */
                line-height: 20px; /* 세로정렬을 위해 높이값과 일치 */
                margin: -2px 8px 0 0;
                text-align: center;
                vertical-align: middle;
                background: #fff;
                border: 1px solid #cacaca;
                border-radius: 3px;
                box-sizing: border-box;
            }

        .form_chkbox input[type="checkbox"]:checked + label:before { /* 체크박스를 체크했을때 */
            content: '';
            background: url(/Content/img/chkbox.png) center center no-repeat #1a67bd;
            border-color: #1a67bd;
        }

/* ******************** 

    동영상시청 

******************** */

.btn.play > button {
    border-radius: 3px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

    .btn.play > button::after {
        content: '';
        display: inline-block;
        width: 19px;
        height: 19px;
        position: relative;
        left: 5px;
        top: 3px;
    }

    .btn.play > button#playBtn {
        background: #eef4fb;
        border: 1px solid #1a67bd;
        color: #1a67bd;
    }

        .btn.play > button#playBtn::after {
            background: url(/Content/img/play_btn.png) left center no-repeat;
        }

    .btn.play > button#playComplete {
        background: #1a67bd;
        color: #fff;
    }

        .btn.play > button#playComplete::after {
            background: url(/Content/img/complete_btn.png) left center no-repeat;
        }

    .btn.play > button#pdfComplete {
        background: #1a67bd;
        color: #fff;
    }

        .btn.play > button#pdfComplete::after {
            background: url(/Content/img/complete_btn.png) left center no-repeat;
        }

#safety_video {
    vertical-align: top;
}

#Movie .basic_table {
    margin-top: 20px;
}




/* ******************** 

    내방 등록 (내방객)

******************** */


.visit_info {
    background: #f6f6f6;
    border: 1px solid #ddd;
    padding: 20px 30px;
    margin-bottom: 40px;
}

    .visit_info > li {
        line-height: 32px;
        color: #676767;
    }

        .visit_info > li::before {
            content: '';
            display: inline-block;
            background: #727272;
            width: 3px;
            height: 3px;
            margin-right: 10px;
            vertical-align: middle;
        }

/*.visit_info > li:last-child {
            padding-left: 12px;
        }

            .visit_info > li:last-child::before {
                display: none;
            }*/

.pm_select {
    display: flex;
}

    .pm_select > li:first-child > div {
        display: flex;
    }

    .pm_select > li:first-child > p {
        margin-top: 13px;
        font-size: 14px;
    }

.pm_list {
    width: 100%;
    height: 80px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-left: 20px;
    overflow-y: auto;
}

    .pm_list .radio_chk span {
        display: inline-block;
        /*min-width: 128px;*/
        padding: 0 10px;
        text-align: center;
        position: relative;
    }

        .pm_list .radio_chk span:first-child::before {
            display: none;
        }

        .pm_list .radio_chk span::before {
            content: '';
            display: inline-block;
            width: 1px;
            height: 12px;
            background: #ddd;
            position: absolute;
            left: 0;
            top: 14px;
        }

        .pm_list .radio_chk span:last-child {
            text-align: right;
        }

    .pm_list .radio_chk input[type="radio"] + label {
        vertical-align: top;
    }

    .pm_list > div {
        padding: 0 10px;
        border-bottom: 1px solid #ddd;
        height: 40px;
    }

        .pm_list > div.selected {
            background: #f6f6f6;
        }

textarea.work_cnt {
    height: 100px;
    margin: 0;
}

.added_visitor {
    margin-top: 20px;
}

/* 시간선택 */

.timeWrap {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer;
    line-height: 40px;
    background: url(/Content/img/time_icon.png) right 10px center #fff no-repeat;
}

    .timeWrap:hover, .timeWrap:focus {
        -webkit-box-shadow: 0 0 5px #ddd;
        -moz-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
    }

    .timeWrap > .timeInner {
        padding: 0 10px;
    }

.timeOptin_wrap {
    -webkit-box-shadow: 0 0 5px #ddd;
    -moz-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    position: absolute;
    height: 580px;
    margin-top: 4px;
    box-sizing: border-box;
    width: 150px;
    z-index: 999999;
    background-color: #fff;
    display: none;
    border: 1px solid #ddd;
}


.time-option02 {
    position: absolute;
    width: 75px;
    height: 580px;
    min-width: 0;
    z-index: 999;
    padding: 0;
    display: none;
}

    .time-option02 > span {
        width: 75px;
        padding: 10px 16px;
        display: table;
        text-align: center;
        cursor: pointer;
    }

        .time-option02 > span:hover {
            width: 75px;
            padding: 10px 16px;
            display: table;
            text-align: center;
            color: #1a67bd;
            font-weight: 400;
            background: #f1f1f1;
        }



.timeOptin_wrap > div {
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    padding: 10px 0;
}

    .timeOptin_wrap > div::-webkit-scrollbar {
        display: none;
    }

    .timeOptin_wrap > div > span:first-child {
        cursor: default;
    }

        .timeOptin_wrap > div > span:first-child:hover {
            background: none;
            color: #676767;
            font-weight: 300;
        }

#item_table {
    border: 1px solid #ddd;
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
    width: 879px;
}

    #item_table thead th {
        padding: 5px 10px;
        height: 30px;
        line-height: 30px;
    }

    #item_table tbody td {
        padding: 5px 10px;
        font-size: 15px !important;
    }

        #item_table tbody td input {
            text-align: center;
        }

            #item_table tbody td input[type=text] {
                height: 30px;
                line-height: 30px;
                padding: 0 5px;
            }

            #item_table tbody td input[type=button] {
                cursor: pointer;
            }

/* ******************** 

    내방등록완료(내방객)

******************** */
.reg_com {
    text-align: center;
}

    .reg_com::before {
        content: '';
        display: inline-block;
        width: 100px;
        height: 100px;
        background: url(/Content/img/chk_circle.png) center center no-repeat;
    }

    .reg_com > ul {
        margin: 30px 0 40px 0;
    }

        .reg_com > ul > li {
            font-size: 18px;
            line-height: 18px;
        }

            .reg_com > ul > li:first-child {
                font-size: 46px;
                line-height: 46px;
                color: #1a67bd;
                font-weight: 500;
                margin-bottom: 20px;
            }

    .reg_com > table {
        width: 460px;
        margin: 0 auto;
    }

        .reg_com > table td {
            text-align: left;
            font-weight: 400;
        }




/* ******************** 

    내방등록&신청조회 

******************** */
.vsv_cnt {
    position: relative;
    margin-top: 40px;
}

    .vsv_cnt h4 {
        font-size: 26px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 20px;
    }

.sub_cnt .vsv_cnt:first-child {
    margin-top: 0;
}

.visit_add {
    /*position: absolute;
    right: 0;
    top: -5px;*/
    display: flex;
    margin: 20px 10px 20px 10px;
    justify-content: left;
    height: 40px;
}

    .visit_add > div {
        /*position: absolute;*/
    }

    .visit_add > p {
        position: absolute;
        left: 120px;
        line-height: 40px;
        margin-right: 10px;
        color: #676767;
    }

        .visit_add > p > span {
            color: #c91818;
        }


.visit_allAdd {
    /*position: absolute;
    right: 0;
    top: -5px;*/
    display: flex;
    margin: 0px 10px 0px 10px;
    justify-content: left;
    height: 40px;
}

    .visit_allAdd > div {
        /*position: absolute;*/
    }

    .visit_allAdd > p {
        position: absolute;
        left: 120px;
        line-height: 40px;
        margin-right: 10px;
        color: #676767;
    }

        .visit_allAdd > p > span {
            color: #c91818;
        }

.s150 > .ui-selectmenu-button {
    width: 150px;
}


.simple_pop {
    background: #fff;
    width: 400px;
    height: 220px;
}

    .simple_pop > div {
        padding: 35px;
        height: 100%;
    }

    .simple_pop .ment {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        height: 100px;
        line-height: 80px;
    }

    .simple_pop .btn.pop_btn {
        display: flex;
        position: absolute;
        bottom: 35px;
    }

#watched.simple_pop .btn.pop_btn,
#visit_cancel2.simple_pop .btn.pop_btn {
    display: flex;
    position: absolute;
    bottom: 35px;
    left: calc(50% - 80px);
}

#movie_complete.simple_pop .btn.pop_btn {
    display: flex;
    position: absolute;
    bottom: 35px;
    left: calc(50% - 80px);
}

.simple_pop .btn.pop_btn > button {
    width: 160px;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
}

    .simple_pop .btn.pop_btn > button.gray_btn {
        background: #c0c0c0;
        border: none;
        color: #fff;
    }


    .simple_pop .btn.pop_btn > button:nth-child(2n) {
        margin-left: 10px;
    }




/* ******************** 

    FAQ 

******************** */
#faq {
    border-top: 1px solid #000;
    margin: 20px 0 15px 0;
}

.ui-accordion .ui-accordion-header {
    height: 60px;
    line-height: 60px;
    display: block;
    cursor: pointer;
    position: relative;
    padding: 0 30px 0 10px;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #cacaca;
}

    .ui-accordion .ui-accordion-header .company_logo {
        display: inline-block;
        width: 70px;
        height: 60px;
        line-height: 60px;
        margin-right: 10px;
    }

    .ui-accordion .ui-accordion-header img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

    .ui-accordion .ui-accordion-header::after {
        content: "";
        position: absolute;
        top: 25px;
        right: 30px;
        width: 20px;
        height: 10px;
        display: inline-block;
        background: url(/Content/img/faq_arrow.png) left top no-repeat;
        transition: all .2s ease-in-out;
    }

    .ui-accordion .ui-accordion-header.ui-accordion-header-active::after {
        content: "";
        position: absolute;
        top: 25px;
        right: 30px;
        width: 20px;
        height: 10px;
        display: inline-block;
        background: url(/Content/img/faq_arrow.png) left top no-repeat;
        transition: all .3s ease-in-out;
        transform: rotate(180deg);
    }

.ui-accordion-header > .ui-accordion-header-icon {
    background: url(/Content/img/faq_icon.png) left center no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-top: -4px;
    margin-right: 10px;
}

.ui-accordion-header-active > .ui-accordion-header-icon {
    background: url(/Content/img/faq_icon.png) right center no-repeat;
}

.ui-accordion-content {
    border-bottom: 1px solid #cacaca;
    position: relative;
}

    .ui-accordion-content > div.faq_cnt {
        padding: 30px 50px;
        background: #f6f6f6;
    }

    .ui-accordion-content > ul.added_file {
        height: 60px;
        padding: 0 50px;
        background: #f1f1f1;
    }

        .ui-accordion-content > ul.added_file > li {
            line-height: 60px;
        }



.Span-hover {
    width: 75px;
    padding: 10px 16px;
    display: table;
    text-align: center;
    color: #1a67bd;
    font-weight: 400;
    background: #f1f1f1;
}


/*팝업 레이어*/
.pop_modal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
}

.pop_cnt {
    margin-top: 80px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    width: 900px;
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: -450px;
    background: #fff;
}

.pop_close_area {
    position: absolute;
    top: 5px;
    right: 5px;
}

    .pop_close_area button {
        width: 40px;
        height: 40px;
        border-radius: 5px;
        font-size: 0;
        border: 1px solid #000;
        background: url(/Content/img/pop_close.png) no-repeat center;
        color: #e5e5e5;
    }

.pop_cnt #item_table {
    width: 700px;
}

/*메인계열사 선택 추가*/
.mv_cnt > div.visitor_select {
    position: absolute;
    left: calc(50% - 550px);
    top: 520px;
    border-radius: 10px;
    width: 1100px;
}

    .mv_cnt > div.visitor_select > p:first-child {
        color: #222;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin-bottom: 20px;
        letter-spacing: -0.05em;
        text-align: center;
    }

    .mv_cnt > div.visitor_select .list {
    }

        .mv_cnt > div.visitor_select .list button {
            width: 187px;
            height: 187px;
            margin-right: 17px;
            border-radius: 200px;
            border: 7px solid #888;
            font-size: 0;
        }

            /*.mv_cnt > div.visitor_select .list button:nth-of-type(2n+1) {
        margin-left: 0;
     }*/

            .mv_cnt > div.visitor_select .list button:nth-of-type(1) {
                background: url(/Content/img/kc_logo.jpg)#fff no-repeat center;
            }

            .mv_cnt > div.visitor_select .list button:nth-of-type(2) {
                background: url(/Content/img/kctech.jpg)#fff no-repeat center;
            }

            .mv_cnt > div.visitor_select .list button:nth-of-type(3) {
                background: url(/Content/img/kcino.jpg)#fff no-repeat center;
            }

            .mv_cnt > div.visitor_select .list button:nth-of-type(4) {
                background: url(/Content/img/kcindu.jpg)#fff no-repeat center;
            }

            .mv_cnt > div.visitor_select .list button:hover {
                border: 7px solid #e31e26;
            }


















/* 추가 */
.table-container {
    height: 100%;
    margin-bottom: 15px;
}

.fixed-table-container {
    height: 360px;
    margin-bottom: 15px;
}

.fixed-table-wrapper-mng {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    /*스크롤바 숨기기 - IE*/
    -ms-overflow-style: none;
}

    /*스크롤바 숨기기 - 크롬*/
    .fixed-table-wrapper-mng::-webkit-scrollbar {
        /*display: none;*/
    }

.fixed-table-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    /*스크롤바 숨기기 - IE*/
    -ms-overflow-style: none;
}

    /*스크롤바 숨기기 - 크롬*/
    .fixed-table-wrapper::-webkit-scrollbar {
        display: none;
    }

table input[type=checkbox] {
    width: 20px;
    height: 20px;
}

table.header_table {
    border-top: 1px solid #000;
    margin-bottom: 0px;
}


    table.header_table th {
        height: 30px;
        line-height: 30px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.header_table tr > th:first-child {
        border-left: 0;
    }

    /*table.header_table tr:hover {
            background-color: #fcfcfc;
            cursor: pointer;
        }*/

    table.header_table td {
        height: 50px;
        line-height: 50px;
        position: relative;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px 20px;
        color: #676767;
    }

    table.header_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.header_table.vetical td {
        height: 50px;
        text-align: center;
        padding: 0 10px;
    }

        table.header_table.vetical th:nth-child(1),
        table.header_table.vetical td:nth-child(1) {
            border-left: 0px;
        }

        table.header_table.vetical th:nth-child(2),
        table.header_table.vetical td:nth-child(2) {
            /*border-left: 0px;*/
        }

.header_table textarea {
    height: 400px;
}

table.header_table.write_form th {
    padding: 10px 20px;
}


table.list_table {
}

    table.list_table th {
        height: 30px;
        line-height: 30px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 5px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.list_table tr > th:first-child {
        border-left: 0;
    }

    table.list_table tr.UnSelected:hover {
        background-color: #f9f9f9;
        cursor: pointer;
    }

    table.list_table div.selectArea {
        line-height: 40px;
        margin: 0 auto;
    }

    table.list_table td {
        height: 50px;
        /*line-height: 50px;*/
        position: relative;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px 20px;
        color: #676767;
    }

        table.list_table td > div.item {
            cursor: pointer;
        }

            table.list_table td > div.item:hover {
                color: #C6C6C6;
            }

    table.list_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.list_table.vetical td {
        height: 40px;
        text-align: center;
        padding: 0 5px;
    }

        table.list_table.vetical td.left {
            text-align: left;
        }

            table.list_table.vetical td.left.item {
                cursor: pointer;
            }

        table.list_table.vetical th:nth-child(1),
        table.list_table.vetical td:nth-child(1) {
            border-left: 0px;
        }

        table.list_table.vetical th:nth-child(2),
        table.list_table.vetical td:nth-child(2) {
            /*border-left: 0px;*/
        }

.list_table textarea {
    height: 400px;
}

table.list_table.write_form th {
    padding: 10px 20px;
}

table.list_table tr.Selected {
    background-color: #0c4da2;
}

    table.list_table tr.Selected > td {
        color: #fff;
    }



table.data_table {
    border-top: 1px solid #000;
}

    table.data_table th {
        height: 30px;
        line-height: 30px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.data_table tr > th:first-child {
        border-left: 0;
    }

    table.data_table td {
        height: 50px;
        line-height: 50px;
        position: relative;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 10px 20px;
        color: #676767;
    }

    table.data_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.data_table.vetical td {
        height: 50px;
        text-align: center;
        padding: 0 10px;
    }

        table.data_table.vetical th:first-child,
        table.data_table.vetical td:first-child {
            border-left: 0;
        }

.data_table textarea {
    height: 400px;
}

table.data_table.write_form th {
    padding: 10px 20px;
}

.vsv_cnt {
    /*display: none;*/
}


/*================================레이어 팝업====================================*/
#k_mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 990;
    background-color: #606261;
    display: none;
}

.k_layerPop {
    background-color: #fff;
    z-index: 999999;
    border-radius: 10px;
}

div.pop_tit {
    font-size: 34px;
    line-height: 34px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 50px;
}

div.pop_explain {
    font-size: 13px;
    line-height: 30px;
    font-weight: 500;
    color: #CDCDCD;
}





#k_layer {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 990;
    background: #fff;
}

    #k_layer > div {
        display: none;
        width: 830px;
        height: 540px;
    }
        /* 팝업 사이즈설정 - 메인 내방신청 */
        #k_layer > div#main_visitApply {
            width: 1030px;
            height: 630px;
        }
        /* 팝업 사이즈설정 - 메인 개인정보처리방침 */
        #k_layer > div#main_privacy {
            width: 770px;
            height: 630px;
        }

        /* 팝업 사이즈설정 - 관리자 비밀번호 변경 */
        #k_layer > div#admin_changePW {
            width: 400px;
            height: 530px;
        }

        /* 팝업 사이즈설정 - 관리자 로그인 */
        #k_layer > div#admin_visitInfo {
            width: 1120px;
            height: 930px;
        }

        /* 팝업 사이즈설정 - 관리자 로그인 */
        #k_layer > div#admin_login {
            width: 400px;
            height: 480px;
        }

        /* 팝업 사이즈설정 - 파일등록 */
        #k_layer > div#admin_fileAdd {
            width: 540px;
            height: 430px;
        }

        /* 팝업 사이즈설정 - 내방객일괄등록 */
        #k_layer > div#visit_visitorUpload {
            width: 540px;
            height: 400px;
        }

        /* 팝업 사이즈설정 - 파일등록 */
        #k_layer > div#setting_popup {
            width: 500px;
            height: 650px;
        }

        /* 팝업 사이즈설정 - 파일등록 */
        #k_layer > div#admin_userUpload {
            width: 540px;
            height: 400px;
        }

        /* 팝업 사이즈설정 - 내방신청 취소 */
        #k_layer > div#visit_cancel {
            width: 400px;
            height: 220px;
        }

        /* 팝업 사이즈설정 - 내방신청 완료 */
        #k_layer > div#visit_cancel2 {
            width: 400px;
            height: 220px;
        }

        /* 팝업 사이즈설정 - 교육시청 및 문제풀이 */
        #k_layer > div#pop_visitHistoryDownload {
            width: 1024px;
            height: 768px;
        }

        /* 팝업 사이즈설정 - 부서 설정 */
        #k_layer > div#pop_deptSeletor {
            width: 400px;
            height: 530px;
        }


/* 관리자 - 사용자 관리 부서 선택 팝업 */
div#pop_deptSeletor {
    padding: 40px 30px 30px;
}

    /* 제목 */
    div#pop_deptSeletor div.pop_tit {
        font-size: 34px;
        line-height: 34px;
        font-weight: 500;
        text-align: center;
        margin-bottom: 20px;
    }

    /* Tree영역 */
    div#pop_deptSeletor div.pop_treeWrap {
        display: flex;
    }

        div#pop_deptSeletor div.pop_treeWrap div.treeContainer {
            flex-shrink: 0;
            width: 350px;
            padding: 10px 15px;
        }

        div#pop_deptSeletor div.pop_treeWrap div.mainContainer {
            flex-grow: 1;
            padding: 10px 15px;
        }

    /* 목록영역 - 아이템 추가 영역 */
    div#pop_deptSeletor li.pop_content .content_listWrap {
        margin-top: 10px;
        min-height: 50px;
        max-height: 240px;
        overflow-y: auto;
    }

    /* 버튼 영역 */
    div#pop_deptSeletor div.btn {
        text-align: center;
        padding-top: 10px;
    }

        div#pop_deptSeletor div.btn button.pop_btn_send {
            width: 240px;
            height: 50px;
            margin-top: 20px;
            border-radius: 30px;
            background: #d4131a;
            box-shadow: rgba( 0, 0, 0, 0.35) 0 5px 10px;
        }

            div#pop_deptSeletor div.btn button.pop_btn_send > span {
                color: #fff;
                text-align: center;
                font-size: 18px;
                font-weight: 400;
                line-height: 50px;
            }

                div#pop_deptSeletor div.btn button.pop_btn_send > span::after {
                    content: "";
                    display: inline-block;
                    position: relative;
                    top: 4px;
                    background: url(/Content/img/login_icon.png) right top no-repeat;
                    width: 25px;
                    height: 20px;
                    margin-left: 5px;
                }

    div#pop_deptSeletor div.popClose_btn {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        background: transparent;
        border: none;
    }

        div#pop_deptSeletor div.popClose_btn > span {
            font-size: 18px;
            color: #797979;
            font-weight: 400;
            cursor: pointer;
        }


input[Pointer] {
    cursor: pointer;
}



/* 관리자 - 내방 이력 다운로드 팝업 */
div#pop_visitHistoryDownload {
}

    div#pop_visitHistoryDownload .pop_visit_container {
        width: 100%;
        height: 100%;
        /*padding: 10px 10px 120px;*/
        padding: 10px;
        min-height: 586px;
        overflow-y: auto;
    }

        div#pop_visitHistoryDownload .pop_visit_container:hover ~ .popClose_btn {
            opacity: 1;
        }

    div#pop_visitHistoryDownload .popClose_btn {
        position: absolute;
        transform: translateY(0%);
        opacity: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 50px;
        width: 100%;
        text-align: center;
        background: transparent;
        border: none;
        transition-duration: 1s;
    }

        div#pop_visitHistoryDownload .popClose_btn:hover {
            opacity: 1;
        }

        div#pop_visitHistoryDownload .popClose_btn > button {
            height: 35px;
            width: 35px;
            border-radius: 50%;
            background-color: rgba( 255, 255, 255, 1 );
            font-size: 17px;
        }

            div#pop_visitHistoryDownload .popClose_btn > button.close {
                margin: 0 auto;
            }

                div#pop_visitHistoryDownload .popClose_btn > button.close:after {
                    content: "\00d7";
                    line-height: 30px;
                    font-weight: 900;
                    opacity: 1;
                }



/* 메인화면 - 방문등록신청 팝업 */
div#main_visitApply {
    padding: 70px 50px 40px;
}

    div#main_visitApply h4 {
        font-size: 16px;
        font-weight: 300;
        color: #676767;
        text-align: right;
    }


table.pop_visitApply_table {
    border-top: 1px solid #000;
    font-size: 15px;
}

    table.pop_visitApply_table th {
        height: 16px;
        line-height: 16px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 8px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.pop_visitApply_table tr > th:first-child {
        border-left: 0;
    }

    table.pop_visitApply_table td {
        font-size: 18px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 20px 30px;
        color: #222222;
    }


    table.pop_visitApply_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.pop_visitApply_table.vetical td {
        height: 60px;
        text-align: center;
        padding: 0 10px;
    }

        table.pop_visitApply_table.vetical th:first-child,
        table.pop_visitApply_table.vetical td:first-child {
            border-left: 0;
        }

.pop_basic_visitApply textarea {
    height: 400px;
}

table.pop_visitApply_table.write_form th {
    padding: 10px 20px;
}

table.pop_visitApply_table .tit01 {
    font-size: 20px;
    line-height: 28px;
    color: #2a398c;
    font-weight: 600;
}

    table.pop_visitApply_table .tit01 span {
        font-size: 18px;
        color: #2a398c;
        font-weight: 300;
    }

table.pop_visitApply_table .tit02 {
    font-size: 20px;
    line-height: 28px;
    color: #016cba;
    font-weight: 600;
}

table.pop_visitApply_table .place {
    font-size: 16px;
    color: #222222;
    font-weight: 400;
}

    table.pop_visitApply_table .place span {
        font-size: 16px;
        color: #222222;
        font-weight: 300;
    }

table.pop_visitApply_table .day {
    font-size: 15px;
    font-weight: 300;
    color: #222222;
    text-align: center;
}

.visitApply_btn1 {
    font-size: 16px;
    font-weight: 400;
    color: #2a398c;
    text-align: center;
    border: solid 1px #2a398c;
    border-radius: 50px;
    padding: 8px 15px;
    background-color: #fff;
}

.visitApply_btn2 {
    font-size: 16px;
    font-weight: 400;
    color: #016cba;
    text-align: center;
    border: solid 1px #016cba;
    border-radius: 50px;
    padding: 8px 15px;
    background-color: #fff;
}

/* 메인화면 - 개인정보처리방침 팝업 */
div#main_privacy {
    padding: 70px 50px 40px;
}

    div#main_privacy .pop_item {
        padding: 0 20px;
    }

        div#main_privacy .pop_item img {
        }

        div#main_privacy .pop_item ul {
            border-bottom: solid 1px #d4d4d4;
            padding: 14px 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            div#main_privacy .pop_item ul:last-child {
                border-bottom: solid 0px #d4d4d4;
            }

            div#main_privacy .pop_item ul > li:first-child {
                width: 197px;
                margin-right: 28px;
            }

            div#main_privacy .pop_item ul > li:last-child {
                margin-left: 10px;
            }


/* 메인화면 - 관리자 비밀번호 변경팝업 */
div#admin_changePW {
    padding: 70px 50px 40px;
}

    div#admin_changePW ul > li:first-child {
        margin-bottom: 10px;
    }

    div#admin_changePW ul > li:last-child {
        margin-top: 10px;
    }

    div#admin_changePW .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }

/* 메인화면 - 관리자로그인 팝업 */
div#admin_login {
    padding: 70px 50px 40px;
}

    div#admin_login ul > li:first-child {
        margin-bottom: 10px;
    }

    div#admin_login .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }

/* 반려사유 팝업 */
div#approve_reReason {
    padding: 70px 50px 40px;
}

    div#approve_reReason ul > li:first-child {
        margin-bottom: 10px;
    }

    div#approve_reReason .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }

/* 메인화면 - 관리자로그인 팝업 */
div#admin_visitInfo {
    padding: 20px 40px;
}

    div#admin_visitInfo .vsv_cnt {
        position: relative;
        margin-top: 30px;
    }

        div#admin_visitInfo .vsv_cnt h4 {
            font-size: 20px;
            font-weight: 600;
            line-height: 26px;
            margin-bottom: 15px;
        }

    div#admin_visitInfo ul > li:first-child {
        margin-bottom: 10px;
    }

    div#admin_visitInfo .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }

/* 관리자 - 내방객일괄등록 팝업 */
div#visit_visitorUpload {
    padding: 65px 50px 40px;
}


/* 관리자 - 파일등록 팝업 */
div#admin_fileAdd {
    padding: 65px 50px 40px;
}


/* 관리자 - 사용자일괄등록 팝업 */
div#admin_userUpload {
    padding: 65px 50px 40px;
}

/* 관리 팝업 */

div#setting_popup {
    padding: 30px 40px 30px;
}

    /* div#setting_popup > div {
        width: 100%;
        height: 100%;
        padding: 40px;
    }*/

    div#setting_popup .lp_tit {
        text-align: center;
        border-bottom: 1px solid #000;
        padding-bottom: 30px;
        position: relative;
    }

        div#setting_popup .lp_tit > .pop_tit {
            font-size: 28px;
            line-height: 28px;
            font-weight: 500;
        }

        div#setting_popup .lp_tit > button {
            background: none;
            position: absolute;
            right: 0;
            top: 5px;
            font-size: 18px;
            font-weight: 400;
            color: #7a7a7a;
        }

    div#setting_popup .lp_cnt {
        padding-top: 20px;
    }

        div#setting_popup .lp_cnt > .option_select {
            margin-bottom: 15px;
            height: 40px;
        }

            div#setting_popup .lp_cnt > .option_select > p {
                display: inline-block;
                position: relative;
                top: 10px;
                left: 5px;
                vertical-align: top;
                font-size: 14px;
                color: #676767;
            }

                div#setting_popup .lp_cnt > .option_select > p > span {
                    color: #dd1515;
                    font-weight: 400;
                }

        div#setting_popup .lp_cnt > .move_list {
            height: 220px;
            max-height: 220px;
            overflow-y: auto;
        }

        div#setting_popup .lp_cnt > .sub_list {
            height: 180px;
            max-height: 180px;
            overflow-y: auto;
        }

        div#setting_popup .lp_cnt > .move_list > ul {
            display: flex;
            position: relative;
            border: 1px solid #ddd;
            background: #fff;
            padding: 10px;
            width: 100%;
            height: 50px;
            margin-top: 5px;
        }

            div#setting_popup .lp_cnt > .move_list > ul:first-child {
                margin-top: 0;
            }

            div#setting_popup .lp_cnt > .move_list > ul.selected {
                border: 2px solid #1a67bd;
            }

        div#setting_popup .lp_cnt > .move_list li.move,
        div#setting_popup .lp_cnt > .move_list li.move span {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
        }

        div#setting_popup .lp_cnt > .move_list li.move {
            position: relative;
            width: 14px;
            height: 9px;
            top: 9px;
            margin-right: 10px;
            cursor: pointer;
        }

            div#setting_popup .lp_cnt > .move_list li.move span {
                position: absolute;
                left: 0;
                width: 100%;
                height: 1px;
                background-color: #676767;
            }

                div#setting_popup .lp_cnt > .move_list li.move span:nth-of-type(1) {
                    top: 0;
                }

                div#setting_popup .lp_cnt > .move_list li.move span:nth-of-type(2) {
                    top: 4px;
                }

                div#setting_popup .lp_cnt > .move_list li.move span:nth-of-type(3) {
                    bottom: 0;
                }

        div#setting_popup .lp_cnt > .move_list li.modify {
            position: absolute;
            right: 80px;
        }

            div#setting_popup .lp_cnt > .move_list li.modify > button {
                color: #1a67bd;
                background: none;
                vertical-align: top;
            }

        div#setting_popup .lp_cnt > .move_list li.use {
            position: absolute;
            right: 10px;
            top: 9px;
        }

            div#setting_popup .lp_cnt > .move_list li.use > button {
                width: 50px;
                height: 30px;
                border-radius: 3px;
                background: #1a67bd;
                color: #fff;
                font-size: 13px;
                font-weight: 500;
                text-align: center;
                line-height: 30px;
            }

        div#setting_popup .lp_cnt > .modi_form {
            margin-top: 10px;
        }

            div#setting_popup .lp_cnt > .modi_form input,
            div#setting_popup .lp_cnt > .modi_form input:focus {
                border-color: #8b8b8b !important;
                margin: 3px 0;
            }


        div#setting_popup .lp_cnt > .move_list > ul.notUsed {
            background: #f6f6f6;
        }

            div#setting_popup .lp_cnt > .move_list > ul.notUsed .move span {
                background: #bcbcbc;
            }

            div#setting_popup .lp_cnt > .move_list > ul.notUsed .txt,
            div#setting_popup .lp_cnt > .move_list > ul.notUsed .modify button {
                color: #b7b7b7;
            }

            div#setting_popup .lp_cnt > .move_list > ul.notUsed .use button {
                background: #d4d4d4;
            }


    div#setting_popup .btn.pop_btn {
        padding: 20px 0 0 0;
    }

        div#setting_popup .btn.pop_btn > button {
            width: 130px;
            height: 50px;
            line-height: 50px;
            font-size: 16px;
        }

.btn.pop_btn > button:nth-child(2n),
.btn.pop_btn > button:nth-child(3n) {
    margin-left: 15px;
}





.mo_header .logo > img.DEFAULT {
    background: url(/Content/img/logo.png) left bottom no-repeat;
    background-size: 76px;
}

.mo_header .logo > img.TECH {
    background: url(/Content/img/toplogo_KCTech.png) left bottom no-repeat;
    background-size: 76px;
}

.mo_header .logo > img.INO {
    background: url(/Content/img/toplogo_KCinov.png) left bottom no-repeat;
    background-size: 76px;
}

.mo_header .logo > img.IND {
    background: url(/Content/img/toplogo_KCinc.png) left bottom no-repeat;
    background-size: 76px;
}

.mo_header .logo > img.ENC {
    background: url(/Content/img/toplogo_KCenc.png) left bottom no-repeat;
    background-size: 76px;
}

.mo_header .logo > img.TEM {
    background: url(/Content/img/toplogo_tem.png) left bottom no-repeat;
    background-size: 76px;
}




/* ************* Dev Control 사용으로 인한 두번째 Layer Popup ************* */
#k_mask2 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 990;
    background-color: #606261;
    display: none;
}

#k_layer2 {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 990;
    background: #fff;
}

    #k_layer2 > div {
        display: none;
        width: 860px;
        height: 100%;
    }
        /* 팝업 사이즈설정 - 관리자 로그인 */
        #k_layer2 > div#contents_preview {
            width: 600px;
            height: 500px;
        }

    #k_layer2 div.login_pop_close {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        background: transparent;
        border: none;
    }

        #k_layer2 div.login_pop_close > span {
            font-size: 18px;
            color: #FFFFFF;
            font-weight: 400;
            cursor: pointer;
        }


/* ************* 인포 방문자 정보(QR코드) Layer Popup ************* */
table.pop_basic_table {
    border-top: 1px solid #000;
    font-size: 15px;
}

    table.pop_basic_table th {
        height: 16px;
        line-height: 16px;
        background: #f6f6f6;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 8px;
        text-align: center;
        font-weight: 400;
        color: #222;
    }

    table.pop_basic_table tr > th:first-child {
        border-left: 0;
    }

    table.pop_basic_table td {
        height: 16px;
        line-height: 16px;
        position: relative;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        padding: 4px 20px;
        color: #676767;
    }


    table.pop_basic_table.vetical th {
        border-left: 1px solid #ddd;
    }

    table.pop_basic_table.vetical td {
        height: 60px;
        text-align: center;
        padding: 0 10px;
    }

        table.pop_basic_table.vetical th:first-child,
        table.pop_basic_table.vetical td:first-child {
            border-left: 0;
        }

.pop_basic_table textarea {
    height: 400px;
}

table.pop_basic_table.write_form th {
    padding: 10px 20px;
}


#Pop_Info_ItemTable {
    border: 1px solid #ddd;
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
    width: 820px;
}

    #Pop_Info_ItemTable thead th {
        padding: 4px 10px;
        height: 20px;
        line-height: 20px;
    }

    #Pop_Info_ItemTable tbody td {
        padding: 4px 10px;
        font-size: 15px !important;
        height: 20px;
        line-height: 20px;
    }

        #Pop_Info_ItemTable tbody td input {
            text-align: center;
        }

            #Pop_Info_ItemTable tbody td input[type=text] {
                height: 30px;
                line-height: 30px;
                padding: 0 5px;
            }

            #Pop_Info_ItemTable tbody td input[type=button] {
                cursor: pointer;
            }


/* 내방신청조회 - 리스트 하단 Row Count 표시 */
.rowCount ul {
    text-align: center;
    height: 40px;
    list-style: none;
}

.rowCount li {
    display: inline-block;
}


.reSendSMS {
    cursor: pointer;
}

.company_logo {
    display: inline-block;
    width: 70px;
    height: 60px;
    line-height: 60px;
    margin-right: 10px;
}

    .company_logo img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
    }

/*설정 lable*/

.setlabel{    
    padding-left:5px;
    padding-right:30px;
}


/* input[type="number"] 의 화살표(증감, 감소) 없애기 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* 팝업 사이즈설정 - 비밀번호 재발급 */
#k_layer > div#admin_rePassWord {
    width: 450px;
    height: 443px;
}

/* 메인화면 - 비밀번호 재발급 팝업 */
div#admin_rePassWord {
    padding: 70px 50px 40px;
}
    div#admin_rePassWord ul > li:first-child {
        margin-bottom: 10px;
    }

    div#admin_rePassWord ul > li:last-child {
        margin-top: 10px;
    }

    div#admin_rePassWord .login_input {
        border: 1px solid #d4d4d4;
        font-size: 18px;
        font-weight: 300;
        width: 100%;
        height: 60px;
        border-radius: 5px;
        padding: 10px 20px;
    }
.jstree-node,.jstree-children,.jstree-container-ul{display:block;margin:0;padding:0;list-style-type:none;list-style-image:none}.jstree-node{white-space:nowrap}.jstree-anchor{display:inline-block;color:black;white-space:nowrap;padding:0 4px 0 1px;margin:0;vertical-align:top}.jstree-anchor:focus{outline:0}.jstree-anchor,.jstree-anchor:link,.jstree-anchor:visited,.jstree-anchor:hover,.jstree-anchor:active{text-decoration:none;color:inherit}.jstree-icon{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-icon:empty{display:inline-block;text-decoration:none;margin:0;padding:0;vertical-align:top;text-align:center}.jstree-ocl{cursor:pointer}.jstree-leaf>.jstree-ocl{cursor:default}.jstree .jstree-open>.jstree-children{display:block}.jstree .jstree-closed>.jstree-children,.jstree .jstree-leaf>.jstree-children{display:none}.jstree-anchor>.jstree-themeicon{margin-right:2px}.jstree-no-icons .jstree-themeicon,.jstree-anchor>.jstree-themeicon-hidden{display:none}.jstree-hidden,.jstree-node.jstree-hidden{display:none}.jstree-rtl .jstree-anchor{padding:0 1px 0 4px}.jstree-rtl .jstree-anchor>.jstree-themeicon{margin-left:2px;margin-right:0}.jstree-rtl .jstree-node{margin-left:0}.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-wholerow-ul{position:relative;display:inline-block;min-width:100%}.jstree-wholerow-ul .jstree-leaf>.jstree-ocl{cursor:pointer}.jstree-wholerow-ul .jstree-anchor,.jstree-wholerow-ul .jstree-icon{position:relative}.jstree-wholerow-ul .jstree-wholerow{width:100%;cursor:pointer;position:absolute;left:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jstree-contextmenu .jstree-anchor{-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}.vakata-context{display:none}.vakata-context,.vakata-context ul{margin:0;padding:2px;position:absolute;background:#f5f5f5;border:1px solid #979797;box-shadow:2px 2px 2px #999999}.vakata-context ul{list-style:none;left:100%;margin-top:-2.7em;margin-left:-4px}.vakata-context .vakata-context-right ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context li{list-style:none}.vakata-context li>a{display:block;padding:0 2em 0 2em;text-decoration:none;width:auto;color:black;white-space:nowrap;line-height:2.4em;text-shadow:1px 1px 0 white;border-radius:1px}.vakata-context li>a:hover{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context li>a.vakata-context-parent{background-image:url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");background-position:right center;background-repeat:no-repeat}.vakata-context li>a:focus{outline:0}.vakata-context .vakata-context-no-icons{margin-left:0}.vakata-context .vakata-context-hover>a{position:relative;background-color:#e8eff7;box-shadow:0 0 2px #0a6aa1}.vakata-context .vakata-context-separator>a,.vakata-context .vakata-context-separator>a:hover{background:white;border:0;border-top:1px solid #e2e3e3;height:1px;min-height:1px;max-height:1px;padding:0;margin:0 0 0 2.4em;border-left:1px solid #e0e0e0;text-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border-radius:0}.vakata-context .vakata-contextmenu-disabled a,.vakata-context .vakata-contextmenu-disabled a:hover{color:silver;background-color:transparent;border:0;box-shadow:0 0 0}.vakata-context .vakata-contextmenu-disabled>a>i{filter:grayscale(100%)}.vakata-context li>a>i{text-decoration:none;display:inline-block;width:2.4em;height:2.4em;background:transparent;margin:0 0 0 -2em;vertical-align:top;text-align:center;line-height:2.4em}.vakata-context li>a>i:empty{width:2.4em;line-height:2.4em}.vakata-context li>a .vakata-contextmenu-sep{display:inline-block;width:1px;height:2.4em;background:white;margin:0 .5em 0 0;border-left:1px solid #e2e3e3}.vakata-context .vakata-contextmenu-shortcut{font-size:.8em;color:silver;opacity:.5;display:none}.vakata-context-rtl ul{left:auto;right:100%;margin-left:auto;margin-right:-4px}.vakata-context-rtl li>a.vakata-context-parent{background-image:url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");background-position:left center;background-repeat:no-repeat}.vakata-context-rtl .vakata-context-separator>a{margin:0 2.4em 0 0;border-left:0;border-right:1px solid #e2e3e3}.vakata-context-rtl .vakata-context-left ul{right:auto;left:100%;margin-left:-4px;margin-right:auto}.vakata-context-rtl li>a>i{margin:0 -2em 0 0}.vakata-context-rtl li>a .vakata-contextmenu-sep{margin:0 0 0 .5em;border-left-color:white;background:#e2e3e3}#jstree-marker{position:absolute;top:0;left:0;margin:-5px 0 0 0;padding:0;border-right:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid;width:0;height:0;font-size:0;line-height:0}#jstree-dnd{line-height:16px;margin:0;padding:4px}#jstree-dnd .jstree-icon,#jstree-dnd .jstree-copy{display:inline-block;text-decoration:none;margin:0 2px 0 0;padding:0;width:16px;height:16px}#jstree-dnd .jstree-ok{background:green}#jstree-dnd .jstree-er{background:red}#jstree-dnd .jstree-copy{margin:0 2px 0 2px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-repeat:no-repeat;background-color:transparent}.jstree-default .jstree-anchor,.jstree-default .jstree-animated,.jstree-default .jstree-wholerow{transition:background-color .15s,box-shadow .15s}.jstree-default .jstree-hovered{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #cccccc}.jstree-default .jstree-context{background:#e7f4f9;border-radius:2px;box-shadow:inset 0 0 1px #cccccc}.jstree-default .jstree-clicked{background:#beebff;border-radius:2px;box-shadow:inset 0 0 1px #999999}.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon{display:none}.jstree-default .jstree-disabled{background:transparent;color:#666666}.jstree-default .jstree-disabled.jstree-hovered{background:transparent;box-shadow:none}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-disabled>.jstree-icon{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default .jstree-search{font-style:italic;color:#8b0000;font-weight:bold}.jstree-default .jstree-no-checkboxes .jstree-checkbox{display:none !important}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked{background:transparent;box-shadow:none}.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered{background:#e7f4f9}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked{background:transparent}.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered{background:#e7f4f9}.jstree-default>.jstree-striped{min-width:100%;display:inline-block;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat}.jstree-default>.jstree-wholerow-ul .jstree-hovered,.jstree-default>.jstree-wholerow-ul .jstree-clicked{background:transparent;box-shadow:none;border-radius:0}.jstree-default .jstree-wholerow{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.jstree-default .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default .jstree-wholerow-clicked{background:#beebff;background:-webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);background:linear-gradient(to bottom, #beebff 0, #a8e4ff 100%)}.jstree-default .jstree-node{min-height:24px;line-height:24px;margin-left:24px;min-width:24px}.jstree-default .jstree-anchor{line-height:24px;height:24px}.jstree-default .jstree-icon{width:24px;height:24px;line-height:24px}.jstree-default .jstree-icon:empty{width:24px;height:24px;line-height:24px}.jstree-default.jstree-rtl .jstree-node{margin-right:24px}.jstree-default .jstree-wholerow{height:24px}.jstree-default .jstree-node,.jstree-default .jstree-icon{background-image:url("32px.png")}.jstree-default .jstree-node{background-position:-292px -4px;background-repeat:repeat-y}.jstree-default .jstree-last{background:transparent}.jstree-default .jstree-open>.jstree-ocl{background-position:-132px -4px}.jstree-default .jstree-closed>.jstree-ocl{background-position:-100px -4px}.jstree-default .jstree-leaf>.jstree-ocl{background-position:-68px -4px}.jstree-default .jstree-themeicon{background-position:-260px -4px}.jstree-default>.jstree-no-dots .jstree-node,.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -4px}.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -4px}.jstree-default .jstree-disabled{background:transparent}.jstree-default .jstree-disabled.jstree-hovered{background:transparent}.jstree-default .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default .jstree-checkbox{background-position:-164px -4px}.jstree-default .jstree-checkbox:hover{background-position:-164px -36px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default .jstree-checked>.jstree-checkbox{background-position:-228px -4px}.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default .jstree-checked>.jstree-checkbox:hover{background-position:-228px -36px}.jstree-default .jstree-anchor>.jstree-undetermined{background-position:-196px -4px}.jstree-default .jstree-anchor>.jstree-undetermined:hover{background-position:-196px -36px}.jstree-default .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default>.jstree-striped{background-size:auto 48px}.jstree-default.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position:100% 1px;background-repeat:repeat-y}.jstree-default.jstree-rtl .jstree-last{background:transparent}.jstree-default.jstree-rtl .jstree-open>.jstree-ocl{background-position:-132px -36px}.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-100px -36px}.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-68px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-36px -36px}.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-4px -36px}.jstree-default .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url("throbber.gif") center center no-repeat}.jstree-default .jstree-file{background:url("32px.png") -100px -68px no-repeat}.jstree-default .jstree-folder{background:url("32px.png") -260px -4px no-repeat}.jstree-default>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default{line-height:24px;padding:0 4px}#jstree-dnd.jstree-default .jstree-ok,#jstree-dnd.jstree-default .jstree-er{background-image:url("32px.png");background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default i{background:transparent;width:24px;height:24px;line-height:24px}#jstree-dnd.jstree-default .jstree-ok{background-position:-4px -68px}#jstree-dnd.jstree-default .jstree-er{background-position:-36px -68px}.jstree-default .jstree-ellipsis{overflow:hidden}.jstree-default .jstree-ellipsis .jstree-anchor{width:calc(100% - 29px);text-overflow:ellipsis;overflow:hidden}.jstree-default.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==")}.jstree-default.jstree-rtl .jstree-last{background:transparent}.jstree-default-small .jstree-node{min-height:18px;line-height:18px;margin-left:18px;min-width:18px}.jstree-default-small .jstree-anchor{line-height:18px;height:18px}.jstree-default-small .jstree-icon{width:18px;height:18px;line-height:18px}.jstree-default-small .jstree-icon:empty{width:18px;height:18px;line-height:18px}.jstree-default-small.jstree-rtl .jstree-node{margin-right:18px}.jstree-default-small .jstree-wholerow{height:18px}.jstree-default-small .jstree-node,.jstree-default-small .jstree-icon{background-image:url("32px.png")}.jstree-default-small .jstree-node{background-position:-295px -7px;background-repeat:repeat-y}.jstree-default-small .jstree-last{background:transparent}.jstree-default-small .jstree-open>.jstree-ocl{background-position:-135px -7px}.jstree-default-small .jstree-closed>.jstree-ocl{background-position:-103px -7px}.jstree-default-small .jstree-leaf>.jstree-ocl{background-position:-71px -7px}.jstree-default-small .jstree-themeicon{background-position:-263px -7px}.jstree-default-small>.jstree-no-dots .jstree-node,.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -7px}.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -7px}.jstree-default-small .jstree-disabled{background:transparent}.jstree-default-small .jstree-disabled.jstree-hovered{background:transparent}.jstree-default-small .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-small .jstree-checkbox{background-position:-167px -7px}.jstree-default-small .jstree-checkbox:hover{background-position:-167px -39px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-small .jstree-checked>.jstree-checkbox{background-position:-231px -7px}.jstree-default-small.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-small .jstree-checked>.jstree-checkbox:hover{background-position:-231px -39px}.jstree-default-small .jstree-anchor>.jstree-undetermined{background-position:-199px -7px}.jstree-default-small .jstree-anchor>.jstree-undetermined:hover{background-position:-199px -39px}.jstree-default-small .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-small>.jstree-striped{background-size:auto 36px}.jstree-default-small.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position:100% 1px;background-repeat:repeat-y}.jstree-default-small.jstree-rtl .jstree-last{background:transparent}.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl{background-position:-135px -39px}.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-103px -39px}.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-71px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-39px -39px}.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:-7px -39px}.jstree-default-small .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url("throbber.gif") center center no-repeat}.jstree-default-small .jstree-file{background:url("32px.png") -103px -71px no-repeat}.jstree-default-small .jstree-folder{background:url("32px.png") -263px -7px no-repeat}.jstree-default-small>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-small{line-height:18px;padding:0 4px}#jstree-dnd.jstree-default-small .jstree-ok,#jstree-dnd.jstree-default-small .jstree-er{background-image:url("32px.png");background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-small i{background:transparent;width:18px;height:18px;line-height:18px}#jstree-dnd.jstree-default-small .jstree-ok{background-position:-7px -71px}#jstree-dnd.jstree-default-small .jstree-er{background-position:-39px -71px}.jstree-default-small .jstree-ellipsis{overflow:hidden}.jstree-default-small .jstree-ellipsis .jstree-anchor{width:calc(100% - 23px);text-overflow:ellipsis;overflow:hidden}.jstree-default-small.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==")}.jstree-default-small.jstree-rtl .jstree-last{background:transparent}.jstree-default-large .jstree-node{min-height:32px;line-height:32px;margin-left:32px;min-width:32px}.jstree-default-large .jstree-anchor{line-height:32px;height:32px}.jstree-default-large .jstree-icon{width:32px;height:32px;line-height:32px}.jstree-default-large .jstree-icon:empty{width:32px;height:32px;line-height:32px}.jstree-default-large.jstree-rtl .jstree-node{margin-right:32px}.jstree-default-large .jstree-wholerow{height:32px}.jstree-default-large .jstree-node,.jstree-default-large .jstree-icon{background-image:url("32px.png")}.jstree-default-large .jstree-node{background-position:-288px 0;background-repeat:repeat-y}.jstree-default-large .jstree-last{background:transparent}.jstree-default-large .jstree-open>.jstree-ocl{background-position:-128px 0}.jstree-default-large .jstree-closed>.jstree-ocl{background-position:-96px 0}.jstree-default-large .jstree-leaf>.jstree-ocl{background-position:-64px 0}.jstree-default-large .jstree-themeicon{background-position:-256px 0}.jstree-default-large>.jstree-no-dots .jstree-node,.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px 0}.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 0}.jstree-default-large .jstree-disabled{background:transparent}.jstree-default-large .jstree-disabled.jstree-hovered{background:transparent}.jstree-default-large .jstree-disabled.jstree-clicked{background:#efefef}.jstree-default-large .jstree-checkbox{background-position:-160px 0}.jstree-default-large .jstree-checkbox:hover{background-position:-160px -32px}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-large .jstree-checked>.jstree-checkbox{background-position:-224px 0}.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-large .jstree-checked>.jstree-checkbox:hover{background-position:-224px -32px}.jstree-default-large .jstree-anchor>.jstree-undetermined{background-position:-192px 0}.jstree-default-large .jstree-anchor>.jstree-undetermined:hover{background-position:-192px -32px}.jstree-default-large .jstree-checkbox-disabled{opacity:.8;filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");filter:gray;-webkit-filter:grayscale(100%)}.jstree-default-large>.jstree-striped{background-size:auto 64px}.jstree-default-large.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");background-position:100% 1px;background-repeat:repeat-y}.jstree-default-large.jstree-rtl .jstree-last{background:transparent}.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl{background-position:-128px -32px}.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-96px -32px}.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl{background-position:-64px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl{background-position:-32px -32px}.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl{background-position:0 -32px}.jstree-default-large .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl{background:url("throbber.gif") center center no-repeat}.jstree-default-large .jstree-file{background:url("32px.png") -96px -64px no-repeat}.jstree-default-large .jstree-folder{background:url("32px.png") -256px 0 no-repeat}.jstree-default-large>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}#jstree-dnd.jstree-default-large{line-height:32px;padding:0 4px}#jstree-dnd.jstree-default-large .jstree-ok,#jstree-dnd.jstree-default-large .jstree-er{background-image:url("32px.png");background-repeat:no-repeat;background-color:transparent}#jstree-dnd.jstree-default-large i{background:transparent;width:32px;height:32px;line-height:32px}#jstree-dnd.jstree-default-large .jstree-ok{background-position:0 -64px}#jstree-dnd.jstree-default-large .jstree-er{background-position:-32px -64px}.jstree-default-large .jstree-ellipsis{overflow:hidden}.jstree-default-large .jstree-ellipsis .jstree-anchor{width:calc(100% - 37px);text-overflow:ellipsis;overflow:hidden}.jstree-default-large.jstree-rtl .jstree-node{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==")}.jstree-default-large.jstree-rtl .jstree-last{background:transparent}@media (max-width:768px){#jstree-dnd.jstree-dnd-responsive{line-height:40px;font-weight:bold;font-size:1.1em;text-shadow:1px 1px white}#jstree-dnd.jstree-dnd-responsive>i{background:transparent;width:40px;height:40px}#jstree-dnd.jstree-dnd-responsive>.jstree-ok{background-image:url("40px.png");background-position:0 -200px;background-size:120px 240px}#jstree-dnd.jstree-dnd-responsive>.jstree-er{background-image:url("40px.png");background-position:-40px -200px;background-size:120px 240px}#jstree-marker.jstree-dnd-responsive{border-left-width:10px;border-top-width:10px;border-bottom-width:10px;margin-top:-10px}}@media (max-width:768px){.jstree-default-responsive .jstree-icon{background-image:url("40px.png")}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-responsive .jstree-node{min-height:40px;line-height:40px;margin-left:40px;min-width:40px;white-space:nowrap}.jstree-default-responsive .jstree-anchor{line-height:40px;height:40px}.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-icon:empty{width:40px;height:40px;line-height:40px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0}.jstree-default-responsive.jstree-rtl .jstree-node{margin-left:0;margin-right:40px;background:transparent}.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node{margin-right:0}.jstree-default-responsive .jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-size:120px 240px}.jstree-default-responsive .jstree-leaf>.jstree-ocl,.jstree-default-responsive.jstree-rtl .jstree-leaf>.jstree-ocl{background:transparent}.jstree-default-responsive .jstree-open>.jstree-ocl{background-position:0 0 !important}.jstree-default-responsive .jstree-closed>.jstree-ocl{background-position:0 -40px !important}.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl{background-position:-40px 0 !important}.jstree-default-responsive .jstree-themeicon{background-position:-40px -40px}.jstree-default-responsive .jstree-checkbox,.jstree-default-responsive .jstree-checkbox:hover{background-position:-40px -80px}.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,.jstree-default-responsive.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,.jstree-default-responsive .jstree-checked>.jstree-checkbox,.jstree-default-responsive .jstree-checked>.jstree-checkbox:hover{background-position:0 -80px}.jstree-default-responsive .jstree-anchor>.jstree-undetermined,.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover{background-position:0 -120px}.jstree-default-responsive .jstree-anchor{font-weight:bold;font-size:1.1em;text-shadow:1px 1px white}.jstree-default-responsive>.jstree-striped{background:transparent}.jstree-default-responsive .jstree-wholerow{border-top:1px solid rgba(255,255,255,0.7);border-bottom:1px solid rgba(64,64,64,0.2);background:#ebebeb;height:40px}.jstree-default-responsive .jstree-wholerow-hovered{background:#e7f4f9}.jstree-default-responsive .jstree-wholerow-clicked{background:#beebff}.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow{box-shadow:inset 0 -6px 3px -5px #666666}.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow{box-shadow:inset 0 6px 3px -5px #666666;border-top:0}.jstree-default-responsive .jstree-children .jstree-open+.jstree-open{box-shadow:none}.jstree-default-responsive .jstree-node,.jstree-default-responsive .jstree-icon,.jstree-default-responsive .jstree-node>.jstree-ocl,.jstree-default-responsive .jstree-themeicon,.jstree-default-responsive .jstree-checkbox{background-image:url("40px.png");background-size:120px 240px}.jstree-default-responsive .jstree-node{background-position:-80px 0;background-repeat:repeat-y}.jstree-default-responsive .jstree-last{background:transparent}.jstree-default-responsive .jstree-leaf>.jstree-ocl{background-position:-40px -120px}.jstree-default-responsive .jstree-last>.jstree-ocl{background-position:-40px -160px}.jstree-default-responsive .jstree-themeicon-custom{background-color:transparent;background-image:none;background-position:0 0}.jstree-default-responsive .jstree-file{background:url("40px.png") 0 -160px no-repeat;background-size:120px 240px}.jstree-default-responsive .jstree-folder{background:url("40px.png") -40px -40px no-repeat;background-size:120px 240px}.jstree-default-responsive>.jstree-container-ul>.jstree-node{margin-left:0;margin-right:0}}
/* Navigation Button */
.btnCutom {
    margin-right: 5px;
    width: 150px;
    height: 40px;
}

    .btnCutom span {
        color: red;
        text-align: center;
    }

/* Navigation Button Enable */
.btnEnabel span {
    color: #808080;
}

/* PDF Viewer */
#PDFViewerAdmin {
    margin: 0 auto;
    width: 1000px;
}

    #PDFViewerAdmin_CCell td img {
        width: 100%;
        max-height: 800px;
    }

/* Empty Data 표시 역역(Table) */
#PDFViewerAdmin_CCell dxdvCtrl {
    padding: 0px;
}

td#PDFViewerAdmin_CCell {
    padding: 0px;
}

td.dxdvItem {
    border: 0px;
    background-color: #fff;
}


/* Empty Data 표시 역역(TD) */
#PDFViewer_CCell .dxdvEmptyData {
    color: red;
    font-size: 20pt;
}

/* Navigation 영역 */
.nav_container {
    padding: 5px;
    position: absolute;
    width: 100%;
    bottom: 0px;
}


.nav_container .nav {
}
    .nav_container .nav li {
        display: inline-block;
        font-weight: 400;
        height: 40px;
        line-height: 40px;
    }

        .nav_container .nav li.button {
            border: 1px solid red;
            border-radius: 5px;
            width: 70px;
            color: #FFF;
            background: #D4131A;
            box-shadow: rgb(0 0 0 / 20%) 2px 2px;
            text-align: center;
            font-size: 15px;
            cursor: pointer;
        }

            .nav_container .nav li.button.enabled {
                opacity: 0.35;
                cursor: default;
            }


        .nav_container .nav li.page {
            width: calc(100% - 150px);
            text-align: center;
            font-size: 15px;
            color: #7F7F7F;
        }