﻿
.container {
    width: 1360px;
    margin: 0 auto 125px
}

.container02 {
    width: 2920px;
    height: 100%
}

.fixed {
    width: 1360px;
    height: 370px;
    position: fixed;
    top: 0;
    background-color: #fff;
    /* overflow: hidden; */
    z-index: 99999;
    border-bottom: 1px solid #191f28;
}

/*상단 메뉴 영역*/
.headerWrap {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #fff;
}
/*.fix_headerLine {
    border-bottom: 1px solid #e6e6e6;
    position: fixed;
    top: 81px;
    left: 0;
    width: 100%;
    z-index: 999999;
}*/
.headerLine {
    border-bottom: 1px solid #e6e6e6;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    z-index: 999999;
}

.header {
    position: fixed;
    width: 1360px;
    margin: 0 auto;
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    z-index: 9
}

.logo {
    display: inline-block;
    height: 80px;
    padding-top: 14px;
}
/*.nav {
    display: inline-block;
    float: right;
    height: 81px;
    padding-top: 15px;
    box-sizing: border-box;
}

    .nav li {
        display: inline-block;
        height: 66px;
        margin-right: 31px;
        text-align: center
    }

        .nav li:last-child {
            margin-right: 0
        }

        .nav li a {
            display: inline-block;
            width: 74px;
            height: 66px;
            font-size: 17px;
            color: #b2b7be;
            font-family: AppleSDGothicNeoM;
        }

            .nav li a:hover,
            .nav li a:active,
            .nav li a:focus {
                color: #191f28;
                font-family: AppleSDGothicNeoB;
                background: url(../img/nav_active.jpg)0 63px no-repeat;
                background-size: 80px 3px;
            }*/
.nav {
    display: inline-block;
    float: right;
    height: 81px;
    padding-top: 14px;
    box-sizing: border-box;
}

    .nav li {
        display: inline-block;
        height: 66px;
        margin-right: 0px;
        text-align: center;
        padding-right:25px;
    }

        .nav li:last-child {
            margin-right: 0
        }

        .nav li a {
            display: inline-block;
            /*width: 110px;*/
            height: 66px;
            font-size: 17px;
            color: #b2b7be;
            font-family: AppleSDGothicNeoM;
        }

            .nav li a:hover,
            .nav li a:active,
            .nav li a:focus {
                color: #191f28;
                font-family: AppleSDGothicNeoB;
                background: url(../img/nav_active.jpg)0 63px no-repeat;
                background-size: 110px 3px;
            }

/*상단 서브메뉴 영역*/
.sub_navWrap {
    width: 100%;
    background-color: #f6f6f6;
    height: 53px;
}

.sub_nav {
    width: 1360px;
    height: 53px;
    margin: 0 auto;
    box-sizing: border-box;
}

    .sub_nav li {
        text-align: center;
        margin: 0 28px;
        display: inline-block;
    }

        .sub_nav li a {
            color: #6b6e73;
            font-family: Apple SD Gothic Neo Medium;
            line-height: 53px;
            display: inline-block;
            font-size: 17px;
        }

            .sub_nav li a:hover,
            .sub_nav li a:active,
            .sub_nav li a:focus {
                color: #ff8842;
                font-family: Apple SD Gothic Neo Medium;
            }





/*타이틀 영역*/
.titleWrap {
    margin: 90px 0 40px;
    -webkit-margin-after: 33px;
}

    .titleWrap h2 {
        font-size: 32px;
        color: #222;
        font-weight: normal;
        font-family: Apple SD Gothic Neo Bold;
    }

.titleWrap02 {
    margin: 90px 0 20px
}

    .titleWrap02 h2 {
        display: inline-block;
        margin-right: 20px;
        font-size: 36px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
        vertical-align: middle
    }

.titleWrap03 {
    display: flex;
    margin-bottom: 50px;
    align-content: center;
    align-items: center;
    justify-content: left;
    justify-items: left
}

    .titleWrap03 h3 {
        margin-right: 45px;
        font-size: 20px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
    }

.titleWrap04 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .titleWrap04 a {
        margin-right: 5px
    }

.titleWrap05 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .titleWrap05 a {
        margin-top: 17px;
        -webkit-margin-before: 13px;
    }
/*버튼 영역*/
.btnWrap {
    display: inline-block;
    margin-left: 320px
}

    .btnWrap a:first-child {
        margin-right: 6px
    }

.btnWrap02 {
    margin: 50px 0;
    text-align: center
}

.btnWrap03 {
    position: absolute;
    top: 29px;
    right: 22px;
    width: 40px;
    height: 80px;
    background: url(../img/bg_movement.png)0 0 no-repeat;
    background-size: 40px 80px
}

.sBtn_wrap {
    margin-top: 24px
}

.btnS01 {
    display: inline-block;
    height: 50px;
    line-height: 50px !important;
    padding: 0 50px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    background-color: #ff8842;
    border: 1px solid #ff8842;
}

:-ms-input-placeholder, :root .btnS01,
:-ms-input-placeholder, :root .btnS01_gray {
    line-height: 68px
}

.btnS01_gray {
    display: inline-block;
    height: 50px;
    line-height: 50px !important;
    padding: 0 50px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    background-color: #666a74;
    border: 1px solid #7c8088
}

.btnS02 {
    display: inline-block;
    padding: 0 20px;
    height: 48px;
    line-height: 48px !important;
    font-size: 15px;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    font-size: 15px;
    color: #8f9aa5;
    font-family: Apple SD Gothic Neo Bold;
}

:-ms-input-placeholder, :root .btnS02 {
    line-height: 50px
}

.btnS03 {
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    height: 48px;
    line-height: 48px !important;
    padding: 0 15px;
    color: #8f9aa5;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e6e7e8;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px
}

:-ms-input-placeholder, :root .btnS03 {
    line-height: 50px
}

.btnS04 {
    display: inline-block;
    /*padding: 0 85px;*/
    width: 100%;
    height: 48px;
    line-height: 48px !important;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #d4d8dd
}

:-ms-input-placeholder, :root .btnS04 {
    line-height: 50px
}

.btn_movement_p {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 38px;
    height: 39px;
    margin: 1px;
    background: url(../img/btn_movement_p.png)0 center no-repeat;
    background-size: 38px 39px
}

.btn_movement_m {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    width: 38px;
    height: 38px;
    margin: 1px;
    background: url(../img/btn_movement_m.png)0 center no-repeat;
    background-size: 38px 38px
}

/*인풋 영역*/
input[type="checkbox" i] {
    margin: 0
}

.inputS01 {
    width: 100%;
    height: 48px;
    padding: 13px;
    font-size: 15px;
    color: #6b6e73;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Apple SD Gothic Neo Medium;
    line-height: 1.6;
}

.textareaS {
    width: 100%;
    padding: 13px;
    font-size: 15px;
    color: #222;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Apple SD Gothic Neo Medium;
    height: 111px;
    resize: none;
}

    .textareaS::-webkit-scrollbar {
        width: 3px;
    }

    .textareaS::-webkit-scrollbar-thumb {
        background-color: #d9d9d9;
        /*border-radius: 10px;*/
    }

    .textareaS::-webkit-scrollbar-track {
        background-color: #eee;
        border-radius: 10px;
        box-shadow: inset 0px 0px 5px white;
    }

.textareaS {
    scrollbar-face-color: #d9d9d9;
    scrollbar-track-color: #eee;
    scrollbar-arrow-color: #eee;
    scrollbar-highlight-color: #d9d9d9;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;
}

.checkWrap {
    display: inline-block
}

.checkWrap {
    margin-right: 25px
}

    .checkWrap:last-child {
        margin-right: 0
    }
/*.checkWrap span:last-child{margin-left:5px}*/
.chclable {
    margin-left: 5px;
}

.checkWrap span {
    margin-top: -3px;
}

_:-ms-input-placeholder, :root .checkWrap label {
    vertical-align: middle
}

.checkS01 {
    margin-right: 5px !important
}

    .checkS01:last-child {
        margin-right: 0
    }

.laberS01 {
    font-size: 15px;
    color: #222;
    font-family: Apple SD Gothic Neo Medium;
}


.dateWrap {
    position: relative;
    display: inline-block
}

.calendar {
    position: absolute;
    top: 15px;
    right: 53px;
    width: 20px;
    height: 18px;
    background-image: url(../img/btn_calendar.png);
    background-size: 20px 18px
}

:-ms-input-placeholder, :root .calendar .input_date {
    font-size: 15px !important;
}
/*익스*/

:-ms-input-placeholder, :root .calendar {
    top: 15px
}

.cal_pd {
    display: inline-block;
    text-align: center;
    font-family: Apple SD Gothic Neo Medium;
}

.btn_pre, .btn_next {
    display: inline-block
}

.btn_pre {
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 30px;
    height: 30px;
    background-image: url(../img/btn_arrow_pre.png);
    z-index: 100;
}

.btn_next {
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    right: 10px;
    width: 30px;
    height: 30px;
    background-image: url(../img/btn_arrow_next.png);
    z-index: 100;
}


.ic_cal {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/btn_calendar.png);
    background-position: right 50px top 50%, 0 0;
    background-size: 20px 18px;
}

.input_date {
    display: inline-block;
    width: 220px;
    height: 48px;
    margin: 0;
    padding-left: 53px;
    font-size: 15px;
    font-family: Apple SD Gothic Neo Medium;
    font-weight: normal;
    color: #222;
    box-sizing: border-box;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    background: none;
    padding-top: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*background-color: #fff;
    background-repeat: no-repeat;
    background-image: url(../img/btn_calendar.png);
    background-position: right 50px top 50%, 0 0;
    padding-top:3px;*/
    /*text-align-last: center;*/
    /*text-align: center;*/
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /*.input_date {
        background-color: #fff;
        background-repeat: no-repeat;
        background-image: url(../img/btn_calendar.png);
        background-position: right 50px top 50%, 0 0;
        background-size: 20px 18px;
        border-radius: 0px;
    }
    .input_date img {
        border-radius: 0px !important;
    }
        */
}




/*
:-ms-input-placeholder, :root .input_date {
    line-height: 44px !important
}
*/
input::-ms-input-placeholder {
    color: #222;
}

input::-webkit-input-placeholder {
    color: #222;
}

input::-moz-placeholder {
    color: #222;
}

input[type=text]::-ms-clear {
    display: none;
}

/*정렬/여백/라인*/
.alignT {
    vertical-align: top
}

.tdS01 {
    position: relative; /*padding:0 !important;*/
    border: none !important
}

.bdNone {
    border: none !important
}

.fontS01 {
    margin-right: 25px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 18px;
    color: #9fa1a6
}

.fontS02 {
    font-family: AppleSDGothicNeoB;
    font-size: 18px;
    color: #fff
}

.fontS03 {
    margin-top: 8px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 15px;
    color: #7e8084
}

.fontS04 {
    font-size: 14px;
    color: #b2b7be;
    font-family: Apple SD Gothic Neo Medium;
}

.fontA01 {
    padding: 15px 0 0 35px;
    text-align: left;
    vertical-align: top
}

.fontA02 {
    padding-top: 20px;
    vertical-align: text-top
}

/*============================메인===================================*/
/*검색 영역*/
.center {
    /*position: absolute;*/
    display: inline-block;
    vertical-align: middle;
    z-index: 9;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}

/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    background-repeat: no-repeat;
    background-image: url(../img/btn_arrow_bottom.png);
    background-position: right 20px top 50%, 0 0;
    background-size: 14px 8px;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
}

.ic_time {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/btn_time.png);
    background-position: right 20px top 50%, 0 0;
    background-size: 19px 19px;
}

.time .timeInner {
    position: relative;
    display: block;
    min-width: 155px;
    padding: 0 60px 0 24px;
    box-sizing: border-box;
    margin: 0;
    font-size: 15px;
    color: #222;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;
    font-family: Apple SD Gothic Neo Medium;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*
    background-color: #fff;
    background-image: url(../img/btn_time.png);
    background-repeat: no-repeat, repeat;
    background-position: right 19px top 50%, 0 0;
    background-size: 19px 19px;
    */
}

.ic_sel {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    background-image: url(../img/btn_arrow_bottom.png);
    background-position: right 20px top 50%, 0 0;
    background-size: 14px 8px;
}

.custom-select-trigger {
    position: relative;
    display: block;
    min-width: 110px;
    padding: 0 0 0 16px;
    box-sizing: border-box;
    margin: 0;
    font-size: 15px;
    color: #222;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    cursor: pointer;
    font-family: Apple SD Gothic Neo Medium;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    /*
    background-color: #fff;
    background-image: url(../img/btn_time.png);
    background-repeat: no-repeat, repeat;
    background-position: right 19px top 50%, 0 0;
    background-size: 19px 19px;
    */
}

/*.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    top: 50%;
    right: 25px;
    margin-top: -3px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}*/

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    margin-top: 4px;
    border: 1px solid #e6e7e8;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px 1px #eee;
    background: #fff;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    z-index: 999999;
}


    .custom-options:first-child div {
        float: left
    }

    .custom-options:last-child div {
        float: right
    }

.custom-option {
    position: relative;
    min-width: 100%;
    display: block;
    padding: 10px 16px;
    font-size: 15px;
    color: #888;
    cursor: pointer;
    transition: all .4s ease-in-out;
    font-family: Apple SD Gothic Neo Medium;
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
}

/*.custom-options:before {
    position: absolute;
    display: block;
    content: '';
    bottom: 100%;
    right: 25px;
    width: 7px;
    height: 7px;
    margin-bottom: -4px;
    border-top: 1px solid #e6e7e8;
    border-left: 1px solid #e6e7e8;
    background: #fff;
    transform: rotate(45deg);
    transition: all .4s ease-in-out;
}*/

.option-hover:before {
    background: #f2f3f3;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
    padding-top: 20px
}

.custom-option:last-of-type {
    padding-bottom: 18px;
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #f2f3f3;
    color: #ff8842;
    /*background: #ff8842;*/
}

.searchWrap {
    margin-bottom: 40px
}

.searchWrap02 {
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
}

.search > div {
    margin-left: 5px
}

.search div:first-child {
    margin-left: 0
}
/*select {
    appearance: none;
    background-image: url(../img/btn_arrow_bottom.png);
    background-size: 15px 10px;
    background-position: right center;
    background-repeat: no-repeat;
}*/
.select_css, select::-ms-expand {
    display: none;
}

.searchBox {
    position: relative;
    display: inline-block;
    width: 240px
}

.BtnSearch {
    position: absolute;
    top: 33%;
    right: 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon_search.png)0 center no-repeat;
    background-size: 16px 16px
}

/*달력인풋*/
.calendarBox {
    position: relative;
    display: inline-block;
    width: 240px
}

.calendarInner {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 15px;
    color: #b2b7be;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Medium;
}

    .calendarInner::-ms-clear {
        display: none;
    }



.BtnCal {
    position: absolute;
    top: 32%;
    right: 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/btn_calendar.png)0 center no-repeat;
    background-size: 16px 16px;
    background-position: right 10px top 50%, 0 0;
}




.select_css {
    display: inline-block;
    font-size: 15px;
    font-family: Apple SD Gothic Neo Medium;
    color: #222;
    height: 48px;
    line-height: 50px;
    padding: 0 48px 0 25px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url(../img/btn_arrow_bottom.png);
    background-repeat: no-repeat, repeat;
    background-position: right 19px top 50%, 0 0;
    background-size: 14px 8px;
}

    .select_css::-ms-expand {
        display: none;
        border: 1px solid #e6e7e8;
        outline: none;
    }

    .select_css:hover {
        border: 1px solid #e6e7e8;
        outline: none;
    }

    .select_css:focus {
        border: 1px solid #e6e7e8;
        outline: none;
    }

    .select_css option {
        font-weight: normal;
        padding: 10px 0;
        background-color: #fff
    }

        .select_css option:hover, .select_css option:focus {
            font-weight: normal;
            padding: 10px 0;
            background-color: #fff
        }

.location {
    background-color: #fff;
    background-size: 15px 19px;
    background: url(../img/btn_location.png) no-repeat;
    background-position: right 20px top 50%, 0 0;
    text-align: center;
    float: right
}

    .location a {
        display: inline-block;
        width: 159px;
        height: 48px;
        line-height: 49px;
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        font-family: Apple SD Gothic Neo Medium;
        color: #222;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #e6e7e8;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .location a {
        display: inline-block;
        width: 159px;
        height: 48px;
        line-height: 50px;
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        font-family: Apple SD Gothic Neo Medium;
        color: #222;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #e6e7e8;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
    }
}


/*그래프 영역*/
.graphWrap {
    overflow: hidden;
    margin-top: 370px;
    background-color: #fff /*border-right: 1px solid #dadee3;*/
}

.graphWrap02 {
    overflow: hidden;
    background-color: #fff;
    border-top: 1px solid #191f28
}

.gSection {
    overflow: hidden
}

.gSection01 {
    position: relative;
    width: 306px;
    height: 104px;
    float: left;
    border-bottom: 1px solid #dadee3;
    box-sizing: border-box
}

.gSection02 {
    position: relative;
    width: 1054px;
    height: 104px;
    float: right;
    border-bottom: 1px solid #dadee3;
    box-sizing: border-box;
}

.gSection03 {
    position: relative;
    width: 100%;
    height: 138px;
    float: right;
    border-bottom: 1px solid #dadee3;
    box-sizing: border-box
}

.userImg {
    width: 64px;
    height: 64px;
    margin: 20px 20px;
}

    .userImg img {
        border-radius: 100px;
        width: 64px;
        height: 64px
    }

.user_posion01 {
    position: absolute;
    top: 33px;
    left: 100px;
    width: 100%;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #191f28
}

.user_posion02 {
    position: absolute;
    top: 55px;
    left: 100px;
    width: 100%;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 15px;
    color: #6b6e73;
}

_:-ms-input-placeholder, :root .user_posion01 {
    position: absolute;
    top: 35px;
    left: 100px;
    width: 100%;
    font-family: AppleSDGothicNeoB;
    font-size: 18px;
    color: #191f28;
}

_:-ms-input-placeholder, :root .user_posion02 {
    position: absolute;
    top: 57px;
    left: 100px;
    width: 100%;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 15px;
    color: #6b6e73;
}
/*메인 테이블 영역*/
.gNumber {
    margin-bottom: 5px;
    padding-left: 306px;
    font-family: Apple SD Gothic Neo Medium;
}

    .gNumber span {
        display: inline-block;
        width: 14px;
        margin-right: 69.9px;
        font-size: 15px;
        color: #b2b7be
    }

        .gNumber span:nth-child(1) {
            margin-right: 60px
        }

        .gNumber span:nth-child(12) {
            margin-right: 59px
        }

        .gNumber span:last-child {
            margin-right: 0;
        }
/*.gNumber span:last-child{margin-right:0}
.gNumber span:nth-child(1) {margin-left:2px}
.gNumber span:nth-child(2){margin-left:66px}
.gNumber span:nth-child(3){margin-left:65px}
.gNumber span:nth-child(4){margin-left:69px}
.gNumber span:nth-child(5){margin-left:73px}
.gNumber span:nth-child(6){margin-left:70px}
.gNumber span:nth-child(7){margin-left:70px}
.gNumber span:nth-child(8){margin-left:70px}
.gNumber span:nth-child(9){margin-left:71px}
.gNumber span:nth-child(10){margin-left:70px}
.gNumber span:nth-child(11){margin-left:71px}
.gNumber span:nth-child(12){margin-left:70px}*/
.gNumber02 {
    margin-bottom: 5px;
    font-family: Apple SD Gothic Neo Medium;
}

    .gNumber02 span {
        display: inline-block;
        width: 14px;
        margin-right: 95px;
        font-size: 15px;
        color: #b2b7be
    }

        .gNumber02 span:nth-child(1) {
            margin-right: 89px
        }

        .gNumber02 span:nth-child(12) {
            margin-right: 85px
        }

        .gNumber02 span:last-child {
            margin-right: 0
        }

.dateTable {
    display: table;
    width: 100%;
    height: 104px;
    table-layout: fixed;
    border-left: 1px solid #dadee3;
    box-sizing: border-box
}

    .dateTable div {
        width: 14.64px;
        border-right: 1px solid #eee;
        display: inline-block;
        height: 104px; /* display: table-cell; */ /* table-layout: fixed; */
    }
/* Only works in IE10 이상 (IE11도 포함)*/
_:-ms-input-placeholder, :root .dateTable div {
    border-right: 1px solid #eee;
    display: inline-block;
    height: 104px; /* display: table-cell; */ /* table-layout: fixed; */
    width: 12.64px;
    display: table-cell
}

.dateTable .border {
    border-right: 1px solid #dadee3 !important
}

.dateTable .borderL {
    border-left: 1px solid #dadee3 !important
}

.dateTable02 {
    display: table;
    width: 100%;
    height: 104px;
    table-layout: fixed;
    border-left: 1px solid #dadee3;
    box-sizing: border-box
}

    .dateTable02 div {
        width: 18.88px; /*width: 20.57px;*/
        border-right: 1px solid #eee;
        display: inline-block;
        height: 138px;
        box-sizing: border-box
    }

        .dateTable02 div:last-child {
            border-right: 1px solid #dadee3;
        }

_:-ms-input-placeholder, :root .dateTable02 div {
    width: 18.88px;
    border-right: 1px solid #eee;
    display: table-cell;
    height: 138px;
    box-sizing: border-box
}
    /*익스*/
    _:-ms-input-placeholder, :root .dateTable02 div:last-child {
        border-right: 1px solid #dadee3;
    }

.dateTable02 .border {
    border-right: 1px solid #dadee3 !important
}

.dateTable02 .borderL {
    border-left: 1px solid #dadee3 !important
}

/*.dateTable{width:100%;height:104px;table-layout:fixed}
.dateTable td {border-right:1px solid #eee;}
.dateTable .border{border-right:1px solid #dadee3  !important}
.dateTable .borderL{border-left:1px solid #dadee3  !important}*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .wrap_default #quick {
        top: 26px
    }
}

.gDate01 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: url(../img/bg_graph_inner.png)0 0 no-repeat; /*background-size: 1055px auto;*/
    z-index: 7
}

.gDate02 {
    height: 100%;
    padding-left: 15px;
    background-color: #ff8842;
    border: 1px solid #cc6c34;
    box-sizing: border-box
}

.gDate03 {
    padding-left: 15px;
    height: 100%;
    background-color: #858a9d;
    border: 1px solid #71757b;
    box-sizing: border-box
}

.gDate04 {
    height: 100%;
    padding-left: 15px;
    background-color: #cbcdd2;
    border: 1px solid #b0b8c1;
    box-sizing: border-box
}

.gDate05 {
    height: 138px;
    background: url(../img/bg_date05.png)0 0 no-repeat
}
/*익스*/

.displayWrap {
    display: table
}

.display {
    /*
    display: table-cell;
    */
    vertical-align: middle;
    text-align: left;
}

.reserveInfo {
    margin-top: 16px;
    padding-bottom: 125px;
    text-align: right
}

    .reserveInfo span {
        margin-right: 15px;
        padding-left: 23px;
        font-family: Apple SD Gothic Neo Medium;
        font-size: 14px;
        color: #6b6e73
    }

        .reserveInfo span:last-child {
            margin-right: 0
        }

        .reserveInfo span:nth-child(1) {
            background: url(../img/icon_reserve01.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo span:nth-child(2) {
            background: url(../img/icon_reserve02.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo span:nth-child(3) {
            background: url(../img/icon_reserve03.png)0 0 no-repeat;
            background-size: 14px 14px
        }

.reserveInfo02 {
    margin-top: 16px;
    padding-bottom: 125px;
    text-align: right
}

    .reserveInfo02 span {
        margin-right: 15px;
        padding-left: 23px;
        font-family: Apple SD Gothic Neo Medium;
        font-size: 13px;
        color: #6b6e73
    }

        .reserveInfo02 span:last-child {
            margin-right: 0
        }

        .reserveInfo02 span:nth-child(1) {
            background: url(../img/icon_reserve02_01.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo02 span:nth-child(2) {
            background: url(../img/icon_reserve02_02.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo02 span:nth-child(3) {
            background: url(../img/icon_reserve02_05.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo02 span:nth-child(4) {
            background: url(../img/icon_reserve02_03.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .reserveInfo02 span:nth-child(5) {
            background: url(../img/icon_reserve02_04.png)0 0 no-repeat;
            background-size: 14px 14px
        }

.f_disable {
    color: #fff;
    opacity: 0.6
}

.yellowLine {
    height: 103px;
    border: 1px solid #ff8842;
    display: inline-block
}

.display p:nth-child(1) {
    font-family: Apple SD Gothic Neo Bold;
    font-size: 17px;
    color: #fff
}

.display p:nth-child(2) {
    font-family: Apple SD Gothic Neo Medium;
    font-size: 15px;
    color: #fff
}

/*하단 예약하기 영역*/
.footer {
    width: 100%;
    background-color: #424854;
    /* display: table-cell; */
    position: fixed;
    bottom: 0;
    height: 130px;
    overflow: hidden;
    /* margin-top: 125px; */
    z-index: 99999;
    /* box-sizing: border-box; */
    /*display: flex;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/
}

.reserveWrap {
    width: 1330px;
    /*height: 130px;
    line-height: 130px;*/
    margin: 0 auto 0;
    text-align: center;
    z-index: 999999;
    bottom: 0;
    /*display: flex;
    justify-content: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
}

.reserveInner {
    display: inline-block
}

    .reserveInner div {
        display: inline-block;
        padding: 0 30px;
        background: url(../img/line.png) right center no-repeat;
        background-size: 2px 30px
    }

        .reserveInner div:first-child {
            padding-left: 0
        }

        .reserveInner div:last-child {
            padding-right: 0;
            background: none
        }

/*================================//메인========================================*/

/*예약 상황*/
.infoState {
    margin-bottom: 25px
}

    .infoState span {
        display: inline-block;
        padding: 6px 0 2px 32px;
        font-size: 16px;
        color: #6b6e73;
        font-family: Apple SD Gothic Neo Medium;
    }

    .infoState .people {
        margin-right: 25px;
        background: url(../img/icon_admin.png)0 center no-repeat;
        background-size: 24px 24px
    }

    .infoState .screen {
        background: url(../img/icon_tv.png)0 center no-repeat;
        background-size: 24px 24px
    }

.visual {
    width: 1360px;
    height: 370px;
    margin-bottom: 50px;
    background: url(../img/bg_visaul.png)0 0 no-repeat;
    background-size: 1360px 370px
}

/*회의 내용 영역*/
.conterT {
    margin-top: 50px;
    text-align: left
}

    .conterT th {
        color: #222;
        font-size: 20px;
        font-family: Apple SD Gothic Neo Bold;
    }

        .conterT th:nth-child(3n) {
            padding-left: 35px;
            text-align: left
        }

    .conterT td {
        padding: 10px 10px;
        font-size: 15px;
        color: #222; /*border:1px solid #e6e7e8;border-radius:5px;*/
        font-family: Apple SD Gothic Neo Medium;
    }

.cheT {
    padding-top: 18px !important;
}


/*좌율좌석 예약 영역*/
.sectionWrap {
    overflow: hidden;
    border-top: 1px solid #191f28;
    border-bottom: 1px solid #191f28
}

.sSection01 {
    display: inline-block;
    width: 300px;
    float: left;
    padding-bottom: 41px;
    border-right: 1px solid #eee
}

    .sSection01 h3 {
        margin: 25px 0 20px;
        font-size: 18px;
        color: #222;
        font-family: AppleSDGothicNeoB;
        font-weight: normal
    }

.sSection02_wrap {
    overflow: hidden;
    width: 1060px;
    height: 813px
}

.sSection02 {
    position: relative;
    width: 2920px;
    height: 1788px;
    float: right;
    background: url(../img/bg_15f.png)0 0 no-repeat;
    background-size: 2920px 1788px;
}

.secInner {
    padding: 0 30px 30px 30px;
    border-bottom: 1px solid #eee
}

    .secInner:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

/*.userWrap {
    position: relative;
    margin-bottom: 20px
}*/

    .userWrap:last-child {
        margin-bottom: 0
    }

    .userWrap a {
        /*text-decoration: underline*/
    }

.userWrap02 {
    position: relative
}

.userO {
    display: flex;
    width: 50px;
    height: 50px;
    background-color: #ff8842;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 1px solid #ce7440;
    padding-top: 5px;
    -webkit-padding-before: 3px;
}

.userO_posi01 {
    position: absolute;
    top: 5px;
    left: 67px;
    width: 100%;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 16px;
    color: #191f28
}

.userO_posi02 {
    position: absolute;
    top: 26px;
    left: 67px;
    width: 100%;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 14px;
    color: #6b6e73;
}

.userB {
    display: flex;
    width: 50px;
    height: 50px;
    background-color: #7b9aff;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 1px solid #657dce;
    padding-top: 5px;
    -webkit-padding-before: 3px;
}

.userB_posi01 {
    position: absolute;
    top: 15px;
    left: 67px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 15px;
    color: #191f28
}

.userG {
    display: flex;
    width: 50px;
    height: 50px;
    background-color: #cbcdd2;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 1px solid #b6bec6;
    padding-top: 5px;
    -webkit-padding-before: 3px;
}

/*.userG_posi01 {
    position: absolute;
    top: 15px;
    left: 67px;
    width: 100%;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 15px;
    color: #6b6e73
}*/

.userY {
    display: flex;
    width: 50px;
    height: 50px;
    background-color: #ffb647;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 1px solid #d19a45;
    padding-top: 5px;
    -webkit-padding-before: 3px;
}


.userP {
    display: flex;
    width: 50px;
    height: 50px;
    /*background: repeating-linear-gradient(-45deg, #969aa1, #969aa1 4px, #656668 5px);*/
    background-color: #969aa1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    border: 1px solid #656668;
    padding-top: 5px;
    -webkit-padding-before: 3px;
}

/*.box01 {
    background: red;
    display: inline-block;
    height: 208px;
    margin-left: 20px;
    margin-top: 55px;
    position: relative;
    width: 129px;
    
}
.box01:before {
    border-bottom: 35px solid red;
    border-left: 0px solid transparent;
    border-right: 130px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: -35px;
    width: 0;
    transform: skew(20deg);
}*/

/*좌율좌석 예약 내역*/
.list_seat {
    float: left;
    display: flex;
    width: 60px;
    height: 60px;
    margin-top: 0px;
    background-color: #5b627b;
    text-align: center;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
}

.list_section02 .list_seat span {
    font-size: 15px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    line-height: 61px;
    height: 61px;
    padding-top: 2px;
}

.list_position {
    margin-left: 91px;
    padding-top:5px;
}

table .bdnone td {
    border-top: none
}

/*pop*/
#mask {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999999;
    background-color: #000000;
    display: none;
}

.layerPop {
    background-color: #fff;
    z-index: 999999;
    position: absolute;
    top: 50px
}

.p_Con {
    padding: 26px 29px;
    border: 1px solid #333;
    border-radius: 5px;
    box-sizing: border-box;
    box-shadow: 1px 1px 5px #aaa
}

    .p_Con h2 {
        margin-bottom: 15px;
        padding-bottom: 11px;
        font-size: 18px;
        color: #191f28;
        border-bottom: 1px solid #e6e7e8;
        font-family: Apple SD Gothic Neo Bold;
        font-weight: normal
    }

    .p_Con .info01 {
        font-size: 15px;
        color: #191f28;
        font-family: Apple SD Gothic Neo Medium;
    }

    .p_Con .info02 {
        margin-top: 20px;
        font-size: 15px;
        color: #6b6e73;
        font-family: Apple SD Gothic Neo Medium;
        word-break: keep-all;
    }

.p_Con02 {
    padding: 0 30px 0 30px;
}

    .p_Con02 h2 {
        margin-bottom: 20px;
        font-size: 20px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
        font-weight: normal
    }

        .p_Con02 h2.titleS {
            padding-left: 18px;
            margin-bottom: 20px;
            font-size: 22px;
            color: #222;
            font-family: Apple SD Gothic Neo Bold;
            font-weight: normal
        }

        .p_Con02 h2.titleS_02 {
            margin-bottom: 25px;
            text-align: center;
            font-size: 22px;
            color: #222;
            font-family: Apple SD Gothic Neo Bold;
            font-weight: normal
        }

    .p_Con02 h3 {
        margin: 30px 0 28px;
        font-size: 18px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
        font-weight: normal
    }

.addWrap {
    overflow-y: auto;
    height: 285px;
    margin-bottom: 25px
}

/*테이블 영역*/
.p_T {
    margin-top: -10px
}

    .p_T table th {
        color: #6b6e73 !important;
        font-weight: normal
    }

    .p_T table th, .p_T table td {
        padding: 10px 0;
        text-align: left;
        font-size: 15px;
        color: #191f28;
        font-family: Apple SD Gothic Neo Medium;
    }

.p_conterT {
    margin-bottom: 30px;
    text-align: left
}

    .p_conterT th {
        color: #6b6e73;
        padding-bottom: 10px;
        font-size: 15px;
        font-family: Apple SD Gothic Neo Medium;
    }

        .p_conterT th:nth-child(3) {
            padding-left: 23px
        }

    .p_conterT td {
        padding: 0 0 14px 10px;
        font-size: 15px;
        color: #b2b7be; /*border:1px solid #e6e7e8;border-radius:5px;*/
        font-family: Apple SD Gothic Neo Medium;
    }

.p_tdS01 {
    position: relative
}

/*인풋영역*/
p_inputS01 {
    width: auto;
    height: 48px;
    padding: 13px;
    font-size: 15px;
    color: #222;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Apple SD Gothic Neo Medium;
}

/*pop버튼 영역*/
.p_btnWrap {
    margin: 20px 0 70px;
    text-align: center
}

.p_Btn {
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    background-color: #ff8842;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #cc6c34
}

.p_Btn02 {
    padding: 12px 60px;
    font-size: 18px;
    color: #fff;
    background-color: #ff8842;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #cc6c34;
    box-sizing: border-box;
    height: 48px;
}

:-ms-input-placeholder, :root .p_Btn02 {
    line-height: 50px
}

.p_Btn03 {
    position: absolute;
    top: 15px;
    right: 0;
    height: 42px;
    line-height: 40px;
    padding: 0 42px;
    font-size: 15px;
    color: #6b6e73;
    background-color: #fff;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #d1d6db
}

:-ms-input-placeholder, :root .p_Btn03 {
    line-height: 46px
}

.p_Btn04 {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 122px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background-color: #ff8842;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #cc6c34;
    text-align: center
}

/*.btnAdd {
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    width: 112px;
    height: 48px;
    line-height: 48px;
    padding: 0 33px 0 45px;
    font-size: 18px;
    color: #6b6e73;
    border: 1px solid #d1d6db;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Bold;
    background: url(../img/icon_add.png)32px center no-repeat #fff;
    background-size: 9px 9px
}*/
.btnAdd {
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    width: 112px;
    height: 48px;
    line-height: 48px !important;
    padding: 0 33px 0 45px;
    font-size: 18px;
    color: #6b6e73;
    border: 1px solid #d1d6db;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Bold;
    background: url(../img/icon_add.png)27px center no-repeat #fff;
    background-size: 9px 9px
}

:-ms-input-placeholder, :root .btnAdd {
    line-height: 52px
}

/*.btnAdd_on {
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    width: 112px;
    height: 48px;
    line-height: 48px;
    padding: 0 15px 0 27px;
    font-size: 18px;
    color: #fff;
    border: 1px solid #5c5f64;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Bold;
    background: url(../img/icon_add_off.png)15px center no-repeat #6b6e73;
    background-size: 9px 9px
}*/

.btnAdd_on {
    position: absolute;
    top: 0;
    right: 15px;
    display: inline-block;
    width: 112px;
    height: 48px;
    line-height: 48px !important;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: 1px solid #5c5f64;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Bold;
    background: #6b6e73;
    background-size: 9px 9px
}

:-ms-input-placeholder, :root .btnAdd_on {
    line-height: 52px
}

.p_BtnDel {
    display: inline-block;
    height: 27px;
    line-height: 28px !important;
    margin-right: 15px;
    padding: 0 8px;
    font-size: 15px;
    color: #b2b7be;
    border: 1px solid #d1d6db;
    border-radius: 3px;
    background-color: #fafbfc;
    font-family: Apple SD Gothic Neo Medium;
}

.p_tagClose {
    position: absolute;
    top: 20%;
    right: 10px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/btn_close02.png)no-repeat;
    background-size: 16px 16px;
}

.p_btnClose {
    text-align: right;
    margin-top: 15px;
    margin-bottom: 5px
}

/*검색 영역*/
.p_searchWrap {
    position: relative;
}

.p_search {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 15px;
    color: #b2b7be;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Medium;
    padding-top: 5px;
    -webkit-padding-before: 0px;
}

.p_BtnSearch {
    position: absolute;
    top: 31%;
    right: 15px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../img/icon_search.png)0 center no-repeat;
    background-size: 16px 16px
}

/*회의실 상세*/
/*.userAdd{position:relative;width:387px;padding:0 0 11px 13px;margin-right:20px;margin-bottom:17px;border-bottom:1px solid #eee}*/

.userAdd {
    position: relative;
    width: 390px;
    padding: 0 0 11px 0;
    border-bottom: 1px solid #eee;
    margin: 0 auto 17px;
}

    .userAdd:last-child { /*margin-bottom:0;*/
        padding-bottom: 0;
        border-bottom: none
    }

.userInfo p {
    display: inline-block
}

.p_userImg {
    margin-left: 9px
}

.name {
    position: absolute;
    top: 7px;
    left: 78px;
    font-size: 15px;
    color: #191f28;
    font-family: Apple SD Gothic Neo Bold;
}

.divi {
    position: absolute;
    top: 29px;
    left: 78px;
    font-size: 13px;
    color: #afb1b3;
    font-family: Apple SD Gothic Neo Medium;
}

.line {
    width: 100%;
    height: 1px;
    background-color: #d2d2d2
}

.p_titleWrap {
    justify-content: space-between;
    display: flex;
    align-items: center;
}

    .p_titleWrap h3 {
        display: inline-block;
        margin: 30px 0 18px
    }

.tagWrap {
    overflow-y: auto;
    height: 95px
}

.tag {
    position: relative;
    display: inline-block;
    height: 31px;
    line-height: 2;
    margin: 0 10px 5px 0;
    padding: 0 40px 0 13px;
    font-size: 15px;
    color: #6b6e73;
    border: 1px solid #d1d6db;
    border-radius: 25px;
    font-family: Apple SD Gothic Neo Bold;
    vertical-align: middle;
}

    .tag:last-child {
        margin-right: 0
    }

/*스크롤 css*/
.addWrap::-webkit-scrollbar,
.tagWrap::-webkit-scrollbar {
    width: 3px;
}

.addWrap::-webkit-scrollbar-thumb,
.tagWrap::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    /*border-radius: 10px;*/
}

.addWrap::-webkit-scrollbar-track,
.tagWrap::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
}
/*html {
    scrollbar-3dLight-Color: #efefef;
    scrollbar-arrow-color: #dfdfdf;
    scrollbar-base-color: #efefef;
    scrollbar-Face-Color: #dfdfdf;
    scrollbar-Track-Color: #efefef;
    scrollbar-DarkShadow-Color: #efefef;
    scrollbar-Highlight-Color: #efefef;
    scrollbar-Shadow-Color: #efefef
}*/

.addWrap,
.tagWrap {
    scrollbar-face-color: #d9d9d9;
    scrollbar-track-color: #eee;
    scrollbar-arrow-color: #eee;
    scrollbar-highlight-color: #d9d9d9;
    scrollbar-3dlight-color: none;
    scrollbar-shadow-color: #e0e0e0;
    scrollbar-darkshadow-color: none;
}

/*회의실 위치보기*/
.tabWrap {
    margin-bottom: 30px
}

#tabs {
    overflow: hidden;
    width: 100%;
    margin-left: 20px;
    padding: 0;
    list-style: none
}

    #tabs li {
        float: left;
    }

    #tabs a {
        position: relative;
        padding: 10px 24px;
        float: left;
        font-size: 18px;
        text-decoration: none;
        color: #b2b7be;
        background-color: #fff;
        font-family: Apple SD Gothic Neo Medium;
    }

        #tabs a:hover,
        #tabs a:focus {
            background: #fff;
            color: #191f28;
            font-family: Apple SD Gothic Neo Medium;
            background: url(../img/underLine.png)no-repeat;
            background-size: 80px 3px;
            background-position: left 0 bottom, 0 0;
        }

    #tabs .active a {
        color: #191f28;
        font-family: Apple SD Gothic Neo Medium;
        background: url(../img/underLine.png)no-repeat #fff;
        background-size: 80px 3px;
        background-position: left 0 bottom, 0 0;
    }

    #tabs a:focus {
        outline: 0;
    }

.tabCon {
    position: relative;
    border-top: 1px solid #e6e6e6
}

.position_view {
}

/*즐겨찾기 관리*/
.userB_posi02 {
    display: inline-block;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 15px;
    color: #191f28;
}

.bookmark_list {
    margin-bottom: 30px
}

    .bookmark_list li {
        position: relative;
        padding: 15px 0;
        border-bottom: 1px solid #eee
    }

/*말풍선 팝업 영역*/
.bubble {
    z-index: 100;
    position: relative;
    width: 203px;
    height: auto;
    padding: 25px 30px 20px 30px;
    color: #222;
    font-size: 15px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #333;
    text-align: center;
    box-shadow: 1px 1px 5px #aaa;
    font-family: Apple SD Gothic Neo Medium;
}

    .bubble:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -7px;
        left: 92px;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #FFFFFF transparent;
    }

    .bubble:before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        z-index: 0;
        bottom: -8px;
        left: 92px;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #333 transparent;
    }

.bubble02 {
    z-index: 100;
    position: relative;
    width: 143px;
    height: auto;
    padding: 13px 18px;
    color: #222;
    font-size: 16px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #333;
    text-align: left;
    box-shadow: 1px 1px 5px #aaa;
    font-family: Apple SD Gothic Neo Bold;
}

    .bubble02:after {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -7px;
        left: 63.5px;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #FFFFFF transparent;
    }

    .bubble02:before {
        content: '';
        position: absolute;
        display: block;
        width: 0;
        z-index: 0;
        bottom: -8px;
        left: 63.5px;
        border-style: solid;
        border-width: 8px 6px 0 6px;
        border-color: #333 transparent;
    }

    .bubble02 p:nth-child(2) {
        /*margin-bottom:5px*/
    }

    .bubble02 p:nth-child(3) {
        font-size: 14px;
        color: #6b6e73;
        font-family: Apple SD Gothic Neo Medium;
    }

.seat_number {
    width: 40px;
    height: 22px;
    line-height: 24px;
    margin-bottom: 8px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    background-color: #5b627b;
    border-radius: 50px;
    font-family: AppleSDGothicNeoB;
}

:-ms-input-placeholder, :root .seat_number {
    line-height: 26px;
}

.p_btn04 {
    display: inline-block;
    width: 143px;
    height: 34px;
    line-height: 37px;
    margin-top: 10px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    background-color: #5b627b;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
}

:-ms-input-placeholder, :root .p_btn04 {
    line-height: 36px
}
/*=========================================관리자 영역===============================================*/
.ad_container {
    width: 1305px;
    margin: 0 auto 157px;
}

.ad_sectionWrap {
    overflow: hidden;
}

.ad_section01 {
    display: inline-block;
    width: 242px;
    min-height: 966px;
    float: left;
    padding-bottom: 41px;
    border-right: 1px solid #eee;
}

    .ad_section01 h3 {
        margin: 25px 0 20px;
        font-size: 18px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
        font-weight: normal;
    }

.ad_section02 {
    position: relative;
    float: left;
    /*width:1008px;*/
    width: 1063px;
    padding-top: 40px
}

    .ad_section02 .listType01 {
        margin-left: 56px
    }

    .ad_section02 h2 {
        margin-left: 56px;
        margin-bottom: 34px;
        font-size: 20px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
    }

.menuWrap {
    padding-bottom: 64px
}

    .menuWrap p {
        margin-bottom: 15px
    }

        .menuWrap p:last-child {
            margin-bottom: 0
        }
/*.ad_Lmenu_on{font-size:16px;color:#ff8842;font-family: Apple SD Gothic Neo Medium;}*/
.ad_Lmenu {
    font-size: 16px;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Medium;
}

    .ad_Lmenu:hover,
    .ad_Lmenu_on {
        color: #ff8842;
    }

/*인풋영역*/
input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label span {
        display: inline-block;
        width: 17px;
        height: 17px;
        vertical-align: middle;
        background-color: #fff;
        border: 1px solid #ced0d5;
        border-radius: 3px;
        cursor: pointer;
    }

    input[type="checkbox"]:checked + label span {
        border: none;
        background: url(../img/checked.png)0 0 no-repeat;
        background-size: 17px 17px;
    }

.ad_sel01 {
    width: 181px;
    padding: 0 48px 0 15px;
    font-size: 16px;
    color: #6b6e73;
}

/*검색 영역*/
.ad_list_select .custom-select-trigger {
    width: 181px;
    margin-left: 0;
    color: #6b6e73;
    font-size: 16px;
}

.ad_list_select .custom-option {
    margin-left: 0;
    color: #6b6e73;
    font-size: 16px;
}

/*버튼 영역*/
.btn_topWrap {
    margin-bottom: 30px;
    text-align: right
}

.ad_btnWrap {
    margin: 100px 0;
    text-align: center
}

    .ad_btnWrap a:last-child {
        margin-left: 10px
    }

.ad_btnWrap02 {
    position: absolute;
    top: 98px;
    right: 0;
    overflow: hidden;
    display: inline-block
}

    .ad_btnWrap02 a:first-child {
        margin-right: 5px
    }

.btn_admin_add {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 2px 15px 0 26px;
    border: 1px solid #ce7440;
    color: #fff;
    font-size: 16px;
    font-family: Apple SD Gothic Neo Bold;
    background: url(../img/icon_admin_add.png)no-repeat 14px center #ff8842;
    background-size: 8px 8px;
    border-radius: 5px
}

.ad_btnS01 {
    display: inline-block;
    width: 100%;
    height: 48px;
    line-height: 49px;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #d1d6db;
}

:-ms-input-placeholder, :root .ad_btnS01 {
    line-height: 48px;
}

.ad_btnS02 {
    display: inline-block;
    width: 170px;
    height: 58px;
    line-height: 58px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #d1d6db;
    background-color: #fff
}

:-ms-input-placeholder, :root .ad_btnS02 {
    line-height: 56px;
}

.ad_btnS03 {
    display: inline-block;
    width: 170px;
    height: 58px;
    line-height: 58px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #cc6c34;
    background-color: #ff8842
}

:-ms-input-placeholder, :root .ad_btnS03 {
    line-height: 56px;
}

.ad_btnS04 {
    display: inline-block;
    width: 111px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #71757b;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-family: Apple SD Gothic Neo Medium;
    background-color: #858a9d
}

.ad_btnS05 {
    display: inline-block;
    width: 111px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #ce7440;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    font-family: Apple SD Gothic Neo Medium;
    background-color: #ff8842
}

.btn_img {
    width: 26px;
    height: 26px;
    margin-left: 45px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/btn_img.png)0 center no-repeat;
    background-size: 26px 26px
}

.btn_del {
    width: 26px;
    height: 26px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/btn_del.png)0 center no-repeat;
    background-size: 26px 26px
}

.excel {
    margin-left: 5px
}

.ad_section02 h3 {
    margin-left: 56px;
    margin-bottom: 12px;
    font-size: 18px;
    color: #191f28;
    font-family: Apple SD Gothic Neo Bold;
}

.ad_section02 .listType02 {
    margin-left: 56px
}

.listType02 {
    border-collapse: collapse;
}

    .listType02 table {
        border-top: 1px solid #191f28;
    }

    .listType02 tr {
        border-bottom: 1px solid #eeeeee;
    }

        .listType02 tr:last-child {
            border-bottom: 1px solid #cbcdd2;
        }

    /*.listType02 td span{margin-left:15px}*/
    .listType02 td span.custom-select-trigger {
        margin-left: 0
    }

    .listType02 td, .listType02 th {
        text-align: left;
        font-family: Apple SD Gothic Neo Medium;
    }

    .listType02 th {
        padding: 14px 0 14px 25px;
        font-size: 17px;
        color: #222
    }

    .listType02 td {
        padding: 14px 0 14px 15px;
        font-size: 16px;
        color: #6b6e73
    }

.list_section01 img {
    width: 84px;
    height: 84px;
    padding-left: 45px;
    vertical-align: middle;
    border-radius: 100px
}

.list_section02 .ad_fontA01 {
    padding-bottom: 0;
    display: inline-block;
    font-size: 18px;
    color: #191f28;
    font-family: Apple SD Gothic Neo Bold;
}

.list_section02 .ad_fontA02 {
    display: inline-block
}

.ad_reserveInfo {
    margin-top: 22px;
    text-align: right
}

    .ad_reserveInfo span {
        margin-right: 20px;
        padding-left: 23px;
        font-family: Apple SD Gothic Neo Medium;
        font-size: 14px;
        color: #6b6e73
    }

        .ad_reserveInfo span:last-child {
            margin-right: 0
        }

        .ad_reserveInfo span:nth-child(1) {
            background: url(../img/ad_icon_seats01.png)0 0 no-repeat;
            background-size: 14px 14px
        }

        .ad_reserveInfo span:nth-child(2) {
            background: url(../img/ad_icon_seats02.png)0 0 no-repeat;
            background-size: 14px 14px
        }

/*탭메뉴 영역*/
.ad_tabCon {
    overflow: hidden; /*width:1008px;*/
}

.ad_tabWrap {
    display: inline-block;
}

.ad_tabWrap02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#ad_tabs {
    display: inline-block;
    overflow: hidden;
    margin-right: 10px;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}

    #ad_tabs li {
        float: left;
    }

    #ad_tabs a {
        position: relative;
        width: 111px;
        height: 48px;
        line-height: 48px;
        float: left;
        font-size: 15px;
        text-decoration: none;
        text-align: center;
        color: #b2b7be;
        background-color: #fff;
        border: 1px solid #e6e7e8;
        font-family: Apple SD Gothic Neo Medium;
    }

    #ad_tabs > li.active {
        background: #f2f3f3;
        color: #6b6e73;
    }

    #ad_tabs .active a {
        background: #f2f3f3;
        color: #6b6e73;
    }

    #ad_tabs a:focus {
        outline: 0;
    }

.ad_tab01 {
    border-radius: 5px 0 0 5px;
}

.ad_tab02 {
    border-radius: 0 5px 5px 0;
    border-left: none !important
}

.tabCon {
    position: relative;
    border-top: 1px solid #e6e6e6
}

.position_view {
}

.list_mg {
    margin-left: 56px
}

.boxStyle {
    overflow: hidden;
    height: 783px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

/*검색 영역*/
.ad_searchWrap {
    margin-left: 56px;
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ad_searchWrap02 {
    margin-left: 56px;
    margin-bottom: 35px;
}

    .ad_searchWrap02 .search {
        display: flex;
        justify-content: space-between
    }

/*페이징*/
.paging_wrap {
    margin-top: 50px;
    text-align: center
}

    .paging_wrap:after {
    }

    .paging_wrap:before {
    }

    .paging_wrap li {
        display: inline-block;
    }

        .paging_wrap li:last-child {
        }

        .paging_wrap li a {
            display: inline-block;
            padding: 0 13px 5px;
            font-size: 18px;
            color: #6b6e73;
            font-family: Apple SD Gothic Neo Medium;
        }

            .paging_wrap li a:hover {
                color: #ff8842
            }

            .paging_wrap li a:active,
            .paging_wrap li a:focus {
                color: #ff8842;
                background: url(../img/paging_line.png)0 bottom no-repeat;
                background-size: 42px 2px;
            }

        .paging_wrap li.paging {
            width: 79px;
            height: 42px;
            line-height: 43px;
            text-align: center;
            font-size: 17px;
            /*border: 1px solid #dcdcdc*/
        }

:-ms-input-placeholder, :root .paging_wrap li.paging {
    line-height: 46px
}

.paging_wrap li.paging:first-child {
    margin-right: 10px
}

.paging_wrap li.paging:last-child {
    margin-left: 10px
}

.paging_wrap li.paging a {
    padding: 0
}

    .paging_wrap li.paging a:hover,
    .paging_wrap li.paging a:active,
    .paging_wrap li.paging a:focus {
        color: #6b6e73;
        background: none
    }

/*=======================================//관리자 영역===============================================*/















/* 권지아_2020.06.25 추가*/
/***예약완료***/
.Wrap {
    width: 582px;
    margin: 0 auto;
}

.iconWrap {
    margin-top: 100px;
    margin-bottom: 16px;
    text-align: center;
}

.subtitleWrap {
    text-align: center;
    margin-bottom: 38px;
}

    .subtitleWrap h1 {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 32px;
        color: #222;
    }


.sentence {
    margin-top: 30px;
}

    .sentence p {
        font-family: Apple SD Gothic Neo Medium;
        font-size: 14px;
        color: #8f9aa5;
        text-align: center;
    }

.buttonWrap {
    margin-top: 70px;
    text-align: center;
}

.detail_btn {
    display: inline-block;
    height: 58px;
    line-height: 60px;
    padding: 0 46px;
    margin: 0 5px;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #6b6e73;
    text-align: center;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .detail_btn {
    line-height: 58px
}

.reservmain_btn {
    display: inline-block;
    height: 58px;
    line-height: 60px;
    padding: 0 39px;
    margin: 0 5px;
    background-color: #ff8842;
    border: 1px solid #cc6c34;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .reservmain_btn {
    line-height: 58px
}


/***회의실예약 상세내역***/
.detail_titleWrap {
    margin: 90px 0 70px;
}

    .detail_titleWrap h2 {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 36px;
        color: #222;
    }

.information {
    margin-bottom: 10px;
}

    .information p {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 22px;
        color: #191f28;
        margin-left: 20px;
    }



/*** 테이블 ***/
.listType01 {
    border-collapse: collapse;
}

    .listType01 table {
        border-top: 1px solid #191f28;
    }

    .listType01 tr {
        border-bottom: 1px solid #eeeeee;
    }

        .listType01 tr:last-child {
            border-bottom: 1px solid #cbcdd2;
        }


.list_title {
    padding: 26px 0 26px 50px;
    text-align: left;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #222;
}

.list_cont {
    padding: 28px 0px 24px;
    text-align: left;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 18px;
    color: #6b6e73;
    margin-top: 3px;
}

.list_cont02 {
    padding: 26px 0px;
    text-align: left;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 18px;
    color: #6b6e73;
    padding-left: 50px;
}

.list_finish {
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #ff8943;
}

.list_complete_title {
    padding: 16px 0 16px 50px;
    text-align: left;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 16px;
    color: #222;
}

.list_complete_cont {
    padding: 18px 0px 14px;
    text-align: left;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 16px;
    color: #6b6e73;
}


.meeting_information {
    margin: 79px 0 14px;
}

    .meeting_information p {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 22px;
        color: #191f28;
        margin-left: 20px;
    }


.detail_view_btn {
    display: inline-block;
    height: 48px;
    line-height: 50px;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    margin: 0 50px;
    padding: 0 35px;
    box-sizing: border-box;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
}

:-ms-input-placeholder, :root .detail_view_btn {
    line-height: 47px;
}

.cancellation_btn {
    display: inline-block;
    height: 58px;
    line-height: 61px;
    padding: 0 62px;
    border: 1px solid #d1d6db;
    margin: 0 5px;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #6b6e73;
    text-align: center;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .cancellation_btn {
    line-height: 58px
}

.correct_btn {
    display: inline-block;
    height: 58px;
    line-height: 61px;
    padding: 0 78px;
    background-color: #ff8842;
    border: 1px solid #cc6c34;
    margin: 0 5px;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .correct_btn {
    line-height: 58px
}


.guide {
    font-family: Apple SD Gothic Neo Medium;
    float: right;
    font-size: 16px;
    color: #6b6e73;
    line-height: 48px;
}

.listWrap {
    width: 100%;
    position: relative;
}

.list_complet {
    background-color: #f7f7f7;
}


.list_date {
    font-family: Apple SD Gothic Neo Medium;
    font-size: 16px;
    color: #222222;
    margin: 3px 0;
    padding-left: 50px;
}

.list_data {
    font-family: Apple SD Gothic Neo Bold;
    font-size: 16px;
    padding-left: 50px;
}

.Reserv_complet {
    color: #ff8943;
}

.stand_by {
    color: #7b9aff;
}

.use_complet {
    color: #cbcdd2;
}

.btn_list_wrap {
    float: right;
    padding-right: 30px;
}

.list_btnWrap {
    vertical-align: middle !important;
}

.btn_list_cancle {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d1d6db;
    border-radius: 3px;
    margin-right: 5px;
    box-sizing: border-box;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 14px;
    width:110px;
    text-align:center;
}

.btn_list_detail {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    width: 132px;
    border: 1px solid #d1d6db;
    border-radius: 3px;
    margin-left: 5px;
    text-align: center;
    box-sizing: border-box;
    color: #222222;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    float: right;
}

:-ms-input-placeholder, :root .btn_list_detail {
    line-height: 46px
}

.btn_list_detail {
    margin-right: 0
}

.list_section01 {
    text-align: left;
    vertical-align: top;
    padding: 40px 0;
}

.list_section02 {
    padding: 32px 0 28px;
}

    .list_section02 p:nth-child(1) {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 20px;
        color: #222222;
        padding-bottom: 14px;
    }

    .list_section02 span {
        font-family: Apple SD Gothic Neo Medium;
        font-size: 16px;
        color: #6b6e73;
        display: block;
        padding-bottom: 8px;
    }

        .list_section02 span:last-child {
            padding-bottom: 0px;
        }


/***자율좌석 상세내역***/

.seatmain_btn {
    display: inline-block;
    height: 58px;
    line-height: 58px !important;
    padding: 0 30px;
    margin: 0 5px;
    background-color: #ff8842;
    border: 1px solid #cc6c34;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .seatmain_btn {
    line-height: 62px
}

:-ms-input-placeholder {
    color: #b2b7be !important;
}

/***관리자 박혜량***/

table {
    border-collapse: collapse;
}

.text-center {
    text-align: center;
}

.search select {
    margin-left: 5px;
}

    .search select:first-child {
        margin-left: 0;
    }

.number_searchBox {
    position: relative;
    display: inline-block;
    width: 168px;
}

.name_searchBox {
    position: relative;
    display: inline-block;
    width: 180px;
}

.excel {
    background-image: none;
    text-align: center;
    float: right;
}

    .excel a {
        display: inline-block;
        width: 153px;
        height: 48px;
        line-height: 48px;
        margin: 0;
        padding-left: 62px;
        font-size: 15px;
        font-family: Apple SD Gothic Neo Medium;
        color: #b2b7be;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #e6e7e8;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        background-size: 25px 28px;
        background: url(../img/btn_excel.png) no-repeat;
        background-position: left 24px top 50%, 0 0;
    }


.list_atitle {
    padding: 18px 0 14px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 17px;
    color: #222;
}

.list_acont {
    padding: 18px 0 14px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 17px;
    color: #6b6e73;
}

.file {
    background-image: none;
    text-align: center;
    float: right;
}

    .file a {
        display: inline-block;
        width: 130px;
        height: 48px;
        line-height: 48px;
        margin-right: 5px;
        padding-left: 50px;
        font-size: 15px;
        font-family: Apple SD Gothic Neo Medium;
        color: #b2b7be;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #e6e7e8;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        background-size: 25px 28px;
        background: url(../img/btn_file.png) no-repeat;
        background-position: left 24px top 50%, 0 0;
    }

.add {
    background-image: none;
    text-align: right;
}

    .add a {
        display: inline-block;
        width: 140px;
        height: 48px;
        line-height: 48px;
        padding-left: 45px;
        font-size: 16px;
        font-family: Apple SD Gothic Neo Medium;
        color: #fff;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #cc6c34;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        background-size: 25px 28px;
        background: url(../img/btn_add.png)15px center no-repeat #ff8842;
        background-position: left 20px top 50%, 0 0;
    }

.ViewDetails_btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 30px;
    background-color: #fff;
    border: 1px solid #d1d6db;
    border-radius: 4px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 14px;
    color: #6b6e73;
    text-align: center;
    box-sizing: border-box;
    margin-top: -4px;
}

:-ms-input-placeholder, :root .ViewDetails_btn {
    line-height: 32px
}

.btn_list_Approval {
    display: inline-block;
    height: 48px;
    line-height: 49px;
    width: 132px;
    border: 1px solid #d1d6db;
    border-radius: 3px;
    margin-right: 5px;
    box-sizing: border-box;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    text-align: center;
}

:-ms-input-placeholder, :root .btn_list_Approval {
    line-height: 46px
}

.btn_list_Refuse {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d1d6db;
    border-radius: 3px;
    padding: 0 51px;
    margin-left: 5px;
    box-sizing: border-box;
    color: #222;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
}

:-ms-input-placeholder, :root .btn_list_Refuse {
    line-height: 46px
}

.list_setting {
    padding-left: 20px;
    border-left: 1px solid #dadee3;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Medium;
}

.list_guide {
    padding-left: 15px;
    color: #b2b7be;
}

.timeWrap {
    position: relative;
    display: inline-block;
    margin-right: 5px;
}

    .timeWrap:last-child {
        margin-left: 5px;
    }


/*관리자팝업*/

.p_Con03 {
    padding: 0 30px;
}

    .p_Con03 h2 {
        font-size: 22px;
        color: #222;
        font-family: Apple SD Gothic Neo Bold;
        font-weight: normal;
        padding: 0 20px;
    }

.p_fileWrap {
    margin-bottom: 20px;
    padding: 10px 20px;
    position: relative;
}

    .p_fileWrap div {
        margin-left: 5px
    }

        .p_fileWrap div:first-child {
            margin-left: 0;
        }

.p_inputS01 {
    width: 40%;
    height: 48px;
    line-height: 48px;
    padding: 13px;
    font-size: 15px;
    color: #6b6e73;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: Apple SD Gothic Neo Medium;
}

.p_btnS03 {
    position: absolute;
    top: 10px;
    left: 38%;
    display: inline-block;
    height: 48px;
    line-height: 50px;
    padding: 0 32px;
    font-size: 15px;
    color: #b2b7be;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #e6e7e8;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 5px;
}

.p_btnAdd {
    background-image: none;
    text-align: center;
    float: right;
    padding-right: 31.5%;
}

    .p_btnAdd a {
        display: inline-block;
        width: 115px;
        height: 48px;
        line-height: 50px;
        padding-left: 50px;
        font-size: 18px;
        font-family: Apple SD Gothic Neo Medium;
        color: #fff;
        text-align: left;
        box-sizing: border-box;
        border: 1px solid #71757b;
        border-radius: 5px;
        -moz-appearance: none;
        -webkit-appearance: none;
        background-size: 25px 28px;
        background: url(../img/btn_add.png)15px center no-repeat #858a9d;
        background-position: left 32px top 50%, 0 0;
    }

:-ms-input-placeholder, :root .p_btnAdd a {
    line-height: 51px;
    background-position: left 32px top 50%, 0 0
}

.p_btnWrap02 {
    margin: 50px 0 70px;
    text-align: center;
}


.p_list_atitle {
    padding: 16px 0 12px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 16px;
    color: #222;
}

.p_list_acont {
    padding: 16px 0 12px;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 16px;
    color: #6b6e73;
}

.p_Btn_regist {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    padding: 0 53px;
    margin: 0 5px;
    font-size: 18px;
    color: #fff;
    background-color: #ff8842;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #cc6c34;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .p_Btn_regist {
    line-height: 53px
}

.p_Btn_cancel {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    padding: 0 53px;
    margin: 0 5px;
    font-size: 18px;
    color: #6b6e73;
    background-color: none;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    border: 1px solid #d1d6db;
    box-sizing: border-box;
}

:-ms-input-placeholder, :root .p_Btn_cancel {
    line-height: 53px
}


/*신팀장 추가*/
/*이미지 원형으로 나오게*/
.boxImg {
    width: 50px;
    height: 50px;
    border-radius: 70%;
    overflow: hidden;
}

.boxImgB {
    width: 80px;
    height: 80px;
    border-radius: 70%;
    overflow: hidden;
}

.profile {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*추가*/
.sSection03 {
    position: relative;
    width: 2920px;
    height: 1788px;
    float: right;
    background: url(../img/bg_16f.png)0 0 no-repeat;
    background-size: 2920px 1788px;
}

.sSection04 {
    position: relative;
    width: 2920px;
    height: 1788px;
    /*float: right;*/
    background: url(../img/bg_14f.png)0 0 no-repeat;
    background-size: 2920px 1788px;
}

.reserveInfo02 span:nth-child(1) {
    background: url(../img/icon_reserve02_01.png)0 0 no-repeat;
    background-size: 14px 14px
}

.reserveInfo02 span:nth-child(2) {
    background: url(../img/icon_reserve02_02.png)0 0 no-repeat;
    background-size: 14px 14px
}

.reserveInfo02 span:nth-child(3) {
    background: url(../img/icon_reserve02_03.png)0 0 no-repeat;
    background-size: 14px 14px
}

.reserveInfo02 span:nth-child(4) {
    background: url(../img/icon_reserve02_04.png)0 0 no-repeat;
    background-size: 14px 14px
}

.reserveInfo02 span:nth-child(5) {
    background: url(../img/icon_reserve02_05.png)0 0 no-repeat;
    background-size: 14px 14px
}

.page-number.active {
    color: #ff8842;
    background: url(../img/paging_line.png)0 bottom no-repeat;
    background-size: 42px 2px;
}

.PopPage-number.active {
    color: #ff8842;
    background: url(../img/paging_line.png)0 bottom no-repeat;
    background-size: 42px 2px;
}

.btnClass {
    display: inline-block;
    width: 80px;
    height: 48px;
    line-height: 48px;
    border-radius: 5px;
    font-size: 15px;
    text-align: center;
    color: #222;
    font-family: Apple SD Gothic Neo Medium;
    border: 1px solid #e6e7e8;
    background-color: #ffffff;
}

.boxImg {
    width: 50px;
    height: 50px;
    border-radius: 70%;
    overflow: hidden;
}

.boxImgB {
    width: 80px;
    height: 80px;
    border-radius: 70%;
    overflow: hidden;
}

.profile {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*세션완료 페이지 추가*/
.session p {
    font-family: AppleSDGothicNeoM;
    font-size: 20px;
    color: #6b6e73;
    text-align: center;
    line-height: 35px;
}

.searchInner {
    width: 100%;
    height: 48px;
    padding: 0 15px;
    font-size: 15px;
    color: #b2b7be;
    border: 1px solid #e6e7e8;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Medium;
    line-height: 48px;
    -webkit-padding-before: 0px;
}

    .searchInner::-ms-clear {
        display: none;
    }

.navActive {
    color: #191f28 !important;
    font-family: Apple SD Gothic Neo Bold;
    background: url(/AsinScript/img/nav_active.jpg)0 63px no-repeat;
    background-size: 110px 3px;
}

.SeatsRoomName {
    position: absolute;
    overflow: hidden;
    word-break: keep-all;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 27px;
    color: #ffffff;
    padding: 15px;
}

/*즐겨찾기 줄바꿈*/

.userWrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.userG_posi01 {
    padding-left: 16px;
    padding-top: 2px;
}

    .userG_posi01 p {
        font-family: Apple SD Gothic Neo Bold;
        font-size: 15px;
        color: #6b6e73;
        display: block;
        padding-bottom: 3px;
    }

    .userG_posi01 span {
        font-family: Apple SD Gothic Neo Medium;
        font-size: 13px;
        color: #b2b7be;
        display: block;
    }
