.drawer .btn-go-pos { display: block;text-align: center;margin-top: 36px; }

.main-page .summary { padding: 13px 0; background-color: #fff; border-radius: 20px; box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); margin-bottom: 30px; }
.main-page .summary li { width: 16.6%; float: left; text-align: center; }
.main-page .summary li .col { display: inline-block; width: 140px; text-align: left; }
.main-page .summary label { display: block; font-size: 1.2rem; font-weight: 700; color: #919191; margin-bottom: 4px; }
.main-page .summary .indicator { font-size: 2.4rem; color: #919191; margin-bottom: 4px; }
.main-page .summary .sub { font-size: 1.2rem; color: #919191; }

.chart-area { margin-bottom: 30px; }
.chart-area .col { float: left; box-sizing: border-box; }
.chart-area.three-column .col:nth-child(1) { width: 33%; padding-right: 15px; }
.chart-area.three-column .col:nth-child(2) { width: 34%; padding: 0 15px; }
.chart-area.three-column .col:nth-child(3) { width: 33%; padding-left: 15px; }
.chart-area .inner { background-color: #fff; border-radius: 20px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); box-sizing: border-box; padding: 20px; }
.chart-area.two-column { margin-bottom: 0; }
.chart-area.two-column .inner { height: 420px; }
.chart-area.two-column .col { width: 50%; margin-bottom: 30px; }
.chart-area.two-column .col:nth-child(odd) { padding-right: 15px; }
.chart-area.two-column .col:nth-child(even) { padding-left: 15px; }
.chart-area.two-column .graph-wrap.today-report .graph { width: 50%; float: left; box-sizing: border-box; padding: 0 60px; }

.board-top h3 { float: left; font-size: 1.2rem; font-weight: 700; color: #919191; margin-bottom: 45px;}

.graph-wrap.today-report .graph { width: 50%; float: left; box-sizing: border-box; padding: 0 15px; }
.graph-wrap.today-report .graph .box { position: relative; }
.graph-wrap.today-report #today-report01 { width: 150px; }
.graph-wrap.today-report .graph .name { display: block; text-align: center; font-size: 1.5rem; color: #676767; margin-top: 16px; }
.graph-wrap.today-report .graph .info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 30px; box-sizing: border-box; }
.graph-wrap.today-report .graph .info label { display: block; font-size: 1.2rem; color: #919191; text-align: center; }
.graph-wrap.today-report .graph .info .num { text-align: center; font-size: 2.8rem; }
.graph-wrap.today-report .graph .info .today .num { font-weight: 700; }
.graph-wrap.today-report .graph .info .divider { height: 1px; background-color: #eee; margin: 10px 0; }
.graph-wrap.today-report .graph .info .num .unit { font-size: 1.1rem; font-weight: 700; margin-left: 6px; }

.graph-wrap.sales-report { padding: 10px 30px; }
.graph-wrap.sales-report .legend-area { float: left; width: 65%; padding-top: 68px; }
.graph-wrap.sales-report .graph { float: left; width: 35%; }
.graph-wrap.sales-report .legend-area > ul > li { float: left; width: 50%; margin-bottom: 20px; }
.graph-wrap.sales-report .legend-wrap { padding-left: 20px; box-sizing: border-box; position: relative; }
.graph-wrap.sales-report .legend-wrap .sales { font-size: 1.3rem; margin-bottom: 3px; }
.graph-wrap.sales-report .legend-wrap .store-nm { font-size: 1.1rem; color: #919191; }
.graph-wrap.sales-report .legend-wrap .color { width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 3px; left: 0; }
.graph-wrap.sales-report .graph .box { position: relative; }
.graph-wrap.sales-report .graph .info { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 30px; box-sizing: border-box; }
.graph-wrap.sales-report .graph .info label { display: block; font-size: 1.2rem; color: #919191; text-align: center; }
.graph-wrap.sales-report .graph .info .num { text-align: center; font-size: 2.8rem; }
.graph-wrap.sales-report .graph .info .top .num { font-weight: 700; }
.graph-wrap.sales-report .graph .info .divider { height: 1px; background-color: #eee; margin: 10px 0; }

.top-sales-report { margin-bottom: 30px; }
.top-sales-report .inner { background-color: #fff; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); padding: 20px 20px 10px; }
.top-sales-report .board-top h3 { margin-bottom: 20px; }
.top-sales-report tbody td { text-align: center; padding: 30px 0; border-top: 1px solid #E2E2E2; }
.top-sales-report tbody tr:first-child td { border-top: 0; }
.top-sales-report tbody td .value-wrap { display: inline-block; text-align: left; }
.top-sales-report tbody td label { font-size: 1.1rem; color: #919191; margin-bottom: 10px; }
.top-sales-report tbody td .val { font-size: 2rem; }
.top-sales-report tbody td .pf-img { display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: url(../../img/common/user_profile.jpg) no-repeat center; background-size: cover; margin-right: 20px; vertical-align: top; }
.top-sales-report tbody td .name { font-size: 2rem; font-weight: 700; margin-bottom: 2px; }
.top-sales-report tbody td .store { font-size: 1.3rem; }

.notice-board { margin-bottom: 50px; }
.notice-board .half { width: 50%; float: left; box-sizing: border-box; }
.notice-board .half:nth-child(1) { padding-right: 15px; }
.notice-board .half:nth-child(2) { padding-left: 15px; }
.notice-board .board { background-color: #fff; border-radius: 20px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); padding: 20px 20px 10px; }
.notice-board .board-top { margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; }
.notice-board .board-top h3 { margin-bottom: 8px; }
.notice-board .board-top .btn-more { display: inline-block; width: 34px; }
.notice-board .tb-basic tbody td { height: 50px; }

.mypage-wrap .container { width: 1060px; }
.mypage-wrap .profile { position: relative; margin-bottom: 30px; }
.mypage-wrap .profile .user-img { float: left; width: 80px; height: 80px; background-image: url(../../img/common/user_profile.jpg); background-size: cover; border-radius: 50%; margin-right: 30px;position: relative;top: 0;left: 0;display: block;background-repeat: no-repeat;background-position: 50%;font-size: 0; }
.mypage-wrap .profile .user-img .btn-setting { display: inline-block; padding: 4px; border-radius: 50%; background-color: #fff; position: absolute; right: 0; bottom: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); cursor: pointer; }
.mypage-wrap .profile .user-img img { width: 16px; vertical-align: top; }
.mypage-wrap .profile .user-nm { float: left; margin-top: 8px; }
.mypage-wrap .profile .user-nm p { font-size: 1.5rem; margin-bottom: 5px; }
.mypage-wrap .profile .user-nm p strong { font-size: 2.4rem; font-weight: 700; }
.mypage-wrap .profile .btn-wrap { position: absolute; right: 0; bottom: 0; }
.mypage-wrap .profile .btn-wrap button { margin-left: 10px; }
.mypage-wrap .info { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; padding: 30px 0; }
.mypage-wrap .info li { width: 33.33%; float: left; margin: 15px 0; }
.mypage-wrap .info li label { display: inline-block; font-size: 1.2rem; font-weight: 700; margin-bottom: 4px; }
.mypage-wrap .info li p { font-size: 1.5rem; color: #919191; }
.mypage-wrap .info.billing li label { margin-bottom: 30px; }
.mypage-wrap .info.billing li p { margin-bottom: 20px; }
.mypage-wrap .info.billing li button.small { line-height: 24px; font-weight: 400; margin-left: 6px; }

.edit-mypage { padding: 20px 0; border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; text-align: center; }
.edit-mypage .form { display: inline-block; }
.edit-mypage .form .half { float: left; padding: 0 15px; }
.edit-mypage .form input { width: 360px; }
.edit-mypage .form input:disabled { background-color: #e2e2e2; color: #676767; }
.edit-mypage .form .half > div { margin-top: 30px; }
.edit-mypage .form .icon-file { top: 11px; }
.edit-mypage .form .full { padding: 0 15px; }

.tb-user-list #table_01_wrapper { min-height: 620px; }
.tb-user-list .dataTables_wrapper .dataTables_info { position: absolute; bottom: 0; right: 0; }
.tb-user-list .dataTables_wrapper .dataTables_paginate { position: absolute; bottom: 0; left: 0; }

.community-wrap { margin-top: 40px; }
.community-wrap .half-wrap { float: left; width: 50%; box-sizing: border-box; }
.community-wrap .half-wrap:nth-child(1) { padding-right: 15px; }
.community-wrap .half-wrap:nth-child(2) { padding-left: 15px; }
.community-wrap .half-wrap .dt-basic tbody tr .table-reception { vertical-align: top; max-width: 80%; }
.community-wrap .board-detail .top { border-bottom: 1px solid #e2e2e2; padding-bottom: 8px; }
.community-wrap .board-detail .top .tit { float: left; width: 80%; font-weight: 700; font-size: 1.8rem; }
.community-wrap .board-detail .top .count { float:right; font-size:1.2rem; margin-top:6px; }
.community-wrap .board-detail .top .btn-wrap { float: right; margin-top: 5px; }
.community-wrap .board-detail { padding: 16px 32px 20px; background-color: #fff; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.community-wrap .board-detail .top button { font-weight: 700; margin-left: 12px; }
.community-wrap .board-detail .input-area .col { float: none; }
.community-wrap .board-detail .input-area input { width: 100%; }
.community-wrap .board-detail .post-info { border-bottom: 1px solid #e2e2e2; margin-bottom: 20px; padding-bottom: 10px; }
.community-wrap .board-detail .post-info .row { padding-bottom: 10px; }
.community-wrap .board-detail .post-info .half { width: 50%; float: left; position: relative; }
.community-wrap .board-detail .post-info .half > label { font-weight: 700; font-size: 1.2rem; color: #919191; position: absolute; top: 0; left: 0;}
.community-wrap .board-detail .post-info .half > div { font-size: 1.2rem; color: #919191; padding-left: 60px; box-sizing: border-box;}
.community-wrap .board-detail .post-info .half.full { width: 100%; }
.community-wrap .btn-wrap.bottom button { margin: 0 5px;}
.community-wrap .board-detail .post-info .attached-files li { margin-top: 4px; }
.community-wrap .board-detail .post-info .attached-files li:first-child { margin-top: 0; }
.community-wrap .board-detail .post-info .attached-files i { margin-right: 5px; opacity: 0.6; vertical-align: middle; }
.community-wrap .board-detail .post-info .attached-files span { cursor: pointer; vertical-align: middle;}
.community-wrap .board-detail .post-info .attached-files span:hover { text-decoration: underline; }

.community-wrap .scroll-wrap { height: 550px; padding-top: 20px; padding-right: 20px; overflow-y: auto; }
.community-wrap .description-wrap .description { font-size: 1.2rem; line-height: 1.8rem; position: relative; padding-bottom: 20px; white-space: pre-wrap; }
.community-wrap .description-wrap .img-preview { text-align: left; margin-bottom: 30px; white-space: nowrap; }
.community-wrap .description-wrap .img-preview img { width: 70%; }
.community-wrap .description-wrap .img-preview:first-child { margin-top: 30px; }
.community-wrap .description-wrap.answer { padding-top: 25px; padding-left: 50px; box-sizing: border-box; border-top: 1px solid #e2e2e2; }
.community-wrap .description-wrap.answer .tit { font-size: 1.5rem; font-weight: bold; margin-bottom: 25px; }
.community-wrap .description-wrap.answer .tit h4 { display: inline-block; margin-right: 20px; line-height: 2.4rem; margin-bottom: 15px; }
.community-wrap .description-wrap.answer .answer_content { white-space: pre-wrap; }
.community-wrap .description-wrap.answer .date { color: #919191; font-size: 1.2rem; font-weight: normal; }
.community-wrap .description-wrap.answer .date strong { margin-right: 10px; }
.community-wrap .reply-form { padding-top: 25px; border-top: 1px solid #e2e2e2; }
.community-wrap .reply-form label { display: block; font-size: 1.2rem; font-weight: 700; margin-bottom: 10px;}
.community-wrap .reply-form textarea { margin-bottom: 20px; }
.community-wrap .reception { width: 100%; padding-top: 10px; border-top: 1px solid #e2e2e2; color: #919191; font-size: 0.1rem; }
.community-wrap .no-thead .dataTables_scrollHead { display: none; }
.community-wrap .dataTables_scrollHead thead th { padding-top: 0; padding-bottom: 0; }
.community-wrap .dataTables_wrapper { min-height: 625px; }
.community-wrap .dataTables_wrapper .dataTables_info { position: absolute; bottom: 0; right: 0; }
.community-wrap .dataTables_wrapper .dataTables_paginate { position: absolute; bottom: 0; left: 0; }
.community-wrap tbody td .word-cut { display: inline-block; max-width: 90%; vertical-align: middle; }
.community-wrap tbody td .icon-new { vertical-align: top; margin-top: 6px; margin-left: 4px; }

.pg-content .search-area .right .btn-add { color: #3DBEEF;box-sizing: border-box;background-color: #fff; }
.pg-content .search-area .right .btn-add:hover { background-color: #3DBEEF;color: #ffffff; }

.register-main { display: table; height: 100vh; margin: 0 auto; }
.register-main .inner { display: table-cell; vertical-align: middle; }
.register-main .con { display: inline-block; width: 1200px; }
.register-main .con .ment { font-size: 5rem; font-weight: 300; margin-bottom: 100px; }
.register-main .btn-wrap .txt { display: inline-block; font-size: 2.4rem; font-weight: 300; vertical-align: top; margin-top: 22px; }
.register-main .btn-wrap button { vertical-align: top; margin-left: 22px; }

.register-form { width: 750px; }
.register-form .half { width: 460px; }
.register-form .half h2 { font-size: 1.8rem; font-weight: 700; margin-bottom: 25px; }
.register-form .row { margin-bottom: 20px; }
.register-form .add-user-form .row .inp-top-label input { width: 360px; }
.register-form .add-user-form .row .inp-top-label .inp-phone-wrap input { width: 100px; }
.register-form .add-user-form .row .inp-top-label .check-duplicate { width: 70px; }
.register-form .add-user-form .select { width: 360px; }
.register-form .add-user-form .select .a_list .options { max-height: 90px; }
.register-form .add-user-form .work-time { width: 360px; }
.register-form .add-user-form .work-time .select { width: 45%;padding-bottom: 0;vertical-align: middle; }
.register-form .add-user-form .work-time .tail-mark { vertical-align: middle;margin: 0 11px; }

.signup-page .inner { width: 750px; margin: 130px auto 60px; }
.signup-page .steps { text-align: center; margin-bottom: 70px; }
.signup-page .steps ul { display: inline-block; }
.signup-page .steps li { float: left; margin: 0 20px; padding-bottom: 15px; }
.signup-page .steps li.active { color: #3DBEEF; border-bottom: 4px solid #3DBEEF; }
.signup-page .page-top .sub { font-weight: 700; margin-bottom: 15px; }
.signup-page .page-top .tit { font-size: 3.5rem; font-weight: 300; margin-bottom: 35px; }
.signup-page .btn-next span { vertical-align: top; }
.signup-page .btn-next i { vertical-align: top; margin: 13px 0 0 6px; }
.signup-page .sec-top { text-align: right; padding-bottom: 15px; border-bottom: 1px solid #707070; margin-bottom: 30px; }
.signup-page .sec-top .tit { font-size: 1.5rem; font-weight: 700; }
.signup-page .info { padding: 50px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
.signup-page .info .half { width: 360px; }
.signup-page .info label { display: block; height: 16px; font-weight: 700; margin-bottom: 6px; }
.signup-page .info p { font-size: 1.5rem; color: #919191; }
.signup-page .info.none-border { border-top: 0; }
.signup-page #phone_check { visibility: hidden;position: absolute;top: 0;right: 0;width: 0;height: 0; }

.register-voucher .inner { width: 750px; margin: 20px 0 50px; }
.register-voucher .unit { font-size: 15px; margin-left: 5px;}
.register-voucher textarea { height: 200px; }

.service-management .search-area .left { width: 82%; }
.service-management .search-area .left .shadow { width: 100% !important; }
.service-management .search-area .left .inp-sch-btn { width: 100%; }
.service-management .search-area .right { width: 16%; }
.service-management .search-area .right .btn-basic.medium { width: 100%; }
.service-management .board-detail { position: relative; }
.service-management .board-detail .btn-wrap { position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; }

.service-management .vouch-list-table #table_01_filter{ display: none; }

.voucher-payment .left-con { width: 40%; float: left; }
.voucher-payment .right-con { width: 56%; float: right; }
.voucher-payment h3.sec-tit { font-size: 18px; font-weight: 600; margin-bottom: 20px; }
.voucher-payment .member { background-color: #fff; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 45px 30px; }
.voucher-payment .profile { position: relative; height: 110px; margin-bottom: 40px; }
.voucher-payment .profile .img { display: inline-block; width: 80px; height: 80px; border-radius: 50%; background-color: #e2e2e2; /*background: url(../../img/common/user_profile.jpg) no-repeat center; background-size: cover;*/ position: absolute; top: 0; left: 0; }
/*.voucher-payment .profile .img.empty { background: none; background-color: #e2e2e2; }*/
.voucher-payment .profile .info { padding-top: 10px; padding-left: 100px;}
.voucher-payment .profile .name { margin-bottom: 5px; }
.voucher-payment .profile .name strong { font-size: 24px; font-weight: 700;}
.voucher-payment .profile .name span { font-size: 14px; }
.voucher-payment .profile .sub { font-size: 15px; color: #676767; }
.voucher-payment .profile .sub .text { display: inline-block; }

.voucher-payment .voucher-list { overflow: auto; height: 320px; margin-bottom: 40px; border-bottom: 1px solid #e6e6e6; }
.voucher-payment .voucher-list li { width: 25%; float: left; padding-right: 20px; box-sizing: border-box; text-align: center; margin-bottom: 15px; }
.voucher-payment .voucher-list li .box-label { display: block; }
.voucher-payment .voucher-list li .box { background-color: #fff; border-radius: 5px; text-align: center; padding: 10px 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); margin-bottom: 10px; cursor: pointer; }
.voucher-payment .voucher-list li .box .type { display: inline-block; min-width: 50px; font-size: 10px; color: #919191; padding: 2px 4px; border-radius: 3px; border: 1px solid #e2e2e2; margin-bottom: 8px; }
.voucher-payment .voucher-list li .box .tit { font-size: 1.4rem; margin-bottom: 4px; height: 38px; display: table; width: 100%; }
.voucher-payment .voucher-list li .box .tit span{ display: table-cell; vertical-align: middle; }
.voucher-payment .voucher-list li .box .price strong { font-size: 1.2rem; font-weight: 700; font-family: 나눔고딕, sans-serif; }
.voucher-payment .voucher-list li.active .box { background-color: #3abfef; }
.voucher-payment .voucher-list li.active .box .type { background-color: #fff; color: #3abfef; border-color: #fff; }
.voucher-payment .voucher-list li.active .box .tit { color: #fff; }
.voucher-payment .voucher-list li.active .box .price strong { color: #fff; }
.voucher-payment.cancel-membership .voucher-list li.active .box { background-color: #F579A4 !important; }
.voucher-payment.cancel-membership .voucher-list li.active .box .type { color: #F579A4 !important; }
.voucher-payment .right-con .sel-date { float: left; }
.voucher-payment .right-con .sel-date .comment { color: #676767; line-height: 33px; margin-bottom: 10px; }
.voucher-payment .right-con .btn-payment { float: right; }
.voucher-payment .right-con .btn-payment .total { text-align: right; margin-bottom: 10px; }
.voucher-payment .right-con .btn-payment .total label { color: #3abfef;}
.voucher-payment .right-con .btn-payment .total strong { font-size: 2.4rem; font-weight: 700; color: #3abfef; margin-left: 40px; }
.voucher-payment .right-con .btn-payment button { width: 130px; margin-left: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.voucher-payment .right-con .btn-payment button:hover { background-color:#3abfef; color:#fff; }
.voucher-payment .right-con .btn-payment button.btn-cancel-membership:hover { background-color:#F579A4; }

.tb-basic.voucher-detail th { font-size:1.3rem; color:#919191; padding-bottom:30px; }
.tb-basic.voucher-detail td { padding-bottom: 30px; text-align:center; font-size:1.3rem;}
.tb-basic.voucher-detail td del { color:#ccc; }
.dt-basic.tb-voucher .dataTables_info { bottom: auto; left: 0; width: 100%; text-align: center; }

.payment-calculator .left { width: 325px; float: left; margin-right: 30px; }
.payment-calculator .right { width: 315px; float: right; }
.payment-calculator .total-price-input { background-color: #3abfef; color: #fff; border-color: #3abfef; }
.payment-calculator .keypad { border: 1px solid #cbcbcb; border-radius: 10px; box-sizing: border-box; padding: 14px 7px; }
.payment-calculator .keypad .col { float: left; width: 33.33%; box-sizing: border-box; padding: 0 7px; }
.payment-calculator .keypad .col input { width: 100%; height: 50px; font-size: 1.8rem; line-height: 50px; text-align: center; background-color: #f0f0f0; border: 1px solid #cbcbcb; border-radius: 5px; margin-top: 8px; color: #676767; }
.payment-calculator .keypad .col input.key-enter { height: 108px; line-height: 108px; color: #fff; background-color: #3abfef; border-color: #3abfef;}
.payment-calculator .keypad .col input.no-margin { margin-top: 0; }

/* 20200610 layer popup coach search list area */
.inp-top-label .user_list {max-height: 55px;overflow: scroll;padding: 10px;}
.inp-top-label .user_list ul li {line-height: 2.6rem;font-size: 1.6rem;cursor: pointer;}

/* 20200629 layer popup client search list area */
.client_list {max-height: 55px;overflow: scroll;padding: 10px;}
.client_list ul li {line-height: 2.6rem;font-size: 1.6rem;cursor: pointer;}
.client_list ul li:hover { background-color: #FFFFFF; }

/* search_bar 공통 css */
.search-area .left .tab-btns .tab-li .btn-basic { width: 65px; }
.search-area .left .inp-sch-btn .inp-wrap input { width: 460px; }

.search-area.brand-list .left { width: 63%; }
.search-area.brand-list .right { width: 35%; text-align: right; }
.search-area.brand-list .inp-sch-btn { display: block; }
.search-area.brand-list .inp-sch-btn .inp-wrap { float: none; }
.search-area.brand-list .right button { width: 46%; }
.search-area.brand-list a { display: block; }

.search-area.member-management .left { width: 33%; }
.search-area.member-management .left .option-box { margin: 12px 0 0 20px; }
.search-area.member-management .right { width: 65%; }
.search-area.member-management .right .inp-sch-btn { display: block; }

.dt-basic.tb-user-list .bottom-total-user { width: 92%;text-align: center; }

.member-management-detail .container { width: 860px; }
.member-management-detail .profile { position: relative; }
.member-management-detail .profile .user-img { display: inline-block; width: 80px; height: 80px; background: url(../../img/common/user_profile.jpg) no-repeat center; background-size: cover; border-radius: 50%; position: absolute; top: 0; left: 0; }
.member-management-detail .profile .user-img .btn-setting { display: inline-block; padding: 4px; border-radius: 50%; background-color: #fff; position: absolute; right: 0; bottom: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); cursor: pointer; }
.member-management-detail .profile .user-img img { width: 16px; vertical-align: top; }
.member-management-detail .member-info { padding-left: 110px; }
.member-management-detail .member-info .user-nm strong { font-size: 2.4rem; font-weight: 700; }
.member-management-detail .member-info .user-nm p { font-size: 1.5rem; margin-bottom: 5px; }
.member-management-detail .user-nm { padding-top: 10px; margin-bottom: 50px; }
.member-management-detail .member-info .info li { width: 33.33%; float: left; }
.member-management-detail .member-info .info label { display: block; font-size: 1.2rem; font-weight: 700; margin-bottom: 5px; }
.member-management-detail .member-info .info p { font-size: 1.5rem; }

.reservation-form .select-area { width: 17%; float: left; }
.reservation-form .calendar-area { width: 80%; float: right; position: relative; }
.reservation-form .sel-coach-list { overflow-y: auto; height: 576px; margin-top: 20px; position: relative; }
.reservation-form .sel-coach-list li { margin-bottom: 10px; padding: 14px; box-sizing: border-box; border-radius: 10px; }
.reservation-form .sel-coach-list li:hover { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); cursor: pointer;}
.reservation-form .sel-coach-list li.active { background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); }
.reservation-form .sel-coach-list li .name { font-size: 1.4rem; margin-bottom: 8px; font-weight: 700; }
.reservation-form .sel-coach-list li .name span { font-size: 1.2rem; font-weight: 400; margin-left: 5px;}
.reservation-form .sel-coach-list li .count p { width: 33.3%; float: left; font-size: 1.2rem; }
.reservation-form .sel-coach-list .closed-indicator { position: relative; padding-left: 16px; margin-left: 10px; }
.reservation-form .sel-coach-list .closed-indicator:after { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #F579A4; position: absolute; top: 5px; left: 4px; }

/* flash message */
.flash-message { width: 100%;font-size: 1.4rem;text-align: left;padding: 15px;box-sizing: border-box;background-color: #E8F5FB;color: #587E90;border: 1px solid #BBCDD6;border-radius: 8px; }

.calendar-area .fc-center h2 { font-size: 2.1rem; }
.calendar-area .fc-right { visibility: hidden;}
.calendar-area .fc-left .fc-prev-button,
.calendar-area .fc-left .fc-next-button { background-color: #ccc; background-image: none; border: none; margin-right: 2px; width: 32px; height: 32px; text-shadow: none; box-shadow: none; position: relative; }
.calendar-area .fc-left .fc-prev-button:hover,
.calendar-area .fc-left .fc-next-button:hover { background-color: #777;}
.calendar-area .fc-left .fc-prev-button:before { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(-45deg); position: absolute; top: 14px; left: 15px; }
.calendar-area .fc-left .fc-prev-button:after { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 8px; left: 15px; }
.calendar-area .fc-left .fc-next-button:before { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(-45deg); position: absolute; top: 8px; left: 15px; }
.calendar-area .fc-left .fc-next-button:after { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 14px; left: 15px; }
.calendar-area .fc-left .fc-today-button { background-color: #3ABFEF; background-image: none; border: none; margin-right: 2px; border-radius: 4px; width: 60px; height: 32px; text-shadow: none; color: #fff; box-shadow: none; opacity: 1; }
.calendar-area .fc-left .fc-icon { color: #fff; display: none; }
.calendar-area .option-box.filter { position: absolute; top: 7px; right: 0; }
.calendar-area .option-box.auto-update { position: absolute; top: 7px; left: 155px; }
.calendar-area .fc-view-container { background-color: #fff; }
.calendar-area .fc-day-header { line-height: 34px; }
.calendar-area .fc-event { border: none; background-color: transparent; color: #676767; cursor: pointer; }
.calendar-area .fc-event:hover { color: #676767;}
.calendar-area .fc-content { padding-left: 18px; position: relative; }
.calendar-area .fc-content:after { content: ""; display: block; width: 6px; height: 6px; border-radius: 10px; position: absolute; top: 4px; left: 6px; }
.calendar-area .type-reservation .fc-content:after { background-color: #3DBEEF; }
.calendar-area .type-all-reservation .fc-content:after { background-color: #3DBEEF; }
.calendar-area .type-closed .fc-content:after { background-color: #F579A4; }
.calendar-area .type-all-closed .fc-content:after { background-color: #F579A4; }
.calendar-area .fc-highlight { background-color: rgb(225, 247, 255); position: relative; }
.calendar-area .fc-day { cursor: pointer;}

.layer-popup.schedule .regist-form { width: 620px; }
.layer-popup.schedule .regist-form .row { margin-bottom: 20px; }
.layer-popup.schedule .regist-form .row:last-child { margin-bottom: 0 }
/*.layer-popup.schedule .option-wrap { display: none; }*/
.layer-popup.schedule .section.form02 .date-picker-wrap { vertical-align: top; margin-right: 8px; }
.layer-popup.schedule .section.form02 .time-select-wrap { vertical-align: top; margin-right: 8px; }
.layer-popup.schedule .section.form02 .select-radio-box li { width: auto; line-height: 1.5rem; text-align: center; padding: 13px 18px; color: #676767; }
.layer-popup.schedule .section.form02 .select-radio-box li span { display: block; font-size: 1.2rem; margin-top: 4px;}
.layer-popup.schedule .section.form02 .select-radio-box li.active { color: #fff; }

.layer-popup.view-closed h4 span { font-weight: 400; font-size: 1.8rem;}
.layer-popup .registered-item-list { width: 440px; max-height: 318px; overflow-y: auto; }
.layer-popup .registered-item-list ul li { border-top: 1px solid #e2e2e2; padding: 20px 0; list-style: none;}
.layer-popup .registered-item-list .pf { float: left; }
.layer-popup .registered-item-list .pf .pf-img { border-radius: 50%; border: 2px solid #3ABFEF; box-sizing: border-box; display: inline-block; width: 34px; height: 34px; vertical-align: top; font-size: 0; }
.layer-popup .registered-item-list .pf p { display: inline-block; font-size: 1.6rem; font-weight: 700; line-height: 34px; margin-left: 12px; }
.layer-popup .registered-item-list .pf span { font-size: 1.2rem; }
.layer-popup .registered-item-list .top .btns { float: right; }
.layer-popup .registered-item-list .top .btns button { width: 60px; margin-left: 5px; }
.layer-popup .registered-item-list .info { text-align: left; }
.layer-popup .registered-item-list .info .row { margin-bottom: 10px; }
.layer-popup .registered-item-list .info .row:last-child { margin-bottom: 0; }
.layer-popup .registered-item-list .info .half { width: 50%; float: left; }
.layer-popup .registered-item-list .info .row i { vertical-align: top;}
.layer-popup .registered-item-list .info .row span { vertical-align: top; display: inline-block; font-size: 1.4rem; margin-top: 2px; margin-left: 5px;}

.calendar-area.weekly .pager { position: absolute; top: 0; left: 0; }
.calendar-area.weekly .pager .btn-weekly-prev,
.calendar-area.weekly .pager .btn-weekly-next { float: left; background-color: #ccc; background-image: none; border: none; width: 32px; height: 32px; text-shadow: none; box-shadow: none; position: relative; }
.calendar-area.weekly .pager .btn-weekly-prev { border-radius: 4px 0 0 4px; margin-right: 1px;}
.calendar-area.weekly .pager .btn-weekly-next { border-radius: 0 4px 4px 0; }
.calendar-area.weekly .pager .btn-weekly-prev:hover,
.calendar-area.weekly .pager .btn-weekly-next:hover { background-color: #777;}
.calendar-area.weekly .pager .btn-weekly-prev:before { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(-45deg); position: absolute; top: 14px; left: 15px; }
.calendar-area.weekly .pager .btn-weekly-prev:after { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 8px; left: 15px; }
.calendar-area.weekly .pager .btn-weekly-next:before { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(-45deg); position: absolute; top: 8px; left: 15px; }
.calendar-area.weekly .pager .btn-weekly-next:after { content: ""; display: block; width: 2px; height: 10px; background-color: #fff; transform: rotate(45deg); position: absolute; top: 14px; left: 15px; }
.calendar-area.weekly .pager .btn-weekly-today { float: left; background-color: #3ABFEF; background-image: none; border: none; margin-right: 2px; border-radius: 4px; width: 60px; height: 32px; text-shadow: none; color: #fff; box-shadow: none; margin-left: 11px; }

.calendar-area.weekly .cal-title { text-align: center; font-size: 2.1rem; margin-bottom: 16px;}
.calendar-area.weekly .scroll-wrap { height: 598px; overflow-y: hidden; position: relative; }
.calendar-area.weekly .scroll-wrap.active { overflow-y: auto; }
.calendar-area.weekly .scroll-wrap .dim { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 10;}
.calendar-area.weekly .scroll-wrap .dim .ment { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 1.5rem;}
.calendar-area.weekly table { background-color: #fff; }
.calendar-area.weekly table th,
.calendar-area.weekly table td { border: 1px solid #ddd; }
.calendar-area.weekly table thead th { line-height: 3.3rem;}
.calendar-area.weekly table tbody td { padding: 10px 0; text-align: center; cursor: pointer; }
.calendar-area.weekly .events-wrap { display: inline-block; width: 75%;vertical-align: middle; }
.calendar-area.weekly .event-indicator { display: inline-block; width: 100%; height: 34px; background-color: #F5F6FA; border-radius: 25px; vertical-align: top; cursor: pointer; margin-bottom: 6px; }
.calendar-area.weekly .event-indicator:last-child { margin-bottom: 0; }
.calendar-area.weekly .event-indicator .pf { float: left; width: 30%; }
.calendar-area.weekly .event-indicator .pf img { width: 34px; border: 2px solid #3ABFEF; border-radius: 50%; box-sizing: border-box; vertical-align: top; }
.calendar-area.weekly .event-indicator .info { width: 70%; float: right; text-align: center; padding-top: 3px; padding-right: 6px; box-sizing: border-box; }
.calendar-area.weekly .event-indicator .name { font-size: 1.2rem; font-weight: 700; }
.calendar-area.weekly .event-indicator .time { font-size: 1rem; }
.calendar-area.weekly .closed-indicator { background-color: #f5f5f5; font-size: 1.2rem; font-weight: 700; color: #F579A4; }

.password-page .btn-find:hover { background-color: #3ABFEF; color: white; }

@media (max-width: 1680px) {
  .chart-area.three-column .inner { height: 326px; }
  .chart-area.two-column .inner { height: 365px; }

  /* 신청자리스트,사용자리스트 : 테이블 높이 변경 */
  .dt-basic.tb-user-list .dataTables_wrapper.no-footer .dataTables_scrollBody { height: 485px !important; }

  .tb-user-list #table_01_wrapper { min-height: 590px; }

  /* 마이레슨 매출집계,사용자 기간별 매출집계,사용자 점별 매출집계 : 테이블 높이 변경 */
  .dt-basic.tb-sales-report .dataTables_scrollBody { height: 460px !important; }

  /* 공지사항, 보낸 메시지, 1:1문의 : 테이블 높이 변경 */
  .dt-basic.no-thead.tb-community .dataTables_scrollBody { height: 550px !important; }
  .dt-basic.tb-community .dataTables_scrollBody { height: 516px !important; }
  .dt-basic.tb-voucher .dataTables_scrollBody { height: 460px !important; }

  .community-wrap .dataTables_wrapper { min-height: 528px; }
  .community-wrap .scroll-wrap { height: 450px; }
  .graph-wrap.sales-report .legend-area { padding-top: 40px; }
}

@media (max-width: 1440px) {
  .graph-wrap.today-report .graph .info .num { font-size: 2.4rem; }
  .graph-wrap.today-report .graph .info .divider { margin: 2px 0; }
  .chart-area.three-column .inner { height: 290px; }
  .chart-area.two-column .inner { height: 290px; }
  .search-area.brand-list .left { width: 57%; }
  .search-area.brand-list .right { width: 40%; text-align: right; }
  .search-area.brand-list .inp-sch-btn .inp-wrap input[type="search"] { width: 100% !important; }
  .search-area.member-management .inp-sch-btn .inp-wrap input[type="search"] { width: 100% !important; }
}

@media (max-width: 1280px) {
  .chart-area.three-column .inner { height: 280px; }
  .chart-area.two-column .inner { height: 280px; }
  .community-wrap .dt-basic .dt-table { width: 100% !important; }
}