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

.bg {
    background-color: #EEEDEE;
    margin: 0;
    padding: 0;
}

.text-center {
    text-align: center;
}

/* login */
#login-wrap {
    width: 100%;
}

    #login-wrap a, a:visited {
        text-decoration: none;
        cursor: pointer;
        /*color: #666666;*/
    }

        #login-wrap a:hover, a:active {
            text-decoration: none;
            cursor: pointer;
            color: #666666;
        }

    #login-wrap .login {
        position: absolute;
        width: 370px;
        height: 480px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 16px #ddd;
        -moz-box-shadow: 0 5px 16px #ddd;
        box-shadow: 0 5px 16px #ddd;
        padding: 50px 35px 20px 35px;
        left: calc(50% - 185px);
        top: calc(50% - 240px);
    }

        #login-wrap .login .tit {
            font-size: 24px;
            font-weight: 700;
            color: #6c6c6c;
            letter-spacing: -0.02em;
            margin: 22px 0 27px;
        }

        #login-wrap .login .login-form {
            width: 300px;
            margin: 0 auto;
            margin-top: 25px;
        }

        #login-wrap .login .tit span {
            font-size: 30px;
            color: #3556d2;
            line-height: 1.1em;
        }

        #login-wrap .login .text {
            font-size: 20px;
            font-weight: 300;
            color: #666666;
            padding-top: 50px;
            letter-spacing: -0.05em;
        }     

            #login-wrap .login .login-form input {
                width: 300px;
                height: 60px;
                margin-bottom: 15px;
                border: solid 1px #ddd;
                padding: 0 20px;
                line-height: 60px;
                font-size: 18px;
                color: #676767;
                border-radius: 5px;
            }

            #login-wrap .login .login-form button {
                width: 300px;
                height: 60px;
                margin-top: 12px;
                background-color: #a51c38;
                border: 0px;
                font-size: 20px;
                color: #ffffff;
                font-weight: 500;
                letter-spacing: -0.05em;
                border-radius: 50px;
                box-shadow: 0 5px 10px #b3b3b3;
                -webkit-box-shadow: 0 5px 10px #b3b3b3;
            }

            #login-wrap .login .login-form button:hover {
                background-color: #9a1732;
            }

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

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

            #login-wrap .login .ver {
                position: absolute;
                bottom: 20px;
                width: 300px;
                font-size: 14px;
                color: #c7c7c7;
            }


.container{width:1360px;margin:0 auto 125px; padding-bottom: 30px;}
.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:25px;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: 110px 3px;
    }

/*상단 서브메뉴 영역*/
.sub_navWrap {width:100%; background-color: #f6f6f6; height: 53px;}
.sub_nav {position: relative; width: 1360px; height: 53px; margin: 0 auto; box-sizing: border-box;}
.sub_nav > ul {display: flex; position: absolute; right: 88px;}
.sub_nav li {text-align:center; margin-right:30px; }
.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: 60px 0 40px;
    -webkit-margin-after:33px;
}
.titleWrap h2 {font-size:36px;color:#222; font-weight:normal; font-family: Apple SD Gothic Neo Bold;
}

.titleWrap02 {margin: 60px 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: 58px;
    line-height: 58px !important;
    padding: 0 50px;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #cc6c34;
    background-color: #ff8842
}

.btnS01:active, .btnS01:hover, .btnS01:visited {
    color: #fff;
}

/*:-ms-input-placeholder*/r, :root .btnS01,
/*:-ms-input-placeholder*/r, :root .btnS01_gray {
    line-height: 68px
}

.btnS01_gray {
    display: inline-block;
    height: 64px;
    line-height: 64px !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*/r, :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*/r, :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: 18px;
    text-align:center;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    border: 1px solid #d4d8dd
}

.btnS05 {
    display: inline-block;
    height: 58px;
    line-height: 58px !important;
    padding: 0 50px;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    background-color: #728188;
    border: 1px solid #728188;
}

/*:-ms-input-placeholder*/r, :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*/r, :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*/r, :root .calendar .input_date {
    font-size: 15px !important;
}
/*익스*/

/*:-ms-input-placeholder*/r, :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;
}*/

.ic_cal {
    display: inline-block;
    position: relative;
    background-repeat: no-repeat;
    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*/r, :root .input_date {
        display: inline-block;
        width: 220px;
        height: 48px;
        line-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;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        padding-top: 1px;
        /*text-align-last: center;*/
        /*text-align: center;*/
    }*/



/*
/*:-ms-input-placeholder*/r, :root .input_date {
    line-height: 44px !important
}
*/
input:/*:-ms-input-placeholder*/r {
    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: 22px;color: #9fa1a6}
.fontS02 {font-family: AppleSDGothicNeoB;font-size: 23px;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;
    */
}
/*:-ms-input-placeholder*/r, :root .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;*/
}

/*:-ms-input-placeholder*/r, :root .custom-select-trigger {
    position: relative;
    display: block;
    min-width: 143px;
    padding: 0 60px 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;*/
}

.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: 143px;
    padding: 0 60px 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;
    height: 300px;
    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;
    overflow-y: scroll
}


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

.searchWrap {
    margin-bottom: 20px
}
.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
}

.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;
    padding-top: 5px;
    -webkit-padding-before: 0px;
}
.searchInner::-ms-clear {
    display: none;
}

.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*/r, :root .user_posion01 {
    position: absolute;
    top: 35px;
    left: 100px;
    width: 100%;
    font-family: AppleSDGothicNeoB;
    font-size: 18px;
    color: #191f28;
}
_/*:-ms-input-placeholder*/r, :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*/r, :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*/r, :root .dateTable02 div
{width: 18.88px;border-right:1px solid #eee;display: table-cell;height: 138px;box-sizing:border-box} /*익스*/
_/*:-ms-input-placeholder*/r, :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:14px;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:775px}

.sSection02 {
    position: relative;
    width: 2920px;
    height: 1788px;
    float: right;
    background: url(../img/bg_15f.png)0 0 no-repeat;
    background-size: 2920px 1788px;
    background-color: #fafbfc;
}

.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: 16px;
    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: 15px;
    color: #191f28
}

.userO_posi02 {
    position: absolute;
    top: 26px;
    left: 67px;
    width: 100%;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 13px;
    color: #6b6e73;
}

.userB {
    display: flex;
    width: 50px;
    height: 50px;
    background-color: #7b9aff;
    text-align: center;
    font-size: 16px;
    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: 16px;
    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: 16px;
    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);
    text-align: center;
    font-size: 16px;
    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;
}

/*:-ms-input-placeholder*/r, :root .userP {
    display: flex;
    width: 50px;
    height: 50px;
    background: repeating-linear-gradient(-45deg, #969aa1, #969aa1 4px, #656668 5px);
    text-align: center;
    font-size: 16px;
    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: 61px;
    height: 61px;
    margin-top: -4px;
    background-color: #5b627b;
    text-align: center;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
}

.list_section02 .list_seat span {
    font-size: 19px;
    color: #fff;
    font-family: AppleSDGothicNeoB;
    line-height:61px;
    height:61px;
    padding-top:2px;
}

.list_position {margin-left:91px}
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:154px;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;p_Btn
    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;
    font-family: Apple SD Gothic Neo Bold;
    border-radius: 5px;
    background-color: #ff8842;
    border: 1px solid #db7b43;
}

.p_Btn:active, .p_Btn:hover, .p_Btn:focus {color: #fff;}

.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*/r, :root .p_Btn02 {
    line-height: 50px
}

.p_Btn03 {
    position:absolute;
    top:15px;
    right:0;
    height: 48px;
    line-height: 50px;
    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*/r, :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*/r, :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*/r, :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:25px;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:68px}
.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;*/
  background-position: center bottom;
}

#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;*/
    background-position: center bottom;
}

#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: 15px;
    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:13px;
    color:#6b6e73;
    font-family: Apple SD Gothic Neo Medium;
}

.seat_number {
    width: 40px;
    height: 22px;
    line-height: 24px;
    margin-bottom:8px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #5b627b;
    border-radius: 50px;
    font-family: AppleSDGothicNeoB;
}
/*:-ms-input-placeholder*/r, :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*/r, :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:102px;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
}

/*:-ms-input-placeholder*/r, :root .btn_admin_add {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    padding: 0 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*/r, :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*/r, :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*/r, :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*/r, :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: 36px;
        color: #222;
    }


.sentence {
    margin-top: 30px;
}

    .sentence p {
        font-family: Apple SD Gothic Neo Medium;
        font-size: 16px;
        color: #6b6e73;
        text-align: center;
    }

.buttonWrap {
    margin-top: 80px;
    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*/r, :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*/r, :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: 18px;
    color: #222;
}

.list_complete_cont {
    padding: 18px 0px 14px;
    text-align: left;
    font-family: Apple SD Gothic Neo Medium;
    font-size: 18px;
    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*/r, :root .detail_view_btn {
    line-height: 47px;
}

.cancellation_btn {
    display: inline-block;
    height: 58px;
    line-height: 58px;
    padding: 0 50px;
    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*/r, :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*/r, :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: 18px;
    color: #222222;
    margin: 3px 0;
    padding-left: 50px;
}

.list_data {
    font-family: Apple SD Gothic Neo Bold;
    font-size: 20px;
    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;
    padding: 0 35px;
    box-sizing: border-box;
    color: #6b6e73;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
}

.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: #666;
    font-family: Apple SD Gothic Neo Bold;
    font-size: 18px;
    float: right;
}
/*:-ms-input-placeholder*/r, :root .btn_list_detail {
    line-height: 46px
}

.btn_list_detail {
    margin-right: 0
}

.list_section01 {
    text-align: left;
    vertical-align: top;
    padding: 30px 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: 18px;
        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*/r, :root .seatmain_btn {
    line-height: 62px
}










































/***관리자 박혜량***/

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: 16px 0 12px;
    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;
}
/*:-ms-input-placeholder*/r, :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*/r, :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*/r, :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;
}
/*/*:-ms-input-placeholder*/r, */:root .p_btnS03 {
    position: absolute;
    top: 10px;
    left: 38%;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    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*/r, :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*/r, :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*/r, :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;
}


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

/* --- 회의실예약 > 회의실선택 --- */
.custom_room_select {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    width: 200px;
    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;
    transform: translateY(-15px);
    padding: 15px;
    margin-left: 0 !important;
}

    .custom_room_select > ul.floor_wrap > li {
        margin-top: 15px;
    }

        .custom_room_select > ul.floor_wrap > li:first-child {
            margin-top: 0;
        }

        .custom_room_select > ul.floor_wrap > li > div {
            height: 20px;
            line-height: 20px;
            font-size: 15px;
            color: #222;
        }

.cr_floor {
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.custom_room_select > ul.floor_wrap .expand_btn {
    display: inline-block;
    background: url(/AsinScript/img/floor_open.png) left center no-repeat;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

    .custom_room_select > ul.floor_wrap .expand_btn.expanded {
        background: url(/AsinScript/img/floor_close.png) left center no-repeat;
    }

ul.floor_wrap > li > ul {
    margin-left: 10px;
}

    ul.floor_wrap > li > ul > li {
        border-left: 1px dashed #979797;
        line-height: 30px;
    }

        ul.floor_wrap > li > ul > li::before {
            content: '';
            border-bottom: 1px dashed #979797;
            width: 20px;
            display: inline-block;
            vertical-align: middle;
        }

        ul.floor_wrap > li > ul > li:first-child {
            padding-top: 5px;
        }

        ul.floor_wrap > li > ul > li:last-child {
            height: 15px;
            margin-bottom: 25px;
        }

ul.floor_wrap input[type="checkbox"] + label {
    font-size: 15px;
    font-family: 'AppleSDGothicNeoM00';
    color: #888888;
}

    ul.floor_wrap input[type="checkbox"] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid #979797;
        border-radius: 2px;
        background: #fff;
        vertical-align: middle;
        box-sizing: border-box;
        cursor: pointer;
        margin-right: 5px;
    }

ul.floor_wrap input[type="checkbox"]:checked + label span {
    background: url(/AsinScript/img/floor_chked.png) left top no-repeat #ff8842;
    border: none;
    background-size: 20px 20px;
}


/* --- 회의실예약 > 기간선택 --- */

.custom-select-wrapper .period > .custom-select-trigger {
    min-width: 100px;
}


/* --- 신규 회의실예약 공통 --- */

#timeline_wrap {
    width: 100%;
    height: 580px;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

    #timeline_wrap .tb_scroll {
        width: 100%;
        height: 580px;
        min-height: 580px;
        overflow: auto;
        position: relative;
        border-bottom: 1px solid #cfd1d4;
    }

    #timeline_wrap .tb_blank {
        width: 280px;
        height: 37px;
        display: inline-block;
        position: absolute;
        background-color: #fff;
        z-index: 999;
        border-right: 1px solid #cfd1d4;
        border-top: 1px solid #191f28;
        border-bottom: 1px solid #191f28;
        left: 0;
        top: 0px;
    }

    #timeline_wrap .tb_time {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        font-size: 15px;
        color: #191f28;
        height: 37px;
        position: absolute;
        left: 280px;
        z-index: 10;
        background-color: #fff;
        font-weight: 400;
        border-top: 1px solid #191f28;
        border-bottom: 1px solid #191f28;
    }

        #timeline_wrap .tb_time > li {
            width: 90px;
            height: 35px;
            line-height: 35px;
            vertical-align: bottom;
        }

            #timeline_wrap .tb_time > li > span {
                font-weight: 500;
                font-size: 15px;
                color: #191f28;
            }

    #timeline_wrap .tb_tit {
        margin: 0px;
        padding: 0px;
        float: left;
        position: absolute;
        z-index: 9;
        width: 280px;
        top: 37px;
        border-right: 1px solid #dadee3;
    }

.tb_tit > li {
    height: 105px;
    background-color: #fff;
    border-bottom: 1px solid #cfd1d4;
    padding: 20px;
    display: flex;
}

    .tb_tit > li > .tb_thumb {
        width: 64px;
        height: 64px;
        display: inline-block;
        background: url(/AsinScript/img/noimg_64.png) left top no-repeat;
        border-radius: 50%;
    }

    .tb_tit > li > ul {
        margin-left: 15px;
        margin-top: 10px;
    }

        .tb_tit > li > ul > li {
            color: #6b6e73;
            font-size: 15px;
            line-height: 20px;
            font-family: 'AppleSDGothicNeoM00';
        }

            .tb_tit > li > ul > li:first-child {
                color: #191f28;
                font-size: 18px;
                margin-bottom: 7px;
                font-family: 'AppleSDGothicNeoB00';
            }

#timeline_wrap .tb_list {
    width: 100%;
    left: 280px;
    position: absolute;
    top: 37px
}

.tb_list > .tb_list_box {
    position: relative;
    height: 105px;
    width: 100%;
    border-bottom: 1px solid #e6e7e8;
    display: flex;
}

    .tb_list > .tb_list_box > ul {
        display: flex;
        height: 105px;
    }

        .tb_list > .tb_list_box > ul > li {
            width: 15px;
            height: 105px;
            border-left: 1px solid #e6e7e8;
            box-sizing: border-box;
        }

        .tb_list > .tb_list_box > ul:first-child > li:first-child {
            border-left: 0;
        }

        .tb_list > .tb_list_box > ul > li.last_border {
            border-right: 1px solid #e6e7e8;
        }


#timeline_wrap .tb_cover {
    top: 36px;
    position: absolute;
    background: url(/AsinScript/img/bg_diagonal.png) left top repeat;
    border-right: 2px solid #ff8814;
    pointer-events: none;
    z-index: 1;
}

#timeline_wrap.week_rsv .tb_cover {
    top: 68px;
}

#timeline_wrap .tb_cover.end {
    border-right: 0;
}

.rsv_mark.my {
    background-color: #ff8814;
    border: 1px solid #cf6b09;
}

.rsv_mark.part {
    background-color: #7b9aff;
}

.rsv_mark.complete {
    background-color: #728188;
    border: 1px solid #5b6970;
}

#timeline_wrap .tb_time > li.we_sat > span {
    color: #7e8082;
}

#timeline_wrap .tb_time > li.we_sun > span {
    color: #ef440f;
}



/* --- 일간예약 --- */

#timeline_wrap.day_rsv .tb_blank {
    border-right: 0;
}

#timeline_wrap.day_rsv .tb_list > .tb_list_box > ul > li {
    border-left: 1px solid #eee;
}

#timeline_wrap.day_rsv .tb_list > .tb_list_box > ul:first-child > li:first-child {
    border-left: 0;
}

#timeline_wrap.day_rsv .tb_list > .tb_list_box > ul > li:first-child {
    border-left: 1px solid #dadee3;
}

#timeline_wrap.day_rsv .rsv_mark {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    padding: 15px;
}

.rsv_mark > p {
    font-weight: 400;
    font-size: 15px;
    font-family: 'AppleSDGothicNeoM00';
    color: #fff;
    opacity: 0.6;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 14px;
}

    .rsv_mark > p:first-child {
        font-family: 'AppleSDGothicNeoB00';
        color: #fff;
        opacity: 1;
        font-size: 17px;
    }




/* --- 주간예약 --- */

#timeline_wrap.week_rsv .tb_blank {
    height: 68px;
}

#timeline_wrap.week_rsv .tb_time {
    height: 68px;
}


    #timeline_wrap.week_rsv .tb_time > li {
        width: 154px;
        height: 68px;
        border-left: 1px solid #cfd1d4;
        text-align: center;
    }


        #timeline_wrap.week_rsv .tb_time > li:first-child {
            border-left: 0;
        }

        #timeline_wrap.week_rsv .tb_time > li:last-child,
        #timeline_wrap.month_rsv .tb_time > li:last-child {
            border-right: 1px solid #cfd1d4;
        }

        #timeline_wrap.week_rsv .tb_time > li:nth-child(6),
        #timeline_wrap.week_rsv .tb_time > li:nth-child(6) > ul {
            width: 154px;
        }

        #timeline_wrap.week_rsv .tb_time > li:nth-child(7),
        #timeline_wrap.week_rsv .tb_time > li:nth-child(7) > ul {
            width: 156px;
        }


    #timeline_wrap.week_rsv .tb_time .day_half {
        display: flex;
        height: 31px;
        line-height: 30px;
        border-top: 1px solid #cfd1d4;
    }

        #timeline_wrap.week_rsv .tb_time .day_half > li {
            width: 77px;
            font-weight: 400;
            color: #7e8082;
            text-align: center;
            border-left: 1px solid #cfd1d4;
        }

    #timeline_wrap.week_rsv .tb_time > li:nth-child(6) .day_half > li,
    #timeline_wrap.week_rsv .tb_time > li:nth-child(7) .day_half > li {
        width: 78px;
    }

        #timeline_wrap.week_rsv .tb_time > li:nth-child(6) .day_half > li:first-child,
        #timeline_wrap.week_rsv .tb_time > li:nth-child(7) .day_half > li:first-child {
            width: 77px;
        }

    #timeline_wrap.week_rsv .tb_time .day_half > li:first-child {
        border-left: 0;
    }


#timeline_wrap.week_rsv .tb_tit,
#timeline_wrap.week_rsv .tb_list {
    top: 68px;
}

    #timeline_wrap.week_rsv .tb_list > .tb_list_box > ul > li {
        width: 77px;
    }



    #timeline_wrap.week_rsv .tb_list > .tb_list_box > ul > li,
    #timeline_wrap.month_rsv .tb_list > .tb_list_box > ul > li {
        position: relative;
    }

    #timeline_wrap.week_rsv .tb_list > .tb_list_box > ul:nth-child(6) > li:first-child,
    #timeline_wrap.week_rsv .tb_list > .tb_list_box > ul:nth-child(7) > li:first-child {
        width: 78px;
    }

#timeline_wrap.week_rsv .rsv_mark {
    position: absolute;
    left: 0;
    top: calc( 50% - 10px);
    width: 78px;
    height: 20px;
}

#timeline_wrap.week_rsv .tb_cover {
    border-right: 0;
}


/* --- 월간예약 --- */
#timeline_wrap.month_rsv .tb_time > li {
    width: 74px;
    border-left: 1px solid #cfd1d4;
    text-align: center;
}

    #timeline_wrap.month_rsv .tb_time > li:first-child {
        border-left: 0;
    }

#timeline_wrap.month_rsv .tb_list > .tb_list_box > ul > li {
    width: 74px;
}

#timeline_wrap.month_rsv .rsv_mark {
    position: absolute;
    left: 0;
    top: calc( 50% - 10px);
    width: 74px;
    height: 20px;
}


    #timeline_wrap.week_rsv .rsv_mark.my,
    #timeline_wrap.month_rsv .rsv_mark.my {
        border: none;
    }

    #timeline_wrap.week_rsv .rsv_mark,
    #timeline_wrap.month_rsv .rsv_mark.complete {
        border: none;
    }


#timeline_wrap.month_rsv .tb_cover {
    border-right: 0;
}




/*레이어팝업*/
.p_Con.np {
    min-height: 100%;
    padding: 30px;
}

    .p_Con.np .p_Inner > ul {
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e6e7e8;
    }

        .p_Con.np .p_Inner > ul > li:first-child {
            font-size: 18px;
            line-height: 18px;
            margin-bottom: 12px;
            font-family: 'AppleSDGothicNeoB00';
        }

        .p_Con.np .p_Inner > ul > li {
            font-size: 16px;
            line-height: 16px;
            font-family: 'AppleSDGothicNeoM00';
        }

    .p_Con.np .info01 {
        line-height: 15px;
        font-size: 15px;
    }

    .p_Con.np .info02 {
        margin-top: 15px;
        font-size: 15px;
        line-height: 20px;
    }

    /*pop버튼 영역*/
    .p_Con.np > .p_btnWrap {
        width: 100%;
        margin: 35px 0 0 0;
    }

.rsv_list {
    margin-top: 12px;
}

    .rsv_list:first-child {
        margin-top: 0;
    }

    .rsv_list ul li {
        width: 228px;
        height: 20px;
        color: #6b6e73;
        font-size: 15px;
        line-height: 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-top: 5px;
    }

        .rsv_list ul li:first-child {
            margin-top: 0;
        }

        .rsv_list ul li span {
            background: #a9acb4;
            display: inline-block;
            width: 80px;
            height: 20px;
            line-height: 20px;
            border-radius: 2px;
            color: #fff;
            font-size: 13px;
            text-align: center;
            margin-right: 5px;
        }

    .rsv_list > div {
        background: #f3f3f3;
        font-size: 13px;
        color: #484e58;
        height: 24px;
        line-height: 24px;
        margin-bottom: 8px;
        padding-left: 5px;
        font-family: 'AppleSDGothicNeoEB00';
    }

    .rsv_list ul li.my_rsv > span {
        border: 1px solid #ff8814;
        background-color: #fff;
        color: #ff8814;
        box-sizing: border-box;
    }