@charset "utf-8";

/*타이틀*/
#container_title {display: none;}
input[type=button] {cursor:pointer;}

.page-title {
    position: fixed;
    width: 100%;
    background: #f4f5f8;
    z-index: 10;
    top: 70px;
    left: 120px;
    padding: 50px 0 20px;
}
.page-title::after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
.page-title h2 {
    margin: 0;
    float: left;
}
.page-title h2 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.page-title h2 b {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

/*공통*/
.search-wrap form {
    background: #ebeef7;
    padding: 10px 7px;
    border-radius: 10px;
}
.search-wrap .category {
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #676b72;
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background-color: #fff;
    background-image: url("/img/hm/arr_select.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 10px 6px;
    margin: 0 3px;
}
.register-wrap .hotel,
.search-wrap .hotel,
.search-wrap .year {
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #676b72;
    -webkit-appearance:none; /* for chrome */
    -moz-appearance:none; /*for firefox*/
    appearance:none;
    background-color: #fff;
    background-image: url("/img/hm/arr_select.svg");
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 10px 6px;
    margin: 0 3px;
}
.search-wrap .year {width: 120px;}
.register-wrap .hotel, .search-wrap .hotel {width: 180px;}
.search-wrap .month {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px;
}
.search-wrap .month input[type=radio] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.search-wrap .month input[type=radio] + label {
    border: none;
    border-radius: 5px;
    width: 50px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #676b72;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}
.search-wrap .month input[type=radio] + label:hover {color: #605bff;}
.search-wrap .month input[type=radio]:checked + label {
    color: #605bff;
    border: 1px solid #605bff;
}
.search-wrap .calendar-group {
    width: calc(100% - 90px);
    padding: 0 3px;
    display: inline-block;
    vertical-align: middle;
}
.search-wrap input[type=text] {
    font-size: 14px;
    background: #fff;
    color: #676b72;
    padding: 0 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: none;
}
.search-wrap input[type=button],
.search-wrap input[type=submit] {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #605bff;
    border-radius: 5px;
    border: none;
    margin: 0 3px;
}
.inner {position: relative;}
.caption {
    font-size: 14px;
    color: #676b72;
    position: absolute;
    top: 30px;
    right: 30px;
}
.note {
    text-align: right;
    font-size: 14px;
    color: #676b72;
    margin-top: 20px;
}
.table-wrap::-webkit-scrollbar {width: 5px;}
.table-wrap::-webkit-scrollbar-track {background-color:#ebeef7; border-radius: 5px}
.table-wrap::-webkit-scrollbar-thumb {background-color:#605bff; border-radius: 5px;}
.table-wrap table {
    width: 100%;
    font-size: 14px;
    border-spacing: 0;
}
.table-wrap table th {
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #c5cad3;
}
.table-wrap table td {
    padding: 12px 0;
    text-align: center;
    border-bottom: 1px solid #ebeef7;
}
.table-wrap table tr:hover td {background: #f4f5f8;}
.table-wrap table .tb-chk {width: 80px;}
.table-wrap table .tb-num {width: 80px;}
.table-wrap table .tb-mng {width: 150px;}
.table-wrap table .tb-profile .profile-img,
.table-wrap table .tb-img .post-img {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #e0e3ea;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.table-wrap table .tb-profile .profile-img {margin-right: 8px;}
.table-wrap table td.tb-subject,
.table-wrap table td.tb-content {text-align: left;}
.table-wrap .btn-delete {
    background: #fff;
    color: #676b72;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #c5cad3;
    font-weight: normal;
    padding: 0 15px;
    display: inline-block;
}
.table-wrap > ul {
    font-size: 0;
    text-align: center;
}
.table-wrap > ul > li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 12px 0;
}
.table-wrap > ul > li .num {width: 12%;}
.table-wrap > ul > li .category {width: 50%;}
.table-wrap > ul > li .cost {width: 33%;}
.table-wrap > ul > li .btn {
    width: 5%;
    padding: 0;
}
.table-wrap > ul > li.list-head {border-bottom: 1px solid #c5cad3;}
.table-wrap > ul > li.list-body {cursor: pointer;}
.table-wrap > ul > li.list-body > div {border-bottom: 1px solid #e1e4ea;}
.table-wrap > ul > li.list-body .detail-wrap {display: none;}
.table-wrap > ul > li.list-body .detail-wrap li {
    border-bottom: 1px solid #e1e4ea;
    background: #f4f5f8;
}
.table-wrap > ul > li.list-body .category {position: relative;}
.table-wrap > ul > li.list-body .category .category-btn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #605bff;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    text-align: center;
    color: #605bff;
    font-size: 11px;
    cursor: pointer;
    padding: 0;
}
.table-wrap > ul > li.list-body .category .category-detail {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 80%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 5px;
    z-index: 3;
    padding: 5px 15px;
}

.table-wrap > ul > li .btn .btn-detail {
    width: 18px;
    height: 18px;
    line-height: 16px;
    border-radius: 3px;
    border: 1px solid #605bff;
    text-align: center;
    display: inline-block;
}
.table-wrap > ul > li div .btn .btn-detail::after {
    content: "";
    background: url(/img/hm/ico_plus.svg) no-repeat center;
    background-size: 8px 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
}
.table-wrap > ul > li div.active .btn .btn-detail::after {
    background: url(/img/hm/ico_minus.svg) no-repeat center;
    background-size: 8px 8px;
}

.register-wrap .ico {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.register-wrap input[type=file] {
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    border: 1px solid #e1e4ea;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    margin-right: 10px;
}
.register-wrap input[type=button],
.register-wrap input[type=submit] {
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #605bff;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}
form .btn-wrap {
    position: fixed;
    top: 110px;
    right: 50px;
    z-index: 100;
}
form .btn-wrap .btn-modify,
form .btn-wrap .btn-delete {
    background: #fff;
    color: #605bff;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    border: 1px solid #605bff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
}
form .btn-wrap .btn-add,
form .btn-wrap .btn-confirm {
    background: #605bff;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    border: 1px solid #605bff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 0 20px;
}
.form-group label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 15px;
    display: inline-block;
}
.form-group input {
    font-size: 14px;
    background: #fff;
    color: #676b72;
    padding: 0 15px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 8px;
    border: 1px solid #e1e4ea;
}
.form-group .note {
    display: inline-block;
    float: right;
    margin: 0;
}
.list-category ul {overflow: hidden;}
.list-category ul li {
    float: left;
    margin-right: 5px;
}
.list-category ul li a {
    display: inline-block;
    padding: 12px 35px;
    border-radius: 10px 10px 0 0;
    background: #dadfeb;
    color: #676b72;
    font-weight: bold;
    font-size: 14px;
}
.list-category ul li a:hover {color: #605bff;}
.list-category ul li.active a {
    background: #605bff;
    color: #fff;
}

/*차트*/
.apexcharts-tooltip {
    font-family: 'Spoqa Han Sans Neo';
    box-shadow: none !important;
    border-radius: 10px !important;
    background: none !important;
}
.apexcharts-tooltip .tooltip-box,
.apexcharts-tooltip .apexcharts-tooltip-series-group {
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    background: #fff !important;
    border: 1px solid #605bff;
    padding: 8px 10px;
    font-weight: bold;
    color: #3a3e46;
    border-radius: 10px;
    font-size: 14px !important;
}
.apexcharts-tooltip .apexcharts-tooltip-series-group .apexcharts-tooltip-marker {
    width: auto !important;
    height: auto !important;
}
.apexcharts-legend {display: block !important;}
.apexcharts-legend .apexcharts-legend-series {
    display: inline-block !important;
    vertical-align: middle;
}
.chart-data .total {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}
.chart-data #trend {
    font-size: 14px;
    color: #868c98;
}
.chart-data #trend .trend-arrow {margin-right: 8px;}
.chart-data #trend .trend-arrow.increase::after {content: "▲";}
.chart-data #trend .trend-arrow.decrease::after {content: "▼";}

#main #main-chart01 .apexcharts-inner {transform: translate(0,0) !important;}
#main #main-chart01 .apexcharts-legend {
    top: 50px !important;
    left: 54% !important;
    right: inherit !important;
    padding: 0;
}
#main .chart01-wrap {position: relative}
#main .chart01-wrap .chart-data {
    position: absolute;
    left: 55%;
    top: 115px;
    z-index: 1;
}
#main #main-chart02 {
    height: 200px;
    overflow: hidden;
}
#main #main-chart02 .apexcharts-text tspan,
#main #main-chart03 .apexcharts-text tspan {
    font-family: 'Spoqa Han Sans Neo';
    color: #959ba7;
    font-size: 14px;
}
#main #main-chart03 {padding: 0 20px;}

#revenue .chart-data {margin-bottom: 15px;}
#revenue #revenue-chart01 .apexcharts-datalabels-group,
#revenue #revenue-chart02 .apexcharts-datalabels-group {transform: translate(0, 15px);}
#revenue #revenue-chart03 .apexcharts-datalabels-group,
#revenue #revenue-chart04 .apexcharts-datalabels-group {transform: translate(0, 5px);}
#revenue .apexcharts-datalabel-label {font-weight: bold}
#revenue #revenue-chart03 .chart-donut {
    width: 170px;
    height: 170px;
    border: 30px solid #605bff;
    border-radius: 178px;
    margin: 24px auto 0;
}
#revenue #revenue-chart03 .apexcharts-canvas,
#revenue #revenue-chart04 .apexcharts-canvas {margin-top: -30px;}

#expenditure #expenditure-chart01 .apexcharts-inner {transform: translate(0,0) !important;}
#expenditure #expenditure-chart01 .apexcharts-legend {
    top: 40px !important;
    left: 45% !important;
    right: inherit !important;
    padding: 0;
}
#expenditure .chart01-wrap {position: relative}
#expenditure .chart01-wrap .chart-data {
    position: absolute;
    left: 45%;
    top: 75px;
    z-index: 1;
}
#settlement .chart-data {
    overflow: hidden;
    margin-bottom: 50px;
}
#settlement .chart-data .inner-title {
    float: left;
    font-size: 16px;
    margin-top: 10px;
}
#settlement .chart-data .inner-title span {
    color: #676b72;
    font-size: 14px;
    margin-left: 10px;
}
#settlement .chart-data .total {
    float: right;
    margin: 0;
    font-size: 16px;
}
#settlement .chart-data .total b {
    font-size: 30px;
    color: #605bff;
}
#main #main-chart01 .apexcharts-pie {transform: translate(-80px,0) !important;}
@media all and (max-width: 1880px) {
    #main #revenue .box .inner.left-area {padding: 0 20px 50px;}
    #main .chart01-wrap .chart-data {top: 100px;}
}

/*메인*/
section {
    float: left;
    margin-right: 40px;
}
section:last-child {margin-right: 0;}

section .section-title {margin-bottom: 20px;}
section .section-title::after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
section .section-title h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    float: left;
}
section .section-title .btn-more {
    float: right;
    margin-top: 5px;
}
section .section-title .btn-more b {
    font-size: 14px;
    color: #605bff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
section .section-title .btn-more img {
    display: inline-block;
    vertical-align: middle;
}
section .box {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
}

#main section {width: calc((100% - 80px)/3);}
#main section.width-full {
    width: 100%;
    margin-right: 0;
}
#main #revenue .box {overflow-y: hidden;}
#main #revenue .box .hotel-name {
    border-bottom: 1px solid #e0e3ea;
    padding: 30px;
}
#main #revenue .box .hotel-name span {
    font-size: 14px;
    color: #3a3e46;
    font-weight: 500;
    border: 1px solid #e0e3ea;
    padding: 10px 20px;
    border-radius: 8px;
}
#main #revenue .box .inner {
    float: left;
    padding: 50px;
    padding-top: 0;
    margin-top: 50px;
    border-right: 1px solid #e0e3ea;
}
#main #revenue .box .inner.left-area {width: 35%;}
#main #revenue .box .inner.right-area {
    width: 65%;
    border-right: none;
}
#main .board-list li {
    border-bottom: 1px solid #e0e3ea;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}
#main .board-list li:first-child {padding-top: 0;}
#main .board-list li a {
    align-self: flex-start;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
#main .board-list li .right-wrap {
    align-self: flex-end;
    font-size: 12px;
    color: #868c98;
    text-align: right;
}
#main .board-list li .right-wrap > span {margin-right: 15px;}
#main .board-list li .right-wrap > span:last-child {margin-right: 0;}
#main .board-list li .right-wrap .list-name {
    font-weight: bold;
    color: #3a3e46;
}
#main .board-list li .right-wrap .list-status {
    font-weight: 500;
    border: 1px solid #605bff;
    border-radius: 3px;
    padding: 3px 8px;
}
#main .board-list li .right-wrap .status-wait {color: #605bff;}
#main .board-list li .right-wrap .status-complete {
    background: #605bff;
    color: #fff;
}
#main #schedule {margin-right: 0}
#main #schedule .ui-datepicker {
    width: 100%;
    padding: 0;
    border: none;
    background: #fff;
    color: #3a3e46;
    font-family: "Spoqa Han Sans Neo";
}
#main #schedule .ui-datepicker .ui-datepicker-header {
    background: none;
    border: none;
    border-bottom: 1px solid #ebeef7;
    padding: 0 0 15px;
    font-size: 16px;
    margin-bottom: 15px;
}
#main #schedule .ui-datepicker .ui-datepicker-title {
    margin: 0;
    line-height: 1
}
#main #schedule .ui-datepicker .ui-datepicker-prev,
#main #schedule .ui-datepicker .ui-datepicker-next {
    border: none;
    top: 1px;
    cursor: pointer;
    width: 12px;
    height: 10px;
}
#main #schedule .ui-datepicker .ui-datepicker-prev span,
#main #schedule .ui-datepicker .ui-datepicker-next span {
    position: relative;
    left: inherit;
    top: inherit;
    margin: 0;
}
#main #schedule .ui-datepicker .ui-datepicker-prev {left: 30%;}
#main #schedule .ui-datepicker .ui-datepicker-prev span {
    background: url(/img/hm/arr_purple_left.svg) no-repeat center;
    background-size: cover;
    width: 12px;
    height: 10px;
}
#main #schedule .ui-datepicker .ui-datepicker-next {right: 30%;}
#main #schedule .ui-datepicker .ui-datepicker-next span {
    background: url(/img/hm/arr_purple_right.svg) no-repeat center;
    background-size: cover;
    width: 12px;
    height: 10px;
}
#main #schedule .ui-datepicker thead {display: none;}
#main #schedule .ui-datepicker td {padding: 0;}
#main #schedule .ui-state-default,
#main #schedule .ui-widget-content .ui-state-default {
    background: none;
    border: none;
    color: #3a3e46;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 27px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 0;
}
#main #schedule .ui-widget-header .ui-state-default,
#main #schedule .ui-widget-header .ui-state-hover {
    background: none;
    border: none;
}
#main #schedule .ui-state-highlight,
#main #schedule .ui-widget-content .ui-state-highlight,
#main #schedule .ui-widget-header .ui-state-highlight {
    background: #ebeef7;
}
#main #schedule td.ui-datepicker-week-end:first-child .ui-state-default {color: red;}
#main #schedule .today-schedule li {
    font-size: 0;
    margin-top: 20px;
}
#main #schedule .today-schedule li::before {
    content: "";
    width: 4px;
    height: 4px;
    background: #605bff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
#main #schedule .today-schedule li span {
    width: calc(100% - 9px);
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}

/*정산관리*/
#revenue .box.no-padding,
#expenditure .box.no-padding,
#balance .box.no-padding,
#settlement .box.no-padding {padding: 0;}

#revenue .box.no-padding .search-wrap,
#revenue .box.no-padding .top-area,
#expenditure .box.no-padding .search-wrap,
#balance .box.no-padding .search-wrap,
#settlement .box.no-padding .search-wrap {
    padding: 30px;
    border-bottom: 1px solid #ebeef7;
}

#revenue .box.no-padding .bottom-area,
#expenditure .box.no-padding .bottom-area,
#balance .box.no-padding .bottom-area,
#settlement .box.no-padding .bottom-area {overflow: hidden;}

#revenue .box.no-padding .bottom-area .inner,
#expenditure .box.no-padding .bottom-area .inner {
    float: left;
    width: 50%;
    padding: 30px;
    border-right: 1px solid #ebeef7;
}
#revenue .box.no-padding .bottom-area .inner:last-child,
#expenditure .box.no-padding .bottom-area .inner:last-child,
#balance .box.no-padding .bottom-area .inner:last-child {border-right: none;}

#settlement .box.no-padding .bottom-area .inner {
    float: left;
    width: 60%;
    padding: 30px;
    border-left: 1px solid #ebeef7;
}
#settlement .box.no-padding .bottom-area .inner:first-child {border-left: none;}
#settlement .box.no-padding .bottom-area .inner:last-child {width: 40%;}

#expenditure .box.no-padding .bottom-area .table-wrap,
#balance .box.no-padding .bottom-area .table-wrap {
    height: 240px;
    overflow-y: auto;
}

#revenue .box.register-box .register-wrap b {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
#revenue .box.register-box .register-wrap ul {
    display: inline-block;
    vertical-align: middle;
}
#revenue .box.register-box .register-wrap ul li {
    display: inline-block;
    vertical-align: middle;
}
#revenue .box.register-box .register-wrap ul.excel-type li:last-child {margin-right: 10px;}
#revenue .box.register-box .register-wrap ul li:last-child {margin-right: 0;}
#revenue .box.register-box .register-wrap ul li input {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
#revenue .box.register-box .register-wrap ul li input + label {
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #676b72;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    padding: 0 20px;
    border: 1px solid #e1e4ea;
    margin-right: 10px;
}
.box.register-box .register-wrap .hotel {
    border: 1px solid #e1e4ea;
    margin-right: 20px;
}
#revenue .box.register-box .register-wrap ul li input + label:hover {color: #605bff;}
#revenue .box.register-box .register-wrap ul li input:checked + label {
    color: #605bff;
    border: 1px solid #605bff;
}
#revenue .box.no-padding .top-area .chart-wrap::after {
    content: "";
    visibility: hidden;
    clear: both;
    display: block;
}
#revenue .box.no-padding .top-area .chart-wrap > div {
    float: left;
    width: 25%;
    padding: 0 15px;
    text-align: center;
    border-right: 1px solid #ebeef7;
}
#revenue .box.no-padding .top-area .chart-wrap > div:last-child {margin-right: 0;}
#revenue .box.no-padding .bottom-area .table-wrap {
    height: 300px;
    overflow-y: auto;
}

#balance .box.no-padding .bottom-area .inner {
    float: left;
    width: 30%;
    padding: 30px;
    border-left: 1px solid #ebeef7;
}
#balance .box.no-padding .bottom-area .inner:nth-child(2) {width: 40%;}

#revenue .box .top-area .chart-wrap {display: flex;}

#db_list {
    position: relative;
    max-width: 800px;
}
#db_list .btn-wrap {
    position: absolute;
    top: -57px;
    right: 0;
}

#settlement .table-wrap td.minus {color: #ff6161;}
#settlement .caption {
    position: relative;
    top: inherit;
    right: inherit;
    font-size: 14px;
    color: #676b72;
    text-align: right;
    margin: 0 0 15px;
}
#settlement .table-wrap table td .issuance-btn {
    border: 1px solid #605bff;
    border-radius: 5px;
    font-size: 14px;
    background: #fff;
    padding: 3px 8px;
    color: #605bff;
    transition: all .3s;
}
#settlement .table-wrap table td .issuance-btn:hover {
    background: #605bff;
    color: #fff;
}
@media all and (max-width: 1864px) {
    #revenue .box.no-padding .top-area .chart-wrap .chart02-wrap {padding-bottom: 30px;}
}

/*예약 관리*/
#reservationConfig {display: flex;}
#reservationConfig .box {
    width: calc((100% - 40px) / 2);
    margin-right: 40px;
    position: relative;
}
#reservationConfig .box:last-child {margin-right: 0;}
#reservationConfig .mileage-wrap {
    border-bottom: 1px solid #e0e3ea;
    padding-bottom: 30px;
    margin-bottom: 30px;
    font-size: 0;
}
#reservationConfig .mileage-wrap .form-group {
    display: inline-block;
    vertical-align: bottom;
    width: calc((100% - 20px)/2);
    margin-right: 20px;
}
#reservationConfig .add-mileage-wrap {
    font-size: 0;
    margin-bottom: 30px;
}
#reservationConfig .add-mileage-wrap .form-group {
    display: inline-block;
    vertical-align: bottom;
    width: calc((100% - 120px)/2);
    margin-right: 20px;
}
#reservationConfig .add-mileage-wrap input[type=submit] {
    display: inline-block;
    vertical-align: bottom;
    width: 80px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #605bff;
    border-radius: 5px;
    border: none;
}
#reservationConfig .search-wrap {margin-bottom: 30px;}
#reservationConfig .table-wrap .btn-wrap {right: 150px;}
#reservationConfig .btn-wrap {
    position: absolute;
    top: 30px;
    right: 30px;
}

#reservationList .profile-wrap {
    width: 28px;
    height: 28px;
    border: 1px solid #e0e5f0;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
#reservationList .profile-wrap img {
    object-fit: cover;
    width: 28px;
    height: 28px;
}
#reservationList .btn-reservation,
#reservationList .tb-status span {
    background: #fff;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 15px;
    display: inline-block;
    font-weight: 500;
}
#reservationList .btn-reservation.confirm,
#reservationList .tb-status span.wait {
    border: 1px solid #605bff;
    color: #605bff;
}
#reservationList .btn-reservation.complete,
#reservationList .tb-status span.complete {
    border: 1px solid #605bff;
    background: #605bff;
    color: #fff;
    cursor: default;
    pointer-events: none;
}
#reservationList .table-wrap table select {
    width: 120px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 5px;
    border: 1px solid #e0e3ea;
    color: #676b72;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/img/hm/arr_select.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
    background-size: 10px 6px;
}

/*게시물 관리*/
#postList .box {border-radius: 0 20px 20px 20px;}

/*마일리지*/
#pointList .point-wrap {overflow: hidden;}
#pointList .point-wrap .inner {
    float: left;
    width: calc((100% - 60px)/3);
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ebeef7;
}
#pointList .point-wrap .inner:last-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
#pointList .point-wrap .inner .inner-title {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #ebeef7;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
#pointList .point-wrap .inner p {
    text-align: right;
    font-size: 24px;
    font-weight: bold;
}
#pointList .point-wrap .inner:last-child p {color: #605bff;}

/*MY호텔 메인*/
#myHotel section {width: calc((100% - 40px)/2);}
#myHotel section:nth-child(2) {margin-right: 0;}
#myHotel section:last-child {width: 100%;}
#myHotel .board-list li {
    border-bottom: 1px solid #e0e3ea;
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
}
#myHotel .board-list li:first-child {padding-top: 0;}
#myHotel .board-list li a {
    align-self: flex-start;
    font-size: 14px;
    font-weight: 500;
}
#myHotel .board-list li .right-wrap {
    align-self: flex-end;
    font-size: 12px;
    color: #868c98;
}
#myHotel .board-list li .right-wrap > span {margin-right: 15px;}
#myHotel .board-list li .right-wrap > span:last-child {margin-right: 0;}
#myHotel .board-list li .right-wrap .list-name {
    font-weight: bold;
    color: #3a3e46;
}
#myHotel .board-list li .right-wrap .list-status {
    font-weight: 500;
    border: 1px solid #605bff;
    border-radius: 3px;
    padding: 3px 8px;
}
#myHotel .board-list li .right-wrap .status-wait {color: #605bff;}
#myHotel .board-list li .right-wrap .status-complete {
    background: #605bff;
    color: #fff;
}
#myHotel .board-list li .profile-img,
#myHotel .board-list li .post-img {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #e0e3ea;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}

/*엑셀 공통*/
.excel-wrap .search-wrap {margin-bottom: 30px;}
.excel-wrap .search-wrap b {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.excel-wrap .search-wrap .year {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #e1e4ea;
    margin-right: 20px;
}
.excel-wrap .search-wrap input[type=submit] {margin-left: -10px;}
.excel-wrap .table-wrap {border-top: 1px solid #c5cad3;}
.excel-wrap .table-wrap td input {
    font-size: 14px;
    background: #fff;
    color: #676b72;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #e1e4ea;
}

/*세금계산서*/
#taxBill .table-wrap {
    max-width: 650px;
    width: 100%;
    margin: 0 auto;
}
#taxBill .table-wrap table {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
#taxBill .table-wrap table th,
#taxBill .table-wrap table td {padding: 3px;}