/* 공통 */
body {background: url('../img/main-bg.png') repeat center / cover;}
.wrapper {position: relative;}
#contents_wrap {padding-left: 90px; height: 100vh;}
.container {width: calc(100% - 90px);margin: 0 auto;}


/* header */
.header {position: fixed;top: 0;left: 0;z-index: 999;width: 90px;height: 100%;background-color: #4a4a4a;box-shadow: 0 5px 11px rgba(0,0,0,0.1);}
.header .container {display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;}

.header .gnb {}
.header .gnb ul {}
.header .gnb ul li {position: relative;height: 90px;text-align: center;}
.header .gnb ul li:nth-child(1) {background-color: #4a4a4a;}
.header .gnb ul li:nth-child(2) {background-color: #b7972a;}
.header .gnb ul li:nth-child(3) {background-color: #b75a79;}
.header .gnb ul li:nth-child(4) {background-color: #1d98b7;}
.header .gnb ul li:nth-child(5) {background-color: #208e61;}
.header .gnb ul li:nth-child(6) {background-color: #3f49a2;}
.header .gnb ul li:nth-child(7) {background-color: #a7582d;}
.header .gnb ul li a {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 100%;height: 100%;color: #fff;}
.header .gnb ul li a i {font-size: 1.5em;}
.header .gnb ul li a span {display: block;margin-top: 10px;font-weight: 300;color: #fff;}
.header .gnb ul li:hover {background-color: #282828;transition: all .2s;}
.header .gnb ul li:hover a i {color: #f9cd27;transition: all .2s;}
.header .gnb ul li.on {background-color: #282828;}
.header .gnb ul li.on:after {content: '';position: absolute;top: 0;right: -90px;border: 45px solid;border-color: transparent transparent transparent #282828;}
.header .gnb ul li.on a i {color: #f9cd27;}

.header .tnb {padding-bottom: 20px;}
.header .tnb .user {position: relative;}
.header .tnb .user .user-icon {display: flex;align-items: center;justify-content: center;height: 50px;color: #ddd;transition: all .2s;cursor: pointer;position: relative;z-index: 5;}
.header .tnb .user .user-info {position: absolute;top: 50%;left: -250px;transform: translateY(-50%); width: 250px;background-color: #4a4a4a;padding: 10px;border-radius: 0 30px 30px 0;transition: all 0.5s;}
.header .tnb .user .user-info .text {display: flex;align-items: center;justify-content: space-between;opacity: 0;}
.header .tnb .user .user-info .text span {display: block;flex: 1 1 0;color: #fff;font-weight: 300;font-size: 0.9em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 10px;}
.header .tnb .user .user-info .text .logout {display: block;width: 58px;background-color: #606060;padding: 3px 0;border-radius: 30px;color: #fff;font-weight: 300;font-size: 0.8em;color: #ddd;text-align: center;}
.header .tnb .user:hover .user-icon {color: #f9cd27;}
.header .tnb .user:hover .user-info {left: 65px;}
.header .tnb .user:hover .user-info .text {opacity: 1;transition: all .3s .3s;}
.header .tnb .setting {display: flex;align-items: center;justify-content: center;height: 50px;color: #ddd;transition: all .2s;}
.header .tnb .setting:hover {color: #f9cd27;}


/* main */
.main {}
.main .container {padding-top: 100px;}

.main h2 {font-size: 2.8em;font-weight: 700;text-align: center;margin-bottom: 50px;}
.main .status-wrap {margin-bottom: 50px;text-align: center;}
.main .status-wrap .title {display: inline-block;margin-bottom: 30px;padding: 8px 60px;background-color: #5b5b5b;border-radius: 30px;font-size: 1.2em;font-weight: 300; color: #fff;text-align: center;}
.main .status-wrap .title span {color: inherit;font-size: inherit;font-weight: inherit;}
.main .status-wrap .status {display: flex;gap: 15px; max-width: 1130px;margin: 0 auto;border-bottom: 1px solid #fff;padding-bottom: 40px;}
.main .status-wrap .status dl{flex: 1 1 0;}
.main .status-wrap .status dt {margin-bottom: 10px;padding: 10px 0;background-color: #fff;font-size: 1.15em;font-weight: 500;}
.main .status-wrap .status dd {display: flex;align-items: center;flex-direction: column;gap: 10px;height: 100px;}
.main .status-wrap .status dd .text {flex: 1 1 0;display: flex;align-items: center;justify-content: space-between;gap: 10px; width: 100%; background-color: #5b5b5b;padding: 0 15px;}
.main .status-wrap .status dd .text.center {justify-content: center;}
.main .status-wrap .status dd .text span {color: #fff;}
.main .status-wrap .status dd .text strong {color: #fff;}

.main .main-menu {display: flex;justify-content: center;gap: 20px;}
.main .main-menu a {display: flex;align-items: center;justify-content: center;flex-direction: column;width: 230px;height: 230px;transition: all .2s;}
.main .main-menu a:nth-child(1) {background-color: #b39833;}
.main .main-menu a:nth-child(2) {background-color: #b75a79;}
.main .main-menu a:nth-child(3) {background-color: #1d98b7;}
.main .main-menu a:nth-child(4) {background-color: #8134fe;}
.main .main-menu a:nth-child(5) {background-color: #e5621a;}
.main .main-menu a img {width: 90px;}
.main .main-menu a span {display: block;margin-top: 10px;font-size: 1.5em;font-weight: 500;color: #fff;}
.main .main-menu a:hover {transform: translateY(-10px);}
.main .main-menu a i {font-size: 50px; color: #fff; display: block; margin-bottom: 20px;}


/* footer */
.footer {padding-left:90px; position:fixed; bottom:20px; left:0; width:100%; min-width:1740px; z-index:100;}
.footer .container {display:flex; align-items:center;}
.footer .footer-bar {display:flex; align-items:center; width:100%; background-color:#fff; border-radius:30px; padding-right:25px;}
.footer .footer-bar .title {background-color:var(--primary-color); color:#fff; font-size:1.15em; padding:12px 18px; border-radius:30px; min-width:150px; text-align:center;}
.footer .footer-bar .status {display:flex; flex:1 1 0; padding-left:25px;}
.footer .footer-bar .status dl {display:flex; align-items:center; flex:1 1 0;}
.footer .footer-bar .status dt {padding-right:10px; margin-right:10px; border-right:1px solid #ddd; font-weight:700;}
.footer .footer-bar .date-box {display:flex; align-items:center; margin-left:auto; border-left:1px solid #ddd; padding-left:15px;}
.footer .footer-bar .date-box .time {padding-left:20px; font-size:1.3em; font-weight:700;}
.footer .footer-logo {width:140px; text-align:center; display: none;}


/* 서브 공통 */
.sub-wrap {}
.sub-wrap .container {width: calc(100% - 200px);height: 100%;padding: 50px 0 100px;}
.sub-wrap .inner {width: 100%;height: 100%;min-width: 1600px;min-height: 780px; background-color: #fff;border-radius: 20px;overflow: hidden;}
.sub-wrap .bg-gray {background-color: #efefef;}
.sub-wrap .bg-white {background-color: #fff;}
.sub-wrap h2 {}
.sub-wrap h3 {font-size: 1.65em;font-weight: 700;color: #08297c;}
.sub-wrap h4 {font-size: 1.15em;font-weight: 700;color: #666;}


/* 버튼 공통 */
.btn-prev::before {content:"\f104";font-family:"Font Awesome 6 Free";font-weight: 900; display: block;}
.btn-next::before {content:"\f105";font-family:"Font Awesome 6 Free";font-weight: 900; display: block;}

.control-btn {display: flex;gap: 5px;}
.control-btn.type01 button {position:relative;display:flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%; border: 1px solid #ccc;background-color: #fff;}
.control-btn.type02 button {background-color: #c7c7c7;color: #fff;}

.btns {display: flex;justify-content: center;gap: 7px;margin-top: 20px;}
.btn.type01 {display: inline-block;min-width: 180px;padding: 15px;text-align: center;border-radius: 3px;}/* normal */
.btn.type02 {display: inline-block;width: 45px;height: 45px; border-radius: 10px;}/* small */
.btn.type03 {display: inline-block;flex: 1 1 0;padding: 30px;text-align: center;border-radius: 3px;}/* large */
.btn.state01 {background-color: #b3b3b3;color: #fff;}/* 취소 */
.btn.state02 {background-color: #08297c;color: #fff;}/* 확인 */
.btn.state03 {background-color: #ea5e00;color: #fff;}



/* input 공통 */
input:focus,
select:focus,
textarea:focus {border-color: #ea5e00 !important;}

.input-wrap {display: flex;gap: 15px;}

.input-text.type01 {position: relative;} /* border */
.input-text.type01 input {width: 100%;padding: 10px;border: 1px solid #cfcfcf;}

.input-textarea.type01 {} /* border */
.input-textarea.type01 textarea {width: 100%;height: 150px;padding: 10px;border: 1px solid #cfcfcf;resize: none;}

/* checkbox */
.input-checkbox input {display: none;}
.input-checkbox label {cursor: pointer;}

.input-checkbox.type01 {}
.input-checkbox.type01 label {display:inline-block;padding-left: 20px;position: relative;}
.input-checkbox.type01 label:before {content:'';width:15px;height:15px;position:absolute;left:0;top:50%;transform:translateY(-50%);display: flex;justify-content: center;align-items: center;border: 1px solid #ddd;background:#fff;box-sizing:border-box;font-size: 0.6em;color: #fff;font-family:"Font Awesome 6 Free";font-weight: 900;}
.input-checkbox.type01 input:checked + label:before {content:'\f00c';background:#072a7e;border: 0;}

.input-checkbox.type01.no-label {display: flex;align-items: center;justify-content: center;}
.input-checkbox.type01.no-label label {padding: 15px 15px 0 0;}

/* radio */
.input-radio input {display: none;}
.input-radio label {cursor: pointer;}

.input-radio.type01 {}
.input-radio.type01 label {display:inline-block;padding-left:20px;position:relative;}
.input-radio.type01 label:before {content:'';width:14px;height:14px;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ddd;border:4px solid #ddd;border-radius:50%;box-sizing: border-box;}
.input-radio.type01 input:checked + label:before {border-color:#072a7e;background:#fff;}

.input-radio.type02 {flex: 1 1 0;text-align: center;}
.input-radio.type02 label {display: block;background-color: #c7c7c7;padding: 30px 0;color: #fff;}
.input-radio.type02 input:checked + label {background-color: #ea5e00;}

/* select */
.input-select.type01 {position:relative;display: flex;align-items: center;min-width: 135px;}
.input-select.type01:after {content:'\f0d7';font-size: 0.8em;font-family:"Font Awesome 6 Free";font-weight: 900;color: #999;position:absolute;right:12px;}
.input-select.type01 select {width: 100%;padding:10px;padding-right:30px;border:1px solid #DFDFDF;}

/* form 공통 */
.input-form.type01 {}
.input-form.type01 > ul {}
.input-form.type01 > ul > li {display: flex;margin-bottom: 15px;}
.input-form.type01 > ul > li:last-child {margin-bottom: 0;}
.input-form.type01 > ul > li .left {width: 100px;}
.input-form.type01 > ul > li .left .title {padding-top: 8px;}
.input-form.type01 > ul > li .left .required {display: inline-block;color: #e00;}
.input-form.type01 > ul > li .right {flex: 1 1 0;}

.input-form.type02 {}
.input-form.type02 > div + div {margin-top: 15px;}

.input-form .input-phone {display: flex;align-items: center;gap: 5px;}
.input-form .input-phone .input-text input {flex: 1 1 100px;}


/* 검색 공통 */
.input-search.type01 {display: flex;gap: 5px;margin-bottom: 15px;}
.input-search.type01 .input-text {display: flex;align-items: center;width: 100%;}
.input-search.type01 .input-text input {border: 3px solid #0c2c7e;}
.input-search.type01 .input-select select {border-color: #0c2c7e;height: 45px;padding-right: 40px;}
.input-search.type01 .input-select::after {right: 8px;}
.input-search.type01 input:focus,
.input-search.type01 select:focus {border-color: #0c2c7e !important;}

.input-search.type01 .remove-btn {width: 21px;height: 21px;color: #555;position:absolute;right:10px;}
.input-search.type01 .input-select .remove-btn {right:20px;}
.input-search.type01 .search-btn {display: block;padding: 0 12px;background: #0c2c7e;color: #eee;white-space: nowrap;}
.input-search.type01 .search-btn span {display: inline-block;color: #eee;white-space: nowrap;}
.input-search.type01 .search-btn::before {content:"\f002";font-family:"Font Awesome 6 Free";font-weight: 900;}

/* 텍스트 */
.underline {text-decoration: underline !important;font-size: inherit;}

.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.align-center {text-align: center !important;}

.sat {color: #4169e1 !important;font-weight: 500;}
.sun {color: #cd5c5c !important;font-weight: 500;}
.txt_sat, .txt_sat .txt_week {color: #4169e1 !important;font-weight: 500;}
.txt_sun, .txt_sun .txt_week {color: #cd5c5c !important;font-weight: 500;}

.badge.type01 {display: inline-block;width: 60px;padding: 7px 0;font-size: 0.9em; color: #fff;border-radius: 3px;}
.badge.state01 {background-color: #8e8e8e;}
.badge.state02 {background-color: #346dff;}
.badge.state03 {background-color: #df3e3e;}
.badge.type01.small {width: auto;min-width: 45px;padding: 5px;}

/* 테이블 공통 */
.table-wrap {overflow: auto;background-color: #fff;border: 1px solid #ddd;box-shadow:0px 3px 6px rgba(0,0,0,0.05);}

.table.type01 {width:100%;border-collapse: separate;}
.table.type01 thead th {padding: 5px 5px;text-align: center;background: #f5f5f5;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 0.9em;color: #08297c;}
.table.type01 tbody td {padding:15px 5px;text-align: center;background: #fff;border-bottom: 1px solid #ddd;font-size: 0.9em;color: #666;}
.table.type01 thead th:last-child {border-right: 0;}
.table.type01 tbody tr:hover td {background-color: #f0f8ff;}
.table.type01 tbody tr.active td {background-color: #f0f8ff;}
.table.type01.small tbody td {padding: 7px 5px;}
.table.type01 .sticky {position: sticky;top: 0;z-index: 1;}

.table.type02 {width:100%;border-collapse: separate;border-left: 1px solid #ddd;}
.table.type02 th,
.table.type02 td {padding:12px 12px;text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size: 0.9em;white-space: nowrap;}
.table.type02 th {font-weight: 700;}
.table.type02 tbody td {color: #666;}
.table.type02 tbody tr:hover td {background-color: #f5f8ff;}
.table.type02 tbody tr.active td {background-color: #f5f8ff;}
.table.type02.small td {padding: 8px 10px;}

.table.type02 .sticky {position: sticky;top: 0;z-index: 1;}
.table.type02 tfoot.sticky {top: auto;bottom: 0;}
.table.type02 thead tr:first-child th,
.table.type02 thead tr:first-child td,
.table.type02 tfoot tr:first-child th,
.table.type02 tfoot tr:first-child td {border-top: 1px solid #ddd;}

.table.type02 .bg-gray {background-color: #f4f4f4;}
.table.type02 .bg-blue {background-color: #e9f1fa;}
.table.type02 .bg-green {background-color: #e8f9e8;}
.table.type02 .underline {color: #1e90ff;font-weight: 500;}


/* 툴팁 */
.tooltip {position: relative;display: flex;align-items: center;justify-content: center;gap: 5px;font-size: inherit;}
.tooltip span {font-size: inherit;}
.tooltip .tooltip-btn {display: flex;align-items: center;justify-content: center;width:17px;height:17px;background-color: #9c9c9c;border-radius: 50%;font-size: 0.65em;color: #fff;}
.tooltip .tooltip-content {display: none; position: absolute;top: 100%; width: 260px;padding: 10px 15px;background-color: #fff;border: 2px solid #1f7ce5;border-radius: 5px; z-index: 59;}
.tooltip .tooltip-content p {font-size: 0.9em;text-align: center;}
.tooltip .tooltip-content p + p {margin-top: 3px;}
.table tr:last-child:not(:first-child) .tooltip-content {top: auto;bottom: 100%;}

/* 팝업 */
.sub-popup {/* display:none; */ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:9999;}
.sub-popup.fixed {display:block;}
.sub-popup .box {left:50%; top:50%; transform:translate(-50%,-50%); position:absolute; max-width:1340px; width:100%; border-radius:15px; overflow: hidden; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.sub-popup .box .popup-head {position: relative; display:flex; flex-wrap:wrap; align-items:center; padding:18px 30px; background:#0a2979;} 
.sub-popup .box .popup-head h2 {font-size:1.2em; font-weight:600; color:#fff;}
.sub-popup .box .popup-head .pop-close-btn {display:block; font-size: 1.2em; color: #fff; position: absolute; right: 30px;}
.sub-popup .box .popup-body {background:#fff; /* padding:30px; */}
.sub-popup .box .popup-body h3 {font-size:1.2em;}

.sub-popup.type02 .box {max-width: 1480px;}
.sub-popup.type02 .box .popup-head {justify-content: center; background: #282828;}

.sub-popup.type03 .box {max-width: 540px;}
.sub-popup.type03 .box .popup-body {padding:30px;}

@media (max-width:991px){
    .sub-popup .box {width:calc(100% - 24px);}
    .sub-popup .box .popup-head {padding:15px;}
    .sub-popup .box .popup-head h2 {font-size: 1em;}
    .sub-popup .box .popup-body {/* padding:15px; */}
}

/* 기본화면 */
.empty-bg {width: 100%;display: flex;align-items: center;justify-content: center;}
.empty-bg::before {content: '';display: block;background: url(../img/logo-circle.png) no-repeat center / contain;width: 280px;height: 280px;}


/* swiper */
.swiper-button-disabled {opacity: 0.5;}


/* 스크롤바 숨기기 */
.scroll-hidden::-webkit-scrollbar {
  display: none; /* 크롬, 사파리, 오페라, 엣지 */
}
.scroll-hidden {
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}


/* list */
.dl-list dl {display: flex;}
.dl-list dl + dl {margin-top: 5px;}
.dl-list dl dt {width: 100px;font-size: 0.9em;font-weight: 700;}
.dl-list dl dd {flex: 1 1 0;font-size: 0.9em;}


/* 영수증 */
.receipt li {padding: 12px 0;}
.receipt .price-wrap dl {align-items: center;}
.receipt .price-wrap dd {text-align: right;}
.receipt .discount-wrap dl {position: relative;align-items: center;}
.receipt .discount-wrap dt {color: #ea5e00;}
.receipt .discount-wrap dd {display: flex;align-items: center;justify-content: flex-end;position: relative;}
.receipt .discount-wrap dd span {width: 50%;text-align: right;}
.receipt .discount-wrap dd .price {width: 50%;text-align: right;}
.receipt .discount-wrap .remove-btn {position: absolute;right: -25px;color: #999;}

/* 총 결제금액 */
.total-wrap {}
.total-wrap dl {display: flex;justify-content: space-between;align-items: flex-end;}
.total-wrap dt {font-size: 1.1em;font-weight: 800;}
.total-wrap dd {text-align: right;}
.total-wrap .price strong {font-size: 1.5em;color: #08297c;}



/* 예약발권 */
.reserv-area {display: flex;width: 100%;height: 100%;}
.reserv-area .left {width: calc(50% - 130px);padding: 40px;background-color: #efefef;}
.reserv-area .left .title {display: flex;align-items: center;margin-bottom: 20px;}
.reserv-area .left .title input {width: 160px;background: none;font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
.reserv-area .left .title .date-btn {margin-left: 20px;width: 30px;height: 30px;border-radius: 5px;border: 1px solid #ccc;}
.reserv-area .left .title .date-btn i {color: #888;}
.reserv-area .left .title .control-btn {margin-left: auto;}
.reserv-area .left .input-checkbox {margin: 10px 0; text-align: right;}
.reserv-area .left .table-wrap {height: calc(100% - 142px);}

.reserv-area .right {width: calc(50% + 130px);background: #fff;display: flex;}
.reserv-area .right .center {display: flex;flex-direction: column;justify-content: space-between; width: 260px;padding: 50px 30px;background-color: #aaa;}
.reserv-area .right .center .info-box {display: flex;flex-direction: column;gap: 20px; padding: 0 20px;}
.reserv-area .right .center .info-box p {padding: 15px 0;background-color: #fff;font-weight: 700;text-align: center;}
.reserv-area .right .center .info-box p:nth-child(1) {border: 4px solid #ed4050;}
.reserv-area .right .center .info-box p:nth-child(2) {border: 4px solid #378be7;}
.reserv-area .right .center .info-box p:nth-child(3) {border: 4px solid #7050bb;}
.reserv-area .right .center .discount .title {margin-bottom: 1px;padding: 18px 0;background-color: #fdf8e2;font-weight: 700;text-align: center;}
.reserv-area .right .center .discount .discount-slide.disabled {position: relative;}
.reserv-area .right .center .discount .discount-slide.disabled::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.2);z-index: 5;}
.reserv-area .right .center .discount .swiper-container {height: 250px;background-color: #fff;padding: 10px;}
.reserv-area .right .center .discount .swiper-slide {background-color: #fdf8e2;border: 2px solid #e77830;}
.reserv-area .right .center .discount .swiper-slide .text {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.reserv-area .right .center .discount .swiper-slide .text strong {}
.reserv-area .right .center .discount .swiper-slide .text span {font-size: 0.9em;color: #888;}
.reserv-area .right .center .discount .control-btn {gap: 0;margin-top: 1px;}
.reserv-area .right .center .discount .control-btn .btn-prev {flex: 1 1 0;padding: 3px 0;border-right: 1px solid #bbb;}
.reserv-area .right .center .discount .control-btn .btn-prev::before {content:"\f106";}
.reserv-area .right .center .discount .control-btn .btn-next {flex: 1 1 0;padding: 3px 0;}
.reserv-area .right .center .discount .control-btn .btn-next::before {content:"\f107";}

.reserv-area .right .receipt-wrap {width: calc(100% - 260px);padding: 40px;background-color: #efefef;}
.reserv-area .right .receipt-wrap h3 {text-align: center;margin-bottom: 15px;}
.reserv-area .right .receipt-wrap .receipt-bg {background: url(../img/img-receipt-bg.png) no-repeat top;height: 580px;background-size: 85%;}
.reserv-area .right .receipt-wrap .receipt {width: 370px;margin: 0 auto;padding: 35px 0 0;}
.reserv-area .right .receipt-wrap .receipt li {padding: 12px 0;}
.reserv-area .right .receipt-wrap .receipt li + li {border-top: 2px dotted #ddd;}

.reserv-area .right .receipt-wrap .receipt .price-wrap {border-top: 1px solid #ddd;min-height: 100px;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dl {padding-right: 10px;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dt {color: #08297c;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dd {display: flex;align-items: center;justify-content: flex-end;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dd .tooltip {width: 50%;justify-content: flex-end;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dd .tooltip-content {left: -30px;}
.reserv-area .right .receipt-wrap .receipt .price-wrap dd .price {width: 50%;}

.reserv-area .right .receipt-wrap .receipt .discount-wrap dl {padding-right: 10px;}
.reserv-area .right .receipt-wrap .receipt .discount-wrap dd {flex: 1 1 0; position: relative;}
.reserv-area .right .receipt-wrap .receipt .discount-wrap dd span {font-size: 1em;}

.reserv-area .right .receipt-wrap .receipt .total-wrap {border-top: 1px solid #ddd;}
.reserv-area .right .receipt-wrap .receipt .total-wrap dt {font-size: 1em;}

.reserv-area .right .receipt-wrap .confirm-btn {margin-top: 15px;}


/* 현장발권 */
.onSite-area {display: flex;width: 100%;height: 100%;}
.onSite-area .left {width: calc(50% + 130px);background-color: #efefef;}
.onSite-area .left .top {display: flex;align-items: center;justify-content: space-between;padding: 30px 40px 15px;border-bottom: 1px solid #ddd;}
.onSite-area .left .top .title {position: relative;padding: 0 40px;}
.onSite-area .left .top .title input {width: 160px;background: none;font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
.onSite-area .left .top .title .control-btn {position: absolute;top: 50%;left: 0; transform: translateY(-50%);width: 100%;align-items: center;}
.onSite-area .left .top .title .control-btn .btn-prev {position: absolute;left: 0;}
.onSite-area .left .top .title .control-btn .btn-next {position: absolute;right: 0;}

.onSite-area .left .middle {height: calc(100% - 111px);padding: 25px 40px;}
.onSite-area .left .middle .category {position: relative; margin-bottom: 20px;}
.onSite-area .left .middle .category a {display: block; font-size: 1.15em;padding: 18px 0;background-color: #bbb;color: #fff;text-align: center;}
.onSite-area .left .middle .category .swiper-container {width: 90%;}
.onSite-area .left .middle .category .swiper-slide.active {background-color: #282828;}
.onSite-area .left .middle .category .control-btn {}
.onSite-area .left .middle .category .control-btn .btn-prev {position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 5;width: 25px;height: 100%;}
.onSite-area .left .middle .category .control-btn .btn-next {position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 5;width: 25px;height: 100%;}

.onSite-area .left .middle .site-box {position: relative;height: calc(100% - 77px);}
.onSite-area .left .middle .site-wrap {height: 100%;overflow-y: auto;}
.onSite-area .left .middle .site-wrap .site-list {width: 100%;display: flex;flex-wrap: wrap;gap: 10px 1%;}
.onSite-area .left .middle .site-wrap .site-list li {width: 15.83%;height: 88px;background-color: #fcd500;border: 1px solid #ddd;}
.onSite-area .left .middle .site-wrap .site-list li.active {border: 4px solid #e30000;}
.onSite-area .left .middle .site-wrap .site-list li.disabled {opacity: 0.5;pointer-events: none;}
.onSite-area .left .middle .site-wrap .site-list li a {display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 8px;}
.onSite-area .left .middle .site-wrap .site-list li .site-name {font-weight: 700;text-overflow: ellipsis;overflow: hidden;word-break: break-word;   
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical}
.onSite-area .left .middle .site-wrap .site-list li .price {display: flex;align-items: center;justify-content: space-between;}
.onSite-area .left .middle .site-wrap .site-list li .price span {font-size: 0.75em;}
.onSite-area .left .middle .site-wrap .site-list li .price strong {font-size: 0.85em;}
.onSite-area .left .middle .site-wrap .site-list li.state01 {background-color: #fcd500;} /* 이용가능 */
.onSite-area .left .middle .site-wrap .site-list li.state02 {background-color: #c1c1c1;} /* 이용중 */
.onSite-area .left .middle .site-wrap .site-list li.state03 {background-color: #ff8590;} /* 예약공실 */
.onSite-area .left .middle .site-wrap .site-list li.state04 {background-color: #67c3fd;} /* 공공용 */
.onSite-area .left .middle .site-wrap .site-list li.state05 {background-color: #4d9797;} /* 점검중 */

.onSite-area .right {position: relative;width: calc(50% - 130px);padding: 40px;background-color: #fff;}
.onSite-area .right .top {margin-bottom: 30px;}
.onSite-area .right .top h3 {margin-bottom: 15px;}
.onSite-area .right .top .state-wrap {display: flex;align-items: center;gap: 0 1%;}
.onSite-area .right .top .state-wrap li {flex: 1 1 0;display: flex;flex-direction: column;align-items: center;padding: 20px 0;}
.onSite-area .right .top .state-wrap li span {margin-bottom: 10px;font-weight: 700;}
.onSite-area .right .top .state-wrap li strong {font-size: 2em;}
.onSite-area .right .top .state-wrap li.state01 {background-color: #fcd500;} /* 이용가능 */
.onSite-area .right .top .state-wrap li.state02 {background-color: #c1c1c1} /* 이용중 */
.onSite-area .right .top .state-wrap li.state03 {background-color: #ff8590;} /* 예약공실 */
.onSite-area .right .top .state-wrap li.state04 {background-color: #67c3fd;} /* 공공용 */
.onSite-area .right .top .state-wrap li.state05 {background-color: #4d9797;} /* 점검중 */

.onSite-area .right .middle {}
.onSite-area .right .middle .title {display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px;}
.onSite-area .right .middle .title .all-btn {}
.onSite-area .right .middle .table-wrap {height: 320px;background-color: #fafbfc;margin-bottom: 20px;z-index: 1;}
.onSite-area .right .middle .table td {font-weight: 500;}
.onSite-area .right .middle .remove-btn {color: #999;}
.onSite-area .right .middle .total-wrap {margin-bottom: 50px;}
.onSite-area .right .middle .btns {position: absolute;bottom: 30px;left: 0;right: 0;}

/* 현장발권 - 자리이동 */
.onSite-area .right .middle .move-site {display: flex;align-items: center; gap: 15px;}
.onSite-area .right .middle .move-site .item {width: 270px;height: 150px;background-color: #fff;border: 3px solid #ddd;display: flex;flex-direction: column;justify-content: space-between;padding: 20px;}
.onSite-area .right .middle .move-site .item.before {border-color: #e30000;}
.onSite-area .right .middle .move-site .item.after {border-color: #20ab00;}
.onSite-area .right .middle .move-site .item .site-name {font-size: 1.2em;font-weight: 700;text-overflow: ellipsis;overflow: hidden;word-break: break-word;   
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical}
.onSite-area .right .middle .move-site .item .price {display: flex;align-items: center;justify-content: space-between;}
.onSite-area .right .middle .move-site .icon {font-size: 1.5em;}

/* 현장발권 - 결제/발권 팝업 */
.pay-pop {display: flex;}
.pay-pop .site-info {flex: 1 1 0;width: 33.33%;padding: 40px 50px;}
.pay-pop .site-info h3 {padding-bottom: 15px;}
.pay-pop .site-info .top {margin-bottom: 25px;}
.pay-pop .site-info .top .table-wrap {height: 200px;background-color: #fafbfc;z-index: 1;}
.pay-pop .site-info .middle {margin-bottom: 40px;}
.pay-pop .site-info .middle .discount-slide {position: relative;}
.pay-pop .site-info .middle .discount-slide .swiper-container {width: 88%;}
.pay-pop .site-info .middle .swiper-slide {background-color: #fdf8e2;border: 2px solid #e77830;}
.pay-pop .site-info .middle .swiper-slide .text {display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px 0;}
.pay-pop .site-info .middle .swiper-slide .text span {font-size: 0.9em;color: #888;}
.pay-pop .site-info .middle .control-btn .btn-prev {position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 5;width: 15px;height: 100%;}
.pay-pop .site-info .middle .control-btn .btn-next {position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 5;width: 15px;height: 100%;}
.pay-pop .site-info .bottom .receipt dt,
.pay-pop .site-info .bottom .receipt dd {font-size: 1em;}
.pay-pop .site-info .bottom .receipt > li {padding: 5px 0;}
.pay-pop .site-info .bottom .receipt > li:nth-last-child(2) {margin-bottom: 15px;}
.pay-pop .site-info .bottom .receipt .discount-wrap dt {width: 160px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pay-pop .site-info .bottom .receipt .total-wrap {border-top: 1px solid #ddd;padding-top: 10px;}

.pay-pop .customer-info {flex: 1 1 0;width: 33.33%;padding: 40px 50px;background-color: #efefef;height: 100%;}
.pay-pop .customer-info h3 {border-bottom: 1px solid #b3b3b3;padding-bottom: 15px;margin-bottom: 35px;}
.pay-pop .customer-info .btns {margin-top: 100px;}

.pay-pop .pay-info {flex: 1 1 0;width: 33.33%;padding: 40px 50px;}
.pay-pop .pay-info h3 {border-bottom: 1px solid #b3b3b3;padding-bottom: 15px;margin-bottom: 35px;}
.pay-pop .pay-info h4 {margin-bottom: 20px;}
.pay-pop .pay-info .empty-bg {height: 450px;}
.pay-pop .pay-info .content02 .text {text-align: center;padding: 30px 0;}
.pay-pop .pay-info .content02 .image {text-align: center;}
.pay-pop .pay-info .content02 .image .card {width: 250px;}
.pay-pop .pay-info .content02 .image img {}
.pay-pop .pay-info .content02 .input-wrap {gap: 5px;}
.pay-pop .pay-info .content02 .input-select.type01 select {width: 100%;}
.pay-pop .pay-info .content02 .btns {margin-top: 250px;}
.pay-pop .pay-info .content03 .input-wrap {gap: 5px;}
.pay-pop .pay-info .content03 .btns {margin-top: 150px;}
.pay-pop .pay-info .content04 .image {text-align: center;padding-top: 30px;}
.pay-pop .pay-info .content04 .text {text-align: center;padding: 10px 0 30px;font-size: 1.5em;color: #e90616;font-weight: 600;}
.pay-pop .pay-info .content04 .text-box {background-color: #eee;padding: 25px 30px;}
.pay-pop .pay-info .content04 .text-box p:not(:last-child) {margin-bottom: 7px;}
.pay-pop .pay-info .content04 .text-box .red {color: #ea1925;}
.pay-pop .pay-info .content04 .step-wrap {display: flex;justify-content: center;align-items: center;gap: 10px; margin-top: 30px;}
.pay-pop .pay-info .content04 .step-wrap .step {display: flex;justify-content: center;align-items: center; width: 100px;height: 100px;border-radius: 50%;background-color: #8a8888;color: #fff;}
.pay-pop .pay-info .content04 .step-wrap .step.step2 {background-color: #ea5e00;}
.pay-pop .pay-info .content04 .step-wrap .next {background: url('../img/icon-next-step.png') no-repeat center;width: 35px;height: 21px;}


/* 조회하기 */
.search-area {display: flex;width: 100%;height: 100%;}
.search-area .left {background-color: #efefef;padding: 50px 0 0 25px;}
.search-area .left .sub-menu {display: flex;flex-direction: column;gap: 10px;}
.search-area .left .sub-menu > li {background-color: #b3b3b3;}
.search-area .left .sub-menu > li.active {background-color: #282828;position: relative;z-index: 5;}
.search-area .left .sub-menu > li.active::after {content: '';position: absolute;top: 0;right: -32px;border-width: 30px 16px;border-style: solid;border-color: transparent transparent transparent #282828;}
.search-area .left .sub-menu > li a {display: flex;align-items: center;justify-content: center;width: 130px;height: 60px;padding: 5px;color: #fff;font-weight: 500;text-align: center;}

.search-area .right {width: calc(100% - 155px);padding: 40px 60px;}
.search-area .right .top {display: flex;align-items: center;gap: 80px;margin-bottom: 30px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.search-area .right .top .title {position: relative;padding: 0 40px;}
.search-area .right .top .title input {width: 160px;background: none;font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
.search-area .right .top .title .control-btn {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;align-items: center;}
.search-area .right .top .title .control-btn .btn-prev {position: absolute;left: 0;}
.search-area .right .top .title .control-btn .btn-next {position: absolute;right: 0;}

.search-area .right .top .title.period {display: flex;align-items: center;gap: 10px;padding: 0;}
.search-area .right .top .title.period .col-box {display: flex;align-items: center;}
.search-area .right .top .title.period .col-box input {width: 160px;background: none;font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
.search-area .right .top .title.period .col-box .date-btn {margin-left: 15px;width: 30px;height: 30px;border-radius: 5px;border: 1px solid #ccc;}
.search-area .right .top .title.period .col-box .date-btn i {color: #888;}
.search-area .right .top .title.period .col-box .control-btn {margin-left: auto;}

.search-area .right .input-search {margin-bottom: 25px;}
.search-area .right .table-wrap {height: 475px;}

/* 조회하기 상세정보 */
.search-pop {display: flex;width: 100%;height: 100%;}
.search-pop .title {margin-bottom: 10px;}
.search-pop .left {width: 50%;padding: 20px 30px;background-color: #efefef;}
.search-pop .left .top .dl-list {background-color: #fff;border: 1px solid #ddd;padding: 15px;}
.search-pop .left .top .dl-list dl + dl {margin-top: 10px;}
.search-pop .left .top .dl-list dl dt {width: 85px; border-right: 1px solid #ddd;}
.search-pop .left .top .dl-list dl dd {padding-left: 15px;}
.search-pop .left .middle {border-top: 1px solid #ddd;padding-top: 15px;margin-top: 15px;}
.search-pop .left .middle .table-wrap {height: 120px;}

.search-pop .right {width: 50%;padding: 20px 30px;}
.search-pop .right .table-wrap {height: 200px;}
.search-pop .right .top {margin-bottom: 30px;}
.search-pop .right .top .title {display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px;}
.search-pop .right .middle .total-wrap {margin-top: 20px;}
.search-pop .right .middle .btns {margin-top: 50px;}

/* 지도보기 */
.map-area {width: 100%;height: 100%;}
.map-area .title {padding:18px 30px; background:#0a2979;}
.map-area .title h4 {color:#fff;}
.map-area .content {display: flex;width: 100%;height: calc(100% - 57px);}
.map-area .content .left {width: 260px;padding: 30px;background-color: #efefef;overflow-y: auto;}
.map-area .content .left .image-list {display: flex;flex-direction: column;gap: 5px;}
.map-area .content .left .image-list .image {height: 120px;text-align: center;overflow: hidden;background: #fff;border: 2px solid transparent;}
.map-area .content .left .image-list .image.active {border: 2px solid #e20404;}
.map-area .content .left .image-list .image a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.map-area .content .left .image-list .image img {max-width: 100%;max-height: 100%;object-fit: cover;}
.map-area .content .right {width: calc(100% - 260px);padding: 30px;}
.map-area .content .right .image {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;display: none;}
.map-area .content .right .image img {max-width: 100%;max-height: 100%;object-fit: cover;}
.map-area .content .right .image.active {display: flex;}

/* 기타수입 */
.other-area {display: flex;width: 100%;height: 100%;}
.other-area .left {width: calc(50% + 130px);background-color: #efefef;padding: 50px 40px;}

.other-area .left .category {position: relative; margin-bottom: 20px;}
.other-area .left .category a {display: block; font-size: 1.15em;padding: 18px 0;background-color: #bbb;color: #fff;text-align: center;}
.other-area .left .category .swiper-container {width: 90%;}
.other-area .left .category .swiper-slide.active {background-color: #282828;}
.other-area .left .category .control-btn .btn-prev {position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 5;width: 25px;height: 100%;}
.other-area .left .category .control-btn .btn-next {position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 5;width: 25px;height: 100%;}

.other-area .left .item-box {position: relative;height: calc(100% - 77px);}
.other-area .left .item-wrap {height: 100%;overflow-y: auto;}
.other-area .left .item-wrap .item-list {width: 100%; display: flex;flex-wrap: wrap;gap: 10px 1%;}
.other-area .left .item-wrap .item-list li {width: 32.6%;border: 2px solid #ddd;}
.other-area .left .item-wrap .item-list li[data-goodsCate="1"] {border-color: #0d8190;}
.other-area .left .item-wrap .item-list li[data-goodsCate="1"] .text {background-color: #daeff3;}
.other-area .left .item-wrap .item-list li[data-goodsCate="2"] {border-color: #31496d;}
.other-area .left .item-wrap .item-list li[data-goodsCate="2"] .text {background-color: #e1edff;}
.other-area .left .item-wrap .item-list li[data-goodsCate="3"] {border-color: #52ba3e;}
.other-area .left .item-wrap .item-list li[data-goodsCate="3"] .text {background-color: #f2fff0;}
.other-area .left .item-wrap .item-list li[data-goodsCate="4"] {border-color: #e54b81;}
.other-area .left .item-wrap .item-list li[data-goodsCate="4"] .text {background-color: #f7e8ee;}
.other-area .left .item-wrap .item-list li[data-goodsCate="5"] {border-color: #8d40a0;}
.other-area .left .item-wrap .item-list li[data-goodsCate="5"] .text {background-color: #fbebff;}
.other-area .left .item-wrap .item-list li[data-goodsCate="6"] {border-color: #f18e39;}
.other-area .left .item-wrap .item-list li[data-goodsCate="6"] .text {background-color: #ffefe1;}
.other-area .left .item-wrap .item-list li.active {border-color: #000;}
.other-area .left .item-wrap .item-list li.active .text {background-color: #f9f9f9;}
.other-area .left .item-wrap .item-list li a {display: flex;flex-direction: column;justify-content: space-between;}
.other-area .left .item-wrap .item-list li .image {display: flex;justify-content: center;align-items: center;background-color: #fff;height: 150px;position: relative;z-index: 1; display: none;}
.other-area .left .item-wrap .item-list li .image img {max-width: 100%;max-height: 100%;object-fit: cover;}
.other-area .left .item-wrap .item-list li .image img::after {content: '';display: block;background: url('../img/logo-circle-gray.png') no-repeat center / cover;width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: -1;}
.other-area .left .item-wrap .item-list li .text {padding: 10px;background-color: #e6f2ff;border-top: 1px solid #ddd;}
.other-area .left .item-wrap .item-list li .text span {display: block;font-weight: 700;}
.other-area .left .item-wrap .item-list li .text .name {text-overflow: ellipsis;overflow: hidden;word-break: break-word;min-height: 40px; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.other-area .left .item-wrap .item-list li .text .price {margin-top: 15px;text-align: right;color: #084fe1;}

.other-area .right {position: relative;width: calc(50% - 130px);padding: 50px 40px;background-color: #fff;}
.other-area .right .title {display: flex;align-items: center;justify-content: space-between; margin-bottom: 15px;}
.other-area .right .table-wrap {height: 70%;background-color: #fafbfc;margin-bottom: 20px;z-index: 1;}
.other-area .right .table td {font-weight: 500;}
.other-area .right .remove-btn {color: #999;}
.other-area .right .input-text input {padding: 5px;text-align: right;}
.other-area .right .total-wrap {margin-bottom: 50px;}
.other-area .right .btns {position: absolute;bottom: 50px;left: 0;right: 0;}

.other-pay-pop h4 {margin-bottom: 15px;}
.other-pay-pop .pay-01 .text {text-align: center;padding: 30px 0;}
.other-pay-pop .pay-01 .image {text-align: center;}
.other-pay-pop .pay-01 .image .card {width: 250px;}
.other-pay-pop .pay-01 .btns {margin-top: 280px;}
.other-pay-pop .pay-02 .btns {margin-top: 220px;}
.other-pay-pop .input-wrap {gap: 5px;}


/* 매출현황 */
.sales-area {width: 100%;height: 100%;}
.sales-area .top {display: flex;justify-content: center;padding:18px 30px;background-color: #efefef;}
.sales-area .top .title {position: relative;padding: 0 40px;}
.sales-area .top .title input {width: 160px;background: none;font-size: inherit;font-weight: inherit;color: inherit;text-align: center;}
.sales-area .top .title .control-btn {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;align-items: center;}
.sales-area .top .title .control-btn .btn-prev {position: absolute;left: 0;}
.sales-area .top .title .control-btn .btn-next {position: absolute;right: 0;}
.sales-area .bottom {width: 100%;height: calc(100% - 67px);padding: 30px 60px;}
.sales-area .bottom .table-wrap {height: 100%;border: 0;}

.sales-pop {padding: 30px;}
.sales-pop h3 {margin-bottom: 10px;}
.sales-pop .top {margin-bottom: 25px;}
.sales-pop .middle {margin-bottom: 25px;}
.sales-pop .middle th {color: #4169e1;}
.sales-pop .bottom th {color: #008000;}
.sales-pop .middle .table-wrap,
.sales-pop .bottom .table-wrap {height: 180px;}
.sales-pop .middle .table.type02 thead.sticky,
.sales-pop .bottom .table.type02 thead.sticky {top: -1px;}
.sales-pop .table-wrap {border: 0;box-shadow: none;}


/* 설정 */
.setting-area {display: flex;width: 100%;height: 100%;}
.setting-area > .left {width: 50%;padding: 40px;}
.setting-area > .left h3 {margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #b3b3b3;}
.setting-area > .left .input-form.type01 > ul > li {align-items: center;margin-bottom: 0;padding: 8px 0;border-bottom: 1px solid #ddd;}
.setting-area > .left .input-form.type01 > ul > li .left {width: 150px;}
.setting-area > .left .input-form.type01 > ul > li .left .title {padding-top: 0;font-weight: 700;}
.setting-area > .left .input-form.type01 .input-wrap {min-height: 41px;align-items: center;gap: 15px;}
.setting-area > .left .input-form.type01 .input-textarea.type01 textarea {height: 90px;}
.setting-area > .left .input-form.type01 .form-list > li {display: flex;align-items: center;margin-bottom: 5px;gap: 10px 20px;font-size: 0.9em;}
.setting-area > .left .input-form.type01 .form-list > li:last-child {margin-bottom: 0;}
.setting-area > .left .input-form.type01 .form-list .title {font-size: inherit;}
.setting-area > .left .input-form.type01 .form-list .input-wrap {min-height: 27px;font-size: inherit;}
.setting-area > .left .input-form.type01 .form-list .input-text.type01 {font-size: inherit;}
.setting-area > .left .input-form.type01 .form-list .input-text.type01 input {width: 90px;padding: 4px;font-size: inherit;text-align: right;}
.setting-area > .left .input-form.type01 .form-list .input-radio.type01 label {font-size: 0.9em;}
.setting-area > .left .input-form.type01 .btn.type01 {min-width: 110px;padding: 11px;}

.setting-area > .right {width: 50%;padding: 40px;background-color: #efefef;display: flex;justify-content: center;align-items: center;}
.setting-area > .right .btn-box {display: flex;flex-direction: column;gap: 40px;}
.setting-area > .right .btn-box > li a {display: flex;justify-content: center;align-items: center;width: 280px;height: 140px;font-size: 1.5em;font-weight: 500;border-radius: 3px;}
.setting-area > .right .btn-box > li p {font-size: 1.15em;font-weight: 700;text-align: center;margin-top: 10px;}


/* 로그인 */
.m-login {width: 480px;margin: 0 auto;}
.m-login .login-form {padding:50px 70px;margin-bottom: 20px;background: rgba(255,255,255,0.4); box-shadow:0 0 11px rgba(0,0,0,0.1);}
.m-login .login-form .login-title {margin-bottom:30px;font-size: 2.3em;font-weight:700;color: #072a7e;text-align: center;}
.m-login .login-form .input-text.type01 label {display: block;margin-bottom: 5px;font-weight: 500;color: #072a7e;}
.m-login .login-form .input-text.type01:first-child {margin-bottom:15px;}
.m-login .login-form .input-checkbox.type01 {margin:11px 0;}
.m-login .login-form .input-checkbox.type01 label {font-size:0.95em;font-weight:300;color:#6a6a6a;}
.m-login .login-form .login-btn {display:block; width:100%; height:50px; margin-top:30px;color:#fff; background-color:#072a7e;}
.m-login .login-notice {padding:10px;}
.m-login .login-notice .notice-box {position:relative; padding-left:25px;}
.m-login .login-notice .notice-box:before {content:"\f06a"; font-family:"Font Awesome 6 Free"; font-weight: 900; color: #072a7e; position:absolute; left:0; top:0px;}
.m-login .login-notice .notice-box p {margin-bottom: 3px;line-height: 1.3;font-weight:300;color:#767676;word-break: keep-all;}