/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(1050,40): run-time error CSS1034: Expected closing parenthesis, found ','
(1050,40): run-time error CSS1042: Expected function, found ','
(1050,45): run-time error CSS1062: Expected semicolon or closing curly-brace, 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: 150px;
}

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;
}
/* 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;
}
@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
}


.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;}
.w300 {width: 300px !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: 32px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    position: absolute;
    width: 146px;
    height: 46px;
    background: url(/Content/img/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;
}

.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%;
}

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.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.3;
}

.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;
    text-align:center;
}

.mv_cnt > ul.main_txt {
    position: absolute;
    top: 200px;
    /*left: 50px;*/
    width:100%;
}

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

.mv_cnt > ul > li {
    font-weight: 300;
    font-size: 38px;
    color: #ffffff;
    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: 548px;
    width: 100%;
}

.main_btn_area .main_btn_aff {
    display: flex;
    width: 750px;
    margin: 0 auto;
}

    .main_btn_area .main_btn_first {
        display: inline-block;
        width: 250px;
        height: 135px;
        border-right: 1px solid #d9d9d9;
        box-sizing: border-box;
        background: #3e3f45; /*#202539;*/
    }

.main_btn_area .main_btn_first p {
    display: table-cell;
    width: 250px;
    height: inherit;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    cursor: default;
    background: url(/Content/img/main_btn_deco.png) center 40px no-repeat;
}

.main_btn_area a {
    display: inline-block;
    width: 250px;
    height: 135px;
    border-right: 1px solid #d9d9d9;
    font-size: 0;
    box-sizing: border-box;
}

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

.main_btn_area a.main_btn_second {
    background: url(/Content/img/main_btn_second.png) no-repeat #fff;
}

.main_btn_area a.main_btn_third {
    background: url(/Content/img/main_btn_third.png) no-repeat #fff;
}


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

    내방 절차

******************** */
.main_proc_guide {
    padding-top: 170px;
    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: 40px;
}

.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: #e31e26;
    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 33px 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 120px;
    min-height: 900px;
}

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

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

.sub_header .header_logo > a.DEFAULT {
    background: url(/Content/img/dwchem_logo.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;
}

.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: 60px;
}

#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: 40px;
}

.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;
}
.main_btn {
    width: 180px;
    height: 60px;
    text-align: center;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    background: #3b6ba1;
    color: #fff;
}
.btn > button.border_btn,
.btn > button.prev_btn {
    border: 1px solid #1a67bd;
    color: #1a67bd;
}

    .btn > button.next_btn,
    .btn > button.submit,
    .visitAdd_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;
}
.visitAdd_submit,
.btn.in_table > button {
    width: 100px;
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    border-radius:3px;
}

.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: 60px;
    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-bottom: 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-content .title {
    display: inline-block;
    background: url('/Content/img/agree_step_on.png') left center no-repeat;
    margin: 20px 0 8px 0;
}

.tab-content .title span {
    color: #1a67bd;
    font-size: 18px;
    font-weight: 500;
    margin-left: 30px;
    letter-spacing: -0.05em;
}

/* 관리자 페이지에서만 사용 */
.tab-content .title button {
    background: #1a67bd;
    color: #fff;
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 300;
    margin-left:10px;
}


.tab-content.agree_box > h3 {
    text-align: right;
    padding: 15px 0;
    line-height: 15px;
}

.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;
}


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

    납품차량

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

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

table.deli_table tr > th {
    border-left: 0;
}

table.deli_table .que {
    background: #ffffff;
    padding: 20px 45px;
    text-align: left;
    line-height: 1.5;
}

table.deli_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.deli_table .center {
    text-align: center;
}

.deli-con {
    display: inherit;
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 50px 20px 20px 20px;
    width: 100%;
    height: 400px;
    line-height: 30px;
}

.deli-con p {
    text-align: center;
}

.deli-con hr {
    display: block !important;
    border: 1px solid #ddd;
    margin: 50px 35px;
}

.deli-con .item-wrap {
    padding-left: 100px;
}

.deli-con .item-wrap .items {
    display: block;
}

.deli-con .item-wrap .items:before,
.deli-con .item-wrap .items:after {
    content: '';
    display: block;
    clear: both;
}

.deli-con .item-wrap .items .item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    text-align: left;
}

.deli-con .item-wrap .items .item.left {
    padding-right: 30px;
}

.deli-con .item-wrap .items .item.right {
    padding-left: 30px;
}

.deli-con .item-wrap .items .item .inner {
    overflow: hidden;
    position: relative;
}

.deli-con .item-wrap .items .item .inner span {
    float: left;
    color: #1a67bd;
    font-weight: 400;
    font-size: 18px;
}

.deli-con .item-wrap .items .item .inner ul {
    display: block;
    list-style-type: decimal;
    margin-bottom: 1em;
    margin-left: 125px;
    margin-right: 0;
}


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

    동영상시청 

******************** */
.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;
}

#safety_video {
    vertical-align: top;
}


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

    내방 등록 (내방객)

******************** */
.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;
}

.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: 40px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-left: 20px;
    text-align: center;
}

.pm_list .guide_s {
    border-radius: 3px;
    background-color: #0e55a3;
    color: #ffffff;
}

.pm_list .guide_f {
    border-radius: 3px;
    background-color: #e21f26;
    color: #ffffff;
}

.pm_list span {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    position: relative;
}

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

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

.pm_list > div {
    padding: 0 10px;
}

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

.added_visitor {
    margin-top: 20px;
}

.added_labeltype tr td:first-child {
    text-align: left;
    padding-left: 7%;
}


/* 시간선택 */
.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 {
    display: inherit;
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 70px;
    width: 100%;
    height: 200px;
    line-height: 30px;
}

.reg_com p {
    text-align: center;
}


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

    내방등록&신청조회 

******************** */
.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 {
    display: flex;
    margin: 20px 10px 20px 10px;
    justify-content: right;
    height: 40px;
}

.visit_add > div {
}

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

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

.visit_allAdd {
    display: flex;
    margin: 0px 10px 0px 10px;
    justify-content: right;
    height: 40px;
}

.visit_allAdd > div {
}

.visit_allAdd > p {
    position: absolute;
    right: 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);
}

.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;
}

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

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

.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 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) {
}

.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: 50px;
    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) {
}

.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 {
}


/*================================레이어 팝업====================================*/
#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: 33px;
    line-height: 33px;
    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: 345px;
}

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

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

/* 팝업 사이즈설정 - 납품차량 */
#k_layer > div#admin_deliInfo {
    width: 1120px;
    height: 420px;
}

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

/* 팝업 사이즈설정 - 내방객일괄등록 */
#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_visitManagementDownload {
    width: 1024px;
    height: 768px;
}
    /* 팝업 사이즈설정 - 방문관리 내보내기 팝업 */
    #k_layer > div#pop_visitDeliveryDownload {
        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#pop_visitManagementDownload {
}

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

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

div#pop_visitManagementDownload .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_visitManagementDownload .popClose_btn:hover {
    opacity: 1;
}

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

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

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


/* 관리자 - 납품이력 내보내기 팝업 */
div#pop_visitDeliveryDownload {
}

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

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

    div#pop_visitDeliveryDownload .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_visitDeliveryDownload .popClose_btn:hover {
            opacity: 1;
        }

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

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

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

/* 메인화면 - 개인정보처리방침 팝업 */
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#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#admin_deliInfo {
    padding: 20px 40px;
}

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

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

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

div#admin_deliInfo .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_userUpload {
    padding: 65px 50px 40px;
}


/* 관리 팝업 */
div#setting_popup {
    padding: 30px 40px 30px;
}

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;
}


/* ************* 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;
}


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


/* 에러페이지 */
.err_visual {
    width: 100%;
    height: 620px;
}

.err_cnt {
    width: calc(100% - 100px);
    position: relative;
    margin: 0 auto;
}

.err_cnt > ul.main_txt {
    position: relative;
    top: 10vw;
}

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

.err_cnt > ul > li:last-child {
    margin: 0 auto;
    max-width: 500px;
}

.err_cnt > ul > li {
    font-weight: 300;
    font-size: 3em;
    color: #ffffff;
    line-height: 59px;
    letter-spacing: -0.05em;
}

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

.main_img_txt{
    font-weight:600;
    text-align:center;
    margin-top:85px;
    color:#939191;
}